@charset 'utf-8';




/* ----細かい指定系---- */


/* ----文字やリンクの設定---- */

p.a1{
font-size:100%;
color:#000000;
line-height:1.2;
margin: 8px 10px 5px 10px;
}

p.a2{
text-align:center;
font-size:100%;
color:#564b47;
line-height:1.4;
margin: 8px 2px 10px 7px;
}



p.a3{
font-size:16px;
color:#999999;
margin: 5px auto 3px auto;
}

p.a4{
font-size: 135%;
padding: 18px 0px 10px 18px;
}


p.a5{
width:900px; text-align:left; margin:0 auto;
margin: 20px auto 10px auto;
background-color: #1F1F1F;
}


p.a6{
margin: 7px auto 6px auto;
font-size:17px;
color:#C80000;
}




p.a7{
margin: 5px 5px 5px 10px;
font-size:16px;
color:#FFBD59;
}


p.a8{
margin: 0px 10px 0px 10px;
font-size:15px;
color:#1F1F1F;
}

p.a9{
margin: 0px 10px 0px 5px;
font-size:15px;
color:#FFAE35;
}


p.a10{
font-size:14px;
margin: 0px 0px 0px 0px;
}

p.a11{
color:#7F7F7F;
margin: 11px 10px 8px 10px;
}

p.a13{
color:#FF9A35;
font-size:14px;
margin: 1px 1px 1px 1px;
}



h1 {
font-size:30px;
color:#CFCFCF;
margin: 3px 0px 0px 15px;
}



