@charset "UTF-8";

/* Initializations / Rules
------------------------------------------------------------------*/ 
* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	}

body{
	background-color:#fff;
	margin: 0px;
	text-align:center;
	font-size:12px;
	line-height:18px;
	font-family:'Verdana', 'Arial';
	color:#333;
	}

img {
	border: none;
	}
	
img.b,
img.boxPart{
	display:block;
	}

th,td{
	vertical-align: top; 
	text-align:left;
	font-size:12px;
	line-height:18px;
	}

p.description{
	color:gray;
	padding:5px;
	font-weight:normal;
	font-size:10px;
	margin-left:10px ! important;
	}

p.description_right_raning{
	color:gray;
	padding:5px;
	font-weight:normal;
	font-size:10px;
	margin-left:0 10px;
	}

.floatRight{
	float:right;
	display:inline;
	}
	
.floatLeft{
	float:left;
	display:inline;
	}
	
.clear_fox{
	clear: both;
	font: 1px/1px monospace;
	}

*:first-child+html .clear_fox{
	}

.clear{
	clear: both;
	font: 1px/1px monospace;
	}

.clear2{
	_clear:both;
	display:none;
	_display:inline;
	font: 1px/1px monospace;
	}

/* === clearfix ==*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.alignRight{
	text-align:right;
	}

.alignCenter{
	text-align:center;
	}

hr {
	color:#000;
	background-color:#000;
	height:1px;
	border:none;
	margin:0 10px;
	}

li{
	list-style:none;
	}

li:after{ 
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}

li{ 
	display:inline-block;
	}

* html li{
	height:1px;
	}

li{
	display:block;
	}

/* ====common header====*/
#header h1{
	float:left;
	display:inline;
	margin:3px 0 22px 0;
	font-size:10px;
	color:#666;
	}

h2 a{
	font-weight:bold;	
	}

h3{
	margin:0 0 5px 0;
	padding:0;
	}

h3 img{
	display:block;
	}


h4{}
h5{}
h6{}


/* ====text==== */
strong{
	color:#E73511;
	font-weight:bold;
	}

strong.black{
	color:#000000;
	font-weight:bold;
	}

strong.gray{
	color:gray;
	font-weight:bold;
	}

em{
	font-weight:bold;
	}

font.strongRed{
	color:#E73511;
	font-weight:bold;
	}

font.strongOrange{
	color:#F56C11;
	font-weight:bold;
	}

font.strongBlack{
	color:#000000;
	font-weight:bold;
	}

font.strongGreen{
	color:#55AF08;
	font-weight:bold;
	}

font.em{
	font-weight:bold;
	}

p{
	margin:0 0 15px 0;
	}

.note{
	padding-left:12px;
	text-indent:-12px;
	}
	
.noMarg{
	margin-bottom:0 ! important;
	}

.supp{
	font-size:10px ! important;
	line-height:14px ! important;
	}
	
.imgBox{
	margin:0 0 20px 0;
	}

.red{
	color:#f01703;
	}



/* ====Form==== */
input{
	font-size:12px;
	/*height:16px;
	_height:19px;
	border:1px solid #333;
	vertical-align:middle;*/
	}
	
label{
	cursor: pointer;
	}

/* ====test tool==== */
/*div { border:1px red dashed; }*/


/* Base Link
------------------------------------------------------------------*/
a{
	color:#3399cc;
	}
	
a:hover{
	text-decoration:none; 
	color:#3399cc;
	}


/* Common Layout
------------------------------------------------------------------*/
/* 全体 */
#area{

	}

/* コンテンツエリア（全体の左側） */
#container{
	text-align : left;
	margin:0px auto;
	width:950px;
	}
	
.main{
	margin:0 auto;
	padding:0 19px 0 19px;
	width:797px;
	_width:835px;
	}

#wrapper{

	}

#wrapper.content #mainCol{
	float:right;
	}

#wrapper.content #subCol{
	float:left;
	}

#wrapper #mainCol{
	float:left;
	display:inline;
	width:725px;
	}

#wrapper #subCol{
	float:right;
	display:inline;
	width:210px;
	}

#wrapperOld {
	width: 835px;
	margin: 0px auto;
	text-align:center;
	}

#wrapperOld.content #mainCol{
	float:right;
	}

#wrapperOld.content #subCol{
	float:left;
	}

#wrapperOld #subCol{
	float:right;
	display:inline;
	text-align:left;
	width:210px;
	}

#wrapperOld #mainCol{
	float:left;
	display:inline;
	text-align:left;
	width:616px;
	}


/* コンテンツエリア（rightLayout_300px）↓ */

#wrapperNew {
	width: 950px;
	margin: 0px auto;
	text-align:center;
	}

#wrapperNew.content #mainCol{
	float:left;
	}

#wrapperNew.content #subCol{
	float:right;
	}

#wrapperNew #subCol{
	float:right;
	display:inline;
	text-align:left;
	width:300px;
	}

#wrapperNew #mainCol{
	float:left;
	display:inline;
	text-align:left;
	width:641px;
	}

