@charset "utf-8";


/* common */
/* -------------------------------------------------------- */
body {font:13px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#444; text-align:center; background:url(../img/header/bg_01.gif) repeat-x left top;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.4;}
p, ul, ol, dl, address, blockquote, table, div {line-height:1.52;}
input, select, textarea, button, label {vertical-align:middle;}

ol {list-style-type:decimal; margin-left:2.2em;}

img {line-height:0; vertical-align:top; border:0;}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; min-width:1025px; text-align:center;}


/* header */
/* -------------------------------------------------------- */
#header {width:982px; height:130px; text-align:left; margin:0 auto; position:relative; z-index:10;}

#hLogo {width:200px; position:absolute; top:20px; left:1px; z-index:10px;}

#hSearch {width:210px; position:absolute; top:18px; right:1px; z-index:10px;}
#hSearch .box {width:161px; height:24px; background:url(../img/header/search_box.gif) no-repeat left top; float:left;}
#hSearch .box input {width:150px; height:22px; font-size:12px; line-height:22px; margin:0 0 0 5px; background:transparent; border:0;}
#hSearch .btn {width:48px; float:right;}

#hNav {font-size:12px; color:#555; position:absolute; top:20px; right:248px; z-index:1;}
#hNav li {padding:0 0 0 28px; background:url(../../img/parts/icon_01.gif) no-repeat 20px center; float:left;}
#hNav a:link,
#hNav a:visited,
#hNav a:active {color:#555; text-decoration:none;}
#hNav a:hover {color:#555; text-decoration:underline;}

#globalNav {width:100%; text-align:center; position:relative; z-index:10;}
#globalNav .inr {width:100%; min-width:980px; text-align:center; position:absolute; top:-50px; left:0;}
#globalNav .nav {width:980px; text-align:left; margin:0 auto;}
#globalNav .nav li {float:left;}
#globalNav .nav li.over img.no {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}
#globalNav .nav li.btn {padding:5px 0 0 0; float:right;}
#globalNav .sub {width:100%; min-width:980px; text-align:center; background:url(../../img/parts/subnav_bg_01.gif) repeat-x left top; position:absolute; top:50px; left:0; display:none;}
#globalNav .sub .inr {width:980px; min-width:980px; padding:11px 0 15px 0; text-align:left; margin:0 auto; background:url(../../img/parts/subnav_bg_03.gif) no-repeat 0 0; position:static; top:0; left:0; overflow:hidden;}
#globalNav .sub .inr .inr {width:980px; min-width:980px; height:222px; text-align:left; margin:0 auto; padding:0; background:url(../../img/parts/subnav_bg_02.gif) no-repeat left bottom; position:static; top:0; left:0; overflow:hidden;}
#globalNav .sub table {width:940px; margin:0 0 0 20px; border-collapse:collapse; border-spacing:0; empty-cells:show;}
#globalNav .sub td {vertical-align:top; padding:20px 0 0 0;}
#globalNav .sub td.img {width:110px; text-align:center;}
#globalNav .sub td.txt {width:360px; text-align:left;}
#globalNav .sub .txt1 {margin:0 0 5px 0; padding:0 0 0 10px; background:url(../../img/parts/icon_02.gif) no-repeat left center;}
#globalNav .sub .txt2 {line-height:140%; margin:0 10px 0 0;}
#globalNav .sub .sub1 {background-position:119px 0;}
#globalNav .sub .sub2 {background-position:271px 0;}
#globalNav .sub .sub3 {background-position:423px 0;}

#globalSubNav {width:100%; min-width:980px; text-align:center; background:url(../../img/parts/subnav_bg.gif) repeat-x left top; position:relative; z-index:1;}
#globalSubNav ul {width:980px; text-align:left; margin:0 auto; padding:0 0 0 1px; background:url(../../img/parts/subnav_line.gif) no-repeat left top; display:none;}
#globalSubNav ul.on {display:block;}
#globalSubNav li {padding:0 1px 0 0; background:url(../../img/parts/subnav_line.gif) no-repeat right top; float:left;}


/* contents */
/* -------------------------------------------------------- */
#contents {width:980px; text-align:left; margin:0 auto; padding:0 0 50px 0; position:relative; z-index:1;}


/* footer */
/* -------------------------------------------------------- */
#footer {width:100%; text-align:center; background:url(../img/footer/bg.gif) repeat-x left top;}
#footer .inr {width:100%; text-align:center; padding:170px 0 40px 0; background:url(../img/footer/bg_01.gif) no-repeat center top;}

#fNav1 {width:980px; font-size:12px; text-align:left; color:#555; margin:0 auto 15px auto;}
#fNav1 li {padding:0 18px 0 10px; background:url(../../img/parts/icon_01.gif) no-repeat left center; float:left;}
#fNav1 li.copy {font-size:10px; color:#999; padding:0; background:none; float:right;}
#fNav1 a:link,
#fNav1 a:visited,
#fNav1 a:active {color:#555; text-decoration:none;}
#fNav1 a:hover {color:#555; text-decoration:underline;}

#fNav2 {width:980px; margin:0 auto;}
#fNav2 li {padding:0 5px 0 0; float:left;}

#fBtn {width:60px; height:60px; position:fixed; z-index:1000;}


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