a {color: #BFBFBF;}
a:visited {color:#BFBFBF;}
a:hover {color: #F99500;}
a:active { color:#F99500;}



a.a1 {color: #901000;}
a.a1:visited {color: #901000;}
a.a1:hover {color: #901000;}
a.a1:active  {color: #901000;}
a.a1{text-decoration: none;}


a.a2 {color: #1F1F1F;}
a.a2:visited {color:#1F1F1F;}
a.a2:hover {color: #F99500;}
a.a2:active { color:#F99500;}


a.a3 {font-size:15px;
margin: 5px 5px 5px 5px;
color: #AFAFAF;}
a.a3:visited {color:#AFAFAF;}
a.a3:hover {color: #F99500}
a.a3:active { color:#F99500;}


a.a4 {
color: #DCDCDC;}
a.a4:visited {color:#CFCFCF;}
a.a4:hover {color: #F99500;}
a.a4:active { color:#F99500;}


a.a5 {
margin: 5px 5px 5px 5px;
color: #AFAFAF;}
a.a5:visited {color:#AFAFAF;}
a.a5:hover {color: #F99500;}
a.a5:active { color:#F99500;}



a.big_area {color: #C80000;
font-size:17px;
text-decoration: none;}
a.big_area:visited {color:#C80000;}
a.big_area:hover {color: #FF9A35;}
a.big_area:active { color:#FF9A35;}




/* --画像の回りの枠線-- */
.img {border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;}



.img1 {
margin: 5px 0px 0px 5px;
}

.img2 {
margin: 2px 0px 5px 0px;
}


.img3 {
margin: 0px 0px 3px 0px;
}




p.img{margin: 0px 0px 0px 0px;}


ul.links{color: #DFDFDF;
font-size:85%;
line-height:1.4;
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 5px;
}













/* 表 */
html,body,div,p{margin:0;padding:0;border:0;}

.dp10,.dp12,.dp16,.dp17,.dp18,.dp33,.dp50,.dp80{float:left;display:inline;}


.dp12{width:14.2%;}

.dp16{width:16.6%;}

.dp17{width:16%;
margin: 2px 1px 5px 2px;
padding: 5px 0px 5px 0px;
border: 1px solid #1F1F1F;
background-image:url(../01_image/01_basic/16.png);}

.dp18{width:16%;
margin: 2px 1px 5px 2px;
padding: 5px 0px 5px 0px;
border: 1px solid #1F1F1F;
background-image:url(../01_image/01_basic/15.png);}



.dp33{width:33.33%;}

.dp50{width:49%;

margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;



min-height:230px;
}



.dp10{width:19%;}
.dp80{width:81%;}
.clear{clear:both;}








/* ----ショップ枠---- */
.shop {
width:285px;
float:right;
text-align:center;
min-height:158px;

margin: 0px 6px 10px 0px;
padding: 0px 0px 0px 0px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/6.png);
}


.shop2 {
width:770px;
float:left;
text-align:center;

margin: 0px auto 2px auto;
padding: 0px 0px 5px 0px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/10.png);
}


.shop3 {
width:770px;
float:left;
text-align:center;

margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/9.png);
}

.shop4 {
width:285px;
float:right;
text-align:center;

margin: 0px 6px 0px 0px;
padding:  0px 0px 0px 0px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/9.png);
}


.shop5 {
width:880px;
float:left;
text-align:left;

margin: 9px 5px 12px 6px;
padding: 1px 0px 1px 5px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/18.png);
}

.shop7 {
width:883px;
float:left;
text-align:center;

margin: 10px 5px 0px 6px;
padding: 0px 0px 0px 2px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/9.png);
}


.shop8 {
width:880px;
float:left;
text-align:center;

margin: 0px 5px 4px 6px;
padding: 8px 0px 5px 5px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/6.png);
}


.shop9 {
width:880px;
float:left;
text-align:center;

margin: 0px 5px 8px 6px;
padding: 7px 0px 5px 5px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/10.png);
}


.shop11 {
width:880px;
float:left;
text-align:left;

margin: 1px 5px 1px 6px;
padding: 8px 0px 5px 5px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/6.png);

min-height:22px;
}






/* ----以下はサイトの基本構造---- */




/* ----サイト表示スペース周辺の色も此処で指定する---- */
body {
text-align:center;
font-family:Verdana, 'ＭＳ Ｐゴシック', sans-serif;
font-size:100%;
color:#000000;
line-height:1.3;
margin: 0px 0px 0px 0px;
background-image:url(../01_image/01_basic/2.png);
}



/* ----大外枠---- */
#wrap {
width:900px; text-align:left;
margin: 20px auto 20px auto;


border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
}



/* ----------ヘッダ枠-------------- */
#header {
text-align: left;

min-height:50px;
background-image:url(../01_image/01_basic/8.png);
}


/* ----------インナー枠-------------- */
#inner {
margin: 0px 0px 0px 0px;
width:900px;
float:left;

border-color: #888561;
background-image:url(../01_image/01_basic/4.png);
}


#inner2 {text-align:center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width:900px;
float:left;

border-top:1px dotted;
border-color: #888561;
background-image:url(../01_image/01_basic/4.png);
}






/* --メイン枠・floatの左右をメニューと入れ替えれば右メニューに出来る-- */
/* --ここでborderを設定すると、メインとメニューの縦幅違いで線が途切れる-- */
#main {
width:290px;
float:left;

margin:  0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
/* -min-height:333px; 最低限確保しておく縦幅が欲しい時はコメントを外す- */
}

#main2 {
width:770px;
margin: 10px auto 0px auto;

/* -min-height:333px; 最低限確保しておく縦幅が欲しい時はコメントを外す- */
}

#main3 {
width:900px;
margin: 0px 0px 10px 0px;

/* -min-height:333px; 最低限確保しておく縦幅が欲しい時はコメントを外す- */
}

#main4 {
width:900px;
margin: 0px 0px 10px 0px;

/* -min-height:333px; 最低限確保しておく縦幅が欲しい時はコメントを外す- */
}

#main5 {
width:900px;
margin: 0px 0px 10px 0px;

/* -min-height:333px; 最低限確保しておく縦幅が欲しい時はコメントを外す- */
}










/* -------右メニュー枠------- */
#menu {
width:590px;
float:right;

margin:  0px 11px 0px 0px;
padding: 0px 0px 0px 0px;
}








/* -----------フッタ枠--------------- */
#footer {
text-align: right; 
margin: 0px 0px 0px 0px;

border-top:1px solid;
border-bottom:0px solid;
border-right:0px solid;
border-left:0px solid;
border-color: #3F3F3F;

background-image:url(../01_image/01_basic/7.png);
}



/* -----------回り込み対策--------------- */
.clear { clear:both; }
.clear hr { display:none; }