#wrapperNew #subCol a{
	color:#3399cc;
	}
	
#wrapperNew #subCol a:hover{
	text-decoration:none; 
	color:#3399cc;
	}


/* コンテンツエリア（rightLayout_300px）*/


/* コンテンツエリア（searchLayout_3column.jsp）↓ */

#wrapperNew {
	width: 950px;
	margin: 0px auto;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#wrapperNew #mainArea {
	float: left;
	display: inline;
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#wrapperNew #subArea {
	float:right;
	display: inline;
	width:300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align:left;
	}

#wrapperNew #mainArea #mainCol {
	float: right;
	display: inline;
	width: 422px;
	margin: 0px;
	padding: 0px 9px;
	}

#wrapperNew #mainArea #subCol {
	float: left;
	display: block;
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	}

#wrapperNew #mainArea #subCol a{
	color: #000000;
	}
	
#wrapperNew #mainArea #subCol a:hover{
	text-decoration:none; 
	color: #000000;
	}

#wrapperNew #subArea a {
	color: #3399cc;
	}
	
#wrapperNew #subArea a:hover{
	text-decoration:none; 
	color:#3399cc;
	}

/* コンテンツエリア（searchLayout_3column.jsp）*/


#searchTab{
	margin:0 0 0 12px;
	padding:0;
	}

#searchTab li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
	line-height:0;
	}

#searchTab li img{
	display:block;
	}

#searchTab li.hot{
	margin:3px 0 0 5px;
	font-size:10px;
	line-height:14px;
	}

#searchTab li.hot img{
	display:inline;
	vertical-align:middle;
	}

#searchBox{
	background:url(../image/search_box_bg01.gif) repeat-y;
	width:725px;
	margin:0 0 20px 0;
	text-align:left;
	}

#searchBox.kutikomi{
	background:url(../image/search_box_bg02.gif) repeat-y;
	}

#searchBox p{
	margin:10px 0 5px 50px;
	}

#searchBox p img,
#searchBox p input{
	vertical-align:middle;
	}

#searchBox p .input{
	margin:0 10px 0 0;
	width:300px;
	}

.pageTop{
	text-align:right;
	margin:20px 0 5px 0;
	}

#subCol .box{
	border:1px solid #ffae02;
	padding:0 2px;
	margin:0 0 15px 0;
	}

/* === clearfix ==*/
#subCol .box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#subCol .box{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #subCol .box{height: 1%;}
#subCol .box{display: block;}
/* End hide from IE-mac */

#subCol .box.blue{
	border:1px solid #96c2f6;
	padding:0 2px;
	margin:0 0 15px 0;
	}

#subCol #information{
	border:1px solid #96c2f6;
	padding:0 2px;
	margin:0 0 15px 0;
	}

#subCol #informationB{
	border:1px solid #96c2f6;
	padding:0 2px;
	margin:0 0 15px 0;
	}

#subCol #informationB h2{
	background:#eaf1f9 url(../image/sub_col_box_title01.gif) repeat-x left top;
	border-bottom:1px solid #9fb7d4;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subCol #informationB a{
	color:#3399cc;
	font-weight:bold;
	text-decoration:underline;
	}

#subCol #informationB a:hover{
	color:#3399cc;
	font-weight:bold;
	text-decoration:none;
	}


/* キャンペーン情報*/

#informationB li.campaignInfo	{
	height: 80px;
	background:url(../image/line01.gif) repeat-x left bottom;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	}

/* === clearfix ==*/
#informationB li.campaignInfo:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* Hides from IE-mac \*/
* html #informationB li.campaignInfo:after{height: 1%;}
#informationB li.campaignInfo:after .inxx	x	{display: block;}
/* End hide from IE-mac */

#informationB li.campaignInfo .infoLeft	{
	float: left;
	width: 60px;
	margin: 5px 9px 0px 0px;
	padding:  0px 0px 5px 0px;
	}

#informationB li.campaignInfo .infoRight	{
	float: right;
	width: 200px;
	margin: 5px 0px 0px 0px;
	padding:  0px 0px 5px 0px;
	}


#informationB li.campaignInfo .infoRight h3	{
	font-size: 12px;
	font-weight:bold;
	display:inline;
	}

#informationB li.campaignInfo .infoRight .txtSet	{
	font-size: 12px;
	color: #000000;
	}


#subCol h2{
	background:#fff1de url(../image/sub_col_box_title02.gif) repeat-x left top;
	border-bottom:1px solid #ffae02;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subCol .blue h2{
	background:#eaf1f9 url(../image/sub_col_box_title01.gif) repeat-x left top;
	border-bottom:1px solid #9fb7d4;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subCol #information h2{
	background:#eaf1f9 url(../image/sub_col_box_title01.gif) repeat-x left top;
	border-bottom:1px solid #9fb7d4;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subCol #information ul{
	margin:0 10px 0 10px;
	padding:0 0 0 0;
	}

#subCol #information ul li{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	}

#subCol #information ul li.last{
	background:none;
	}

