@charset "utf-8";

/*--------------------------------------------------------------
Copyright Web Pro Design

http://www.defiantgraphics.com

最下部の著作権削除は禁止です。
どうしても削除したい場合は、著作権非表示ライセンスを購入して下さい
http://www.defiantgraphics.com/template/kiyaku.html　をご覧下さい

このテンプレートは　文字コード　UTF-8N で作られております。
---------------------------------------------------------------*/

*{
	margin:0 auto;
	padding:0;
}

body {
	margin:0 auto;
	color:#000000; /* white; */
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	/* text-align: center;*/
}

#contents {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

img  {
	border: none;
	vertical-align:top;
	margin:0px;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


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


a {
	color: #957c5a;
}

a:hover {
	color: #ccaa7b; 
	text-decoration: none;
}

p {
	margin:0;
	color:#535353;
	/* text-indent: 1em; */
}



/* ヘッダーエリア
---------------------------------------------------------*/
#header {
	margin:0 auto;
	width:840px;
	padding-bottom:8px;
	height:60px;
	color:#666666;
}


#header h1 {
	margin-top:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	color:#666666;
	padding-left:20px;
	font-weight:normal;
	text-align: right;
}

#header a {
	text-decoration: none;
	font-size:28px;
	font-weight: bold;
	margin-left:0px;
}


/* Top メニューナビエリア
--------------------------------------------------*/
#navi_back {
	width:100%;
  	background-image: url(../img/navi_back.gif); 
  	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	height:30px;
	margin-bottom:10px;
}

#header-navi {
	clear: both;
	width:840px;
  	margin:0 auto;
  	padding: 0px;
  	height: 30px;
  	text-align: left;
  	background-image: url(../img/navi_back.gif); 
  	background-repeat: repeat-x;
	/* 左側に縦ラインを引くコード */
  	border-left-width: 1px;
  	border-left-style: solid;
  	border-left-color: #54101d;

	/* トップメニューナビが6個無いときに使うコード 6個ある場合は無効にする */
  	border-right-width: 1px;
  	border-right-style: solid;
  	border-right-color: #54101d;
	
}

#header-navi ul {
	display: inline;
  	text-align: left;
  	margin: 0px;
  	padding: 0px
}

#header-navi li {
  	list-style-type: none;
  	float: left;
}

#header-navi li a {
  	font-size: 12px;
  	line-height: 20px;
  	color: #ffffff;
  	background-image:  url(../img/navi_back.gif);
  	text-align: center;
	display: block; width: 139px;
  	border-right-width: 1px;
  	border-right-style: solid;
  	border-right-color: #54101d;
  	text-decoration: none;
  	padding: 5px 0 5px 0;
	overflow : hidden; 	/* IE6対策 */
	float : left; 		/* IE6対策 */
	background-color: #d1092f;
}

#header-navi li a:hover {
  	background-image: url(../img/navi_back_hover.gif);
}

/* -----------------------------------------------------　*/

#pic_back {
  	background-image: url(../img/pic_bk.gif); 
  	background-repeat: repeat-x;
	width:100%;
	height:200px;
	margin: 0;
	padding: 0;
	text-align:center;
	margin-bottom:20px;
}




#topp_pic {
	width:840px;
	height:200px;
	margin:0 auto;
	padding:0;
	text-align:center;
}




/* ---------------------- END Dolphin nav ---------------------- */

#wrapper {
	width:840px;

}

#wrapper #main {
	float:left;
	width:610px;
	margin-bottom:30px;
}

#main h2,
#main h3 {
	background-image: url(../img/long.gif);
	background-repeat: no-repeat;
	height:30px;
	padding:11px 0 0 15px;
	color:#ffffff;
	font-size:16px;
	margin-bottom:20px;
	background-color: #9d845f;
}


#main h4 {
	margin-top:20px;
}


#main p {
	text-indent: 1em;
	margin-bottom:10px;
	line-height:175%;
}

.frame {
	width:430px;
}
form {
	margin-top:5px;
	margin-bottom:20px;
}


/* BOX表示
-------------------------------------------------*/
#box {
	border: solid 1px #d3c3ae;
	padding-left: 15px;
	padding-right: 15px;
	margin-top:15px;
	width: 578px;
	height: 135px;
	overflow: auto; 
	margin-bottom: 10px!important; 
}

#box p {
	border-bottom:dotted 1px #ccc; 
	padding-bottom:3px;
	line-height: 10px;
	padding-top:0px;
	text-indent: 1em;
}


/* 商品詳細表用タグ
-------------------------------------------------*/
#main dl {
	width:610px;
	margin-bottom:30px;

}

#main .dlr_150 dt {
	padding-bottom	: 0px;
	border-top	: 2px solid #957c5a;         
	margin-bottom:5px;
	padding-top:10px;
	clear:both;
	float:left;
	width:150px;
	font-weight:bold;
}

#main .dlr_150 dd {
	margin:0 5px 0 160px;
	padding-top	: 10px;
	padding-bottom: 5px;
	border-top	: 1px solid #d8d1bc;
	line-height:150%;
	color:#685848;
}

#main .dlr_200 dt {
	padding-bottom	: 0px;
	border-top	: 2px solid #957c5a;         
	margin-bottom:5px;
	padding-top:10px;
	clear:both;
	float:left;
	width:200px;
	font-weight:bold;
}

#main .dlr_200 dd {
	margin:0 5px 0 210px;
	padding-top	: 10px;
	padding-bottom: 5px;
	border-top	: 1px solid #d8d1bc;
	line-height:150%;
	color:#685848;
}

.dlr_150 li {
	background-image: url(../img/li.gif);	
	background-repeat: no-repeat;
	padding-right: 7px;
	padding-left: 13px;
	background-position: 3px center;
	font-size: 12px;
}

