@charset "shift_jis";



/*

---------------------------------------------------------------------------

■制作元：テンプレートパーティー

■URL：http://template-party.com/

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



body {

	color: #706F5B;

	margin: 0px;

	padding: 0px;

	text-align: center;

	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";

	background: #fceed5 url(../images/bg.jpg) repeat-x center top;	/*背景色、背景画像の読み込み＆X軸(横軸)にリピート上部に配置*/

}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{

	margin: 0px;

	padding: 0px;

}

ul{

	list-style-type: none;

}

img {

	border: none;

}

input,textarea,select {

	font-size: 1em;

}

form {

	margin: 0px;

}

table {

	border-collapse:collapse;

	font-size: 100%;

	border-spacing: 0;

}



/*リンク（全般）設定

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

a {

	color: #706F5B;	/*リンクテキストの色*/

}

a:hover {

	color: #699a00;			/*カーソルオーバー時の文字色*/

	text-decoration: none;	/*カーソルオーバー時に下線を消す設定。残したままがいいならこの１行削除。*/

}



/*コンテナー（HPを囲むブロック）

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

#container {

	text-align: left;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	background: #FFF;

}



/*ヘッダー（ロゴが入っているHP上部ブロック）

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

#header {

	height: 136px;	/*ヘッダーの高さ*/

	width: 970px;	/*ヘッダーの幅*/

	position: relative;

	background: url(../images/header_bg.jpg) no-repeat;	/*ヘッダー背景画像の読み込み*/

	margin-right: auto;

	margin-left: auto;

}

/*h1タグ設定*/

#header h1 {

	font-size: 9px;				/*文字サイズ*/

	line-height: 20px;			/*行間*/

	font-weight: normal;		/*hタグの太字を標準にする設定。太字がいいならこの１行削除。*/

	position: absolute;

	top: 107px;		/*ヘッダーブロックに対して上から107pxの位置に配置*/

	right: 10px;

}

#header h1 a {

	text-decoration: none;

}

/*ロゴ画像設定*/

#header #logo {

	position: absolute;

	left: 20px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/

	top: 0px;	/*ヘッダーブロックに対して上から0pxの位置に配置*/

	z-index: 3;

}



/*メインコンテンツ（右側ブロック）

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

#main {

	float: right;	/*右側にフロート*/

	width: 700px;	/*メインコンテンツ幅*/

	padding: 20px 15px 30px 0px;	/*左から、上、右、下、左の余白*/

}

/*h2タグ設定*/

#main h2 {

	color: #FFF;		/*文字色*/

	font-size: 100%;	/*文字サイズ*/

	padding-left: 40px;

	line-height: 35px;

	height: 35px;

	clear: both;

	width: 660px;

	background: url(../images/h2bg.jpg) no-repeat;	/*背景画像の読み込み*/

}

/*段落タグの余白設定*/

#main p {

	padding: 0.5em 10px 1em;	/*左から、上、左右、下への余白*/

}



/*メインコンテンツ内のbox1設定

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

/*box1個ごとの設定*/

#main .box1 {

	padding: 8px;	/*ボックス内の余白*/

	float: left;	/*左側に回り込みさせる設定*/

	height: 220px;	/*ボックスの高さ*/

	width: 202px;	/*ボックスの幅*/

	margin-left: 10px;	/*ボックス同士の左右間の間隔*/

	margin-bottom: 10px;	/*ボックス同士の上下間の間隔*/

	display: inline;

	border: 1px solid #D3CDC2;	/*ボックスの枠線の幅、線種、色*/

	font-size: 10px;	/*ボックス内の文字サイズ*/

	line-height: 1.6;	/*ボックス内の行間*/

	background: #FFF;	/*ボックス内の背景色*/

}

/*商品画像の枠線の幅と線種と色*/

#main .box1 p.img img {

	border: 1px solid #FFF;

}

/*マウスオン時の商品画像の枠線の幅と線種と色*/

#main .box1 p.img a:hover img {

	border: 1px solid #699a00;

}

/*ボックス内のh3タグの文字色*/

#main .box1 h3 {

	color: #699a00;

	font-size: 11px;

}

#main .box1 h3 a {

	color: #699a00;

}

/*ボックス内の段落の余白リセット*/

#main .box1 p {

	padding: 0px;

}

/*「NEW」マークの設定*/

.newitem {

	background: #FFF url(../images/mark_new.gif) no-repeat right bottom !important;

}

/*「SOLD OUT」マークの設定*/

.soldout {

	background: #FFF url(../images/mark_soldout.gif) no-repeat right bottom !important;

}



/*サブコンテンツ（左側ブロック）

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

#sub {

	float: left;	/*左側にフロート*/

	width: 210px;	/*サブコンテンツ幅*/

	padding: 20px 0px 30px 15px;	/*左から、上、右、下、左の余白*/

}

/*h3タグ設定*/

