﻿@import url(jquery.lightbox.css);
@import url(parts.css);


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

body {font:12px 'Yu Gothic',Meiryo,'MS PGothic',Osaka,arial,helvetica,sans-serif; color:#000; text-align:center; background:#fff;min-width:1000px;}

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%; margin:0 auto; _position:relative;}


/* header */
/* -------------------------------------------------------- */
#headerWrap {width:100%; height:74px; margin:0 auto; padding:0; background:#ffda00 url(../../img/h_f_line.jpg) repeat-x 0 0; position:fixed; top:0; left:0; z-index:1000;}
#header {width:1000px; height:74px; margin:0 auto; padding:0; position:relative;}
#header h1 {position:absolute; top:22px; left:0;}
#header #hLogo {position:absolute; top:22px; left:0;}
#hBtn01 {position:absolute; top:14px; right:200px;}
#hBtn02 {position:absolute; top:4px; right:0;}


/* gnavi */
/* -------------------------------------------------------- */
#gnaviWrap {width:100%; height:65px; margin:0 auto; padding:0; background:url(../img/gnavi_bg.jpg) repeat-x 0 0; position:fixed; top:74px; left:0; z-index:1000; clear:both; _position:absolute;}
#gnavi {width:1000px; height:65px; margin:0 auto;}
#gnavi ul {width:1000px; height:65px; margin:0 auto;}
#gnavi li {float:left;}


/* contents */
/* -------------------------------------------------------- */
#contentsWrap {width:100%; overflow:hidden; text-align:center; margin:0 auto; padding:139px 0 0 0; background:url(../../img/c_bg.gif) repeat-y center 0 !important;clear:both;}
#mainimg {width:1000px; margin:10px auto 10px auto;}
#contents {width:1000px; text-align:left; margin:0 auto; overflow:hidden;}
#sideNavWrap {width:190px; /*height:1200px;*/ float:left; padding-bottom: 20px;}
#sideNav {width:178px; _width:190px; overflow:hidden; padding:5px; border-left:1px solid #bbb; border-right:1px solid #bbb; background:#fff;}
#sideNav dl {width:178px; overflow:hidden;}
#sideNav dt {width:162px; _width:178px; padding:8px; color:#fff; background:#878787; font-size:14px;font-weight:bold;}
#sideNav dd {width:162px; _width:178px; padding:8px 0 8px 23px; background:url(../img/arrow01.gif) no-repeat 5px 12px;}
#sideNav a {text-decoration:none; color:#000;}
#sideNav a:hover {text-decoration:underline;}
#contentsMain {width:800px; overflow:hidden; float:right;}
#sideBtn {width:70px; height:70px; position:fixed; _top:81px; right:0; z-index:1000px;}


/* footer */
/* -------------------------------------------------------- */
#footerWrap {width:100%; height:70px; overflow:hidden; margin:0 auto; padding:0; background:#ffda00 url(../../img/h_f_line.jpg) repeat-x 0 bottom; clear:both; position:relative;}
#footer {width:1000px; height:48px; margin:0 auto; padding:0; clear:both;}
#footerInner {width:100%; margin:0; padding-top:28px; overflow:hidden; color:#000; font-size:12px;}
#footerInner ul#f-links {float:left;}
#footerInner ul#f-links {overflow:hidden;}
#footerInner ul#f-links li {float:left; margin-right:34px; _margin-right:17px; display:block !important;}
#footerInner ul#f-links a {color:#000; display:block !important;}
#footerInner #copy {margin-top:1px; float:right; text-align:right; padding-right:10px;}
#footerInner #f-logo {float:right;}

/* 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;}
/* */