.dlr_200 li {
	background-image: url(../img/li.gif);	
	background-repeat: no-repeat;
	padding-right: 7px;
	padding-left: 13px;
	background-position: 3px center;
	font-size: 14px;
	line-height:0.5em;
}

.dlr_200 ul {
	margin-bottom:30px;
}




/* サイドエリア
-------------------------------------------------*/
#wrapper #side {
	float:right;
	width:210px;
	margin-bottom:20px;
}

#side h3 {
	width:204px;
	font-size: 100%;
	border: 3px double #bfbfbf;
	text-align: center;
	background-image: url(../img/h3bg.gif);	
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom:5px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#side li span {
	color:#957c5a;
	font-size:10px;
}

#side .side_navi ul {
	margin-bottom:10px;
	width:210px;
}

#side .side_navi li {
	line-height:0; /* 0 */
	margin-bottom:3px;
}

#side .side_navi li a {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #14130C;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 22px;
	background-image: url(../img/side_li.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 34px;
}

#side .side_navi li a:hover {
	background-color: #FFFFFF;
	color: #243511;
	background-image: url(../img/side_li_ov.gif);
}

#side img {
	margin-top:10px;
}

/* フッターエリア
------------------------------------------------*/

#footer {
	clear: both;
	width:820px;
	border-top: 1px solid #E2E2DE;
	border-left:1px solid #E2E2DE;
	border-right:1px solid #E2E2DE;
	padding: 10px;
	background-color: #F5F4F0;
}

#footer h3 {
	font-size:12px;
}

#footer li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 20px;
}
#footer ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer li a {
	font-size: 12px;
}

#footer p {
	font-size: 10px;
	color: #333333;
}

/* コピーライト
-------------------------------------------------------------------*/

#copyright_bk {
	width:100%;
	height:20px;
  	background-image: url(../img/navi_back.gif); 
  	background-repeat: repeat-x;
	font-size: 12px;
	padding: 8px 15px 5px 0;
	background-color: #9d845f;
}
#copyright {
	width:840px;
	font-style: normal;
	color: #ffffff;
	text-align: right;
}

#copyright a {
	color:#ffffff;
}
#copyright a:hover {
	color: #ffffff; 
	text-decoration: none;
}



/* テーブル設定 背景灰色　#
----------------------------------------------------*/

.bc1 {

	width:610px;
	table-layout: fixed; /* 現在固定幅 変動幅にするには auto に変更 */
	border-collapse: collapse;
	margin-bottom:20px;
	margin-top:15px;
}

.bc1 caption {
	text-align: left;
	width:610px;
	color: #7e6b5a;
	font-weight:bold;
	margin-top:5px;
}

.bc1 td {
	padding:0.4em 0.4em;
	border: 1px solid #a0a0a0;
}

.bc1 th {
	color: #7e6b5a;
	border: 1px solid #a0a0a0;
	background: #eeeeee;
	line-height:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;

}
/* 画像の枠処理
----------------------------------------------- */
.pic_waku {
	padding		: 1px;
	border		: 1px solid #d8d1bc;
	
}




/*画像と文字
-------------------------------------------------------------*/

/*--左に画像、右に文章*/

.left{
	float: left;
	margin: 0 8px 0px 0!important;
}

/*--右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 0px 8px!important;
}

/*　クリアー
-------------------------------------------------------------*/
.clear {
	clear          :both;
}

/* 太文字 
-------------------------------------------------------------*/
.bold {
	font-weight:bold;
}

/*文字の位置
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }


/*画像回り込み解除のフォーム
-------------------------------------------------------------*/
.r_clear {clear:right;}
.l_clear {clear:left;}


/*画像の後の文章位置
-------------------------------------------------------------*/
.pic_m {
	vertical-align: middle;
}

.pic_b {
	vertical-align: bottom;
}


/*--文字の上の間隔
-------------------------------------------------------------*/
.m0-t{ margin-top: 0px!important; }
.m05-t{ margin-top: 5px!important; }
.m10-t{ margin-top: 10px!important; }
.m20-t{ margin-top: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m40-t{ margin-top: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m60-t{ margin-top: 60px!important; }
.m70-t{ margin-top: 70px!important; }
.m80-t{ margin-top: 80px!important; }
.m90-t{ margin-top: 90px!important; }
.m100-t{ margin-top: 100px!important; }

/*--文字の下の間隔
--------------------------------------------------------------*/
.m0-b{ margin-bottom: 0px!important; }
.m05-b{ margin-bottom: 5px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m100-b{ margin-bottom: 100px!important; }

/*--文字の左側を開ける
--------------------------------------------------------------*/
.m10-l { margin-left: 10px!important; }
.m20-l { margin-left: 20px!important; }
.m30-l { margin-left: 30px!important; }
.m40-l { margin-left: 40px!important; }
.m50-l { margin-left: 50px!important; }
.m60-l { margin-left: 60px!important; }
.m250-l { margin-left: 250px!important; }
/*文字の色
-------------------------------------------------------------*/
.black{ color: #000!important; }
.red{ color: #ff0000!important; }
.blue{ color: #0000dd!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #1F26A9!important; }
.gray{ color: #ccc!important; }
.orange{ color: #ff6600!important; }
.pink{ color: #ff0080!important; }
.purple{ color: #660099!important; }
.olive{ color: #808000!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #167FA6!important; }
.win{ color: #cc0000!important; }
.blue_2 { color:#336cc8!important; }


/*--文字の大きさ
--------------------------------------------------------------*/
.f8{ font-size: 8px!important; }
.f9{ font-size: 9px!important; }
.f10{ font-size: 10px!important; }
.f11{ font-size: 11px!important; }
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f22{ font-size: 22px!important; }
.f24{ font-size: 24px!important; }