@charset "utf-8";

/*-----------reset----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,table,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
}
img {
	border: 0;
	vertical-align: bottom;
}
ul,li {
	list-style: none;
}
.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;} /*
End hide from IE-mac */


/*------------body------------*/
body {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-size: 15px;
	line-height: 1.8em;
	-webkit-text-size-adjust: 100%;
	background: url(../img/bg_body.png) repeat-x;
}

a:link,a:visited {
	color: #004880;
	text-decoration: none;
}

a:hover,a:active {
	color: #004880;
	text-decoration: underline;
}
#wrap {
	width: 960px;
	margin: 0 auto;
}
#conetnts {
	width: 960px;
        overflow: hidden;
}
#contents_left {
	width: 240px;
	float: left;
}
#contents_right {
	width: 680px;
	float: right;
	overflow: hidden;
}
/*------------header/menu------------*/
#header {
	width: 960px;
	height: 109px;
}
h1 {
	width: 275px;
	height: 60px;
	margin-top: 24px;
	float: left;
}
#h_right {
	width: 410px;
	float: right;
}
#h_right #h_navi_box {
	margin: 10px 0 5px 0;
}
#h_right #textresizer {
	width: 80px;
	height: 24px;
	background: url(../img/bg_font.png) no-repeat;
	float: left;
	margin-right: 18px;
	padding: 2px 0 2px 76px;
}
#h_right #textresizer li {
	width: 24px;
	height: 24px;
	margin-right: 2px;
	float: left;
}
#h_right #textresizer li img{
	vertical-align: top;
}
#h_right #search {
	width: 220px;
	height: 24px;
	float: right;
}
#h_right #search li {
	margin-right: 20px;
}
#h_right #search li #searchform {
	width: 220px;
	background: url(../img/input4_1.gif) left top no-repeat; 
	display: block;
	height: 24px;
	position: relative;
}
#h_right #search li #keywords {
	width: 174px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FFF;
}
#h_right #search li #searchBtn {
	position: absolute;
	top: 3px;
	left: 188px;
}
#h_right #add_tel {
	width: 290px;
	height: 60px;
}
#h_right #h_navi{
	width: 100px;
	height: 60px;
	float: right;
	margin-left: 20px;
}
#h_right #h_navi li {
	width: 100px;
}
#h_right #h_navi li:last-child {
	margin-top: 6px;
}
@media screen and (min-width:641px) {
#g_menu {
	width: 960px;
  	height: 60px;
	margin: 0 auto;
}
#g_menu li {
	width: 160px;
	float: left;
	position: relative;
}
#g_menu li a {
	display: block;
}
#g_menu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	width: 160px;
}
#g_menu li ul li {
	overflow: hidden;
	width: 160px;
	height: 0;
	color: #222;
	transition: .2s;
}
#g_menu li ul li a {
	display: block;
	width: 160px;
	color: #222;
	padding: 10px 0;
	background: #dcdcf3;
	line-height: normal;
	border-top: 1px solid #fff;
	font-size: 12px;
	text-align: center;
}
#g_menu li ul li a:hover {
	color: #222;
	background: #fffae5;
	text-decoration: none;
}
#g_menu li:hover li:hover > a {  background: #fffae5 }
#g_menu li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#g_menu li ul li ul {
	top: 0;
	left: 100%;
}
#g_menu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}
#g_menu li ul li ul li a {  background: #dcdcf3 }
#g_menu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #222;
}
#g_menu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #222;
}
}
#path {
	line-height: 40px;
	font-size: 12px;
}

/*------------side------------*/
h2 {
	width: 240px;
	height: 30px;
	background: url(../img/bg_s_menu_ttl.png) no-repeat;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
#s_menu {
	width: 236px;
	border: solid 2px #00008b;
	margin-bottom: 20px;
}
#s_menu > li {
	display: block;
	width: 236px;
	line-height: 43px;
	text-indent: 33px;
	font-weight: bold;
	background: url(../img/bg_s_menu_on.png) no-repeat;
	border-bottom: solid 1px #deddd2;
}
#s_menu > li > a {
	color: #333;
	font-weight: normal;
	display: block;
	width: 236px;
	background: url(../img/bg_s_menu_off.png) no-repeat;
}
#s_menu > li > a:hover {
	background: url(../img/bg_s_menu_on.png) no-repeat;
}
#s_menu > li > a.active {
	background: url(../img/bg_s_menu_on.png) no-repeat;
	text-decoration: none;
	cursor: default;
}

#s_menu > li > ul {
	width: 216px;
	padding-left: 20px;
	background-color: #f3f3f3;
}
#s_menu > li > ul > li {
	background-color: #F3F3F3;
	font-size: 14px;
	line-height: 30px;
	background: url(../img/bg_s_menu2_on.png) no-repeat;
}
#s_menu > li > ul > li > a {
	display: block;
	font-weight: normal;
	color: #333;
	background: url(../img/bg_s_menu2_off.png) no-repeat;
}
#s_menu > li > ul > li > a:hover {
	background: url(../img/bg_s_menu2_on.png) no-repeat;
}
#s_menu > li > ul > li > a.active2 {
	background: url(../img/bg_s_menu2_on.png) no-repeat;
	text-decoration: none;
	cursor: default;
}

