@charset "UTF-8";

/*-----------------------------------------------------------
 reset
------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset{border:0;}
img{border:0; vertical-align:bottom;}
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
object,embed{ outline:none;}

/*-----------------------------------------------------------
 body
------------------------------------------------------------*/

html { font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif; font-size:14px; line-height:2em;}
body{ background:url("../img/body_back.gif") top repeat-x; color:#666666;}

/*link*/
a:link { color:#00355D;}
a:visited { color:#00355D;}
a:hover { color:#005290;}

/*float*/
.left { float:left;}
.right { float:right;}

/*center*/
.center { text-align:center;}

/*font-size*/
.t10 { font-size:10px;}
.t12 { font-size:12px;}
.t14 { font-size:14px;}
.t16 { font-size:16px;}

/*strong*/
strong { color:#0066CC;}

/*margin*/
.m5 { margin:5px;}
.m5_0 { margin:5px 0;}
.m0_5 { margin:0 5px;}
.m10 { margin:10px;}
.m10_0 { margin:10px 0;}
.m0_10 { margin:0 10px;}

/*padding*/
.p5 { padding:5px;}
.p5_0 { padding:5px 0;}
.p0_5 { padding:0 5px;}
.p10 { padding:10px;}
.p10_0 { padding:10px 0;}
.p0_10 { padding:0 10px;}

/*clear both*/
.clear { clear:both;}

/*-----------------------------------------------------------
 wrapper
------------------------------------------------------------*/

#wrapper { width:840px; margin:auto; background:url("../img/body_back.gif") top repeat-x;}

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

#header { width:840px; height:45px; margin-bottom:30px; background:url("../img/header_back.gif") no-repeat;}
h1 { padding:5px 0 0 45px;}

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

#contents { clear:both; width:840px; margin-bottom:10px; background:#cccccc;}

/*inner*/
.inner { background:url("../img/inner_back.gif") repeat-y;}
.inner_1 { padding:15px 45px 0; background:url("../img/inner_1.gif") top no-repeat;}
.inner_2 { padding:15px 45px 0; background:url("../img/inner_2.gif") top no-repeat;}

/*inner headline*/
.inner_hl { width:750px; height:45px; padding-bottom:4px; background:url("../img/line_1.gif") bottom no-repeat;}
.inner_hl h2 { padding-top:8px;}

/*inner contents*/
.inner_cont { padding-top:15px;}

/*inner bottom*/
.inner_bottom { width:840px; height:15px; background:url("../img/inner_bottom.gif") bottom no-repeat;}

/*shop button*/
.shop_button { padding:30px 0;}
/*-----------------------------------------------------------
 footer
------------------------------------------------------------*/

#footer { font-size:12px; padding:0 20px;}
#footer ul { float:right;}
#footer li { display:inline; padding:0 10px; border-right:#00355D 1px solid;}
#footer ul li.r{ padding-right:0; border-right:none;}