@charset "utf-8";

/*body {
	background: url(../img/bg.png) ;
	background-repeat: repeat-x;
	background-position: top center;
}*/

#wrap,
.f_wrap {
	width: 1000px;
	margin: 0 auto;
}
body{
	background:url(../img/img_body_bg02.png) repeat-x;
	background-position:0 175px;
}

header {
	margin:0 auto;
	color:#fff;
	position:fixed;
	top:0;
	z-index:9999;
	width:100%;
	height:111px;
	background-color:#0060b2;
	background-image:url(../img/header_bg.gif) ;
	background-repeat:repeat-x;
	background-position:top center;
}
.header_inner{
	width:1000px;
	margin:0 auto;
	padding:0;
}
.header_inner h1{
	width:243px;
	display:block;
	margin-top:10px;
}



nav {
    background:#002a4d;
}

nav ul#navi_menu {
	margin:0 auto;
	width:964px;

}
nav ul#navi_menu li#menu01,
nav ul#navi_menu li#menu02 {width: 159px;height: 66px;float: left;}
nav ul#navi_menu li#menu03,
nav ul#navi_menu li#menu06 {width: 143px;height: 66px;float: left;}
nav ul#navi_menu li#menu04 {width: 209px;height: 66px;float: left;}
nav ul#navi_menu li#menu05 {width: 140px;height: 66px;float: left;}

nav ul#navi_menu li a {
background:url(../img/grovalnav.png) no-repeat;
line-height: 66px;
display: block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

nav ul#navi_menu li#menu01 a{background-position: 0px 0px;}
nav ul#navi_menu li#menu01 a:hover{background-position: 0px -66px;}
nav ul#navi_menu li#menu02 a{background-position: -159px 0px;}
nav ul#navi_menu li#menu02 a:hover{background-position: -159px -66px;}
nav ul#navi_menu li#menu03 a{background-position: -316px 0px;}
nav ul#navi_menu li#menu03 a:hover{background-position: -316px -66px;}
nav ul#navi_menu li#menu04 a{background-position: -459px 0px;}
nav ul#navi_menu li#menu04 a:hover{background-position: -459px -66px;}
nav ul#navi_menu li#menu05 a{background-position: -668px 0px;}
nav ul#navi_menu li#menu05 a:hover{background-position: -668px -66px;}
nav ul#navi_menu li#menu06 a{background-position: -807px 0px;}
nav ul#navi_menu li#menu06 a:hover{background-position: -807px -66px;}

.pan_kuzu {
	margin: 0 auto 10px;
	padding:200px 0 0 20px;
	width:980px;
	height:40px;
	font-size:12px;
	line-height:40px;
	background:url(../img/img_about_pan.png) 0 200px no-repeat;
}

.pan_kuzu a {
	color:#004f91;
}



#sub_t {
	margin: 0;
	padding:5px 0 0 0;
	height:16px;
	font-size:12px;
}
.head_sub {float:left;}
.head_contact {float:right;}
/*#top {
	margin: 0 auto 0;
	clear:both;
}

#top h2 {
	line-height:0;
	text-align:center;
}*/

#main {
	margin: 0 auto;
	width:980px;
	border: 10px solid #aad8ff;
	border-bottom:none;
	background-color:#FFF;
	padding-bottom:60px;
}
#first{
	padding-top:58px;
	background-image:url(../img/main_bg_img.gif);
	background-repeat:no-repeat;
}

.img_01 {
	margin:0 auto;
	padding:176px 0 0;
	width:949px;
}

.img_01 div.top {
	line-height:0;
}


/*キャンペーン*/


.content p span{
	font-weight:bold;
	color:#C30;
	text-decoration:underline;}
#camp {

}

#camp .content {
	margin: 0 auto;
	width:822px;
	height:92px;
	line-height:140%;
	font-size:105%;
	background:url(../img/ttl_3.gif) no-repeat;
}

