@charset "UTF-8";

/* ***************************************************
* CSS file For osouji-taishi.jp
	FileName: menu
	data:2009/11/10 kinoshita

■目次 ==========================================
■[01]:
**************************************************** */

/*-----------------------------------------------------------
■まるごとパック
------------------------------------------------------------*/
div.usaTitle{
	margin-left : 10px;
	float: left;
	background: url(/img/menu/usa_bg.gif) no-repeat bottom center;
	display:inline;
}

div.usaTitle div{
	padding: 0 0 12px 108px;
}
div#acc{ float: left; }

div.acc-section{ overflow:hidden; }

div.cateBox{ float: left; margin-top : 1px;}

div.cateBox h5{
	margin: 0px 10px;
	width: 642px;
	display:block;
	cursor:pointer;
}

div.menuBox{ margin-left : 5px; }

div.detailBoxSet{
	float: left;
	width: 652px;
}

div.detailBoxSet div.detailBox{ margin: 0 0 0 5px; }
div.detailBoxSet p.ttl_allergy{ width: 652px; }

div.detailBox{
	width: 318px;
	float: left;
	display:inline;
	padding-bottom: 10px;
	margin: 10px 0 0 5px;
}
div.detailBox div.ttl{
	width: 318px;
	float: left;
	background: url(/img/menu/bg_menu_ttl.gif) no-repeat left top;
}
div.detailBox div.ttl p{
	width: 128px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
div.detailBox div.ttl p a:link 		{ color: #00adff; text-decoration: underline; }
div.detailBox div.ttl p a:visited	{ color: #00adff; text-decoration: underline; }
div.detailBox div.ttl p a:hover 	{ color: #00adff; text-decoration: underline; }

div.detailBox div.ttl p.long{ width: 286px; line-height: 44px; padding-left: 32px;}
div.detailBox div.ttl p.long2{ width: 206px; padding: 5px 0 4px 32px; padding-left: 32px;}
div.detailBox div.ttl p.line1{ line-height: 44px; padding-left: 32px;}
div.detailBox div.ttl p.line2{ line-height: 20px; padding: 2px 0 2px 32px;}
/* IE6のみに適用させる */
* html div.detailBox div.ttl p.line2 { padding: 2px 0 3px 32px; }

div.ttl div.mark	{ float: right; width: 146px; }
div.ttl div.mark img	{ float: left; }
div.ttl div.mark img.time	{ margin-right : 2px; margin-top : 5px; }
div.ttl div.mark img.pair	{ margin-right : 4px; margin-top : 5px; }
div.ttl div.mark img.price	{ margin-right : 4px; margin-top : 1px; }

div.ttl div.mark2	{ float: right; width: 70px; padding: 4px 2px 0 0; }

div.detailBox dl{
	width: 307px;
	float: left;
	background-color: #fdf2c3;
	margin-top : 1px;
	margin-left : 11px;
	display:inline;
}

div.detailBox dl dt{
	width: 120px;
	float: left;
	padding: 5px 0 5px 10px;
}

div.detailBox dl dd{
	width: 164px;
	float: right;
	padding: 5px 5px 5px 0;
}

div.detailBox dl dd.text{
	width: 290px;
	float: right;
	padding: 5px;
}

div.detailBox dl dd.text img{ margin-top : 4px; }


div.kome{
	width: 307px;
	display:inline;
	color: #99734a;
	margin-left : 11px;
	float: left;
	background-color: #fdf2c3;
}

div.komeTop{
	width: 286px;
	background: url(/img/menu/bg_kome_top.gif) no-repeat center bottom ;
	height: 10px;
}

div.kome span{
	padding: 0 20px 10px 20px;
	display:block;
	margin-bottom : 10px;
	background: url(/img/menu/bg_kome.gif) repeat-y center bottom #fdf2c3;
}
div.kome span a:link 	{ color: #00adff; text-decoration: underline; }
div.kome span a:visited	{ color: #00adff; text-decoration: underline; }
div.kome span a:hover 	{ color: #00adff; text-decoration: underline; }




div.SituatBox{
	width: 630px;
	float: left;
	display:inline;
	padding-bottom: 10px;
	margin: 10px 0 0 5px;
}

div.SituatBox ul{
	width: 630px;
	float: left;
	background-color: #ccefff;
	padding: 10px 0;
	margin-left : 11px;
	display:inline;
}

div.SituatBox ul li{
	width: 267px;
	float: left;
	line-height: 30px;
	padding-left: 45px;
	font-weight: bold;
	font-size: 14px;
	background: url(/img/menu/mark.gif) no-repeat 15px 5px;
}
div.SituatBox ul li a:link 	{ color: #00adff; text-decoration: underline; }
div.SituatBox ul li a:visited	{ color: #00adff; text-decoration: underline; }
div.SituatBox ul li a:hover 	{ color: #00adff; text-decoration: underline; }