@charset "utf-8";


/* ===================== ブラウザスタイル初期化// ===================== */
* {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

div,td,th {
text-align: left;
}

img {
border: 0;
vertical-align: bottom;
}

div,p,ui,li,a {
margin: 0;
font-size: 100%;
line-height: 1.6;
color: #2f2f2f;
}

ol, ul {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5 {
font-size: 100%;
}

ul li {
list-style-type: none;
}

.clear {
clear: both
}

/* リンク点線を消す */
a {
outline: none;
}
/* ===================== //ブラウザスタイル初期化 ===================== */


/* ======================= font・背景// ======================= */
body {
text-align: center;/* box centering */
/*--font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;--*/
font-family: "Meiryo","Lucida Sans Unicode","Trebuchet MS",Verdana, Arial,Helvetica,  sans-serif;
margin: 0px;
padding: 0px;
background:url(../images/bg.gif) repeat;
color: #2f2f2f;
}

/* ------------- 左寄せ ------------- */
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
padding: 0;/* margin&padding reset */
line-height: 1.6;
text-align: left;
display: block;
margin: 0;
}

body {
/* font-size: 74%; !important; /* IE 7向け */
font-size: 74%; /* IE 6以下 */
}

html>/**/body {
font-size: 12px; /* モダンブラウザ向け */
}

/* ------------- link設定 ------------- */
a:link {
color: #891400;
}

a:visited {
color: #891400;
}

a:hover {
color: #FFF;
background: #891400;
}

a:active {
color: #FF6666;
}
/* ======================= //font・背景 ======================= */


/* ======== clearfix(親divに追加でclass指定。これで次のボックスはクリアされる。)// ======== */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE7とMacIE5用 */
.clearfix { display: inline-block; }

/* WinIE6以前用　ホーリーハック */
* html .clearfix { height: 1%; }

/*MacIE5以外用　プロパティをblockに戻す */
.clearfix { display: inline-block; }
/* ====================================== clearfix// ====================================== */


/* ======================= container// ======================= */
#container {
width: 750px;
margin: 0 auto;
text-align: center;
}
/* ======================= //container ======================= */


/* ======================= header// ======================= */


#header h1 {
padding: 10px 0;
}

#header h1 a:hover {
color: #FFF;
background: none;
}

#header ul {
width: 750px;
}


/* ------------- navbar home ------------- */
.home,.home a,.home a:hover {
float: left;
width: 66px;
height: 31px;
text-indent: -2000px;
background: url(../images/navi_home.gif) no-repeat;
text-decoration: none;
}

.home {
display: inline;
margin-right: 23px;
}

.home,.home a:hover {
background-position: 0 -31px;
}

/* ------------- navbar shows ------------- */
.shows,.shows a,.shows a:hover {
float: left;
width: 74px;
height: 31px;
text-indent: -2000px;
background: url(../images/navi_shows.gif) no-repeat;
text-decoration: none;
}

.shows {
display: inline;
margin-right: 23px;
}

.shows,.shows a:hover {
background-position: 0 -31px;
}

/* ------------- navbar member ------------- */
.member,.member a,.member a:hover {
float: left;
width: 105px;
height: 31px;
text-indent: -2000px;
background: url(../images/navi_member.gif) no-repeat;
text-decoration: none;
}

.member {
display: inline;
margin-right: 23px;
}

.member,.member a:hover {
background-position: 0 -31px;
}

/* ------------- navbar disco ------------- */
.disco,.disco a,.disco a:hover {
float: left;
width: 65px;
height: 31px;
text-indent: -2000px;
background: url(../images/navi_disco.gif) no-repeat;
text-decoration: none;
}

.disco {
display: inline;
margin-right: 23px;
}

.disco,.disco a:hover {
background-position: 0 -31px;
}

/* ------------- navbar photo ------------- */
.photo,.photo a,.photo a:hover {
float: left;
width: 83px;
height: 31px;
text-indent: -2000px;
background: url(../images/navi_photo.gif) no-repeat;
text-decoration: none;
}

.photo {
display: inline;
margin-right: 23px;
}

.photo,.photo a:hover {
background-position: 0 -31px;
}

/* ------------- navbar merchandise ------------- */
.merchandise,.merchandise a,.merchandise a:hover {
float: left;
width: 160px;
height: 31px;
text-indent: -2000px;
background: url(../images/navi_merchandise.gif) no-repeat;
text-decoration: none;
}

.merchandise {
display: inline;
margin-right: 23px;
}

.merchandise,.merchandise a:hover {
background-position: 0 -31px;
}

/* ------------- navbar blog ------------- */
.blog,.blog a,.blog a:hover {
float: left;
width: 59px;
height: 31px;
text-indent: -2000px;
background: url(../images/navi_blog.gif) no-repeat;
text-decoration: none;
}

.blog {
display: inline;
margi: 0;
}

.blog,.blog a:hover {
background-position: 0 -31px;
}


/* ======================= //header ======================= */


/* ======================= パンくず// ======================= */
#pan {
margin: 10px 0 10px 10px;
padding: 0;
}

#pan li {
display: inline;
margin: 0;
padding: 0;
}

#pan li a {
padding-right: 10px;
background: url(../images/topicpath.gif) no-repeat right center;
}

#pan li a:link {
color: #891400;
}

#pan li a:visited {
color: #891400;
}

#pan li a:hover {
color: #FFF;
background:#891400;
}

#pan li a:active {
color: #FF6666;
}
/* ======================= //パンくず ======================= */


/* ======================= footer// ======================= */
#footer {
width: 750px;
margin: 20px 0;
}

#footer #footer-inner {
}

#footer #footer-top {
width: 750px;
}

#footer #footer-top .left {
float: left;
margin: 10px;
}

#footer #footer-top .left ul li {
display:inline;
margin-left: 5px;
padding-left:10px;
background:url(../images/sankaku.gif) no-repeat left center;
}

#footer #footer-top .right {
float: right;
margin: 10px;
}

#footer #footer-top .right ul li {
display: inline;
}

#footer #footer-btm {
margin: 10px;
}

#footer #footer-btm p {
text-align: right;
}

/* ======================= //footer ======================= */


/* ======================= contents// ======================= */
#contents {
margin: 10px 0;
}

#main {
width: 708px;
margin: 0 20px;
}

/* ------------- 赤字テキスト ------------- */
.red{
color: #FF0000;
}
/* ======================= //contents ======================= */