#subCol #information ul li span{
	display:block;
	color:#f01703;
	}

#subCol #information ul li span img{
	vertical-align:middle;
	margin:0 3px 0 0;
	}

#subCol #qr{
	border:1px solid #96c2f6;
	background-color:#eaeff6;
	padding:3px;
	margin:0 0 15px 0;
	}

#subCol #qr .in{
	background-color:#fff;
	padding:10px 0 10px 8px;;
	}

/* === clearfix ==*/
#subCol #qr .in:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#subCol #qr .in{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #subCol #qr .in{height: 1%;}
#subCol #qr .inxx	x	{display: block;}
/* End hide from IE-mac */

#subCol #qr .in img{
	float:left;
	display:inline;
	}

#subCol #qr .in .txt{
	float:left;
	display:inline;
	width:120px;
	margin:0 0 0 8px;
	font-size: 10px;
	line-height: 13px;
	}
	
#subCol #qr .in .txt h3{
	font-weight:bold;
	font-size:12px;
	background:url(../image/icon_mobile.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	margin:0 0 0px 0;
	}

#subCol #qr .in .txt p{
	margin:0;
	}

.indent	{
	float: right;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	}

/* サブエリア（キャンペーン情報）↓ */

#subArea #informationB{
	border:1px solid #96c2f6;
	padding:0 2px;
	margin:0 0px 0px 0;
	}

#subArea #informationB h2{
	background:#eaf1f9 url(../image/sub_col_box_title01.gif) repeat-x left top;
	border-bottom:1px solid #9fb7d4;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subArea #informationB li.campaignInfo	{
	height: 80px;
	background:url(../image/line01.gif) repeat-x left bottom;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	}

/* === clearfix ==*/
#subArea #informationB li.campaignInfo:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* Hides from IE-mac \*/
* html #subArea #informationB li.campaignInfo:after{height: 1%;}
#subArea #informationB li.campaignInfo:after .inxx	x	{display: block;}
/* End hide from IE-mac */

#subArea #informationB li.campaignInfo .infoLeft	{
	float: left;
	width: 60px;
	margin: 5px 9px 0px 0px;
	padding:  0px 0px 5px 0px;
	}

#subArea #informationB li.campaignInfo .infoRight	{
	float: right;
	width: 200px;
	margin: 5px 0px 0px 0px;
	padding:  0px 0px 5px 0px;
	}


#subArea #informationB li.campaignInfo .infoRight h3	{
	font-size: 12px;
	font-weight:bold;
	display:inline;
	}

#subArea #informationB li.campaignInfo .infoRight .txtSet	{
	font-size: 12px;
	color: #000000;
	}

#subArea #informationB li.campaignInfo .infoRight .a{
	color:#3399cc;
	font-weight:bold;
	text-decoration:none;
	}

#subArea #informationB li.campaignInfo .infoRight h3 .a:hover{
	color:#3399cc;
	font-weight:bold;
	text-decoration:underline;
	}

/* サブエリア（information300px）↓ */

#subArea #information{
	border:1px solid #96c2f6;
	padding:0 2px;
	margin:0 0 15px 0;
	text-align: left;
	}

#subArea h2{
	background:#fff1de url(../image/sub_col_box_title02.gif) repeat-x left top;
	border-bottom:1px solid #ffae02;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subArea .blue h2{
	background:#eaf1f9 url(../image/sub_col_box_title01.gif) repeat-x left top;
	border-bottom:1px solid #9fb7d4;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subArea #information h2{
	background:#eaf1f9 url(../image/sub_col_box_title01.gif) repeat-x left top;
	border-bottom:1px solid #9fb7d4;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subArea #information ul{
	margin:0 10px 0 10px;
	padding:0 0 0 0;
	}

#subArea #information ul li{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	}

#subArea #information ul li.last{
	background:none;
	}

#subArea #information ul li span{
	display:block;
	color:#f01703;
	}

#subArea #information ul li span img{
	vertical-align:middle;
	margin:0 3px 0 0;
	}

/* サブエリア（information300px）*/


/* サブエリア（qr_300px）↓ */
#subCol #qr300px{
	border:1px solid #96c2f6;
	background-color:#eaeff6;
	padding:3px;
	margin:0 0 15px 0;
	}

#subCol #qr300px .in300px{
	background-color:#fff;
	padding:10px 0 10px 8px;;
	}

/* === clearfix ==*/
#subCol #qr300px .in300px:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#subCol #qr300px .in300px{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #subCol #qr300px .in300px{height: 1%;}
#subCol #qr300px .inxx	x	{display: block;}
/* End hide from IE-mac */

#subCol #qr300px .in300px img{
	float:left;
	display:inline;
	}

#subCol #qr300px .in300px .txt300px{
	float:left;
	display:inline;
	width:208px;
	margin:0 0 0 8px;
	font-size: 10px;
	line-height: 13px;
	}
	
#subCol #qr300px .in300px .txt300px h3{
	font-weight:bold;
	font-size:12px;
	background:url(../image/icon_mobile.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	margin:0 0 0px 0;
	}

