@charset "utf-8";
/* CSS Document */
#content {
    padding-top: 3px;
}
#search #ramen_top div.link_top {
	clear: both;
	padding-top: 8px;
	text-align: right;
}
#search #ramen_top div.link_top a {
	background:url(https://mr.gnavi.co.jp/img/icon_arrow08.png) no-repeat scroll left 2px transparent;
	padding-left: 13px;
}
#search #ramen_top div.foot_link {
	margin-top: 20px;
	text-align: center;
}
#search #ramen_top div.foot_link ul li {
	border-right: 1px solid #999999;
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
}

.left{
	float:left;
	display:inline;
}
.right{
	float:right;
	display:inline;
}
/* #top_box */

#top_box {
	width:950px;
	background:url(../img/ramen/title_bg01.png) no-repeat 100% -40px;
}
#top_box #ramen_head {
	overflow:hidden;
	width:950px;
	height:200px;
	background:url(../img/ramen/title_bg02.jpg) no-repeat center 100%;
}
#top_box #ramen_head h2{
	margin-top:21px;
}

#top_box #ramen_head p {
	width:420px;
	padding-top:5px;
	color:#000;
	font-size:100%;
	letter-spacing:normal;
	line-height:150%;
}
/* #slider */

#slider {
	overflow:hidden;
	width:830px;
	margin:0 6px;
}
#sliderMain {
	width:830px;
	height:345px;
	margin:0 auto;
	padding-bottom:25px;
	overflow:hidden;

}

#sliderMain .spBox strong.sp_area {
	display:block;
	font-size:200%;
	padding-left:15px;
	padding-top:10px;
	line-height:1.3em;
}
#sliderMain .spBox strong img {
	display:block;
}
.AreaBox {
	overflow:hidden;
	width:800px;
	padding-top:5px;
	margin:0 auto;
	_margin:0 0 0 15px;
}
.AreaBox .mainPhoto {
	float:left;
	display:inline;
	background:url(../img/ramen/main_photoBg1.gif) no-repeat 0 0;
	width:262px;
	padding-top:6px;
}
.AreaBox .mainPhoto .photoFlame{
	overflow:hidden;
	width:262px;
	display:block;
	background:url(../img/ramen/main_photoBg3.gif) no-repeat 100% 100%;
	padding-bottom:15px;
}
.AreaBox .mainPhoto .photoFlame a{
	float:left;
	overflow:hidden;
	width:250px;
	padding:0 6px;
	background:url(../img/ramen/main_photoBg2.gif) repeat-y 0 0;
	_width:262px;
}


.spText{
	float:left;
	display:inline;
	width:530px;
	padding-left:5px;
}
.spText dt{
	line-height:1.3em;

}
.spText dt a{
	font-size:154%;
}
.spText dt span{
	font-size:60%;
	display:block;
	padding-bottom:5px;
}
.pointLine{
	overflow:hidden;
	width:530px;
	line-height:1.3em;
	padding:15px 0 5px;
}
.pointLine p.point{
}
.pointLine p{
	float:left;
	display:inline;
	font-size:93%;
	
}
.pointLine p strong{
	font-size:166% !important;
	color:#F00;
	display:inline !important;
	padding-right:5px;
}

.spText .spData{
	overflow:hidden;
	width:530px;
	line-height:1.3em;
	padding:5px 0;
}
.spText .spData p{
	float:left;
	display:inline;
	font-size:93%;
}
.photo{
	background:url(../img/ramen/icon_camera.png) no-repeat 0 center;
	padding:2px 10px 0 18px;
}
.kuchi{
	background:url(../img/ramen/icon_kuchikomi.png) no-repeat 0 center;
	padding:2px 0 0 20px;
}
.recomennd{
	padding:0 0 0 20px;
}
.recomennd strong{
	font-size:20px !important;
	color:#F00;
	display:inline !important;
	padding-right:2px;
}
.comment4{
	line-height:1.3em;
}


.comment4 ul{
	width:530px;
	overflow:hidden;
}
.comment4 ul li{
	width:261px;
	overflow:hidden;
	padding-bottom:5px;
	_background:url(../img/ramen/sp_cloud1.gif) no-repeat 52px 10px;
}
.comment4 ul li img{
	float:left;
	display:inline;
	padding-right:8px;
	background:url(../img/ramen/sp_cloud1.gif) no-repeat 100% 10px;
}
.comment4 ul li p{
	float:right;
	display:inline;
	overflow:hidden;
	
	padding:5px;
	width:193px;
	height:45px;
	font-size:93%;
	line-height:120%;
	background:url(../img/ramen/sp_cloud2.gif) no-repeat 100% 0;
	
	_width:203px;
	_height:55px;

}
.comment4 ul li p span{
	font-size:83%;
}