.title1 h2 {
	margin:15px 0 0;
}

.title1 {
	margin: -178px auto 15px;
	padding:185px 0 5px 60px;
	height:70px;
	font-size:250%;
	color:#002a4d;
	background:url(../img/ttl.gif) 0 100% no-repeat;
}

.title1 p {
	margin-left:10px;
	display:block;
	font-size:14px;
	font-weight:900;
	color:#004b8c;
}
.title2,
#camp h3,
#camp h4 {
	margin:0 auto 10px;
	padding:0 10px;
	width:809px;
	line-height:35px;
	color:#002a4d;
	font-size:120%;
	font-weight:bold;
	background-image:url(../img/ttl_2.gif);
	background-repeat:no-repeat;
}

.content p{
	padding: 23px 0 0 92px;
	font-size:13px;}
.plan{
	width:822px;
	margin:10px auto 20px;
}

.plan .read{
	position:absolute;
	margin:-80px auto 0;
	padding: 0;
	font-size:12px;
	line-height:140%;
	text-align:right;
	width:790px;
	}

.al_cen {
	margin:0 auto;
	text-align:center;}

#camp ul.ul_01{
	width:822px;
	margin:0 auto 20px;
	padding:0;
	list-style:none;
	}
#camp ul.ul_01 li{
	display:inline-block;
	vertical-align: top;
	height:280px;}

#camp ul.ul_01 p{
	width:180px;
	background-color:#FFF;
	margin:205px 10px 0 65px;
	font-size:12px;
	line-height:160%;
	padding:0;}
.flow1{
	background-image:url(../img/flow_1.gif);
	background-repeat:no-repeat;
	height:258px;
	width:275px;}

.flow2{
	background-image:url(../img/flow_2.gif);
	background-repeat:no-repeat;
	height:258px;
	width:275px;}

.flow3{
	background-image:url(../img/flow_3.gif);
	background-repeat:no-repeat;
	height:258px;
	width:257px;}


.contact_area {
	margin:20px auto 100px;
	background-image:url(../img/img_otoiawase.png);
	background-repeat:no-repeat;
	width:931px;
	height:241px;}



.btn_area {
	position: relative;
}

.btn_b {
	display: block;
	position: absolute;
	top: 407px;
	right: 90px;
}

.btn_c {
	display: block;
	position: absolute;
	top: 76px;
	right: 49px;
}




#camp{
	width:950px;
	margin:0 auto;
}

#shinrai .shinrai_text{
	position: absolute;
	top:207px;
	left:213px;
	font-size:130%;
	color:#313131;
	width:220px;
}


a{
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
	color:#F00;
}


#servicearea .textarea{
	padding:0 0 40px 20px;
}

#servicearea h4{
	margin:22px 0 18px;
	padding:5px 0 5px 13px;
	border-left:8px solid #6fba2c;
	font-size: 154%;
	color:#6fba2c;
	line-height:35px;
	font-weight:bold;
}

#servicearea .textarea p{
	padding-left:20px;
	color:#313131;
	line-height:1.5em;
	font-size:120%;

}



#special{
	position:relative;
	margin-bottom:250px;
}

#special .btn_area{
	position:absolute;
	top:298px;
}




#gotop {
	position: fixed;
	bottom: 70px;
	right: 20px;
}

#gotop a img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

footer {
	padding:0;
	height:320px;
	color: #000;
	text-align:center;
    background:url(../img/img_footer_bg.png) repeat-x;
}

.f_wrap {
	padding-top:40px;
}

.f_leftbox {
	padding: 15px 40px 0 10px;
	float: left;
	overflow: hidden;
}

.f_logo {
	margin-bottom: 10px;
}

small {
	color:#fff;
    position:absolute;
	bottom:6px;
	left:318px;
}

.f_rightbox {
	padding: 15px 0 15px 40px;
	border-left: 2px solid #2e6ced;
	font-size: 12px;
	overflow: hidden;
}

