@charset "UTF-8";
/* CSS Document */

body { padding:0; margin:0; background:url(img/bg.gif) ;}
#custom div,
#custom ul,
#custom li,
#custom p,
#custom b,
#custom dl,
#custom dt,
#custom dd,
#custom img,
#custom a{ border:0; margin:0; padding:0; list-style-type:none;}


#custom { margin:0 auto; width:950px;}
#custom #header,
#custom #contents_col,
#custom #footer { clear:both; display:inline-block; width:950px;}
#custom #header:after,
#custom #contents_col:after,
#custom #footer:after { content:" "; clear:both; display:block; height:0; }

#custom div { color:#4e4423; font-size:12px; line-height:1.5em;}
#custom #header { background:url(img/head_bg.gif) no-repeat 85px top; height:102px;}
#custom #header #logo { float:left; margin:15px 0 0 45px;}
#custom #header div { float:right; padding-top:15px; width:285px;}
#custom #header div a { margin-bottom:10px;}
#custom #flash_col { background:url(img/idx_flash_bg.gif) no-repeat; -webkit-background-size: 100%;
background-size: 100%; height:398px; width:938px; overflow: hidden; padding:4px 0 0 6px;}
#custom #flash_col #slide { position: relative; width: 932px; height: 394px; z-index: 1;}
#custom #flash_col .vis { height: 394px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
#custom #flash_col .vis.vis01 { background: url(img/photo1.jpg) no-repeat scroll center top;}
#custom #flash_col .vis.vis02 { background: url(img/photo2.jpg) no-repeat scroll center top;}
#custom #flash_col .vis.vis03 { background: url(img/photo3.jpg) no-repeat scroll center top;}
#custom #flash_col .vis.vis04 { background: url(img/photo4.jpg) no-repeat scroll center top;}
#custom #flash_col .vis.vis05 { background: url(img/photo5.jpg) no-repeat scroll center top;}
#custom #flash_col .vis.vis06 { background: url(img/photo6.jpg) no-repeat scroll center top;}

#custom #contents_col { }
#custom #content_col{ }

/*---------
#contents_col
------------*/

#custom #contents_col ul#nav { display: inline-block; margin-bottom: 15px; width: 944px; padding-bottom: 6px; }
#custom #contents_col ul#nav li { float:left;}
#custom #contents_col h2 { background:url(img/title_bg.gif) no-repeat; height:170px; margin:0; padding:0; width:950px; }
#custom #contents_col h2 img { margin:7px 0 0 7px; }

#custom #contents_col.special h2 { background:none; height:440px; margin:0; padding:0; width:950px; }
#custom #contents_col.special h2 img { margin:0; }
#custom #contents_col.special table img{ vertical-align:bottom; line-height:0;}

#custom #contents_col .type_nav { float:left; padding:10px 15px; }
#custom #contents_col .type_nav li{float:left; margin-top:5px;}
#custom #contents_col .type_nav li:not(:last-child){margin-right:30px;}
#custom #contents_col .type_nav li a{color: #4A3423; text-decoration: none;}
#custom #contents_col .type_nav li a:hover{opacity: 0.8;}


/*---------
#content_col
------------*/

#custom #lead_col { background: url(img/idx_lead2_bg.png) no-repeat right top; padding: 45px 0 0 36px; height:420px; width: 904px;}
#custom #lead_col h3 { padding: 0 0 25px 12px;}
#custom #lead_col p { padding: 0 0 168px;}

#custom .sec { position: relative;}
#custom .sec h4 { position: absolute;}

#custom #sec1 { width: 940px; height: 390px; margin: -45px 0 15px; background: url(img/idx_sec1_bg.png) no-repeat center top; }
#custom #sec1 h4 { top: 13px; right: 20px;}
#custom #sec1 p { padding: 25px 0 0 456px;}
#custom #sec1 a { display: inline-block; padding: 15px 0 0;}

#custom #sec2 { width: 940px; margin: 0 0 15px;}
#custom #sec2a { float: left; width: 450px; height: 433px; background: url(img/idx_sec2a_bg.png) no-repeat center bottom; }
#custom #sec2a h4 { top: 23px; left: 15px;}
#custom #sec2a p { padding: 45px 0 0 8px;}
#custom #sec2a a { display: block; width: 218px; margin: -20px 0 0 200px;}
#custom #sec2b { float: right; width: 485px; height: 433px; background: url(img/idx_sec2b_bg.png) no-repeat center top; }
#custom #sec2b h4 { bottom: 75px; right: 25px;}
#custom #sec2b p { padding: 222px 0 0 8px;}
#custom #sec2b a { display: inline-block; padding: 15px 0 0;}

#custom #sec3 { clear: both; width: 507px; height: 390px; padding: 0 0 0 433px; background: url(img/idx_sec3_bg.png) no-repeat center top; }
#custom #sec3 h4 { position: relative; padding: 35px 0 20px 70px;}
#custom #sec3 p { width: 318px;}
#custom #sec3 a { display: inline-block; padding: 0 0 0 30px;}

#custom #sec4 { width: 740px; height: 390px; margin: 15px 0 0; padding: 0 0 0 200px; background: url(img/idx_sec4_bg.png) no-repeat center top; }
#custom #sec4 h4 { position: relative; padding: 45px 0 15px 98px;}
#custom #sec4 p { width: 351px;}
#custom #sec4 a { display: inline-block; padding: 15px 0 0 66px;}


#custom #plan_col { background:url(img/idx_plan_bg.gif) no-repeat left bottom #f7f0dd; border-top:4px solid #655932; border-left:1px solid #e7dbb2; border-right:1px solid #e7dbb2;  border-bottom:1px solid #e7dbb2; clear:both; margin:20px 15px 0; padding:20px 24px;}
#custom #plan_col h3 { float: left;}
#custom #plan_col h3 img { padding: 0 0 0 351px;}
#custom #plan_col div a { display:block; float:right; margin-right:15px; height:25px; width:160px; }
#custom #plan_col dl { float: left; width:273px; padding: 30px 0 5px 0; margin: 0 25px 0 0; }
#custom #plan_col .last { margin: 0;}
#custom #plan_col dt { padding: 0 0 15px;}
#custom #plan_col dt img { padding: 0 25px 0 0; vertical-align: middle;}
#custom #plan_col dd a { color:#4e4423; display:inline; margin-bottom:10px; font-weight: bold; text-decoration: underline; }
#custom #plan_col dd p { padding:10px 0;}
#custom #plan_col dd img { border:1px solid #b6ad90 ; float:right; margin:0 10px 10px 10px; }

#custom #info_col { margin: 0 15px;}
#custom #info_col .bnr,
#custom #info_col div { float: left; padding: 13px 0 0;}
#custom #info_col .bnr { margin: 0 20px 0 0;}
#custom #info_col ul { float: right;}
#custom #info_col li { padding: 13px 0; background:url(img/idx_btn_line.gif) no-repeat center bottom;}
#custom #info_col li img { vertical-align: bottom;}

#custom #sec2:after,
#custom #plan_col:after,
#custom #plan_col div:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}


/*---------
#footer
------------*/
#custom #footer { padding:50px 0; text-align:left;}
#custom #footer ul { display:inline-block; margin-bottom:15px; width:950px;}
#custom #footer li { float:left;}
#custom #footer address { float:left; font-style:normal; padding-left:50px; }
#custom #footer div { float:right; width:455px;}
#custom #footer #foot_logo { float:right; }
#custom #footer #QR { float:left; margin-left:40px; }