#subCol #qr300px .in300px .txt300px p{
	margin:0;
	}

.indent300px	{
	float: right;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	}

/* サブエリア（qr_300px）*/


/* サブエリア（search／qr_300px）↓ */
#subArea #qr300px{
	border:1px solid #96c2f6;
	background-color:#eaeff6;
	padding:3px;
	margin:0 0 15px 0;
	text-align: left;
	}

#subArea #qr300px .in300px{
	background-color:#fff;
	padding:10px 0 10px 8px;;
	}

/* === clearfix ==*/
#subArea #qr300px .in300px:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#subArea #qr300px .in300px{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #subCol #qr300px .in300px{height: 1%;}
#subArea #qr300px .inxx	x	{display: block;}
/* End hide from IE-mac */

#subArea #qr300px .in300px img{
	float:left;
	display:inline;
	}

#subArea #qr300px .in300px .txt300px{
	float:left;
	display:inline;
	width:208px;
	margin:0 0 0 8px;
	font-size: 10px;
	line-height: 13px;
	}
	
#subArea #qr300px .in300px .txt300px h3{
	font-weight:bold;
	font-size:12px;
	background:url(../image/icon_mobile.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	margin:0 0 0px 0;
	}

#subArea #qr300px .in300px .txt300px p{
	margin:0;
	}

.indent300px	{
	float: right;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	}

/* サブエリア（search／qr_300px）*/


/* サブエリア（注目_300px）*/
#subCol #attItem300px {
	border: 1px solid #fdc97e;
	padding: 0px 2px;
	margin: 0px 0px 15px 0px;
	}

#subCol h2{
	background:#fff1de url(../image/sub_col_box_title02.gif) repeat-x left top;
	border-bottom: 1px solid #ffae02;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	}

#subCol #attItem300px ul{
	margin: 0px;
	padding: 0px 5px;
	}

#subCol #attItem300px ul li{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	}

#subCol #attItem300px a {
text-decoration: none;

}

#subCol #attItem300px a:hover {
text-decoration: underline;
}

#subCol #attItem300px ul li.last{
	background:none;
	}

#subCol #attItem300px ul li div.left{
	float: left;
	}

#subCol #attItem300px ul li div.right{
	float: right;
	padding: 3px 0px; 
	}	

#subCol #attItem300px ul li span{
	display:block;
	}

#subCol #attItem300px ul li span.photo{
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
width: 95px;
}
#subCol #attItem300px ul li span.photo img{
border:1px solid #cecece;
}

#subCol #attItem300px ul li span.name{
margin: 0;
padding: 0;
width: 180px;
}

#subCol #attItem300px ul li span.wantNam{
background:url(../search/image/mini_icon03.gif) no-repeat left center;
padding:0 0 0 18px;
margin-top: 0px;
}

/* サブエリア（注目_300px）*/

/* サブエリア（注目クチコミ_300px）*/
#subCol #pickupComment300px {
	border: 1px solid #fdc97e;
	padding: 0px 2px;
	margin: 0px 0px 15px 0px;
	}

#subCol h2{
	background:#fff1de url(http://mognavi.jp/image/sub_col_box_title02.gif) repeat-x left top;
	border-bottom: 1px solid #ffae02;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	}

#subCol #pickupComment300px ul{
	margin: 0px;
	padding: 0px 5px;
	}

#subCol #pickupComment300px ul li{
	background:url(http://mognavi.jp/image/line01.gif) repeat-x left bottom;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	}

#subCol #pickupComment300px a {
text-decoration: none;

}

#subCol #pickupComment300px a:hover {
text-decoration: underline;
}

#subCol #pickupComment300px ul li.last{
	background:none;
	}

#subCol #pickupComment300px ul li div.left{
	float: left;
	}

#subCol #pickupComment300px ul li div.right{
	float: right;
	padding: 3px 0px; 
	}	

#subCol #pickupComment300px ul li span{
	display:block;
	}

#subCol #pickupComment300px ul li span.photo{
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
width: 95px;
}
#subCol #pickupComment300px ul li span.photo img{
border:1px solid #cecece;
}

#subCol #pickupComment300px ul li.type01 span.title{ background:url("../top/image/icon_sort05_b.gif") no-repeat left center; }
#subCol #pickupComment300px ul li.type02 span.title{ background:url("../top/image/icon_sort01_b.gif") no-repeat left center; }
#subCol #pickupComment300px ul li.type03 span.title{ background:url("../top/image/icon_sort04_b.gif") no-repeat left center; }
#subCol #pickupComment300px ul li.type04 span.title{ background:url("../top/image/icon_sort02_b.gif") no-repeat left center; }
#subCol #pickupComment300px ul li.type05 span.title{ background:url("../top/image/icon_sort03_b.gif") no-repeat left center; }
#subCol #pickupComment300px ul li.type06 span.title{ background:url("../top/image/icon_sort06_b.gif") no-repeat left center; }

#subCol #pickupComment300px ul li span.title{
min-height:15px;
padding-left:19px;
margin-top: 0px;
width: 160px;
font-size:12px;
line-height:14px;
}
#subCol #pickupComment300px ul li span.title a{ color:#FF8402; }
#subCol #pickupComment300px ul li span.title a:link ,#subCol #pickupComment300px ul li span.title a:visited{ text-decoration:none; }
#subCol #pickupComment300px ul li span.title a:hover ,#subCol #pickupComment300px ul li span.title a:active{ text-decoration:underline; }

#subCol #pickupComment300px ul li span.comment{
padding:0;
margin-top: 4px;
width: 180px;
font-size:10px;
line-height:14px;
}

#subCol #pickupComment300px ul li span.comment a{
color:#656666;
text-decoration:underline;
}

#subCol #pickupComment300px ul li span.comment a:hover{
color:#656666;
text-decoration:none;
}

#subCol #pickupComment300px ul li span.from{ text-align:right; font-size:10px; color:#999; margin-top: 4px;}

#subCol #pickupComment300px ul li span.iine{
background:url(http://mognavi.jp/search/image/mini_icon04.gif) no-repeat left center;
padding:0 0 0 18px;
margin-top: 0px;
color:#666666;
}

#subCol #pickupComment300px.user{
	margin-top:20px;
	}

/* サブエリア（注目クチコミ_300px）*/

/* サブエリア（search／注目_300px）*/
#subArea #attItem300px {
	border: 1px solid #fdc97e;
	padding: 0px 2px;
	margin: 0px 0px 15px 0px;
	}

#subArea h2{
	background: #fff1de url(../image/sub_col_box_title02.gif) repeat-x left top;
	border-bottom: 1px solid #ffae02;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	}

#subArea #attItem300px ul{
	margin: 0px;
	padding: 0px 5px;
	font-size: 12px;
	}

#subArea #attItem300px ul li{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	}

#subArea #attItem300px ul li.last{
	background: none;
	}

#subArea #attItem300px ul li span.photo{
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	width: 125;
	}

#subArea #attItem300px ul li span.name{
	float: left;
	display: inline;
	width: 159px;x;
	text-align: left;
	}

/* サブエリア（search／注目_300px）*/


#subCol #attItem{
	border:1px solid #fdc97e;
	padding:0 2px;
	margin:0 0 15px 0;
	}

#subCol h2{
	background:#fff1de url(../image/sub_col_box_title02.gif) repeat-x left top;
	border-bottom:1px solid #ffae02;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	}

#subCol #attItem ul{
	margin:0 5px;
	}

#subCol #attItem ul li{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 5px 0;
	margin:0 0 5px 0;	
	}

#subCol #attItem ul li div.left{
	float:left;
	}

#subCol #attItem ul li div.right{
	float:right;
	}

#subCol #attItem ul li.last{
	background:none;
	}

#subCol #attItem ul li span{
	display: block;
	}

#subCol #attItem ul li span.photo{
	margin:0 5px 0 0;
	}

#subCol #attItem ul li span.name{
	width:120px;
	}

#subCol #attItem ul li span.wantNam{
	font-size: 10px;
	background:url(../search/image/mini_icon03.gif) no-repeat left center;
	padding:0 0 0 18px;
	}

#subCol .ad01{
	margin:0 0 15px 5px;
	}

#subCol .ad02{
	margin:0 0 15px 20px;
	}

.star img{
	margin:0 1px 0 0;
	vertical-align:middle;
	}

/* kutikomi */
#subCol  .newKutikomi h2{
	background:none;
	padding:0;
	margin:0;
	}

#subCol .inBox{
	border: 1px solid #e0af74;
	border-top:none;
	padding: 5px 2px;
	margin: 0px 0px 15px 0px;
	}

#subCol .newKutikomi ul{
	margin: 0px;
	padding: 0px 5px;
	font-size: 12px;
}

#subCol .newKutikomi ul li {
	background:url(../image/line01.gif) repeat-x left bottom;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}

#subCol .newKutikomi div.left {
	float: left;
	display:inline;
	margin: 0 0 0 1px;
	padding: 0;
	width: 90px;
}

#subCol .newKutikomi div.right {
	float: left;
	display:inline;
	padding:0;
	width: 168px;
	margin:0 0 0 15px;
}

#subCol .newKutikomi p {
	line-height: 14px;
	margin: 0px;
	padding:0px;
	background: none;
}

#subCol .newKutikomi p.foodImage img {
	border:1px solid #cecece;
}

#subCol .newKutikomi p.commentTitle {
	
}

#subCol .newKutikomi p.commentTitle a {
	color: #3399CC;
	text-decoration: none ! important;
}

#subCol .newKutikomi p.commentTitle a:hover {
	text-decoration: underline ! important;
}

#subCol .newKutikomi p.userName {
	text-align: right;
	font-size: 10px;
}

#subCol .newKutikomi p.userName a {
	color: #ff8402 ! important;
	text-decoration: none ! important;
}

#subCol .newKutikomi p.userName a:hover {
	color: #ff8402 ! important;
	text-decoration: underline ! important;
}

#subCol .newKutikomi p.foodName {
	
}

#subCol .newKutikomi p.registDate {
	font-size: 10px;
	text-align: right;
}

/* contBox
------------------------------------------------------------------*/
.contBox{
	border:1px solid #d2d2d2;
	padding:0;
	position:relative;
	margin:0 0 20px 0;
	}

/* === clearfix ==*/
.contBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.contBox{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .contBox{height: 1%;}
.contBox{display: block;}
/* End hide from IE-mac */

.contBox h2{
	margin:0 0 10px 0;
	}

.contBox .copy{
	position:absolute;
	top:5px;
	left:130px;
	color:#f01703;
	font-size:10px;
	}

.contBox#contBox01 .copy{
	left:80px;
	}

.contBox#contBox01 .product{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 5px  0;
	margin:0 5px 5px 5px;
	}

/* === clearfix ==*/
.contBox#contBox01 .product:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.contBox#contBox01 .product{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .contBox#contBox01 .product{height: 1%;}
.contBox#contBox01 .product{display: block;}
/* End hide from IE-mac */

.contBox#contBox01 .product .photo{
	float:left;
	display:inline;
	}

.contBox#contBox01 .product .txtOut{
	float:left;
	display:inline;
	width:555px;
	margin:0 10px 0 0;
	}

.contBox#contBox01 .product .btn{
	float:right;
	display:inline;
	margin:10px 10px 0 0;
	}

.contBox#contBox01 .product p{
	margin:0 0 0 0;
	}

.contBox#contBox01 .product p .title{
	float:left;
	display:inline;
	width:337px;
	}

.contBox#contBox01 .product p .name{
	float:left;
	display:inline;
	width:185px;
	font-size:10px;
	line-height:14px;
	color:#999999;
	}
	
.contBox#contBox01 .product p .time{
	float:right;
	display:inline;
	width:30px;
	font-size:10px;
	line-height:14px;
	color:#999999;
	}



.contBox#contBox02 .imgs img{
	float:left;
	display:inline;
	margin:10px 0px 10px 10px;
	border:1px solid #d2d2d2;
	}

.contBox#contBox03 .com{
	width:330px;
	}

.contBox#contBox03 .com1{
	float:left;
	display:inline;
	margin:0 0 5px 15px;
	}

.contBox#contBox03 .com2{
	float:right;
	display:inline;
	margin:0 15px 5px 0;
	}

.contBox#contBox03 .com .img{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	}
	
.contBox#contBox03 .com .txt{
	float:left;
	display:inline;
	width:229px;
	}

.contBox#contBox03 .com .txt .name{
	margin:0 0 0 0;
	}

.contBox#contBox03 .com .txt .comment{
	margin:0;
	}

.contBox#contBox03 .com .txt .member{
	margin:0 0 4px 0;
	font-size:10px;
	line-height:14px;
	color:#ff710b;
	}

.contBox#contBox03 .com .txt .tag{
	font-size:10px;
	line-height:14px;
	background:url(../image/icon_pen.gif) no-repeat left 3px;
	padding:0 0 0 15px;
	}





/* listBox
------------------------------------------------------------------*/
#subCol .listBox{
	background:url(../image/list_box_bg.gif) repeat-y;
	width:210px;
	margin:0 0 15px 0;
	border-bottom:1px solid #96c2f6;
	}

#subCol .listBox a{
	text-decoration:none;
	}

#subCol .listBox a:hover{
	text-decoration:underline;
	}

#subCol .listBox h2{
	background:none;
	border:none;
	padding:0;
	margin:0;
	}

#subCol .listBox h2 img{
	display:block;
	}
	
#subCol .listBox h3{
	padding:3px 5px 3px 5px;
	margin:0 5px 10px 5px;
	}

#subCol .listBox h3 span{
	background:url(../image/list_box_acs2.gif) no-repeat left 5px;
	line-height:20px;
	padding:0 0 0 10px;
	font-size:14px;
	}

#subCol .listBox h3 span a{
	font-weight:bold;
	font-size:14px;
	color:#000000;
	text-decoration:none; 
	}

#subCol .listBox h3 span a:hover{
	font-weight:bold;
	color:#000000;
	text-decoration:underline; 
	}

#subCol .listBox ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

#subCol .listBox ul li{
	background:url(../image/list_box_acs.gif) no-repeat left 5px;
	padding:0 0 0 10px;
	margin:0 0 10px 20px;
	}

#subCol .listBox .viewAll{
	text-align:right;
	border-top:1px solid #d2d2d2;
	padding:3px 10px 3px 0;
	background:#f6f6f6;
	margin:0 1px;
	}

.box01{
	background:url(../image/box01_bg.gif) repeat-y left top;
	width:740px;
	margin:0 0 10px 0;
	}

.box01 .indent{
	margin:0 10px;
	width:720px;
	}

.box01_ctg{
	background:url(../image/box01_bg_ctg02_641px.gif) repeat-y left top;
	width:641px;
	margin: 0px 0px;
	padding: 0px;
	}

.box01_ctg .indent_ctg{
	margin: 0px 5px 0px 0px;
	padding:  0px 3px 0px 7px;
	width:626px;
	}

.box01_mk{
	background:url(../image/box01_bg_ctg02_641px.gif) repeat-y left top;
	width:641px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

.box01_mk .indent_mk{
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 636px;
	_width: 616px;
	}
	


/* compound
------------------------------------------------------------------*/
/* compoundコンテンツエリア） */
#box05	{
	width: 950px;
	padding: 0px 0px;
	margin-left: auto;
	margin-right: auto;
	}

/* compoundメインエリア） */
#mainArea_comp{
	float: right;
	display:inline;	
	width:740px;
	text-align: left;
	}

/* compoundサブエリア（コンテンツエリアの左側） */
#subArea_comp{
	float: left;
	display:inline;
	text-align:left;
	width: 210px;
	}

#mainArea_comp .compArea{
	float: right;
	display:inline;	
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

.cocologBanner{
	text-align: center;
	margin: 10px 0px 8px 0px;
	}




/* basicTitle
------------------------------------------------------------------*/
.basicTitle{
	background:url(../image/basic_title_bg.gif) repeat-y;
	border-top:1px solid #f3f3f3;
	text-align:left;
	margin:0 0 10px 0;
	}

.basicTitle .in{
	background:url(../image/basic_title_bottom.gif) no-repeat left bottom;
	padding:5px 10px 10px 10px;
	}

/* === clearfix ==*/
.basicTitle:after,
.basicTitle .in:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.basicTitle,
.basicTitle .in{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .basicTitle,
* html .basicTitle .in{height: 1%;}
.basicTitle,
.basicTitle .in{display: block;}
/* End hide from IE-mac */


.basicTitle h2{
	font-size:20px;
	line-height:26px;
	margin:0;
	padding:0;
	}

.basicTitle h2 img{
	vertical-align:middle;
	}

.basicTitle h2.floatLeft{
	width:745px;
	margin:5px 0 0 0;
	}

.basicTitle .infos{
	float:right;
	display:inline;
	width:174px;
	}

.basicTitle .infos p{
	margin:0 0 3px 0;;
	color:#999999;
	text-align:right;
	}

.basicTitle .infos ul{
	margin:0;
	float:right;
	display:inline;
	}

.basicTitle .infos ul li{
	float:left;
	display:inline;
	margin:0 0 0 3px;
	}

.basicTitle .infos ul li.rss{
	margin-right:5px;
	}


h3.basic{
	border:1px solid #d2d2d2;
	padding:3px;
	background:url(../image/h3_bg.gif) repeat-x left bottom;
	margin:0 0 10px 0;
	}

/* === clearfix ==*/
h3.basic:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

h3.basic{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html h3.basic{height: 1%;}
h3.basic{display: block;}
/* End hide from IE-mac */

h3.basic span.acs{
	background:url(../image/h3_acs.gif) no-repeat left center;
	font-size:12px;
	padding:1px 0 1px 10px;
	margin:0 0 0 5px;
	display:block;
	}


h3.basic span.floatRight{
	font-size:10px;
	margin:0 10px 0 0;
	}



/* t3col
------------------------------------------------------------------*/
#t3col{

	}

#t3col a{
	text-decoration:none;
	}
	
#t3col a:hover{
	text-decoration:underline;
	}

#t3col #mainArea{
	float:left;
	display:inline;
	width:735px;
	margin:0 0 20px 0;
	}

#t3col #mainArea #main{
	float:right;
	display:inline;
	width:540px;
	}

#t3col #mainArea #sub{
	float:left;
	display:inline;
	width:180px;
	}

#t3col #subArea{
	float:right;
	display:inline;
	width:200px;
	margin:0 0 20px 0;
	}

/* sub */
#t3col #mainArea #sub .box{
	background:url(../image/t3col_sub_box_bg.gif) repeat-y;
	width:180px;
	margin:0 0 15px 0;
	}

#t3col #mainArea #sub .box h3{
	background:url(../image/t3col_sub_box_top.gif) no-repeat left top;
	width:180px;
	height:35px;
	margin:0 0 5px 0;
	}

#t3col #mainArea #sub .box h3 span{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	line-height:35px;
	}

#t3col #mainArea #sub .list p{
	margin:0 1px 5px 1px;
	}

#t3col #mainArea #sub .list p.on{
	background:#f3ede7;
	padding:5px 0;
	border-top:1px solid #beb4aa;
	}

#t3col #mainArea #sub .list p span{
	background:url(../image/list_acs01.gif) no-repeat left 5px;
	padding:0 0 0 10px;
	display:block;
	margin:0 0 0 7px;
	}

#t3col #mainArea #sub .list p.on span{
	background:url(../image/list_acs02.gif) no-repeat left 7px;
	padding:0 0 0 12px;
	margin:0 0 0 5px;
	}
	
#t3col #mainArea #sub .list p span a,
#t3col #mainArea #sub .list p span a:hover{
	color:#000000;
	font-weight:bold;
	}

#t3col #mainArea #sub .list ul{
	margin:0 2px 0px 2px;
	}

#t3col #mainArea #sub .list ul li{
	margin:0 0 3px 0;
	}

#t3col #mainArea #sub .list ul li span{
	background:url(../image/list_acs03.gif) no-repeat left 5px;
	padding:0 0 0 12px;
	margin:0 0 0 8px;
	}

#t3col #mainArea #sub .list ul li.on{
	background:#eaf5fa;
	}

#t3col #mainArea #sub .list ul li.on a,
#t3col #mainArea #sub .list ul li.on a:hover{
	font-weight:bold;
	}

#t3col #mainArea #sub .list span span.nam{
	background:none;
	padding:0;
	margin:0 0 0 3px;
	display:inline;
	font-size:10px;
	line-height:14px;
	}

/* mainArea */
#t3col #mainArea .title{
	border:1px solid #d2d2d2;
	background:#fff url(../image/h3_bg.gif) repeat-x left bottom;
	padding:3px 0;
	margin:0 0 15px 0;
	}

/* === clearfix ==*/
#t3col #mainArea .title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#t3col #mainArea .title{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #t3col #mainArea .title{height: 1%;}
#t3col #mainArea .title{display: block;}
/* End hide from IE-mac */

#t3col #mainArea .title h2{
	background:url(../image/h3_acs.gif) no-repeat left center;
	padding:3px 0 3px 10px;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin:0 0 0 10px;
	}

#t3col #mainArea .title .infos{
	float:right;
	display:inline;
	width:174px;
	margin:5px 5px 0 0;
	}

#t3col #mainArea .title .infos img{
	
	}

#t3col #mainArea .title .infos p{
	margin:0 0 3px 0;;
	color:#999999;
	text-align:right;
	}

#t3col #mainArea .title .infos ul{
	margin:0;
	float:right;
	display:inline;

	}

#t3col #mainArea .title .infos ul li{
	float:left;
	display:inline;
	margin:0 0 0 3px;
	}

#t3col #mainArea .title .infos ul li.rss{
	margin-right:10px;
	_margin-top:2px;
	}


/* sub */
#t3col #subArea .ad{
	margin:0 0 10px 0;
	}

#t3col #subArea .ad2{
	margin:0 0 10px 20px;
	}

#t3col #subArea .box{
	border:1px solid #96c2f6;
	padding:1px;
	width:196px;
	_width:200px;
	margin:0 0 15px 0;
	background:none ! important;
	}

#t3col #subArea .box p{
	margin:0;
	}

#t3col #subArea .box#att{
	border:1px solid #fdc97e;
	}

/* === clearfix ==*/
#t3col #subArea .box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#t3col #subArea .box{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #t3col #subArea .box{height: 1%;}
#t3col #subArea .box{display: block;}
/* End hide from IE-mac */

#t3col #subArea .box h3{
	background:none;
	padding:2px 0 0 0;
	margin:0 0 3px 0;
	border-top:1px solid #f0f3fa;
	}

#t3col #subArea .box h3 span{
	padding:3px 0 3px 3px;
	display:block;
	background:#f0f3fa;
	border-bottom:1px solid #9fb7d4;
	font-size:12px;
	font-weight:bold;
	color:#000;
	}

#t3col #subArea .box#att h3{
	border-top:1px solid #fff4e5;	
	}

#t3col #subArea .box#att h3 span{
	background:#fff4e5;
	border-bottom:1px solid #ffae02;	
	}

#t3col #subArea .box .ele{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:5px 0 10px 5px;
	margin:0 0 5px 0;
	}
	
/* === clearfix ==*/
#t3col #subArea .box .ele:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#t3col #subArea .box .ele{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #t3col #subArea .box .ele{height: 1%;}
#t3col #subArea .box .ele{display: block;}
/* End hide from IE-mac */

#t3col #subArea .box .ele .photo{
	float:left;
	display:inline;
	width:70px;
	}

/*
#t3col #subArea .box#att .ele .photo{
	width:97px;
	}

#t3col #subArea .box#att .ele .txt{
	width:88px;	
	}
*/

#t3col #subArea .box .ele .photo img{
	border:1px solid #cecece;
	}

#t3col #subArea .box#campaign .ele .photo img{
	border:none;
	}

#t3col #subArea .box .ele .txt{
	float:left;
	display:inline;
	width:110px;
	font-size:10px;
	line-height:14px;
	}
	


#t3col #subArea .box#att .ele .txt p.want{
	background:url(../image/icon_want.gif) no-repeat left center;
	padding:0 0 0 15px;
	}

#t3col #subArea .box#att .ele .txt p.want strong{
	color:#ff674e;
	}
	
#ad #msnAd{
	border: none;
	font-family:"ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
	background-image:none;
	background-color:#FFFFFF;
	font-size:70.00%;
	color:#666;
	margin:-1px 0 -1px 0;
	padding:0 1px 0 0;
	line-height:1;
	font-weight:normal;
	text-align:right;
}