@charset "UTF-8";
/* CSS Document */
/*いくつか非効率な点ありだが、個人的な扱いやすさを優先する*/
/*初期化*/
body{
color:#464646;
font-size:14px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"san-self;
background-color:#E8E8E8;
width:800px;
white-space:normal;
_text-align:center;
margin-left:auto;
margin-right:auto;
}

*{
margin:0;
padding:0;
}

#header,#menu,#footer,#cont,#footerbottom{
margin-left:auto;
margin-right:auto;
text-align:left;
}


/*共通部分*/
div#header{
width:800px;
height:100px;
margin-top:25px;
background-image:url(../images/header.jpg);
background-color:#c36783;
}

div#menu{
width:800px;
height:50px;
background-image: url(../images/menu.jpg);
background-color:#c36783;
}

div#menu li{
list-style-type:none;
display:inline;
float:left;
}

li.menu-button a{
width:100px;
height:40px;
margin-right:3px;
margin-top:4px;
border:1px #333333 solid;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#333333;
display: block;
background-image:url(../images/button.gif);
background-position:center center;
line-height: 20px;
}

li.menu-button a:hover{
width:100px;
height:40px;
background-image:url(../images/button_hover.gif);
color:#272727;
line-height: 20px;
}

div#menu ul{
margin-left:9px;
}
/*ショップサイトへのリンクボタン用（共通部分をliに設定しても一筋縄にはいかず。おそらく、liにIDが設定されている為。暫定状態）*/
li#e-store a{
width:100px;
height:40px;
float:left;
margin-right:5px;
margin-top:4px;
border:1px #333333 solid;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#333333;
display: block;
background-image:url(../images/button_e_store.gif);
line-height: 20px;
}

li#e-store a:hover{
width:100px;
height:40px;
background-image:url(../images/button_e_store_hover.gif);
color:#272727;
}
/*ショップサイトへのリンクボタン用ここまで*/
li#active a{
background-image:url(../images/button_visitin.gif);
}



li.menu-button span,li#e-store span{
font-weight:300;
}

div#cont{
width:800px;
background-color:#FFFFFF;
overflow:hidden;
/* これ以降Mac IE 5のみに適用される、FLOATしたバナーが飛び出す現象を回避（CSSハック） \*//*/
overflow:hidden;
/* ここまで */
}

div#cont-r{
width:67px;
height:368px;
background-image: url(../images/content_r.jpg);
float:right;
display:inline;
}


div#footer{
width:800px;
height:23px;
color:#FFFFFF;
font-size:0.8em;
line-height:23px;
background-image: url(../images/footer.jpg);
background-color:#c36783;
}

div#footer p{
float:right;
display:inline;
}

div#footer a{
color:#FFFFFF;
text-decoration:none;
}

div#footer a:hover{
color:#dddddd;
}

div#footer li{
padding-left:10px;
text-align:left;
float:left;
font-size:1.1em;
list-style-type:none;
display:inline;
}

div#footer-bottom{
display:none;
width:800px;
height:31px;
text-align:right;
padding-top:5PX;
}

a img {
border-style:none;
}

.clear{
clear:both;
}
/*TOP以外用*/
p{
line-height:20px;
font-weight:400;
}


h1{
width:100%;
font-size:1.7em;
font-weight:bolder;
text-align:center;
}

h2,caption{
width:auto;
margin-bottom:10px;
font-size:1.1em;
font-weight:bolder;
line-height:20px;
background-image:url(../images/title_backgraund.gif);
background-repeat:repeat-x;
background-position:center center;
border:1px #dddddd solid;
}


div#cont-sub h1{
background-image:url(../images/h1_backgraund.gif);
background-position:center center;
height:40px;
font-size:1.6em;
color:#eeeeee;
line-height:40px;
font-weight:bold;
width:650px;
}

div#cont-sub{
width:650px;
margin-left:60px;
padding-top:20px;
padding-bottom:20px;
}

p.notes{
margin-top:5px;
font-size:0.85em;
}

/*table関係links,outline,access共有*/
tr.tr-colored{
background-color:#eeeeee;
}

div.tables{
width:99%;
margin-right:auto;
margin-left:auto;
margin-top:15px;
border:1px #eeeeee solid;
}


div#cont-sub table{
border:none;
border-collapse:collapse;
width:100%;
}

/*mac IE 対策*/
div#cont-sub{
overflow:hidden;
}