@charset "utf-8";

/*-------------------------------------------------
  レイアウト指定
  作成者：Satomi Nagashima
  作成日：2007/12/11
  最終更新日：2008/03/24
--------------------------------------------------*/

#maincontents{
	width:550px;
	float: right;
}

/*表示しない*/
.hidden{
	display:none;
}

/**/
.block{
	display:block;
}
.inline{
	display:inline;
}

/*テーブル*/
table.normal{
	border-bottom: solid 1px #928179;
	border-left: solid 1px #928179;
	border-right: none;
	border-top: none;
	margin: 10px 0;
	line-height: 1.2em;
}
table.normal caption{
	color: #AA0000;
	font-weight: bold;
	text-align: left;
	padding: 0;
}
table.normal thead th{
	background-color: #CAB59B;
	color: #551A00;
	font-weight: bold;
}
table.normal th{
	padding: 3px 3px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #928179;
	border-top: solid 1px #928179;
	background-color: #EED5AE;
	color: #551A00;
	font-weight: normal;
}
table.normal td{
	padding: 3px 3px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #928179;
	border-top: solid 1px #928179;
	background-color: #FFFFFF;
}
table.normal tfoot th{
	font-weight: bold;
	background-color: #DEB068;
}
table.normal tfoot td{
	background-color: #FEEABC;
	font-weight: bold;
}

/*見出し設定*/
/*ページタイトル*/
#maincontents h1{
	margin: 20px 0 20px 0;
	background-image: url(../imgs/common/ti_h1_ln.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 46px;
}
#maincontents h2{
	background-image: url(../imgs/common/ti_h2.gif);
	background-repeat: no-repeat;
	line-height: 1.3em;
	padding: 10px 8px;
	margin: 30px 0 10px 0;
	color: #551A00;
	background-position: 0 50%;
}
#maincontents h3{
	background-color: #CAB59B;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	padding: 5px 10px;
	margin: 20px 0 10px 0;
	color: #261C1C;
	background-position: left bottom;
	line-height: 1.2em;
}
#maincontents h4{
	background-image: url(../imgs/common/ic_01.gif);
	border-bottom: solid 2px #DEB068;
	background-position: 0 0.4em;
	padding: 1px 0 1px 13px;
	font-weight: normal;
	background-repeat: no-repeat;
	line-height: 1.3em;

}
#maincontents h5{
	background-image: url(../imgs/common/ti_h5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:10px 0;
	color: #551A00;
	padding: 3px 15px;
	font-weight: normal;
	font-size:85%;
	line-height: 1.5em;
}
#maincontents p{
	margin: 10px 10px;
}
#maincontents ul{
	margin: 10px;
}

/*テキスト位置*/
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
.text_left{
	text-align:left;
}
.text_middle{
	vertical-align:middle;
}
.text_top{
	vertical-align:top;
}
.text_bottom{
	vertical-align:bottom;
}

/*リスト*/
/* -------------------------------------------
  ヘッダーメニュー：リンク 文字サイズ・色
------------------------------------------- */
.header_menu {
	width:550px;
	margin: 0 auto;
	text-align:center;
}

.header_menu ul {
	list-style: none;
}

.header_menu ul li{
	display: inline;
	margin: 0 3px 0 3px;
}

/* -------------------------------------------
  ヘッダーメニュー：リンク 文字サイズ・色
------------------------------------------- */
.header_menu ul li a.menu_link {
	border: 1px solid #928179;
	background-color: #CAB59B;
	color: #551A00;
	text-decoration: none;
	padding: 5px;
}

.header_menu ul li a:hover.menu_link {
	border: 1px solid #928179;
	background-color: #FEEABC;
	color: #261C1C;
	text-decoration: none;
	padding: 5px;
}

.header_menu ul li a:active.menu_link {
	border: 1px solid #928179;
	background-color: #FEEABC;
	color: #261C1C;
	text-decoration: none;
	padding: 5px;
	border-style: inset;
}