.sp_arrow{
	background:url(../img/ramen/sp_arrow.gif) no-repeat 0 center;
	padding-left:13px;
}
#top_box h3{
	width:950px;
	overflow:hidden;
}
#main h3{
	width:710px;
	overflow:hidden;
}
h3 img{
	float:left;
	display:inline;
}
h3 span{
	float:right;
	padding-top:35px;
	font-size:83%;
	color:#B60E18;
}
#ca-container{
	position:relative;
	width:900px;
	margin:0 auto;
}
.ca-nav-prev{
}
.ca-item{
	float:left;
	display:inline;
	width:181px;

}
.ca-item ul{
	width:171px;
	overflow:hidden;
}
.ca-item .numfont{
	font-family:impact;
	font-size:124%;
	padding:0 2px;
}
.ca-item ul li{
	float:left;
	display:inline;
	width:50px;
	height:50px;
	padding:2px;
	border:#CCCCCC solid 1px;
	margin:0 1px 1px 0;
}

#searchBox{
	background:#b60f18;
	padding:20px 0 20px 20px;
	margin:10px 0 20px;
}
#TopSearch{
	width:670px;
	background:url(../img/ramen/search_bg.gif) no-repeat center bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

#TopSearch ul{
	overflow:hidden;
	width:670px;
	padding-bottom:10px;
}

#TopSearch li label{
	display:block;
	padding-bottom:3px;
}
#TopSearch li input.form01{
	height: 30px;
	width:200px;

}
#inputText{
	padding-right:22px;
	background:url(../img/ramen/search_txt3.gif) no-repeat 98% 77%;
}
#linkText01{
	margin:3px 0 20px;
	padding:10px;
	background:#FFFFFF;
	border:#FFFFFF dotted 1px;
}

#linkText02{
	margin:3px 0 20px;
	padding:10px;
	border:#FFFFFF dotted 1px;
}
#linkText01 a,
#linkText02 a{
	padding-right:10px;
}

#linkText02 a{
	color:#FFFFFF;
}

#BottomSearch{
	width:690px;
	overflow:hidden;
}
#BottomSearch .typeBox{
	width:210px;
	float:left;
	color:#FFFFFF;
	margin:10px 20px 0 0;
}
#BottomSearch .typeBox a{
	color:#FFF;
}
#BottomSearch .typeBox dd{
	width:200px;
	overflow:hidden;
	padding-bottom:5px;
	margin:0 5px;
	_margin-bottom:5px;
}


#BottomSearch .typeBox .BoxTop dl{
	float:right;
	width:94px;
	overflow:hidden;
}
.shop{
	font-size:77%;
	display:block;
}

#BottomSearch .typeBox .BoxTop dl .stars{
	padding:0;
	width:94px;
	font-size:77%;
}
#BottomSearch .typeBox .BoxTop dl .stars strong{
	font-size:130%;
}
.BoxMid{
	background:url(../img/ramen/pickup_cloud1.png) no-repeat 100% 0;
}
.BoxMid p{
	float:right;
	display:inline;
	width:132px;
	padding:0 0 5px 5px;
	background:url(../img/ramen/pickup_cloud_bg.png) repeat-y 100% 100%;
	margin-top:5px;
	color:#000000;
	font-size:93%;
	line-height:120%;
}

.BoxMid p span{
	display:block;
	font-size:83%;
}
.BoxMid img{
	float:left;
	width:50px;
	height:50px;
	margin:3px 0 0 3px;
}

.BoxBottom li{
	float:left;
	display:inline;
	width:50px;
	height:50px;
}

#BottomSearch .ranking_link{
	width:690px;
	overflow:hidden;
}
#BottomSearch .ranking_link li{
	float:left;
	display:inline;
	width:210px;
	text-align:right;
	margin-right:20px;
}
#BottomSearch .ranking_link li a.arrow{
	color:#FFF;
	padding-left:15px;
	background:url(../img/ramen/pickup_arrow.gif) no-repeat 0 center;
	}

#BottomSearch #pickup01{background:#060606 url(../img/ramen/pickup01_bg.jpg) no-repeat 0 59px;}
#BottomSearch #pickup02{background:#b41019 url(../img/ramen/pickup02_bg.jpg) no-repeat 0 59px;}
#BottomSearch #pickup03{background:#5c070c url(../img/ramen/pickup03_bg.jpg) no-repeat 0 59px;}
#BottomSearch #pickup04{background:#c8b4b5 url(../img/ramen/pickup04_bg.jpg) no-repeat 0 59px;}
#BottomSearch #pickup05{background:#d56906 url(../img/ramen/pickup05_bg.jpg) no-repeat 0 59px;}
#BottomSearch #pickup06{background:#424280 url(../img/ramen/pickup06_bg.jpg) no-repeat 0 59px;}

