@import url(jquery.jscrollpane.css);
@import url(parts.css);


/* common */
/* -------------------------------------------------------- */
* {margin:0; padding:0;}
html, body {width:100%; height:100%;}

body {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#333; text-align:center; background:url(../img/header/body_bg.jpg) repeat-x left top;}

h1, h2, h3, h4, h5, h6, h7 {font-size:100%; line-height:140%;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%; line-height:160%;}
input, select, textarea, button {font-size:12px; vertical-align:middle;}
ul {list-style-type:none;}
ol {margin-left:2.2em;}
sup {vertical-align:top;}
sub {vertical-align:middle;}
img {line-height:0; border:0; display:block;}
a img {display:inline; vertical-align:top;}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; text-align:center; background:url(../img/header/bg_01.gif) no-repeat center top;}


/* header */
/* -------------------------------------------------------- */
#header {width:952px; height:240px; text-align:left; margin:0 auto; position:relative;}

#hSummary {width:950px; font-size:11px; font-weight:normal; line-height:120%; position:absolute; top:45px; left:1px;}

#hText {width:660px; position:absolute; top:0; right:0;}

#hLogo1 {position:absolute; top:0; left:0;}
#hLogo2 {width:280px; position:absolute; top:101px; left:0;}
#hLogo3 {width:228px; position:absolute; top:91px; left:362px;}

#hBtn {width:274px; position:absolute; top:91px; right:0;}
#hBtn li {padding:0 0 5px 6px; float:left;}

#hNav {position:absolute; top:184px; left:0;}
#hNav li {float:left;}


/* contents */
/* -------------------------------------------------------- */
#contents {width:950px; text-align:left; margin:0 auto; position:relative; top:-11px;}


/* footer */
/* -------------------------------------------------------- */
#footer {width:100%; text-align:center; background:url(../img/footer/bg_01.gif) repeat-x left top;}

#fBlock1 {width:950px; text-align:center; margin:0 auto; padding:12px 0 6px 0;}
#fBlock1 ul {text-align:center;}
#fBlock1 li {text-align:center; display:inline;}
#fBlock1 a:link,
#fBlock1 a:visited,
#fBlock1 a:active {color:#333; text-decoration:none;}
#fBlock1 a:hover {color:#333; text-decoration:underline;}

#fBlock2 {width:100%; text-align:center; background:#222 url(../img/footer/bg_02.gif) repeat-x left top; border-bottom:dotted 1px #595959;}
#fBlock2 .inner {width:100%; text-align:center; background:url(../img/footer/bg_03.gif) no-repeat center top;}
#fBlock2 .inner .inner {width:950px; text-align:left; margin:0 auto; padding:18px 0 8px 0; position:relative;}
#fBlock2 .logo {float:left;}
#fBlock2 .logo li {padding:0 55px 0 0; float:left;}
#fBlock2 .logo li.tel {padding:0;}
#fBlock2 .logo p {font-size:10px; line-height:120%; color:#fff;}
#fBlock2 .btn {width:268px; padding:8px 0 0; background:url(../img/footer/btn_bg.gif) no-repeat left top; float:right;}
#fBlock2 .btn li {float:left;}
#fBlock2 .btn li.btn1 {padding:0 0 4px 9px;}
#fBlock2 .btn li.btn2 {padding:0 0 11px 9px;}
#fBlock2 .btn li.btn3 {float:left;}
#fBlock2 .btn li.btn4 {float:right;}

#fBlock3 {width:100%; text-align:center; background:#242424;}
#fBlock3 .copy {width:950px; color:#fff; text-align:center; margin:0 auto; padding:8px 0;}

#fBlock4 {width:100%; text-align:center; background:#242424; border-bottom:dotted 1px #595959;}
#fBlock4 .summary {width:950px; font-size:11px; color:#fff; text-align:left; margin:0 auto; padding:5px 0;}


/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */