@charset "Shift_JIS";


/*全体構造
---------------------------------------------------- */
/*右エリア*/
#side01{
width:230px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
text-align:left;
background-color: #E18700;
color:#ffff66;
}

/*中央エリア*/
#main {
margin:0px;
padding:0px 10px 0px 10px;
vertical-align:top;
text-align:left;
}




/*トップ共通
---------------------------------------------------- */
/*コメント*/
.comment {padding:5px 0;
text-align:left;}

/*イメージ*/
img {margin:0;padding:0;}




/*右サイドエリア
---------------------------------------------------- */

#side01 h4 {
padding:2px;
margin:0px;
font-size : small;
font-weight : bold;
color : #ffcc00;
}

#side01 h5 {
padding:0px;
margin:0px;
font-size : x-small;
font-weight : bold;
color : #ffcc00;
}




/*--▽右エリア新着動画-side01▽--*/
.banner01 {
padding:0px;
margin:0px;
width:230px;
}

.banner01-con {
padding:5px;
margin:0px 0px 5px 7px;
}


.banner01-con img {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}


.img-bt {
float:right;
margin:10px 5px 0px 0px;
padding:0px;
}


.banner01-con .comment {
margin:0px;
padding:0px;
color:#fff;
}

.banner01-con .date {
margin:0px;
padding:0px;
color:#fff;
}




/*--▽右エリア　ラーメン店からの最新情報-side02▽--*/
.banner02 {
padding:0px;
margin:15px 0px 0px 0px;
width:230px;
}

.banner02-con {
padding:5px;
margin:0px;
}

#side01 ul{
list-style:none;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

#side01 ul li{
	background-image: url(../img/side_menu_icon_01.gif);
	background-repeat: no-repeat; 
	padding:0px 2px 5px 10px;
	margin: 0px 0px 0px 0px;
	color : #ffffff;
	font-size:small;
	line-height: 1.2em;
}



/*--▽右エリア　トクだねショップ登録サイト-side03▽--*/
.banner03 {
padding:0px 0px 0px 0px;
margin:15px 0px 40px 0px;
width:230px;
}

.banner03-con {
padding:10px 0px 0px 15px;
margin:0px 0px 0px 0px;
color:#ffffff;
}


/*--▽右エリア　バナー画像-side04▽--*/
.banner04 {
padding:0px 0px 0px 0px;
margin:15px 0px 0px 0px;
width:230px;
text-align: center;
}

.banner04-con {
padding:10px 0px 0px 10px;
margin:0px;
text-align: center;
}


/*--▽右エリア　バナー画像-side05▽--*/
.banner05 {
padding:0px;
margin:0px 0px 0px 0px;
width:230px;
}

.banner02-con {
padding:5px;
margin:0px;
}

#side01 ul{
list-style:none;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

#side01 ul li{
	background-image: url(../img/side_menu_icon_01.gif);
	background-repeat: no-repeat; 
	padding:0px 2px 5px 10px;
	margin: 0px 0px 0px 0px;
	color : #ffffff;
	font-size:small;
	line-height: 1.2em;
}


/*メインエリア
---------------------------------------------------- */

/*--▽メインエリア　ラーメン最新ニュース　セクション01▽--*/
#main .section01 {
padding:0px;
margin:0px;
width:510px;
}


#main .section01 .ramen-news {
padding:0px 0px 0px 0px;
margin:0px;
width:510px;
height:32px;
text-align: right;
background-image: url(../img/news_title.gif);
background-repeat: no-repeat;
background-position: left top;
color : #E20A16;
}



#main .section01 .date {
padding:12px 5px 0px 0px;
margin:0px;
color : #ff0000;
}



#main .section01-con {
padding:10px;
margin:0px;
background-image: url(../img/news_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#main ul{
list-style:none;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

#main ul li{
	background-image: url(../img/main_menu_icon_01.gif);
	background-repeat: no-repeat; 
	padding:0px 2px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-size:small;
	line-height: 1.2em;
}

#main .section01-con .comment {
	background-image: url(../img/keitai_icon_02.gif);
	background-repeat: no-repeat; 
	padding:0px 10px 5px 20px;
margin:10px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}


#main .section01-con .comment img {

margin:0px 0px 0px 10px;
}




