/* CSS Document */
@import "global.css";

body { background: #0966C3; }
h1#head { width: 900px; margin: 3px auto; color: #FFF; font-size: 10px; line-height: 12px; }
#main { width: 900px; padding: 0 10px; margin: 0 auto; background: url(../images/mainBg.gif) repeat-y; color: #000; font-size: 14px; line-height: 20px; }

/* HEAD */
#pageHead { border-top: #F00 2px solid; background: #FF0; color: #053EB3; padding: 0 5px 0; font-size: 12px; line-height: 14px; }
* html #pageHead { zoom:100%; }/*IE6*/
*+html #pageHead { zoom:100%; }/*IE7*/
#headLogo { float: left; background: url(../images/headLogo.jpg) no-repeat 0 0; width: 134px; height: 28px; margin: 5px 0; }
#headLogo a { text-indent: -9999px; overflow: hidden; display: block; line-height: 28px; height: 28px; width: 134px; }
#headLink { float: right; margin: 12px 0; }
#headLink a { color: #053EB3; text-decoration: none; }
#headLink a:hover { color: #F00; text-decoration: underline; }

/* CONTENT */
#headPLink { background: #053EB3; font-size: 12px; line-height: 24px; padding: 0 5px; }
#headPLink a { color: #FFF; text-decoration: none; }
#headPLink a:hover { text-decoration: underline; }

#contentWrap { background: url(../images/contentWrapBg.gif) repeat-y; }
* html #contentWrap { zoom:100%; }/*IE6*/
*+html #contentWrap { zoom:100%; }/*IE7*/
#mainCol { float: left; padding: 15px 30px; width: 620px; color: #333; }
#naviCol { float: right; padding: 15px; width: 190px; }

/* NAVI */
.naviTitle { background: url(../images/naviTitle.gif) no-repeat; height: 24px; color: #FFF; font-size: 12px; font-weight: bold; text-align: center; padding-top: 4px; }
.naviWrap { background: url(../images/naviBg.gif) no-repeat 0 bottom; padding: 7px; color: #053EB2; font-size: 12px; line-height: 20px; margin-bottom: 10px; }
.naviWrap a { color: #053EB2; text-decoration: none; }
.naviWrap a:hover { text-decoration: underline; }
.shopArea { background: #E5F0F9; padding: 1px 4px; font-weight: bold; }
ul#shop { list-style: none; }
ul#shop li { padding-left: 5px; }
ul#shop li.odd { border-top: #FFF 1px solid; background: #FFFBD9; }
ul#shop li.even { background: #FFF; }
ul#other { list-style: none; }
ul#other li { background: #E5F0F9; border-bottom: #FFF 1px solid; padding-left: 4px; }

/* FOOT */
#pageFoot { font-size: 12px; }
#footNavi {  padding: 8px 0 2px; text-align: center; background: #053EB3; color:#fff; }
.footTop { margin-top:70px; border-top:1px dotted #053EB3; color: #053EB3;}
.imgLogo { width:324px; margin-left:50px; float:left;}
.footChara { width:100px; float:left;}
.footLogo { width:212px; margin-top:30px; margin-left:5px;}
.footNav_cont { width:344px; float:left; margin-left:40px; }
.footNav_cont a { line-height:86px;}
#footNavi a { color: #fff; text-decoration: none; }
#footNavi a:hover { text-decoration: underline; }
#copyright { background: #FF0; color: #053EB2; padding: 10px 0; text-align: center; }

/* OTHER */
.pdgT25 { padding-top: 25px; }
.colorC00 { color: #C00; }
.colorF00 { color: #F00; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.lineH18 { line-height: 18px; }
.fontB { font-weight: bold; }
.fontN { font-weight: normal; }
img { vertical-align: top; }
