@charset "shift_jis";



body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
}

textarea {
	font-size: 11px;
}
img {
}


h1,h2,h3,p,ul,li{
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#whats ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#whats li {
	text-indent: 15px;
	background-image: url(../../hstyleIMG/NewDesign_r10_c4.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: 2px;
}

ul{
	list-style-type: none;
}
a {
	color: #333333;
}
a:hover {
	color: #1D9A02;
}
.look {
	background: #efefef;
}



/*リンク画像にカーソルがのった時の半透明設定
---------------------------------------------------------------------------------------*/
#contents a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}
#contents {
}




/*商品テーブル
---------------------------------------------------------------------------------------*/
.box {
	margin: 10px auto 20px;
}
.box img {
	padding: 4px;				/*商品画像とフチ線の間にある白い余白*/
	border: 1px solid #CCCCCC;	/*ボックスのグレー色のフチ設定。solidは直線という意味。dottedとかにすると可愛くなります。*/
	margin: 2px;
}



.box td {
	vertical-align: top;
	font-size: 10px;
	padding-bottom: 0.5em;
}
.box a {
	text-decoration: none;
}
.box a:hover img {
	border: 1px solid #1D9A02;	/*カーソルオーバー時のボックスのフチ色（緑色）設定*/
}




/*コンテナー
---------------------------------------------------------------------------------------*/
#container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 905px;
}



/*ヘッダー
---------------------------------------------------------------------------------------*/
#header {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#header h1 {
	font-size: 10px;		/*h1タグの文字サイズ*/
	color: #81511c;			/*文字色（ここでは茶色）*/
	line-height: 1.2em;
	font-weight: normal;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#header img {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 2px;
}




/*メインメニュー
---------------------------------------------------------------------------------------
■画像なのでdisplay:inlineでもいいんですが、ビルダー編集画面で縦に並ぶので今回はfloat処理
---------------------------------------------------------------------------------------*/
ul#menu {
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../sample/images/menu_01.gif);
	background-repeat: repeat-x;
	height: 35px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul#menu li {
	float: left;
	width: 100px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 110%;
	padding-top: 6px;
}
#menu li a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

ul#menu img {
	vertical-align: bottom;
}



/*コンテンツ
---------------------------------------------------------------------------------------*/
#contents {
	clear: both;
	padding: 0px;
	margin: 0px;
}



/*メイン
---------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 574px;
	display: inline;
	padding-top: 30px;
	padding-bottom: 100px;
	margin-left: 10px;
}
#title {
	font-size: 10px;
	background-image: url(../../hstyleIMG/Hstyle_kaihatu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 28px;
	width: 570px;
}

#main p {
	padding: 0.5em 20px 1em;	/*メインコンテンツ内の段落タグ<p>設定*/
}
#main dl {
	background-position: 0px 195px;
	padding: 0px;
	clear: both;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}



/*サイド（左側）コンテンツ
---------------------------------------------------------------------------------------*/
#side {
	float: right;
	margin: 0px;
	padding: 0px;
}


#side img{
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: both;
}

#side p {
	padding: 0px 10px 1em;	/*サイドコンテンツ内の段落タグ<p>設定*/
}



/*サイドメニュー
---------------------------------------------------------------------------------------*/
ul.sidemenu {
	margin: 0px;
	padding-top: 0px;
}
#sidemenu01 {
	margin: 0px;
	padding: 0px;
}

ul.sidemenu li a {
	height: 27px;
	width: 307px;
	color: #999999;
	text-decoration: none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../../newIMG/r_navi.gif);
	margin: 0px;
	display: block;
	font-size: 105%;
	text-indent: 50px;
	padding: 0px;
}
ul.sidemenu li a:hover {
	color: #000000;
	background-image: url(../../newIMG/over/r_navi.gif);
	background-repeat: no-repeat;
}


/*サイドメニュー02
---------------------------------------------------------------------------------------*/
ul.sidemenu02 {
	margin: 0px;
	padding-top: 0px;
}
#sidemenu02 {
	margin: 0px;
	padding: 0px;
}

ul.sidemenu02 li a {
	height: 27px;
	width: 307px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../../newIMG/r2_navi.gif);
	margin: 0px;
	display: block;
	font-size: 105%;
	text-indent: 20px;
	padding: 0px;
}
ul.sidemenu02 li a:hover {
	color: #000000;
	background-image: url(../../newIMG/over/r2_navi.gif);
	background-repeat: no-repeat;
}
#side h4 {
	font-size: 10px;
	background-image: url(../../newIMG/r2_navi_title.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 307px;
}

/*サイド02
---------------------------------------------------------------------------------------*/
#side02 {
	float: right;
	width: 305px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	display: inline;
}



/*フッター
---------------------------------------------------------------------------------------*/
#footer {
	clear: both;			/*mainとsideのフロート処理解除*/
	width: 100%;	/*フッターの背景色*/
	text-align: center;		/*文字のセンタリング*/
	color: #FFFFFF;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
#side02 p {
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.qr {
	background-image: url(../../hstyleIMG/hodumiQR.gif);
	background-repeat: no-repeat;
	width: 307px;
	height: 116px;
	text-align: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.qrTXT {
	text-align: left;
	float: right;
	line-height: 1.4em;
	font-size: 12px;
	margin-right: 20px;

}


#side02  a {
	color: #00CC00;
}
#side02  a:hover {
	color: #669900;

}


#osusume {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	border: 1px solid #CCCCCC;
}


#osusume a {
	color: #00CC00;
}
#osusume a:hover {
	color: #669900;

}
.osusumeP img {
	border: 1px solid #999999;
	padding: 5px;
	margin: 0px;
	float: left;
}
.osusume p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.osusumeSet01 {
	padding: 5px;
	clear: both;
	margin: 5px;
	height: 115px;
	font-size: 90%;
}

.osusumeTXT {
	float: left;
	padding-left: 10px;
	line-height: 1.2em;
}

.osusume_greenB {
	font-weight: bold;
	color: #00CC00;
	font-size: 110%;
}
.osusumeRED {
	font-size: 110%;
	font-weight: bold;
	color: #FF0000;
}






#footer a {
	color: #999999;
}
#footer a:hover {
	color: #66CC33;
}
#footer p {
	text-align: center;
}
#title_shinka {
	font-size: 10px;
	background-image: url(../../hstyleIMG/Hstyle_shinka.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 28px;
	width: 570px;
	display: block;
}
#title_otoku {


	font-size: 10px;
	background-image: url(../../hstyleIMG/Hstyle_otoku.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 28px;
	width: 570px;
}
#title_what {



	font-size: 10px;
	background-image: url(../../hstyleIMG/Hstyle_whats.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 28px;
	width: 570px;
}
#whats {
	width: 570px;
	padding-bottom: 20px;
	display: inline;
}
object,param,embed{
	margin: 0px;
	padding: 0px;
	vertical-align: top;  
}