.f_rightbox li {
	margin-bottom: 8px;
}








/*---------------------------------------*/
.tablelist {
	margin:0 auto 30px;
	padding:18px 0 0 0;
	width:836px;
	height:378px;
	background:url(../img/img_table_bg.png) 0 0 no-repeat;
}

.tablelist table {
	width:836px;
	height:351px;
	text-align:center;
}
.tablelist table tr th {
	width:187px;
	height:50px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.th_pd {
	padding:10px 0;
	width:188px;
	height:53px;
}

.td01 {
	width:188px;
	height:53px;
	text-align:center;
}

.td02 {
	width:260px;
	color:#030a4e;
	font-size:21px;
	font-weight:bold;
}

.td02 span {
	color:#030a4e;
	font-size:15px;
	font-weight:bold;
}

.pwidth {
	margin:0 auto;
	width:793px;
	font-size:14px;
}

.pwidth02 {
	margin:0 auto 35px;
	width:793px;
	line-height:27px;
	font-size:14px;
}

.font02 {
	color:#cd1e1e;
	font-weight:bold;
}


.p_cen {
	text-align:center;
}
.p_cen02 {
	margin:0 auto;
}

.p_mbtm {
	padding-bottom:20px;
}

.p_mbtm02 {
	margin-bottom:50px;
}

.p_mbtm03 {
	margin:0 auto 60px;
}

.p_pdng {
	padding-bottom:80px;
}

.p_pdng02 {
	padding-bottom:50px;
}

.content p a {
	text-decoration:underline;
	color:#004a80;
	font-size:14px;
	font-weight:bold;
}

#ul02 dl {
	margin:0 auto 10px;
    width:770px;
}

#ul02 dl dd {
	padding: 30px 70px 10px 78px;
    width: 562px;
    font-size:14px;
	background:url(../img/img_bckaicon.png) right center no-repeat;
}

#ul02 dl dd:last-child {

	background:none;
}

#ul02 dl dd.p01 {
	padding: 10px 70px 20px 78px;
    width: 562px;
    font-size:14px;
	background:url(../img/img_bckaicon.png) right center no-repeat;
}

.p03,
.p04,
.p05,
.p08 {margin:0 auto 10px;width:764px;height:64px;text-align:right;}
.p07 {margin:0 auto 10px;width:764px;height:70px;text-align:right;}

.p06 {margin:0 auto 20px;width:764px;height:64px;text-align:right;}
.p09 {margin:0 auto 85px;width:764px;height:64px;text-align:right;}

.p03 {background:url(../img/img_dai01.png) no-repeat;}
.p04 {background:url(../img/img_dai02.png) no-repeat;}
.p05 {background:url(../img/img_dai03.png) no-repeat;}
.p06 {background:url(../img/img_dai04.png) no-repeat;}
.p07 {background:url(../img/img_p_bg01.png) no-repeat;}
.p08 {background:url(../img/img_p_bg02.png) no-repeat;}
.p09 {background:url(../img/img_p_bg03.png) no-repeat;}


p.p03 span,
p.p04 span,
p.p05 span,
p.p06 span,
p.p07 span,
p.p08 span,
p.p09 span {text-align:left;margin:0 15px 0 0;padding:17px 0;display:inline-block;width:577px;color:#002530;font-size:14px;}

#content02 {
	margin:0 auto;
	width:910px;
}

#left {
	float:left;
	width:442px;
}

#left p {
	width:442px;
	font-size:14px;
	line-height:23px;
}

#left li {
	margin:0;
}

#right {
	margin:5px 10px 0 30px;
	float:left;
	width:420px;
}

.right_p01 {
	margin-bottom:10px;
	width:420px;
	height:220px;
	text-align:right;
	background:url(../img/img_sya01.png) no-repeat;
}

.right_p02 {
	width:420px;
	height:220px;
	text-align:right;
	background:url(../img/img_sya02.png) no-repeat;
}