#side_bnr {
	width: 240px;
}
#side_bnr li {
	margin-bottom: 5px;
	position: relative;
}
#side_bnr li span {
	color: #ee2901;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 5px;
}

/*------------contents----------*/
h3 {
	width: 670px;
	height: 60px;
	background: url(../img/bg_page_ttl.png) repeat-x;
	font-size: 26px;
	color: #00008b;
	margin-bottom: 10px;
	padding: 20px 0 0 10px;
}
h4 {
	width: 660px;
	height: 43px;
	background: url(../img/bg_ttl.png) no-repeat;
	line-height: 43px;
	letter-spacing: 1px;
	color: #333;
	font-size: 18px;
	padding-left: 20px;
	margin-bottom: 30px;
}
h5 {
	width: 640px;
	margin: 0 auto 15px;
	line-height: 26px;
	font-size: 18px;
	color: #aa8711;
	font-weight: bold;
	background: url(../img/list03.png) no-repeat left center;
	padding-left: 20px;
	border-bottom: dashed 1px #aa8711;
}
h6 {
	width: 640px;
	margin: 0 auto 7px;
	line-height: 26px;
	font-size: 16px;
	color: #ae0808;
}
#search > h5 {
	width: 640px;
	margin: 0 auto 15px;
	line-height: 26px;
	background: url(../img/list02.png) no-repeat left center;
	padding: 10px 0 10px 20px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #999;
}
.box_m50 {
	width: 640px;
	margin: 0 auto 50px;
}
.box_m30 {
	width: 640px;
	margin: 0 auto 30px;
}
.f_10 {
	font-size: 10px;
	line-height: 1.7em;
}
.f_12 {
	font-size: 12px;
	line-height: 1.7em;
}
.f_17 {
	font-size: 17px;
	line-height: 1.7em;
}
.f_20 {
	font-size: 20px;
	line-height: 1.7em;
}
.f_red {
	color: #ae0808;
}
.f_bold {
	font-weight: bold;
}
.f_catch {
	color: #ae0808;
	font-size: 20px;
	font-weight: bold;
}
.text_center_m30 {
	width: 640px;
	margin: 0 auto 30px;
	text-align: center;
}
.text_center_m50 {
	width: 640px;
	margin: 0 auto 50px;
	text-align: center;
}
.text_m30 {
	width: 640px;
	margin: 0 auto 30px;
}
.text_m50 {
	width: 640px;
	margin: 0 auto 50px;
}
.photo_right {
	float: right;
	padding: 0 0 20px 30px;
}
.photo_left {
	float: left;
	padding: 0 30px 20px 0;
}
.ol_m30 {
	width: 620px;
	margin: 0 20px 30px auto;
}
.ol_m30 li {
	list-style: decimal outside;
	margin-bottom: 7px;
}
.ol_m50 {
	width: 620px;
	margin: 0 20px 50px auto;
}
.ol_m50 li {
	list-style: decimal outside;
	margin-bottom: 7px;
}
.ul_m10 {
	width: 640px;
	margin: 0 auto 10px;
}
.ul_m10 li {
	background: url(../img/list01.png) no-repeat left 8px;
	padding-left: 15px;
	margin-bottom: 7px;
}
.ul_m50 {
	width: 640px;
	margin: 0 auto 50px;
}
.ul_m50 li {
	background: url(../img/list01.png) no-repeat left 8px;
	padding-left: 15px;
	margin-bottom: 7px;
}

/*-----------mokuji-------------*/
.t_mokuji {
	width: 650px;
	border: solid 2px #e8e8ea;
	margin-top: 30px;
}
.t_mokuji th {
	width: 325px;
	background-color: #e8e8ea;
	height: 30px;
}
.t_mokuji td {
	width: 325px;
	height: 19px;
}
.t_mokuji td a {
	background: url(../img/index_top.png) no-repeat left;
	color: #000000;
	text-indent: 25px;
}

/*------------footer------------*/
#footer {
	clear: both;
	margin-top: 100px;
	background: url(../img/bg_footer.png) repeat-x;
}
#f_inner {
	width: 960px;
	height: 160px;
	margin: 0 auto;
	font-size: 12px;
}
#f_inner a {
	color: #333;
}
#totop {
	text-align: right;
	padding-right: 30px;
}
#f_left {
	width: 240px;
	float: left;
}
#f_left .add {
	line-height: 1.5em;
	margin-top: 15px;
}
#f_right {
	width: 600px;
	float: right;
	padding-top: 30px;
}
#f_right ul {
	margin-bottom: 5px;
}
#f_right ul li {
	float: left;
	background: url(../img/list02.png) no-repeat left center;
	padding-left: 10px;
	margin-right: 30px;
}
	
#copy {
	text-align: center;
	font-size: 11px;
	color: #fff;
	line-height: 23px;
	background-color: #00008b;
}