/*--▽メインエリア　ラーメン検索　セクション02▽--*/
#main .section02 {
padding:0px;
margin:10px 0px 0px 0px;
width:510px;
}

#main .section02-con {
padding:10px;
margin:0px;
background-color: #ffffcc;
border:1px solid #663300;
}

#main .section02-con .comment {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #663300;
}

#main .section02-con form {
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
}


#main .section02-con h4 {
text-align: center;
padding:3px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
background-color: #ffcc66;
color : #993300;
}




/*--▽メインエリア　ニューオープン　セクション03▽--*/
#main .section03 {
padding:0px;
margin:10px 0px 0px 0px;
width:510px;
}

#main .section03-con {
padding:10px;
margin:0px;
background-color: #ffffff;
border:1px solid #663300;
}

#main .section03-con h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}




/*--▽メインエリア　ケータイアクセス　セクション04▽--*/
#main .section04 {
padding:0px;
margin:3px 0px 0px 0px;
width:510px;
}

#main .section04-con {
padding:10px;
margin:0px;
background-color: #ffffff;
border:1px solid #663300;
}

#main .section04-con h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}

#main .section04-con .comment {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
font-size : small;
font-weight : normal;
}

#main .section04-con img {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}

.section04-con:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
.section04-con {/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .section04-con {height: 1%;}
.section04-conn {display: block;}		
/*Mac用記述-end*/


#main .section04-con form {
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
}


#main .section04-con h5 {
padding:3px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #000000;
}







/*--▽メインエリア　トピックス　セクション05▽--*/
#main .section05 {
padding:0px;
margin:10px 0px 0px 0px;
width:510px;
}

#main .section05-con {
padding:10px;
margin:0px;
background-color: #ffffff;
border:1px solid #663300;
}

#main .section05-con h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}

#main .section05-con .comment {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : normal;
}

#main .section05-con img {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}

.section05-con:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
.section05-con {/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .section05-con {height: 1%;}
.section05-conn {display: block;}		
/*Mac用記述-end*/








/*--▽メインエリア　ラーメン店一覧　セクション06▽--*/
#main .campaign2 {
font-size:small;
font-weight:bold;
color:#666;
background-color:#fff;
line-height:1.4em;
}

#main .section06 {
padding:0px;
margin:10px 0px 20px 0px;
width:510px;
}

#main .section06-con {
padding:6px;
margin:0px;
background-color: #ffffff;
border:1px solid #663300;
}


#main .section06-con h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}

#main .section06-con .comment {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : normal;
}


#main .section06-con .shop-detail {
width: 238px;
padding:2px;
margin:6px 2px 0px 0px;
background-color: #ffffff;
border:1px solid #cc9966;
}


#main .section06-con .shop-detail img {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}

.section06-con .shop-detail:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
.section06-con .shop-detail {/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .section06-con .shop-detail {height: 1%;}
.section06-con .shop-detaill {display: block;}		
/*Mac用記述-end*/











/*--▽以下一覧ページ用記述▽--*/



/*--▽最新ニュース一覧ページ用記述▽--*/
#main .section07 {
padding:0px;
margin:0px 0px 20px 0px;
width:510px;
}


#main .section07 .ramen-news {
padding:0px 0px 0px 0px;
margin:0px;
width:510px;
height:32px;
text-align: right;
background-image: url(../img/news_title.jpg);
background-repeat: no-repeat;
background-position: left top;
color : #ff0000;
}



#main .section07 .date {
padding:12px 5px 0px 0px;
margin:0px;
color : #ff0000;
}



#main .section07-con {
padding:10px;
margin:0px;
background-color: #ffffe5;
}

#main ul{
list-style:none;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

#main ul li{
	background-image: url(../img/main_menu_icon_01.gif);
	background-repeat: no-repeat; 
	padding:0px 2px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-size:small;
	line-height: 1.2em;
}

#main .section07-con .comment {
	background-image: url(../img/keitai_icon_02.gif);
	background-repeat: no-repeat; 
	padding:0px 10px 5px 20px;
margin:10px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}


#main .section07-con .comment img {

margin:0px 0px 0px 10px;
}





/*--▽サイドエリア　ラーメン店一覧　セクション06▽--*/
#side01 .section06 {
padding:0px;
margin:0px 0px 20px 0px;
width:230px;
color : #333333;
}

