﻿@charset 'utf-8';


/* ----細かい指定系---- */


/* ----文字やリンクの設定---- */
p.a1{
color:#BFBFBF;
line-height:1.2;
margin: 60px 10px 5px 15px;
}

p.a2{
font-size:16px;
color:#564b47;
line-height:1.2;
margin: 10px 5px 10px 5px;
}



p.a3{
font-size:20px;
color:#BFBFBF;
margin: 10px 0px 10px 13px;
}

p.a4{
font-size: 22px;
padding: 18px 0px 7px 18px;
}


p.a5{
width:900px; text-align:left; margin:0 auto;
margin: 20px auto 10px auto;
background-color: #1F1F1F;
}


p.a6{
font-size:18px;
color:#B30000;
margin: 5px 0px 2px 7px;
}

p.a7{
font-size:16px;
color:#BFBFBF;
margin: 6px 0px 3px 13px;
}


p.a8{
font-size:15px;
color:#311800;
line-height:1.2;
margin: 2px 1px 0px 6px;
}


p.a9{
font-size:17px;
color:#BFBFBF;
margin: 4px 0px 4px 10px;
}


p.a10{
margin: 1px 17px 1px 20px;
padding: 0px 0px 5px 0px;
border-color: #1F1F1F;
border-bottom:1px solid;
}



p.a11{
font-size:15px;
color:#BFBFBF;
margin: 0px 1px 2px 1px;
}


p.a12{
font-size:16px;
color:#FD7E00;
margin: 2px 1px 0px 1px;
}








h1 {
font-size:30px;
color:#CFCFCF;
margin: 3px 0px 0px 15px;
}



a {color: #999999;}
a:visited {color:#999999;}
a:hover {color: #FFBD59;}
a:active { color:#FFBD59;}



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:visited {color:#311800;}
a.a2:hover {color: #FFBD59;}
a.a2:active { color:#FFBD59;}

a.a2{
color:#311800;
font-size:16px;
padding: 1px 0px 5px 0px;}



a.a3:visited {color:#311800;}
a.a3:hover {color: #FFBD59;}
a.a3:active { color:#FFBD59;}

a.a3{
color:#311800;
font-size:17px;
padding: 1px 0px 5px 0px;}






a.big_area {color: #B30000;
text-align:right;
font-size:18px;
text-decoration: none;}
a.big_area:visited {color:#B30000;}
a.big_area:hover {color: #FF9A35;}
a.big_area:active { color:#FF9A35;}





/* --画像の回りの枠線-- */
img {border-top:2px solid;
border-bottom:2px solid;
border-right:2px solid;
border-left:2px solid;
border-color: #1F1F1F;
margin: 2px 0px 4px 0px;
}


p.img{margin: 0px 0px 0px 0px;}



.img2 {border-top:0px solid;
border-bottom:0px solid;
border-right:0px solid;
border-left:0px solid;
margin: 10px 0px 0px 1px;
}

.img3 {border-top:0px solid;
border-bottom:0px solid;
border-right:0px solid;
border-left:0px solid;
margin: 0px 6px 0px 0px;
}


.img4 {border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
margin: 3px 0px 4px 2px;
}



ul.links{
color:#999999;
font-size:16px;
line-height:1.3;
margin: 5px 0px 0px 0px;
padding: 0px 0px 10px 5px;
}













/* 表 */
html, body, div, p{
margin: 0;
padding: 0;
border: 0;
}

.dp5,
.dp90,

.dp25,
.dp30,
.dp32,
.dp33,
.dp50,
.dp70,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */


.dp25{width:23%;
margin: 0px 3px 0px 3px;
padding: 5px 2px 8px 2px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
}


.dp33{width:30%;
margin: 0px 5px 0px 9px;
padding: 5px 2px 8px 2px;

border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;
}






.dp32{width:32%;
text-align:center;
margin: 8px 3px 0px 5px;
}



.dp30{width:24%;
margin: 0px 0px 0px 0px;
padding: 2px 2px 5px 24px;
}

.dp70{width:70%;
margin: 0px 0px 0px 0px;
padding: 2px 1px 5px 1px;
}



.dp5{
width:2%;
margin: 2px 10px 1px 0px;
}

.dp90{
width:96%;
}



.dp50{
width:49%;
}





/* ----ショップ枠---- */
.shop {
width:640px; float:right;

margin: 4px 5px 11px 5px;
padding: 0px 0px 20px 0px;

border: 1px solid #1F1F1F;
background-image:url(../01_image/01_basic/12.png);
}


.shop2 {
width:640px;
float:right;


margin: 5px 7px 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/7.png);
}


.shop3 {
width:640px;
float:right;
text-align:center;

margin: 0px 7px 9px 0px;
padding: 5px 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/6.png);
}



.shop4 {
width:640px;
float:right;
text-align:center;

margin: 5px 7px 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/7.png);
}


.shop5 {
width:640px; float:right;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

border-bottom:1px solid;
border-color: #1F1F1F;
background-image:url(../01_image/01_basic/7.png);
}






.shop8 {
width:609px; float:right;
text-align:left;

margin: 5px 10px 5px 5px;
padding: 1px 5px 2px 5px;

border: 1px solid #1F1F1F;
background-image:url(../01_image/01_basic/15.png);
}












/* ----以下はサイトの基本構造---- */




/* ----サイト表示スペース周辺の色も此処で指定する---- */
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 {
width:900px;
text-align: left;

border-top:0px solid;
border-bottom:0px solid;
border-right:0px solid;
border-left:0px solid;
border-color: #000000;

min-height:50px;
background-image:url(../01_image/01_basic/8.png);
}




/* ----------インナー枠-------------- */
#inner {
margin: 0px 0px 0px 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:660px; float:right;

margin: 10px 5px 10px 0px;


border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
border-left:1px solid;
border-color: #1F1F1F;

/* -min-height:333px; 最低限確保しておく縦幅が欲しい時はコメントを外す- */

background-image:url(../01_image/01_basic/4.png);
}




/* -------メニュー枠------- */
#menu {
width:215px; float:left;
margin: 10px 0px 10px 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/3.png);
}




/* -----------フッタ枠--------------- */
#footer {
width:900px;
text-align: right; 
margin: 0px 0px 0px 0px;
min-height:11px;

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/9.png);
}



/* -----------回り込み対策--------------- */
.clear { clear:both; }
.clear hr { display:none; }
