@charset "utf-8";
/*
* ★★CSS for smartphone
*
* @date 2015.07.24
* @author Daisuke Hayashi
*/
.pc     { display:none;}
img     { max-width:100%;}
.mov    { display:none;}
.nos    { font-size:78%; line-height:118%; padding:10px 10px 20px;}
.nots   { font-size:78%; padding:0 10px 10px; overflow:hidden; clear:both;}
.topage { display:block; width:200px; text-align:center; margin:10px auto; background:#342116; font-size:82%; border-radius:5px; padding:10px;}
#contentsArea a.topage:link, #contentsArea a.topage:visited { color:#fff; }
.gbNavi .pc{
	display:block;
    float: left;
    width: 20%;
	}
.gbNavi .pc img {
     margin: 3px 5px;
    width: 80%;}
#contentsArea .pagetop{
	position: fixed;
	z-index: 9;
	bottom: 0;
	right: 5px;
	width: 40px;
	height: 30px;
}
#contentsArea .pagetop a{
	display: block;
	width: 40px;
	height: 30px;
	background: rgba(0,0,0,0.8);
	border-radius: 4px 4px 0 0;
	color: #FFF;
	text-indent: -9999px;
}
#contentsArea .pagetop a:before{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: -3px;
	margin-left: -7px;
	border-top: 4px solid #FFF;
	border-right: 4px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
#contentsArea .pagetop span { display: none;}


#topbox.fixed_menu { position: fixed; top: 0; z-index: 9999; }
#topbox            { width:100%; background:#fff; }

/*导航菜单*/
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm ul{position:absolute;top:-999999px;}
ul.sm li{position:relative;float:left;}
ul.sm a{position:relative;display:block;}