#rankingBox{
	width:710px;
	overflow:hidden;
	margin-top:15px;
}

#rankingBox .rankingTitle{
	width:337px;
	overflow:hidden;
	padding-top:5px;
}

#rankingBox .left{
	background:url(../img/ramen/cloud_red01.gif) no-repeat 0 0;
}
#rankingBox .left h4 span{
	display:block;
	text-align:center;
	padding:10px;
	background:url(../img/ramen/cloud_red02.gif) repeat-y 0 0;
}
#rankingBox .left h4{
	padding-bottom:19px;
	background:url(../img/ramen/cloud_red03.gif) no-repeat 0 100%;
}


#rankingBox .right{background:url(../img/ramen/cloud_blk01.gif) no-repeat 0 0;}
#rankingBox .right h4 span{
	display:block;
	text-align:center;
	padding:10px;
	background:url(../img/ramen/cloud_blk02.gif) repeat-y 0 0;
}
#rankingBox .right h4{
	padding-bottom:19px;
	background:url(../img/ramen/cloud_blk03.gif) no-repeat 0 100%;
}
#rankingBox ul{
	overflow:hidden;
	width:327px;
	padding-top:5px;
}


#rankingBox .rankingTitle .rank{
	float:left;
	display:inline;
}
#rankingBox .rankingTitle .mainPhoto{
	float:left;
	display:inline;
	width:106px;
	height:91px;
}
#rankingBox .rankingTitle .mainPhoto .photoFlame{
	float:left;
	width:100px;
	height:85px;
	overflow:hidden;
	margin:3px;
}
.rank01 .mainPhoto{background:url(../img/ramen/rank01_bg.gif) no-repeat 0 0 !important;}
.rank02 .mainPhoto{background:url(../img/ramen/rank02_bg.gif) no-repeat 0 0 !important;}
.rank03 .mainPhoto{background:url(../img/ramen/rank03_bg.gif) no-repeat 0 0 !important;}

#rankingBox .rankText{
	float:right;
	display:inline;
	width:185px;
	overflow:hidden;
}
#rankingBox .rankText .recData{
	margin-top:-6px;
}
#rankingBox .rankText .recomennd{
	padding-left:0;
}
#rankingBox .rankText .recomennd strong{
	font-size:147% !important;
}

#rankingBox .rankText .spData p{
    display: inline;
    float: left;
    font-size: 93%;
}
#rankingBox .voice{
	width:327px;
	clear:right;
	overflow:hidden;
	padding-bottom:10px;
}
#rankingBox .voice img{
	display:inline;
	background:#FFF;
}
#rankingBox .voice p{
	float:right;
	display:inline;
	width:274px;
	overflow:hidden;
	font-size:93%;
	background:url(../img/ramen/cloud_rank02.gif) no-repeat 100% 100%;	
}
#rankingBox .voice p span.cloudBox{
	float:right;
	width:260px;
	padding:5px 0 5px 14px;
	background:url(../img/ramen/cloud_rank01.gif) no-repeat 0 0;
	_width:274px;
}
#rankingBox .voice p span.name{
	display:block;
	font-size:83%;
	background:none;
}


#link_btn{
	width:710px;
	overflow:hidden;
	background: url(../img/ramen/mark.gif) no-repeat 0 0;
	padding:30px 0;
	margin-top:10px;
}
#link_btn ul{
	width:710px;
	overflow:hidden;
	margin:0 auto;
}
#link_btn li{
	float:left;
	display:inline;
	margin:0 27px;
}




/***********************************************************************************************
スライダー
***********************************************************************************************/


#container {
	position:relative;
	text-align:left;
	width:830px;
	height:345px;
	background:url(../img/ramen/sp_bg2.jpg) no-repeat center bottom;
	padding-bottom:25px;
	margin:0 60px;
}

#container_inner{
	width:830px;
	height:345px;
background:url(../img/ramen/sp_bg.gif) no-repeat center 0;
}
/* Sudo Slider */
#slider #sliderMain{margin:0;padding:0;list-style:none;position:relative;display:block;}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider #sliderMain{width:830px; height:345px;overflow:hidden;}
#slider #sliderMain .spBox{width:818px; height:345px;overflow:hidden;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {
	display:block;
	width:61px;
	height:38px;
	position:absolute;
	left:-61px;
	top:50%;
	_top:143px;
	z-index:1000;
	background:url(../img/ramen/sp_arrow1.gif) no-repeat 0 0;
	cursor:pointer;
	}	
.nextBtn{left:830px;}														
.nextBtn {background:url(../img/ramen/sp_arrow2.gif) no-repeat 0 0;}	
.ca-wrapper {
    height:260px;
    position: relative;
    width: 100%;
}

.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../img/ramen/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}