#side01 .section06-con {
padding:6px;
margin:0px;
}


#side01 .section06-con h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}

#side01 .section06-con .comment {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : normal;
}


#side01 .section06-con .shop-detail {
width: 210px;
padding:2px;
margin:6px 2px 0px 0px;
background-color: #ffffff;
border:1px solid #cc9966;
}


#side01 .section06-con .shop-detail img {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}

.section06-con .shop-detail:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
.section06-con .shop-detail {/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .section06-con .shop-detail {height: 1%;}
.section06-con .shop-detail {display: block;}		
/*Mac用記述-end*/









/*--▽以下ポップアップページ用記述▽--*/

/*--▽サービス記事内容　セクション01▽--*/
#p-contents .section01 {
padding:0px;
margin:3px 0px 0px 0px;
width:500px;
text-align: left;
}


#p-contents .section01-con {
padding:3px;
margin:0px 0px 0px 0px;
text-align: left;
border: 1px solid #cc9966; 
background:#ffffff;
width:470px;
}



#p-contents .section01-con:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
#p-contents .section01-con {/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html #p-contents .section01-con {height: 1%;}
#p-contents .section01-conn {display: block;}		
/*Mac用記述-end*/





#p-contents h2 {
color : #663300;
font-size : x-large;
font-weight : bold;
}

#p-contents h3 {
color : #ff0000;
font-size : medium;
font-weight : bold;
padding:0px 0px 0px 0px;
margin:0px 0px 6px 0px;
}


#p-contents h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #000000;
}


#p-contents .section01-con h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 20px 0px;
font-size : small;
font-weight : bold;
color : #000000;
}


#p-contents .mobile_tit01 {
	background-image: url(../img/mo_icon_01.jpg);
	background-repeat: no-repeat; 
	padding:0px 10px 10px 40px;
margin:20px 0px 0px 0px;
font-size : medium;
font-weight : bold;
color : #ff0000;
}


#p-contents .section01 .comment {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
font-size : small;
font-weight : normal;
}

#p-contents .line_img {
margin:5px 0px 5px 0px;
padding:0px;
}

#p-contents .main-img {
float:right;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 5px;
}

#p-contents .mobile-img {
float:left;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
}

#p-contents .qr-img {
float:left;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
}

#p-contents .section01:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
#p-contents .section01 {/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html #p-contents .section01 {height: 1%;}
#p-contents .section01 {display: block;}		
/*Mac用記述-end*/



#p-contents .section01 h5 {
padding:3px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #000000;
}




/*--▽サービス記事内容　セクション02▽--*/
#p-contents .section02 {
padding:0px;
margin:3px 0px 0px 0px;
width:500px;
text-align: left;
}


#p-contents .section02-con {
padding:0px;
margin:0px 0px 0px 0px;
text-align: left;
}

#p-contents ul{
list-style:none;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

#p-contents ul li{
	background-image: url(../img/main_menu_icon_01.gif);
	background-repeat: no-repeat; 
	padding:0px 2px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-size:small;
	line-height: 1.2em;
}


#p-contents .table_01 {/*ショップデータテーブル指定*/
 border-collapse: collapse;
padding: 3px 3px 3px 3px;
}
	
#p-contents .table_01 td {/*ショップデータテーブルボーダー指定*/
  border-bottom: 1px solid #cc9966; 
}

#p-contents .table_01 th {/*ショップデータテーブルボーダー指定*/
  border-bottom: 1px solid #cc9966; 
  font-size : small;
font-weight : bold;
color : #663300;
white-space:nowrap;}







/*--▽ポップアップ　ケータイアクセス　セクションcon-01▽--*/

#p-contents .section01-con {
padding:10px;
margin:0px;
background-color: #ffffff;
border:1px solid #663300;
}

#p-contents .section01-con h4 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #ff0000;
}

#p-contents .section01-con .comment {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
font-size : small;
font-weight : normal;
}

#p-contents .section01-con img {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}

#p-contents .section01-con:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
#p-contents .section01-con {/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html #p-contents .section01-con {height: 1%;}
#p-contents .section01-con {display: block;}		
/*Mac用記述-end*/


#p-contents .section01-con form {
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
}


#p-contents .section01-con h5 {
padding:3px;
margin:0px 0px 0px 0px;
font-size : small;
font-weight : bold;
color : #000000;
}