@charset "shift_jis";





/*共通設定

■文字サイズを変更したい場合、body項目内のfontにある「12px」を変更する。

■strong(強調文字)色を変更したい場合、strong項目内の「#993300」を変更する。現在は赤色になっている。

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

body {

	color: #333333;

	margin: 0px;

	padding: 0px;

	text-align: center;

	background: #ffb401 url(images/bg.gif) repeat-x top;

	font: 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 23px;

}

h1,h2,h3,p,ul,li{

	margin: 0px;

	padding: 0px;

}



h2{

	background-color: orange; 
	padding:5px; 
    text-shadow:-2px -2px 3px #696969;
    color: #fff;
    font-size: 28px;;
    font-weight: bold;
    padding-left: 10px;
}







ul{

	list-style-type: none;

	font-size: 14px;

}

img {

	border: none;

	vertical-align: bottom;

}

strong {

	color: #993300;

	font-weight: normal;

}

p {

	padding-bottom: 2px;

	padding-top: 2px;

	padding-left: 10px;

	padding-right: 10px;

}







/*ヘッダー

■h1タグの文字色を変えたい場合、#header-container h1項目内にある「#58362D」を変える。

■h1タグの文字サイズを変更したい場合、#header-container h1項目内にある「11px」を変える。

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

#header-container {

	width: 917px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

}

#header-container h1 {

	font-size: 12px;

	color: #58362D;

	height: 20px;

	padding-top: 10px;

	padding-left: 7px;

	font-weight: normal;

}





/*メインメニュー（画像を横並びにする為の設定なので変更しない）

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

#menu li {

	float: left;

	padding-bottom: 20px;

}





/*コンテナー

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

#container {

	width: 913px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

	background: url(images/container_bg.gif) repeat-y left;

	clear: left;

}





/*商品の各テーブル設定

■テーブルのフチを変えたい場合、.t1項目内の「double」を変える。単なる直線なら「solid」。

　破線なら「dashed」、点線なら「dotted」。他にも色々あるので試すといいでしょう。

■テーブルのフチ色を変えたい場合、.t1項目内の「#CCCCCC」を変える。現在はグレー色。

■写真のフチ色を変えたい場合、.t1 img項目内の「#CCCCCC」を変える。現在はグレー色。

　また、写真とフチの間のスペースにも色を付けられる。.t1 img項目内の「#FFFFFF」で変える。現在は白。

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

.t1 {

	border: 3px double #CCCCCC;

	padding: 10px;

	margin-top: 9px;

	margin-right: 5px;

	width: 326px;

	background: url(images/item_bg.gif) repeat-x bottom;

}



.t1 td {

	vertical-align: top;

}



.t1 strong {

	background: url(images/arrow1.gif) no-repeat left top;

	padding-left: 20px;

	border-bottom: 1px dotted #CCCCCC;

	display: block;

	margin-bottom: 10px;

}



.t1 img {

	border: 1px solid #CCCCCC;

	padding: 5px;

	background: #FFFFFF;

}







/*メインコンテンツ

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

#main {

	float: left;

	width: 607px;

	text-align: left;

	padding: 4px 4px 50px;

	line-height: 2;

	border-top: 1px solid #CCCCCC;

}

#tt {

	font-style:bold;

	font-size:13px;

}

	





/*What's new欄の矢印とアンダーライン

■下線の色を変えたい場合、#CCCCCCを希望色にする。ちなみに、dottedは点線なので直線にしたいならsolidにする。

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

.u-line li {

	border-bottom: 1px dotted #CCCCCC;

	background: url(images/arrow2.gif) no-repeat left top;

	padding-left: 15px;

}





/*サイドコンテンツ

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

#side {

	float: right;

	width: 260px;

	text-align: left;

	padding: 3px 3px 50px;

	line-height: 2;

	border-top: 1px solid #CCCCCC;

}





/*フッター

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

#footer {

	clear: both;

	width: 913px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 20px;

	background: url(images/footer_bg.gif) no-repeat left top;

	padding-bottom: 20px;

}





/*clearfix（変更しないこと）

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

#container:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#container { display: inline-block; }



/* Hides from IE-mac \*/

*html #container { height: 1%; }

#container { display: block; }

/* End hide from IE-mac */