.right_p01 span,
.right_p02 span {
	margin:25px 10px 0 0 ;
	padding:5px;
	display:inline-block;
	width:205px;
	line-height:19px;
	font-size:13px;
	text-align:left;
}

.right_p01 span em,
.right_p02 span em {
	color:#005a74;
}
.right_p01 span strong,
.right_p02 span strong {
	display:inline-block;
	padding:5px 0;
	font-size:26px;
	font-weight:bold;
}

.clr {clear:both;}


#footer01 {
	margin:0 auto;
	width:920px;
	height:100%;
	position:relative;
}

#footer01 p.p_btn02 {
	position:absolute;
	top:20px;
	left:0;
}

#footer02 {width:392px;position:absolute;top:30px;right:0;}

#footer02 h2 {
	color:#fff;
}

#footer02 h2 span {
	padding-right:5px;
	font-size:270%;
}

#footer02 dl {
	margin:8px 0 0;
	padding:0 0 8px;
	color:#fff;
	font-size:13px;
	border-bottom:1px solid #0160b2;
}

#footer02 dl:last-child {
	border:none;
}
#footer02 dt {
	float:left;
	display:inline-block;
	width:75px;
	line-height:22px;
	text-align:left;
	text-indent:10px;
	font-weight:bold;
}

#footer02 dl dd {margin:0 0 0 10px;float:left;width:296px;text-align:left;line-height:22px;}

.p_line {
	margin:29px auto 20px;
	padding-right:5px;
	width:820px;
	line-height:25px;
}

.p_line02 {
	margin:29px auto 20px;
	padding-right:5px;
	width:820px;
	line-height:25px;
}

.p_btn {
	width:917px;
	height:226px;
	position:relative;
	background:url(../img/img_otoiawase02.png) no-repeat;
}

.p_btn02 {
	width:501px;
	height:230px;
	position:relative;
	background:url(../img/img_footer_toiawase.png) no-repeat;
}

.p_btn a {
	display:inline-block;
	width:362px;
	height:85px;
	position:absolute;
	top:110px;
	right:46px;
	background:url(../img/img_btn.png) 0 -85px  no-repeat;
}

.p_btn02 a {
	display:inline-block;
	width:362px;
	height:85px;
	position:absolute;
	top:130px;
	right:68px;
	background:url(../img/img_btn.png) 0 -85px  no-repeat;
}

.p_btn a:hover,
.p_btn02 a:hover {
	background:url(../img/img_btn.png) 0 0  no-repeat;
}

.p_tpmgn {
	margin-top:25px;
}

.p_tpmgn02 {
	margin-top:30px;
}

.center {
	display:block;
	width:100%;
	text-align:center;
}

.center02 {
	margin:0 auto;
	padding:5px 0;
	box-sizing:border-box;
	width:840px;
	line-height:13px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border:1px solid #67a6d5;
	background:#016bb9;
}

.chiteki01 {
    margin:0 auto;
	width:840px;
}

.chi_dl01 dt,
.chi_dl02 dt {
	padding:5px 0 5px 5px;
	width:413px;
	font-size:15px;
	box-sizing:border-box;
	color:#fff;
}

.chi_dl01 dd,
.chi_dl02 dd {
	padding:5px 0;
	width:413px;
	font-size:13px;
	line-height:20px;
}


.chiteki02 {
	clear:both;
	margin:0 auto;
	width:840px;
	background:#aad8ff;
	border:1px solid #9b9999;
}

.chiteki02 li {
	float:left;
	width:279px;
	text-align:center;
	border-right:1px solid #647789;
}

.chiteki02 li:last-child {
	border:none;
}

.chiteki02 li a {
	display:block;
	padding:5px 0;
}
/*----
クラス
-----*/

.fleft {
	float:left;
}
.fright {
	float:right;
}
.blue {border:1px solid #67a6d5;background:#016bb9;}
.green {border:1px solid #d6e399;background:#99b901;}

