@charset "UTF-8";

body { width: 100%; overflow-x: hidden; background: #000;}
body, html { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, ul, li { list-style: none; margin: 0; padding: 0;}
p { margin: 0; padding: 0;}

#wrap { width: 100%; margin: 0 auto; text-align: left; background: url('../img/bg_header02.png') repeat-x; line-height: 180%; text-align: center; font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size: 13px;color: #fff;}
#customer_header #header { background: url('../img/bg_plan.jpg') no-repeat center 0px;	 position: relative; width: 1200px; height: 433px; margin: 0 auto; }
#customer_header h1 { position: absolute; top: 8px; left: 325px; font-size: 11px; font-weight: normal; font-family: "ＭＳ Ｐゴシック"; z-index: 100;}
#customer_header h2 { position: absolute; top: 0px; left: 0px; z-index: 100;}
#customer_header #header .title { position: absolute; top: 44px; left: 793px;}
#customer_header #header .lg_btn { display: inline-block; width: 342px; position: absolute; top: 0; right: 48px; z-index: 100;}
#customer_header #header .lg_btn li { float: left; padding-left: 5px;}
#customer_header #header .lg_btn:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0;}
#customer_header #header .frame { position: absolute; left: 50%; margin-left: -1000px;}
#customer_header #header #bg_head01 { position: absolute; top: 0; left: 50%; width: 2000px; height: 433px; margin: 0 auto; background: url(../img/bg01.png) top no-repeat; }
#customer_header #header .logo { position: absolute; top: 18px; left: 115px; width: 260px; height: 210px; background: url('../img/bg_logo.png') no-repeat;}
#customer_header #header .logo #logo { position: absolute; top: 25px; left: 33px;}
#customer_header #header .logo #plan { position: absolute; bottom: -8px; left: 37px;}
#customer_header #header .logo #plan a:hover{opacity:0.8;}

#globalNavi { position: absolute; width: 300px; top: 251px; left: 119px; background: url('../img/ico_gnavi_border01.png') no-repeat; background-position: left center;}
#globalNavi li { float: left; padding: 0 9px; background: url('../img/ico_gnavi_border01.png') no-repeat; background-position: right center;}

#breadCrumb { margin: 10px 0 15px; font-size: 12px; color: #ECDDD6; font-family: "ＭＳ Ｐゴシック";}
#breadCrumb a { color: #ECDDD6; }

#footer1 { margin-top: 40px; width: 100%;}
#footerTop { width: 100%; height: 90px; background: url('../img/bg_footer_top02.png') repeat-x;}
#footerTop .inner { position: relative; width: 950px; height: 90px; margin: 0 auto; background: url('../img/bg_footer_top.png') no-repeat;}
#footerTop .btn01 { position: absolute; top: 0px; left: 0px;}
#footerTop .btn02 { position: absolute; top: 0px; left: 178px;}
#footerTop .desc { position: absolute; top: 10px; left: 283px; font-size: 11px; font-family: "ＭＳ Ｐゴシック"; color: #fff;}
#footerTop .page-top { position: absolute; top: 0px; right: 0px;}
#footerTop .page-top a { background: transparent; padding: 0;}
#footerTop .tel { position: absolute; top: 44px; left: 88px;}
#footerTop .btn03 { position: absolute; top: 43px; left: 315px; background: url('../img/ico_footer_border.png') no-repeat; background-position: left center; padding-left: 30px;}
#footerTop .btn04 { position: absolute; top: 43px; left: 578px; background: url('../img/ico_footer_border.png') no-repeat; background-position: left center; padding-left: 30px;}
#footerBtm { width: 100%; height: 185px; background: url('../img/bg_footer_btm02.png') repeat-x;}
#footerBtm .inner { position: relative; width: 950px; height: 185px; margin: 0 auto; position: relative;}
#footerBtm .inner #flowerL { position: absolute; top: -33px; left: -181px;}
#footerBtm .inner #flowerR { position: absolute; top: -33px; right: 0;}
#footerBtm .logo { position: absolute; top: 30px; left: 14px;}
#footerBtm .address { position: absolute; top: 42px; left: 252px; font-size: 12px; color: #000; font-family: "ＭＳ Ｐゴシック"; text-align: left; line-height: 180%;}
#footerBtm .address span { font-weight: bold; line-height: 160%;}
#footerBtm .btn { position: absolute; top: 25px; left: 492px;}
#footerBtm .mobile { position: absolute; top: 35px; right: 17px;}
#footerBtm .copyright { position: absolute; bottom: 14px; left: 360px; font-family: "ＭＳ Ｐゴシック"; font-size: 10px; color: #555;}
.page-top { text-align: right;}
.page-top a { color: #E0BE9B; background: url('../img/ico_pagetop.png') no-repeat; background-position: left center; padding-left: 15px;}

/* For modern browsers */
.clearfix:before,
.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1;}

a img:hover,
.oc:hover { cursor: pointer; 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 */ zoom:1;}
.nohover a img:hover { opacity:1.0; filter: alpha(opacity=10); /* ie lt 8 */ -ms-filter: "alpha(opacity=100)";  /* ie 8 */ -moz-opacity:1.0; /* FF lt 1.5, Netscape */ -khtml-opacity: 1.0; /* Safari 1.x */ zoom:1;}
.hoverAct { position: relative; }

#layer { position: absolute; z-index: 100; top: 0; left: 0; background-color: #fff; opacity:0.3; filter: alpha(opacity=30); /* ie lt 8 */ -ms-filter: "alpha(opacity=30)";  /* ie 8 */ -moz-opacity:0.3; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.3; /* Safari 1.x */ zoom:1;}
#layer2 { position: absolute; z-index: 100; top: 0; left: 30px; width: 205px; height: 37px; background-color: #fff; opacity:0.3; filter: alpha(opacity=30); /* ie lt 8 */ -ms-filter: "alpha(opacity=30)";  /* ie 8 */ -moz-opacity:0.3; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.3; /* Safari 1.x */ zoom:1;}

#layer:hover { cursor: pointer ;}
#layer2:hover { cursor: pointer ;}