@charset "shift_jis";

/*サイト全般設定*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 16px;
	background-color: #F7F5E7;
	border-top-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #320000;
	color: #333333;
	letter-spacing: 0.2em;
}



/*細々設定*/
h1,h2,h3,h4,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
textarea {
	font-size: 11px;
}
.look {
	background: #222222;
}

.img_right {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.font_bold16 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
.font_14 {
	font-size: 14px;
	line-height: 18px;
}

.font_orange {
	color: #FF5A00;
}
.font_black {
	color: #000000;
}
.font_White {
	color: #FFFFFF;
}
.font_bold {
	font-weight: bold;
}

.font_red {
	color: #CC0000;
}
.font_orange_bold16 {
	color: #FF5A00;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}


/*リンク設定
---------------------------------------------------------------------------------------------------------*/
a {
	color: #3366FF;	/*リンク部分を白色にする*/
}
a:hover {
	color: #CC6600;	/*カーソルオーバー時に赤色にする*/
}



/*コンテナー
---------------------------------------------------------------------------------------------------------*/
#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	padding-right: 17px;
	padding-left: 17px;
}



/*ヘッダー
---------------------------------------------------------------------------------------------------------*/
#header {
	vertical-align: middle;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background: url(images/header_bg.gif) no-repeat right top;
}

#logo {
	width: 180px;
	float: left;
	height: 53px;
	margin-top: 4px;
	margin-left: 5px;
}
#container h1 {
	font-size: 10px;
	font-weight: normal;
}


#menu {
	vertical-align: bottom;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	height: 57px;
	padding-bottom: 7px;
}

#menu ul {
	text-align: center;
	height: 39px;
	vertical-align: bottom;
	padding-top: 21px;
}

#menu li {
	float: left;
	width:auto;
	text-align: center;
	margin-right: 3px;
}
#menu2 {
	width:100%;
	height:50px;
	vertical-align: middle;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#menu2 ul {
	text-align: center;
	height: 37px;
	padding: 0px;
	margin: 0px;
}

#menu2 li {
	float: left;
	width:auto;
	text-align: center;
	border-right-style: none;
	height: 29px;
	padding: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#toptopick {
	background-color: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 10px;
}

/*h2タグ設定（バックが木になっている見出し）
---------------------------------------------------------------------------------------------------------*/
h2 {
	height: 40px;
	overflow: hidden;		/*文字色を白に*/
	margin-bottom: 10px;
	padding: 0px;
}



/*h3タグ設定（サイドコンテンツで使っている二重線の見出し）
---------------------------------------------------------------------------------------------------------*/
h3 {
	font-size: 16px;			/*テキストをセンタリング。左よせでいいならこの１行を削除する*/
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
}



/*h4タグ設定（メニュー紹介用のボックス内の見出し。商品名の部分。）
---------------------------------------------------------------------------------------------------------*/
h4 {
	border-bottom: 1px solid #ffffff;	/*文字の下に1pxの直線(solid)を白(#ffffff)で入れる*/
	border-left: 4px solid #ffffff;		/*文字の左に4pxの直線(solid)を白(#ffffff)で入れる*/
	padding-left: 5px;
	font-size: 100%;
	margin-top: 5px;
}



/*メニューボックス設定
---------------------------------------------------------------------------------------------------------*/
.box_margin_u5 {
	margin-bottom: 5px;
}
.box_bg_rightgreen {
	background: #D9F2BF;
	padding: 0px;
	margin-bottom: 10px;
	border: 1px solid #66CC00;
}
.box_bg_rightorange {
	background: #FFDEAC;
	padding: 0px;
	margin-bottom: 10px;
	border: 1px solid #F89601;
}
.box_bg_white_margin10 {
	background: #FFFFFF;
	margin: 10px;
	padding: 5px 5px 10px;
}


.box_margin_u10 {
	margin-bottom: 10px;
}
.box_margin_u20 {
	margin-bottom: 20px;
}
.box_204_u5 {
	padding: 0px;
	width: 204px;
	margin-bottom: 10px;
}

.box_yellow_u10 {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #FFCC33;
	background: #FFFFEC;
}
.box_padding_rl10 {
	margin: 0px;
	padding: 10px;
}
.box_padding_rl20 {
	margin-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.box_tensen_u10 {
	margin-bottom: 20px;
	padding: 8px;
	border: 1px dashed #999999;
}
.box_tensen_u3 {
	margin-bottom: 8px;
	padding: 5px 0px 8px;
	border-top: none;
	border-right: none;
	border-bottom: 1px dashed #999999;
	border-left: none;
}
.link_greenbotton {
	background: url(images/link_green.gif) no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
}

.link_orangebotton {
	background: url(images/link_orange.gif) no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
}



/*メインコンテンツ（左側のブロック）
---------------------------------------------------------------------------------------------------------*/
#main {
	float: left;
	margin-top: 0px;	/*ボックス内の色。黒になっているがここで変更もできます*/
	padding: 0px;
	width: 680px;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}




/*サイドコンテンツ（右側のブロック）
---------------------------------------------------------------------------------------------------------*/
#side {
	float: right;
	width: 250px;		/*ボックス内の色。黒になっているがここで変更もできます*/
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}

/*サイドコンテンツの段落<p>タグの余白設定
---------------------------------------------------------------------------------------------------------*/
#side p {
	padding-bottom: 2px;
}

/*サイドコンテンツ内のメニュー
---------------------------------------------------------------------------------------------------------*/
ul.sidemenu2 {
	background-color: #714D4D;
	padding: 0px;
	margin-bottom: 5px;
}
ul.sidemenu2 li {
	margin-bottom: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: groove;
	border-left-style: none;
	border-bottom-color: #3C2828;
	padding: 5px;
}

ul.sidemenu {
}
ul.sidemenu li {
	margin-bottom: 10px;
}
.ul_sitemap {
	list-style: none;
	margin-bottom: 20px;
}
.ul_sitemap li {
	margin-bottom: 10px;
	margin-left: 10px;
}





/*フッター設定
---------------------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 950px;
	text-align: center;
	color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 20px;
	font-size: 12px;
	padding: 10px 0px 0px;
}
#footer a {
	color: #666666;
}
.publicity {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.linkblack {
	background-image: url(images/link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.midasi_black_18 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FF5900;
	padding-left: 5px;
}
.darkred_18_bold {
	font-weight: bold;
	color: #CC0000;
	font-size: 18px;
}
.box_margin_u10_b5 {
	margin-bottom: 10px;
	padding: 0px;
	border: 5px solid #E1E1E1;
	width: 670px;
}
.box_margin_u10_b5_490 {
	margin-bottom: 10px;
	padding: 0px;
	border: 5px solid #E1E1E1;
	width: 490px;
}

.box_margin_u10_b5_orange {
	margin-bottom: 10px;
	padding: 0px;
	border: 5px solid #FF8A48;
}
.box_margin_u10_b1_orange {
	margin-bottom: 10px;
	padding: 0px 0px 10px;
	border: 1px solid #FF8A48;
}
.midasi_usen2_gray {
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-top: 8px;
	padding-left: 5px;
}
.midasi_bg_yerrow {
	border-left: 5px solid #FF9900;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background: #FFFFCC;
	padding: 5px 5px 5px 15px;
	margin-bottom: 10px;
}

table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	margin-bottom: 3px;
}
.img_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.img_left {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.midasi_bg_green {

	border-left: 5px solid #FF9900;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background: #FFFFCC;
	padding: 5px 5px 5px 15px;
	margin-bottom: 10px;
}