/* Menu box
===================*/
#main-menu  { width:100%; position:relative;}
.sm-clean   { width:100%;font-size:82%;position:absolute;}
.sm-clean a { display:block !important;padding:8px 0;color: #342116;text-align:center; font-weight:bold;}
#contentsArea .sm-clean ul a:hover {color:#fff;	 text-decoration: underline;}

.sm-clean li         { width:20%;}
.sm-clean li.navi1   { border-top:4px solid #fd6670;}
.sm-clean li.navi1 a:hover { color:#fd6670;}
.sm-clean li.navi2   { border-top:4px solid #f9975e;}
.sm-clean li.navi2 a:hover { color:#f9975e;}
.sm-clean li.navi3   { border-top:4px solid #99ccff;}
.sm-clean li.navi3 a:hover { color:#99ccff;}
.sm-clean li.navi4   { border-top:4px solid #8dca3f;}
.sm-clean li.navi4 a:hover { color:#8dca3f;}
.sm-clean li.navi5   { border-top:4px solid #d399e8;display:none;}
.sm-clean li.navi5 a:hover { color:#d399e8;}
.sm-clean li.navi2  li{
width: 100%; 
background: rgba(233, 118, 64, 0.65);
-webkit-background: rgba(233, 118, 64, 0.65);
-mos-background: rgba(233, 118, 64, 0.65);
margin-top:1px;
text-align: center;
	}
.sm-clean li.navi3  li{
width: 100%;
background: rgba(91, 146, 218, 0.65);
-webkit-background: rgba(91, 146, 218, 0.65);
-mos-background: rgba(91, 146, 218, 0.65);
margin-top:1px;
text-align: center;
	} 

.sm-clean li li a  { color: #fff;border:0;width:100%; display:block;padding:10px 0;}
.sub-arrow         { display:none;}





/*title*/
#contentsArea { width: auto; background:url(../images/bg.jpg); }
.column2Rinr  { width: auto; background:url(../images/inner_bgbtm.jpg) no-repeat bottom center #ffe7c5;}
.allcontents  { width: auto; margin:0 auto; overflow:hidden;}
.onecontents  { width: auto; margin:0 auto; overflow:hidden;}
.mainPart     { width: auto; overflow:hidden;padding:0 10px;}
.subPart      { width: auto; background:url(../images/inner_bgbtm.jpg) no-repeat bottom center #ffe7c5; overflow:hidden;padding:0 10px;}


div.listTl   { width:auto; background:url(../images/inner_bgtop.jpg) no-repeat bottom center; clear:both;}
div.listTl p { width:100%; background:url(../images/title_bg_sp.png) no-repeat top center; margin:0 auto; text-align: center; padding:25px 0 5px;}
div.listTl span{ font-size:78%; display:block; padding:20px 10px 0;}


div.topTl    { width: auto; margin:0 auto; font-size:88%;background:url(../images/inner_bgpink.jpg) no-repeat bottom center; }
div.topTl p  { width: auto; background:url(../images/title_bg_sp.png) no-repeat top center;text-align:center;padding-top:50px;}
.tm  { display:block; text-align:center; background:none !important; font-size:88%;}    

.mwt  dl, .ichi dl   { width: auto; overflow:hidden; clear:both;}
.mwt  dl dt, .ichi dl dt { width: auto; text-align:center;}
.mwt  dl dd, .ichi dl dd { width: auto; font-size:88%; line-height:128%;}
.mwt  dl dd a, .ichi dl dd a { display:block; width:175px; margin:10px auto;}
.ichi dl dd p { padding-top:10px;}
.ichi dl dd span { display:block; padding-top:6px; margin-top:6px; font-size:92%; border-top:1px dashed #333;}
.ichi dl dd span em { display:inline-block; font-style:normal; width:120px;}

/*.navi7        { display:none;} */

div.mainTl   { width:auto; background:url(../images/inner_bgtop.jpg) no-repeat bottom center;}
div.mainTl p { width: auto; background:url(../images/title_bg_sp.png) no-repeat top center; margin:0 auto; text-align: center; padding:10px 0 0;}
div.mainTl span   { font-size:78%; display:block; padding: 10px 10px 0; font-weight:normal;}

.menu10       { width: auto; margin:10px 0; border:1px solid #f4a628; border-left:0; border-radius:5px; clear:both; overflow:hidden;}
.menu10 li    { width:49.6%; float:left; text-align:center; background:#fff; padding:5px 0; font-size:82%; border-bottom:1px dashed #f4a628; border-left:1px solid #f4a628;}
.menu10 li.las{ border-bottom:0;}
.menu         { width:100% !important; background:#f4a628 !important; color:#fff; font-weight:bold; font-size:102% !important;}

/*map*/

#mapList{ width: auto; overflow:hidden; border:0;}
#mapList .title   { background:#99ccff; color:#fff; padding:5px; text-align:center; margin-bottom:0; border-radius:5px 5px 0 0;}
#mapList.domestic .maps { border:1px solid #ccc;}
#mapList.domestic dl  { margin:0; border:0;}
#mapList.domestic dl dd li   { width:100%;}
#mapList.domestic dl dd li a { border-right:0; padding:8px 10px 8px 8px; font-size:92%;
background: #FFF;
background: -moz-linear-gradient(top, #FFF, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
}
#mapList.domestic dl.area1 dt { background:#c29fda; border:1px solid #c29fda;}
#mapList.domestic dl.area2 dt { background:#7193df; border:1px solid #7193df;}
#mapList.domestic dl.area3 dt { background:#74bed3; border:1px solid #74bed3;}
#mapList.domestic dl.area4 dt { background:#83c883; border:1px solid #83c883;}
#mapList.domestic dl.area5 dt { background:#d7de1c; border:1px solid #d7de1c;}
#mapList.domestic dl.area6 dt { background:#faa959; border:1px solid #faa959;}
#mapList.domestic dl.area7 dt { background:#eb97ab; border:1px solid #eb97ab;}


.pink       { width: auto; padding:0 4%; background:#ffeced; font-size:88%; position:relative;}
.pink span  { display:block; width: auto; margin:0 auto; text-align:center; line-height:148%;}

/*about*/
div.whatTl   { width:auto; background:url(../images/inner_bgpink.jpg) no-repeat bottom center;}
div.whatTl p { width: auto; background:url(../images/title_bg_sp.png) no-repeat center top; margin:0 auto; text-align: center; padding:0 10px 24px;}
div.nihonichi{ width:auto; background:url(../images/inner_bgpinkgreen.jpg) no-repeat top center #e6f5d3;}
div.nihonichi p { width: auto; margin:0 auto; text-align: center; padding:20px 10px; clear:both;}
div.nihonichi span { display:block; font-size:88%;}
div.green     { width:auto; background:url(../images/inner_bggreen.jpg) no-repeat bottom center #e6f5d3; padding-bottom:10px;}
div.rout        { background:url(../images/rout.png) no-repeat 50% 10%;}
dl.step         { width: auto; margin:0 10px; clear:both; overflow:hidden;}
dl.step dt      { width: auto;}
dl.step dt span { display: none;}
dl.step dd      { width: auto;  font-size:88%; line-height:128%; padding-top:10px;}
dl.step dd span { display:block; text-align:center; padding:10px 0;}
.tlin           { font-weight:bold; font-size:112%; padding-bottom:6px;}
dl.step dd.notsal { padding:20px 0 10px; font-size:72% !important; line-height:118%;}


/*news*/
div.newsTl    { width: auto;margin:0 0 10px;font-size:88%;}
div.newsTl p  { width: auto; background:url(../images/title_bg_sp.png) no-repeat center top; text-align:center; padding: 0;}
div.newsTl span.date { font-size:82%; display:block; margin:10px;}
div.newsTl dl { background:#fff;}
div.newsTl dt { font-size:128%; text-align:center; display:block; margin:0 0 10px; padding:10px; clear:both; font-weight:bold; border-top:1px dashed #333;}
div.newsTl dd.tip    { width: auto; margin:0 10px; text-align:left; line-height:128%; position: static; background:none; padding-top:0; padding-bottom:20px;}
div.newsTl dd.tip p    { padding-top:6px;}
div.newsTl dd.tip span { display:block;}
div.newsTl dd.tip img  { margin-bottom:10px;}
div.newsTl dd.tip .it  { display:block; padding-top:10px;}


/*rank*/
.ranking    { width: auto; overflow:hidden; margin:10px 0 20px; border:1px solid #f08913;border-radius:5px; }
.ranking dt { width: auto; background:#f08913; font-size:88%; color:#fff; font-weight:bold; text-align:center; padding:10px; }
.ranking dd p.date span { display:block; font-size:78%; text-align:center; padding-top:10px;}
.ranking dd { width: auto;background:#fff; padding:0;}
.ranking dd ul.top3 { width: auto; padding: 10px; overflow:hidden;}
.ranking dd ul.top3 li { font-size:78%; margin-bottom:10px; clear:both; overflow:hidden;}
.ranking dd ul.top3 li span { display:block; padding:5px 0;color:#f39517; font-size:108%;}
.ranking dd ul.top3 li img { width:60%; float:left;}
.ranking dd ul.top3 li p   { width:38%; float:left; padding-left:2%;}
.ranking dd ul.top3 li.no1 span { background:url(../images/rank_icon1.gif) no-repeat; color:#c7a555; padding-left:24px;}
.ranking dd ul.top3 li.no2 span { background:url(../images/rank_icon2.gif) no-repeat; color:#b5b5b5; padding-left:24px;}
.ranking dd ul.top3 li.no3 span { background:url(../images/rank_icon3.gif) no-repeat; color:#ca9872; padding-left:24px;}



/*hotel*/
ul.tab   { width: auto; overflow:hidden; margin:10px 0; padding-left:2%; }
ul.tab li{ width: 48%; margin-right:2%; float:left; color:#fff; text-align:center;}
ul.tab li em.k { background:#74bed3; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tab li a.k  { background:#8dcee0; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tab li a.k:hover { background:#74bed3;}
#contentsArea ul.tab a:link, #contentsArea ul.tab a:visited { color:#fff; }
ul.tab li em.ko { background:#eb97ab; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tab li a.ko  { background:#f6adbe; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tab li a.ko:hover { background:#eb97ab;}
#contentsArea ul.tab a:link, #contentsArea ul.tab a:visited { color:#fff; }


ul.tabs   { width: auto; overflow:hidden; margin:10px 0; padding-left:2%;}
ul.tabs li{ width:32%; margin-right:1%; float:left; color:#fff; text-align:center;}
ul.tabs li em{ background:#83c883; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tabs li a  { background:#9ad59a; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tabs li a:hover { background:#83c883;}
#contentsArea ul.tabs a:link, #contentsArea ul.tabs a:visited { color:#fff; }
ul.tab li em.cs { background:#faa959; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tab li a.cs  { background:#feba78; display:block; border-radius:5px; padding:6px; width: auto;}
ul.tab li a.cs:hover { background:#faa959;}
#contentsArea ul.tab a:link, #contentsArea ul.tab a:visited { color:#fff; }


.htl { padding:2% 0 0 2%; overflow:hidden;}
.htl ul.areahtl li { width:45%; float:left; background:#fff; padding:1.5%; font-size:82%; margin-bottom:2%; margin-right:2%;overflow:hidden;}
.htl ul.areahtl li img { width:100%;}
.htl ul.areahtl li a   { display:block;}
.icons      { width:auto; margin:4px 0; overflow:hidden;}
.icons span { display: block; width: auto; text-align:center; float:left; border-radius:4px; padding:4px 6px; margin-right:4px; background:#ccc; color:#fff;}
.icons .a1  { background:#c29fda;}
.icons .a2  { background:#7193df;}
.icons .a3  { background:#74bed3;}
.icons .a4  { background:#83c883;}
.icons .a5  { background:#d7de1c;}
.icons .a6  { background:#faa959;}
.icons .a7  { background:#eb97ab;}
.icons .m1  { background:#c90d0d;}
.icons .m2  { background:#d9d3cb;}
.icons .m3  { background:#785216;}
.icons .m4  { background:#ffde00;}
.icons .m5  { background:#d0925b;}
.icons .m6  { background:#ff3a3a;}
.icons .m7  { background:#52c4ff;}
.icons .m8  { background:#ff812d;}
.icons .m9  { background:#a1e034;}
.icons .m10  { background:#ff6699;}

.htl ul.areahtl li .pr   { width:auto; font-weight:bold; margin:6px 0; clear:both;}
#contentsArea .pr a:link, #contentsArea .pr a:visited { color:#e54b13;}

.htl ul.areahtl li .name { text-align:left; font-size:100%;}
.htl ul.areahtl li .btn  { display:block; border:1px solid #f08913;text-align:center; padding:6px; margin-top:8px; border-radius:5px;} 
#contentsArea a.btn:link, #contentsArea a.btn:visited { color:#f08913; }


.faceBtn{ width: auto; margin: 8px auto 0 auto; text-align:center;height:20px;}

.rate {
    display: block;
    min-width: 90px;
    margin: 7px 0;
    font-size: 82%;
    padding: 5px;
    text-align: center;
}
.rate a {
    padding: 3px;
    background-color: #FFF;
    border-radius: 3px;
    line-height: 1.1;
}
.rate em.rating0 {
    background-position: 0 -249px;
}
.rate em.rating5 {
    background-position: 0 -224px;
}
.rate em.rating10 {
    background-position: 0 -199px;
}
.rate em.rating15 {
    background-position: 0 -174px;
}
.rate em.rating20 {
    background-position: 0 -149px;
}
.rate em.rating25 {
    background-position: 0 -124px;
}
.rate em.rating30 {
    background-position: 0 -99px;
}
.rate em.rating35 {
    background-position: 0 -74px;
}
.rate em.rating40 {
    background-position: 0 -49px;
}
.rate em.rating45 {
    background-position: 0 -24px;
}
.rate em.rating50 {
    background-position: 0 1px;
}
.rate span { display:block; padding-right:5px;}
.rate em {
background: transparent url("../images/stars.png") no-repeat;
font-style: normal;
color: #4e5665;
font-size: 115%;
padding:2px 18px 2px 99px;
}

.random-list {display: block !important;}
.random-loading { display:none !important;}


.htl ul.areahtl_dtl    { width: auto; margin-right:2%;}
.htl ul.areahtl_dtl li { width: auto; background:#fff; padding:12px; font-size:82%; margin-bottom:10px; overflow:hidden;}
.htl ul.areahtl_dtl li .dlt_up { width:auto;}
.htl ul.areahtl_dtl li img     {width:100%; }
.htl ul.areahtl_dtl li .htl_dl {width: auto;line-height:112%;} 
.htl ul.areahtl_dtl li .htl_dl .pr { font-size:88%; padding-top:6px;}
.htl ul.areahtl_dtl li .name { padding:10px 0; font-size:112%; font-weight:bold;}
.htl ul.areahtl_dtl li .info { width:auto; color:#e54b13; font-size:100%; font-weight:bold; margin-top:10px; clear:both; overflow:hidden;}
.htl ul.areahtl_dtl li .dlt_dw { width:auto;border:1px dashed #ccc; padding:10px; margin:10px 0; overflow:hidden;}
.htl ul.areahtl_dtl li .dlt_dw .cmt { width:62%; float:left; background:url(../images/cmt_bg.gif) no-repeat right center; padding-right:3%;}
.htl ul.areahtl_dtl li .dlt_dw img  { width:32%; margin-left:2%; float:right; margin-right:0;}
.htl ul.areahtl_dtl li .btn    { display:block; border:1px solid #f08913; padding:6px; text-align:center; margin-top:12px; border-radius:5px; clear:both;} 
.htl ul.areahtl_dtl .rate span { display: inline; margin-bottom:5px; text-align:center;}


.btmbtn { width: auto; padding:0 10px; overflow: hidden;font-size:88%;}
.more   { display:block; width: auto; text-align:center; background:#F90; padding:10px; border-radius:5px; margin-bottom:10px;}
.toppage{ display:block; width: auto; text-align:center; background:#342116; padding:10px; border-radius:5px; margin-bottom:10px;}
#contentsArea a.more:link, #contentsArea a.more:visited,#contentsArea a.toppage:link, #contentsArea a.toppage:visited { color:#fff; }



/* 8/31 */
.fltLft    { float:left;}
.fltRght   { float:right;}

div.newsTl dt h2       { padding-top:10px; line-height:140%;}
div.newsTl dt strong   { display:block; font-size:120%;}
div.newsTl dd ul.topshow     { width:auto; clear:both; overflow:hidden;}
div.newsTl dd ul.topshow li  { width:auto; clear:both; margin-bottom:14px; overflow:hidden;}
div.newsTl dd ul.topshow li img         { width:100%;}
div.newsTl dd ul.topshow li .phts span  { display:block; font-weight:normal; font-size:88%;l}
div.newsTl dd ul.topshow p   { width: auto; padding-bottom:0; text-align:left;}
div.newsTl dd ul.topshow p span { font-weight:bold; font-size:100%; padding-bottom:6px;}
div.newsTl dd ul.topshow a.btnplan { display:block; padding:8px; border:1px solid #333; text-align:center; width:80%; margin:8px auto 20px;}

div.newsTl dd.tip  { padding-bottom:0;}
div.newsTl { margin-bottom:0;}

div.topTl span.count{ width: auto; margin:0 auto; background:url(../images/tl_iine_result_sp.png) no-repeat; font-size:360%; color:#e54b13; padding-left:67px; padding-right:2px; padding-top:38px;}

.column1top   { background:url(../images/bgall_sp_result.jpg) no-repeat top center !important;}


.mainPart { width: auto; float: none; overflow: hidden;}

.rstcontents  {width: auto; background:url(../images/inner_bgbtm.jpg) no-repeat bottom center #ffe7c5;overflow:hidden; padding-top:14px;}

.htl_result dl   { width: auto; overflow: hidden; display:none;}
.htl_result dl dt{ width: auto; float:left; font-size:0;}
.htl_result dl dd{ width: auto; float:left; background:#fff; padding:6px 10px 10px; font-size:88%;}
.htl_result dl dd img { width:100%; margin:7px 0;}
#contentsArea .htl_result dl dd a.linkbtn { display:block; border-radius:5px; text-align:center; border:1px solid #f39517; padding:8px; margin:10px 0 0; color:#f39517;}
.htl_result dl.no1 dd{ background:#d5b962; color:#fff; }
.htl_result dl.no2 dd{ background:#cccccc; color:#fff; }
.htl_result dl.no3 dd{ background:#cd9570; color:#fff; }

#contentsArea .htl_result dl.no1 dd a.linkbtn { display:block; background:#fff; border-radius:5px; text-align:center; padding:8px; margin:10px 0 0; border:0; color:#d5b962;}
#contentsArea .htl_result dl.no2 dd a.linkbtn { display:block; background:#fff; border-radius:5px; text-align:center; padding:8px; margin:10px 0 0; border:0; color:#ccc;}
#contentsArea .htl_result dl.no3 dd a.linkbtn { display:block; background:#fff; border-radius:5px; text-align:center; padding:8px; margin:10px 0 0; border:0; color:#cd9570;}

.arearank_dtl    { margin:0 10px; width:auto; overflow:hidden; font-size:88%;}
.arearank_dtl li { width:auto; background:#fff; overflow:hidden; padding:10px; margin-bottom:10px;}
.arearank_dtl li p.area      { width:auto; overflow:hidden;}
.arearank_dtl li p.area span { display:block; color:#e54d12; width:80%; float: right; line-height:160%; padding:5px 0;}
.arearank_dtl li p.area img  { float:left; width:18%;}
.arearank_dtl li p.area span strong { font-size:120%; color:#342116;}
.arearank_dtl li .mpt  { width:auto; clear:both; margin-top:10px; overflow:hidden;}
.arearank_dtl li .mpt p   { width: auto; line-height:160%; margin-top:6px;}
.arearank_dtl li .mpt p span { font-weight:bold; display:block; color:#f39517;}
#contentsArea .arearank_dtl li .mpt a.linkto { display:block; border:1px solid #f39517; color:#f39517; border-radius:8px; clear:both; overflow:hidden; text-align:center; width:60%; padding:10px 0; margin:10px auto;}
.arearank_dtl li p.cfc      { width:auto; overflow:hidden; border-top:1px dashed #ccc; padding-top:16px; margin-top:16px;}
.arearank_dtl li p.cfc img  { width:40%; float:right;}
.arearank_dtl li p.cfc span { width:50%; background:url(../images/cmt_bg.gif) no-repeat 95% 0; padding-right:20px; color:#333; font-weight:normal; float: left;}

.arearank_dtl li p.cfc span img { width:100%; margin-top:20px;}


dl.sch             { width:auto; overflow:hidden; background:#fff; clear:both; margin: 0 10px 20px; padding:3px 3px 10px; display:block; font-size:88%;}
dl.sch dt          { color:#fff; font-size:120%; padding:10px 0; text-align:center; font-weight:bold; width:100%;}
dl.sch dt.hokkaido        { background:#c29fda;}
dl.sch dt.tohoku          { background:#7193df;}
dl.sch dt.kanto           { background:#74bed3;}
dl.sch dt.nakanihon       { background:#83c883;}
dl.sch dt.nishinihon      { background:#d7de1c;}
dl.sch dt.chushikoku      { background:#faa959;}
dl.sch dt.kyushuokinawa   { background:#eb97ab;}
dl.sch dd          { width: 98%; padding:1%;}
dl.sch dd img      { width: auto;}
dl.sch dd div.infm { width: auto; margin-top:10px;}
dl.sch dd h3       { text-align:center; clear:both; display:block; padding:6px 0; font-size:120%; color:#cc0000; border-bottom:2px solid #cc0000;}
dl.sch dd ul.corp     { width: auto; overflow:hidden; padding-top:10px;} 
dl.sch dd ul.corp li  { width:48%; padding:1%; text-align:center; float:left; margin-bottom:6px;}
dl.sch dd ul.corp li a    { display:block;}
dl.sch dd ul.corp li img  { width:194px; float:none; margin:0;}
dl.sch dd ul.corp li span { display:block; padding-top:0;}
dl.sch dd p.coct      { padding-top:10px;}

.schedule       { width: auto; overflow:hidden; font-size:88%; line-height:140%; margin:20px 10px 10px;}
.schedule span  { display:block;}

ul.newb            { width:auto; background:#ffeced; clear:both; overflow:hidden;}
ul.newb li         { margin:10px; overflow:hidden;}
ul.newb li dl      { width: auto;overflow:hidden; background:#fff; padding:10px;}
ul.newb li dl dd p.pr     { padding-top:10px;}
ul.newb li dl dd p.pr img { width:20%; float:left;}
ul.newb li dl dd p.pr span{ display:block; width:72%; padding-left:2%; float:left; font-size:88%;}
ul.newb li dl dd p.name   { clear:both; font-size:160%; line-height:140%;}
ul.newb li dl dd p.name  small { font-size:58%; display:block;}
ul.newb li dl dd p.infs   { font-size:88%; padding-top:6px; overflow:hidden;}
ul.newb li dl dd a.dtlbtn { text-align:center; color:#342116; padding:6px 10px; border:1px solid #342116; margin:10px auto; font-size:82%; width:70% !important; display:block; overflow:hidden;}

.mpt .photo{overflow:hidden; }
.mpt .photo img{width:100%;}
.mpt .photo .imgsmall{width:49%; margin:5px 0.5%; float:left;}
.arearank_dtl li p.cfc2 span{display:block; background:url(../images/cmt_bg2.gif) no-repeat right top; min-height:150px;}


.noleft h1{display:block; margin:10px 0 25px; width:100%;}
.noleft h1 img{width:100%;}
.noleft h2{display:block; margin:10px auto 25px; max-width:388px; width:70%;}
.noleft h2 img{width:100%;}
.noleft p.forarea{width:200px; height:50px; line-height:50px; color:#ffffff; font-weight:bold; text-align:center; border-radius:5px; margin:0 auto 15px; font-size:20px;}
.noleft p.fachushikoku{background:#faa959;}
.noleft .areahtl{margin-bottom:40px; overflow:hidden;}
.noleft a.leadbtn{display:block; clear:both; margin:0 10px 20px; font-size:20px; font-weight:bold; color:#ffffff !important; text-align:center; height:50px; line-height:50px; border-radius:5px; background:#342116;}

ul.newnavi{width:100%; margin:20px 0; overflow:hidden;}
ul.newnavi li{width:50%; float:left;}
ul.newnavi li a{display:block; margin:5px; border-radius:5px; text-align:center; color:#ffffff !important; font-size:18px; font-weight:bold; height:50px; line-height:50px;}
ul.newnavi li.nn01 a{ background:#cd1b1b;}
ul.newnavi li.nn02 a{ background:#d9d3cb;}
ul.newnavi li.nn03 a{ background:#785216;}
ul.newnavi li.nn04 a{ background:#d0925b;}
ul.newnavi li.nn05 a{ background:#52c4ff;}
ul.newnavi li.nn06 a{ background:#ffde00;}
ul.newnavi li.nn07 a{ background:#ff812d;}
ul.newnavi li.nn08 a{ background:#ff3a3a;}
ul.newnavi li.nn09 a{ background:#a1e034;}
ul.newnavi li.nn10 a{ background:#ff6699;}



.ranknewset img.ranknew{  display:block; margin:0 auto 8px; width:38px !important; z-index:9999;}


.navi7        { width: auto; background:#ffeced; overflow:hidden;} 
.navi7 ul     { width:96%; overflow:hidden;  padding:20px 0 ; margin:0 auto;}
.navi7 ul li  { width:49%; float:left; text-align:center; margin-right:10px; position: relative; margin:0 0.5%;}
.navi7 ul li img{width:100%;}
.navi7 ul li.fst        { background:url(../images/navi_bg_result.png) no-repeat center left; width:100%; margin:0; }
.navi7 ul li.fst span   { display: none;}

.navi7 a             {position: absolute; top:0; left: 0;z-index: 8; opacity: 0.0; display:block; width:100%;}
.navi7 a.active      {z-index: 10;opacity: 1.0;}
.navi7 a.last-active {z-index: 9;	}




.cfc2 span strong{color:#f39517;}
.mpt .photo .imgsmall3{
    float: left;
    margin: 5px 0.5%;
    width: 32.3%;
}
div.sinsa{margin:20px 10px; overflow:hidden;}
div.sinsa img.sinimg{display:block; width:40%; float:left; margin-right:4%;}
div.sinsa p{width:56%; float:left; position:relative;}
div.sinsa p strong{color:#f39517; line-height:25px;}
div.sinsa p em{display:block; width:11px; height:15px; position:absolute; top:80px; left:-10px;}
div.sinsa p span{display:block; margin-top:15px; border:1px solid #d8d8d8; border-radius:5px; padding:15px;}


.arearank_dtl li p.area.emblemicon span{padding:20px 0 0;}


ul.top5photo{margin: 10px 0; overflow: hidden;}
ul.top5photo li{ width:98%; margin-left:2%; margin-bottom:10px; overflow:hidden;}
ul.top5photo li img{display:block; width:98%;}
ul.top5photo li.sgray img{width:48%; margin-right:2%; float:left;}

.photobox ul{overflow:hidden;}
.photobox ul li{width:48.5%; float:left; margin:0 0 10px 1%;}
.photobox ul li.smallphoto img{display:block; margin-bottom:6px; width:100%;}


.sinsain ul{overflow:hidden; background:#ffffff; padding:20px 10px; margin:15px 10px;}
.sinsain ul li{width:100%; margin:0 2% 35px 0; float:left; overflow:hidden;}
.sinsain ul li.sinsapeople div{width:35%; margin:0 2% 0 0; float:left; clear:both; font-size:14px; text-align:center;}
.sinsain ul li.sinsapeople div img{display:block; width:100%; padding-bottom:7px;}
.sinsain ul li.sinsapeople p{width:63%; float:left; font-size:14px; line-height:22px;}
.sinsain ul li.sinsapeople p a{color:#f39517 !important; text-decoration:underline !important;}
.sinsain ul li.sinsaplace h3{font-size:14px; color:#e54d12; padding-bottom:5px; display:block;}
.sinsain ul li.sinsaplace a, .sinsain ul li.sinsaplace div{display:block; width:49%; margin:0 1% 10px 0; float:left; font-size:11px; letter-spacing:-1px; line-height:16px;}
.sinsain ul li.sinsaplace a img, .sinsain ul li.sinsaplace div img{width:100%; display:block; padding-bottom:5px;}
.sinsain ul li.sinsaplace a strong, .sinsain ul li.sinsaplace div strong{font-size:12px; color:#f39517;}


.bnrnplus{margin:10px 0 0; padding:10px; background:#ffeced;}
.bnrnplus a img{width:100%;}