@import url(parts.css);


/* common */
/* -------------------------------------------------------- */
* {margin:0; padding:0;}
html {overflow-y:scroll;}
body {font:12px Meiryo,"MS PGothic","Osaka",arial,helvetica,sans-serif; *font-size:small; *font:x-small; color:#333; text-align:center; background:#eee;}

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:100%; vertical-align:middle;}
ul {list-style-type:none;}
ol {margin-left:2.2em;}
img {border:0; display:block;}
a img {display:inline; vertical-align:top;}


/* link */

a:link,
a:visited,
a:active {color:#1157c1; text-decoration:none;}
a:hover {color:#ff1100; text-decoration:underline;}



/* container */
/* -------------------------------------------------------- */

#container {width:100%; text-align:center; background:#fff url(/common/img/body_bg.gif) repeat-x left top;}



/* header */
/* -------------------------------------------------------- */

#header {width:940px; height:146px; text-align:left; margin:0 auto 18px auto; position:relative;}
.top #header {margin:0 auto;}

#hSummary {width:500px; height:50px; font-size:11px; font-weight:normal; position:absolute; top:25px; left:212px;}
#hLogo {width:178px; position:absolute; top:9px; left:0;}
#hTel {width:207px; position:absolute; top:13px; right:0;}
#hNavi {width:940px; position:absolute; top:91px; left:0;}
#hNavi li {float:left;}

#topImage {width:960px; text-align:left; margin:0 auto;}


/* contents */
/* -------------------------------------------------------- */

#contents {width:940px; text-align:left; margin:0 auto; padding:0 0 50px 0;}

#trackList {list-style-type:none; font-size:109%; margin:0; padding:0 0 40px; background:url(/img/parts/bg_track_list.gif) repeat-x left bottom;}
#trackList li {float:left;}

#main {width:710px; float:left;}
#side {width:210px; float:right;}



/* footer */
/* -------------------------------------------------------- */

#footer {width:100%; text-align:center; background:url(/common/img/f_bg.gif) repeat-x left top;}
#footerInner {width:940px; text-align:left; margin:0 auto; padding:20px 0 0 0; position:relative;}

#fBtn .btn1 {width:119px; position:absolute; top:-19px; right:0;}
#fBtn .btn2 {width:97px; position:absolute; top:-19px; right:258px;}
#fBtn .btn3 {width:107px; position:absolute; top:-19px; right:150px;}

#fNavi {width:100%; margin:0 0 20px 0;}
#fNavi a:link,
#fNavi a:visited,
#fNavi a:active {color:#333; text-decoration:none;}
#fNavi a:hover {color:#1157c1; text-decoration:underline;}
#fNavi ul {width:15em; float:left;}
#fNavi li.btn1 {font-weight:bold; color:#000;}
#fNavi li.btn1 a:link,
#fNavi li.btn1 a:visited,
#fNavi li.btn1 a:active {color:#000; text-decoration:none;}
#fNavi li.btn1 a:hover {color:#1157c1; text-decoration:underline;}
#fNavi li.btn2 {}
#fNavi li.btn3 {margin:0 0 0 1em;}

#fNavi dl.address {float:right;}
#fNavi dl.address dt {font-size:134%; font-weight:bold; margin:0 0 5px 0;}

#fCopy {width:100%; border-top:solid 1px #ccc;}
#fCopy span {width:100%; padding:18px 0 20px 0; border-top:solid 1px #fff; display:block;}



/* clear */
/* -------------------------------------------------------- */

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