#sub h3 {

	font-size: 100%;

	border: 1px solid #d3cdc2;	/*枠線の幅、線種、色*/

	background: #FFFFFF url(../images/bg1.gif) repeat-x center top;	/*背景色、背景画像の読み込み＆X軸(横軸)にリピート＆上部に配置*/

	padding: 20px 5px 15px;	/*左から、上、左右、下への余白*/

	text-align: center;	/*文字をセンタリング*/

}

/*段落タグの余白設定*/

#sub p {

	padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/

}



/*サブコンテンツ内メニュー

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

#sub ul.submenu li a {

	display: block;

	padding: 5px;

	width: 198px;

	border-right: 1px solid #d3cdc2;	/*右側の線の幅、線種、色*/

	border-bottom: 1px solid #d3cdc2;	/*下側の線の幅、線種、色*/

	border-left: 1px solid #d3cdc2;		/*左側の線の幅、線種、色*/

	text-decoration: none;

	text-align: center;	/*文字をセンタリング*/

	font-size: 11px;	/*文字サイズ*/

}

#sub ul.submenu li a:hover {

	background: #EDE9E2;	/*マウスオン時の背景色*/

}



/*サブコンテンツ内のbox1

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

#sub .box1 {

	background: #ede9e2;	/*背景色*/

	padding: 5px;			/*ボックス内の余白*/

	border: 1px solid #d3cdc2;	/*枠線の幅、線種、色*/

}

/*box1内にある場合のメニュー設定*/

#sub .box1 ul.submenu li a {

	width: 186px;

	background: #FFF;	/*背景色*/

}

#sub .box1 ul.submenu li a:hover {

	background: #EDE9E2;	/*マウスオン時の背景色*/

}



/*トップページ内「更新情報・お知らせ」ブロック

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

#main .new {

	overflow: auto;

	height: 150px;			/*ボックスの高さ*/

	width: 690px;

	padding-left: 10px;

}

#main .new dl {

	clear: left;

	width: 670px;

	border-bottom: 1px solid #cccccc;	/*日付ごとに入る下線の幅、線種、色*/

	overflow: hidden;

}

#main .new dt {

	font-weight: bold;	/*日付を太字に*/

	float: left;

	width: 100px;

}

#main .new dd {

	float: left;

	width: 570px;

}

#main .new dd img {

	vertical-align: middle;

}

*html #main .new dd img {

	margin-top:0.5em;

	vertical-align: baseline;

}



/*フッター

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

#footer {

	clear: both;

	width: 100%;

	text-align: center;			/*文字をセンタリング*/

	padding-top: 10px;

	padding-bottom: 10px;

	color: #FFF;	/*文字色*/

	background: url(../images/bg2.jpg);	/*背景画像の読み込み*/

}

/*フッター内にリンク設定した場合用*/

#footer a {

	text-decoration: none;

	color: #FFF;	/*文字色*/

}



/*トップページのスライドショー

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

#mainimg {

	position: relative;

	height: 250px;

	width: 960px;

	clear: left;

}

#mainimg .slide_file {

	display: none;

}

#slide_image {

	z-Index:2;

	position: absolute;

	left:0px;

	top:0px;

}

#slide_image2 {

	z-Index:1;

	position: absolute;

	left:0px;

	top:0px;

}



/*テーブル１

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

.ta1 {

	width: 700px;

}

.ta1, .ta1 td, .ta1 th{

	border: 1px solid #D3CDC2;	/*テーブルの枠線の幅、線種、色*/

	line-height: 2;

}

/*テーブル内の右側*/

.ta1 td{

	width: 457px;

	padding: 10px;

	vertical-align: top;

}

/*テーブル内の左側の見出し部分*/

.ta1 th{

	width: 200px;

	padding: 10px;

	text-align: center;

	background: #EDE9E2;	/*背景色*/

}

/*テーブル１行目に入った見出し部分*/

.ta1 th.tamidashi{

	width: auto;

	text-align: left;

	color: #FFFFFF;	/*文字色*/

	background: #87795F url(../images/bg3.jpg);	/*背景色、背景画像の読み込み*/

}



/*サムネイルスライドショー

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

#thumbnail {

	overflow: hidden;

	font-size: 10px;

	height: 120px;

	width: 680px;

	position: relative;

	margin-right: auto;

	margin-left: auto;

}

#thumbnail a img {

	border: 1px solid #CCC;

}

#thumbnail a:hover img {

	border: 1px solid #699a00;

}

#thumbnail a {

	display: block;

	float: left;

	width: 100px;

	padding-right: 5px;

	padding-left: 5px;

	text-align: center;

}



/*その他

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

.look {

	background-color: #E1DDD8;

}

.mb1em {

	margin-bottom: 1em;

}

.clear {

	clear: both;

}

ul.disc {

	padding: 0em 25px 1em;

	list-style: disc;

}

.color1 {

	color: #699a00;

}

.pr {

	font-size: 10px;

}

.btn {

	font-size: 13px;

}

.wl {

	width: 96%;

}

.ws {

	width: 50%;

}

.c {

	text-align: center;

}