/*マーカー付リスト*/
.markerlist li{
	background-image: url(../imgs/common/ic_01.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding: 1px 0 1px 15px;
}

/*マーカー付リスト:小さめ*/
.markerlist-s li{
	background-image: url(../imgs/common/ic_04.gif);
	background-repeat: no-repeat;
	background-position: 0.2em 0.5em;
	padding: 1px 0 1px 15px;
}
/*リンクリスト*/
.linklist li{
	background-image: url(../imgs/common/ic_03.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding: 1px 0 1px 15px;
}

/*マーカー付定義リスト:小さめ*/
.markerlist-s_dl dt{
	background-image: url(../imgs/common/ic_04.gif);
	background-repeat: no-repeat;
	background-position: 0.2em 1em;
	padding: 5px 0 5px 15px;
}
.markerlist-s_dl dd{
	margin-left:15px;
}
/*→アイコン*/
.ichiran {
	float: right;
	background-image: url(../imgs/common/ic_02.gif);
	background-repeat: no-repeat;
	padding: 3px 0 3px 15px;
	background-position: 0 50%;
	font-size:85%;
	margin-top: 10px;
}
/*カラーボックス*/
/*グレー*/
.box01{
	background-color:#eeeeee;
	padding:8px;
	margin:10px;
}
/*ホワイト*/
.box02{
	background-color:#FFFFFF;
	padding:8px;
	margin:10px;
}
/*ホワイト*/
.box03{
	background-color:#CAB59B;
	padding:8px;
	margin:10px;
}
/*ホワイト*/
.box04{
	background-color:#EED5AE;
	padding:8px;
	margin:10px;
}
/*ホワイト*/
.box05{
	background-color:#DEB068;
	padding:8px;
	margin:10px;
}
/*ホワイト*/
.box06{
	background-color:#FEEABC;
	padding:8px;
	margin:10px;
}
/*グレーライン*/
.box07{
	padding:8px;
	margin:10px;
	border: solid 1px #928179;
}
/*オレンジライン*/
.box08{
	padding:8px;
	margin:10px;
	border: solid 1px #928179;
	background-color: #FFFFFF;
}
/*グレーライン[マージンパディング無し]*/
.box09{
	padding:0px;
	margin:0px;
	border: solid 1px #928179;
	background-color:#FFFFFF;
}

/*強調見出し*/
p.midashi{
	font-size:115%;
	background-image: url(../imgs/common/ic_05.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 3px 0 1px 25px;
}

/*指ポイント見出し*/
p.midashi_p{
	font-size:115%;
	background-image: url(../imgs/common/ic_point.gif);
	background-repeat: no-repeat;
	background-position: 0 0.8em;
	padding: 20px 0 1px 30px;
}

/*こだわり見出し*/
p.midashi_k{
	font-size:115%;
	background-image: url(../imgs/common/ic_kodawari.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 15px 0 6px 40px;
}
/*pリンクリスト*/
p.link{
	background-image: url(../imgs/common/ic_02.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: 0 0.2em;
}
/*位置設定*/
/*1/2サイズ*/
.harf_l{
	float: left;
	width: 265px;
}
.harf_r{
	float: right;
	width: 265px;
}
.harf_l p,
.harf_r p{
	margin:10px 5px !important;
}

/*1/3サイズ*/
.three_l{
	width: 170px;
	float: left;
}
.three_c{
	width: 170px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}
.three_r{
	width: 170px;
	float: right;
}
.three_l p,
.three_r p{
	margin:10px 5px !important;
}

/*1/4サイズ*/
.four-l{
	width: 24%;
	float: left;
	margin: 10px 0;
}
.four-cl{
	width: 24%;
	float: left;
	padding-left: 2%;
	margin: 10px 0;
}
.four-cr{
	width: 23%;
	float: left;
	padding-left: 2%;
	margin: 10px 0;
}
.four-r{
	width: 23%;
	float: right;
	margin: 10px 0;
}


/*フロート左*/
.float_l{
	float:left;
	width:auto;
	padding-right: 10px;
}
/*フロート右*/
.float_r{
	float:right;
	width:auto;
	padding-left: 10px;
}

/*左150右380*/
.left_150{
	float: left;
	width: 150px;
	padding-right: 20px;
}
.right_380{
	float: right;
	width: 380px;
}

/*左330右200*/
.left_330{
	float: left;
	width: 330px;
}
.right_200{
	float: right;
	width: 200px;
	padding-left: 20px;
}
/*左200右330*/
.left_200{
	float: left;
	width: 200px;
}
.right_330{
	float: right;
	width: 330px;
	padding-left: 20px;
}

/*マージン設定*/
/*マージン全方向０*/
.margin-0{
	margin:0 !important;
}
/*マージン全方向10*/
.margin-10{
	margin:10px !important;
}
/*マージン全方向20*/
.margin-20{
	margin:20px !important;
}
/*マージン左右０*/
.margin-rl0{
	margin-right:0 !important;
	margin-left:0 !important;
}
/*マージン左右10*/
.margin-rl10{
	margin-right:10px !important;
	margin-left:10px !important;
}
/*マージン左右20*/
.margin-rl20{
	margin-right:20px !important;
	margin-left:20px !important;
}
/*マージン左０*/
.margin-l0{
	margin-left:0 !important;
}
/*マージン左10*/
.margin-l10{
	margin-left:10px !important;
}
/*マージン左15*/
.margin-l15{
	margin-left:15px !important;
}
/*マージン右15*/
.margin-r15{
	margin-right:15px !important;
}
/*マージン右20*/
.margin-r20{
	margin-right:20px !important;
}
/*マージン左20*/
.margin-l20{
	margin-left:20px !important;
}
/*マージン左25*/
.margin-l25{
	margin-left:25px !important;
}
/*マージン左40*/
.margin-l40{
	margin-left:40px !important;
}
/*マージン左右　中央*/
.margin-rlauto{
	margin-right:auto !important;
	margin-left:auto !important;
}
/*マージン上下０*/
.margin-tb0{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
/*マージン上下10*/
.margin-tb10{
	margin-top:10px !important;
	margin-bottom:10px !important;
}
/*マージン上下20*/
.margin-tb20{
	margin-top:20px !important;
	margin-bottom:20px !important;
}
/*マージン上０*/
.margin-top0{
	margin-top:0 !important;
}
/*マージン上5*/
.margin-top5{
	margin-top:5px !important;
}
/*マージン上10*/
.margin-top10{
	margin-top:10px !important;
}
/*マージン上20*/
.margin-top20{
	margin-top:20px !important;
}
/*マージン上20*/
.margin-top25{
	margin-top:25px !important;
}
/*マージン下０*/
.margin-bottom0{
	margin-bottom:0 !important;
}
/*マージン下10*/
.margin-bottom10{
	margin-bottom:10px !important;
}
/*マージン下20*/
.margin-bottom20{
	margin-bottom:20px !important;
}
/*パディング設定*/
/*パディング全方向０*/
.padding-0{
	padding:0 !important;
}
/*パディング全方向10*/
.padding-10{
	padding:10px !important;
}
/*パディング全方向20*/
.padding-20{
	padding:20px !important;
}
/*パディング左右０*/
.padding-rl0{
	padding-right:0 !important;
	padding-left:0 !important;
}
/*パディング左右10*/
.padding-rl10{
	padding-right:10px !important;
	padding-left:10px !important;
}
/*パディング左右20*/
.padding-rl20{
	padding-right:20px !important;
	padding-left:20px !important;
}
/*パディング左０*/
.padding-l0{
	padding-left:0 !important;
}
/*パディング左10*/
.padding-l10{
	padding-left:10px !important;
}
/*パディング左15*/
.padding-l15{
	padding-left:15px !important;
}
/*パディング左20*/
.padding-l20{
	padding-left:20px !important;
}
/*パディング左右　中央*/
.padding-rlauto{
	padding-right:auto !important;
	padding-left:auto !important;
}
/*パディング上下０*/
.padding-tb0{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
/*パディング上下10*/
.padding-tb10{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
/*パディング上下20*/
.padding-tb20{
	padding-top:20px !important;
	padding-bottom:20px !important;
}
/*パディング上０*/
.padding-top0{
	padding-top:0 !important;
}
/*パディング上10*/
.padding-top10{
	padding-top:10px !important;
}
/*パディング上20*/
.padding-top20{
	padding-top:20px !important;
}
/*パディング下０*/
.padding-bottom0{
	padding-bottom:0 !important;
}
/*パディング下10*/
.padding-bottom10{
	padding-bottom:10px !important;
}
/*パディング下20*/
.padding-bottom20{
	padding-bottom:20px !important;
}
/*インデント幅*/
/*1em*/
.indent-1 li{
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
.indent-1-1 li{
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
.indent-1-2 li{
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
.indent-1-3 li{
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
.indent-1-4 li{
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
.indent-1-5 li{
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
.indent-1-6 li{
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
.indent-1-7 li{
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
.indent-1-8 li{
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
.indent-1-9 li{
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
.indent-2 li{
	text-indent: -2em;
	margin-left: 2em;
}
/*前のページへ戻る、ページトップへ戻る*/
.backtop{
	margin: 0!important;
	float: right;
	padding: 20px 0;
}
.backtop ul{
}
.backtop li{
	display: inline;
}
.backtop li a{
	display: block;
	float: left;
	padding-left: 20px;
}

/*テキストボックス*/
input.textbox{
	border:inset 1px #999999;
	height:18px;
}

/*ライン*/
/*ブロック要素の下にラインがつく*/
.line1{
	border-bottom:solid 1px #A06501;
	padding-bottom:20px;
	margin-bottom:20px;
}
/*TOPページでつかってるした線の要素*/
.line2{
	background-image: url(../imgs/common/ln_01.gif);
	background-repeat: repeat-x;
	height: 2px;
}

/*テーブルなど物理上550pxを超える場合、スクロールバーを表示する*/
.overflow_sc{
	overflow:auto;
	width: 550px;
}

/*background-color設定*/
/*ライトブルー*/
.bg-liteblue{
	background-color:#CCD8E6 !important;
}
.bg-liteblue2{
	background-color:#DFE7F0!important;
}
/*ライトイエロー*/
.bg-liteyellow{
	background-color:#FFFFAA!important;
}
.bg-liteyellow2{
	background-color:#FFFFDD !important;
}

/*h2 2行バージョン*/
.h_long{
	background-image: url(../imgs/common/ti_h2_long.gif)!important;
	background-repeat: no-repeat;
	line-height: 1.9em;
	padding: 5px 8px;
	margin: 30px 0 10px 0;
	color: #FFFFFF;
	background-position: left bottom;
}

/*横幅240*/
.wd_240 {
	width:260px;
}

/*商品一覧用CSS*/
.ichiran {
}
.ichiran li {
}

/*1/3サイズ（box内用）*/
.three_l_k{
	width: 32%;
	float: left;
	margin: 10px 0;
}
.three_c_k{
	width: 32%;
	float: left;
	margin: 10px 0;
	padding-left: 2%;
}
.three_r_k{
	width: 31%;
	float: right;
	margin: 10px 0;
}
.three_l_k p,
.three_r_k p{
	margin:10px 5px !important;
}


/*1/2サイズ（box内用）*/
.harf_l_k{
	float: left;
	width: 255px;
}
.harf_r_k{
	float: right;
	width: 255px;
}
.harf_l_k p,
.harf_r_k p{
	margin:10px 5px !important;
}

/*商品購入ページボタン変更CSS*/
.num-form {
	width: 30px;
	text-align: right;
}
.buy-form {
	margin-top: 8px;


}
/*TOP1/3サイズ*/
.three_l_t,
.three_c_t,
.three_r_t{
	background-color: #FFFBEC;
	width: 165px;
	border: 1px solid #A06501;
	padding: 3px;
}
.three_l_t{
	float: left;
}
.three_c_t{
	float: left;
	margin: 0 15px;
}
.three_r_t{
	float: right;
}
/*TOP1/2サイズ*/
.harf_l_t,
.harf_r_t{
	background-color: #FFFBEC;
	width: 265px;
	border: 1px solid #A06501;
	padding: 3px;
}
.harf_l_t{
	float: left;
}
.harf_r_t{
	float: right;
}

/*高さ*/
.m-height115{
	min-height:115px;
}
/*min-height IE用*/
* html .m-height115 {
	height:115px;
}