/* basic setting ---------------------------------- */

body {
	background:url(../image/common/bodytopallbg.jpg) repeat-x #F2EFE9;
	color: #333333;
	line-height: 18px;
	font-size: 12px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin:0px;
	height:100%;}

html,body {
	height:100%;
	min-height:100%;}

img {
	border:none;
	vertical-align:middle;}

p { 
	margin: 0px; 
	padding: 0px; }

.t01 {color:#CC9900;} /* 黄土色 */
.t02 {color:#996600;} /* 茶色 */
.t03 {color:#cc0000;} /* 赤色 */

.t04 {color:#68A757;} /* green */
.t05 {color:#FF9900;} /* orange */
.t06 {color:#B71518;} /* red */
.t07 {color:#009FDA;} /* blue */


a:link     {text-decoration:none;}
a:active   {text-decoration:none;}
a:visited  {text-decoration:none;}
a:hover    {text-decoration:underline;}

/*
a.deco:link     {color:#0A54A7; text-decoration:none;}
a.deco:active   {color:#0A54A7; text-decoration:none;}
a.deco:visited  {color:#0A54A7; text-decoration:none;}
a.deco:hover    {color:#0000FF; text-decoration:underline;}*/

.textsmall {font-size: 10px;}
.textlarge {font-size: 16px;}

.textleft   {text-align: left;}
.textright  {text-align: right;}
.textcenter {text-align: center;}

.clearleft  {clear: left;}
.clearright {clear: right;}
.clearall   {clear: both;}

h1 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 13px; }
h2 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 13px; }
h3 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; }
h4 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; }
h5 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 12px; }


/* parts setting -----------------------------------------*/

.lrmargin{ margin:0 7px 0 7px;}

.whitefont{ color:#FFFFFF; font-size:11px;}
.blackfont{ color:#333333; font-size:11px;}
.redfont{ color:#7C1300;}
.redboldfont{ color:#7C1300; font-weight:bold;}
.redboldfont a{ color:#7C1300; text-decoration:none;}
.redboldfont a:hover{ text-decoration:underline;}
  .redboldfont h3{ clear:none; margin:0; padding:0; float:left;}

.redfontlink a{ color:#7C1300; text-decoration:none; background:url(../image/common/redtri.gif) no-repeat left center; padding-left:16px;}
.redfontlink a:hover{ text-decoration:underline;}

.whitetitwrap{ background:#FFFFFF; padding:5px 7px 5px 10px; color:#620600; font-weight:bold;}

.midrgrecconwrap{ padding:10px 0;}
  .reccontit{ color:#FFCC00; font-weight:bold;}
  .reccontit h3 a{ color:#FFCC00;}
  .reccontent{ padding-top:7px;}
    .recconimg{ float:left; padding-right:7px;}
	.reccontxt{ color:#C8C08F;}

.redunderline{ background:#935131; height:1px;}

/* yellow form */
.yewrap{ background:#FFFFFF;}
.yetitwrap{ background:url(../image/common/yewrapbg.gif) repeat-x; width:100%; height:35px;}
  .yewrapleft{ float:left; background:url(../image/common/yewrapleft.gif) no-repeat; width:5px; height:35px;}
  .yewrapmid{ float:left; padding:7px 0 0 10px; color:#7C1300; font-size:17px; font-weight:bold;}
   .yewrapmid h2{ font-size:17px; margin:0; padding:0;}
  .yewrapright{ float:right; background:url(../image/common/yewrapright.gif) no-repeat; width:5px; height:35px;}
.yeconwrap{ padding:8px; clear:both;}

  .yewrapmid1{ float:left; padding:7px 0 0 10px; color:#7C1300; font-size:15px; font-weight:bold;}
    .yewrapmid1 h2{ font-size:18px; margin:0; padding:0;}

/* pattern form1 */
.patwrap1{ border:1px #7D1401 solid;}
  .pattitwrap1{ background:url(../image/common/patwrap1.gif) #7C1300 no-repeat right top; height:21px; padding:5px 0 0 15px; color:#EBD4B8; margin-top:10px;}
  .patconwrap1{ padding:8px;}
	.pattitwrap1 span { font-size:11px; color:#FFFFFF; font-weight:normal;}
	.pattitwrap1 h2{ margin:0; padding:0; font-weight:100;}

.patwrap11{}
  .patconwrap11{ border:1px #7D1401 solid; margin:6px 0; padding:10px;}
  
.patwrap12{}                                                      
  .patconwrap12{ padding:8px 0;}


/* pattern form2 */
.patwrap2{}
  .pattitwrap2{ background:url(../image/common/patwrap2.gif) #7C1300 no-repeat right top; border:1px #CACACA solid; height:22px; padding:5px 0 0 15px; color:#EBD4B8;}
  .patconwrap2{ padding:16px 10px;}
  .pattitwrap2 h3{ margin:0; padding:0; font-weight:100;}
  .pattitwrap2 h2{ margin:0; padding:0; font-weight:100;}


/* pattern form3 */
.patwrap3{}
  .pattitwrap3{ background:url(../image/common/patwrap2.gif) #7C1300 no-repeat right top; border:1px #CACACA solid; height:21px; padding:6px 0 0 15px; color:#EECC00; font-size:14px; font-weight:bold;}
	.pattitwrap3 span { font-size:11px; color:#FFFFFF; font-weight:normal;}
  .patconwrap3{ padding:2px 0px;}
  .pattitwrap3 h2{ font-size:15px; color:#FFFFFF;}
  .pattitwrap3 h2.onsendetailtit{ background:url(../image/guide-c/bs-name.gif) no-repeat left center; padding-left:45px; color:#FFCC00;}

table.standard{}
  table.standard td.odd{ height:30px; background:#F2EFE9;}
  table.standard td .odd{ height:100%; background:#F2EFE9; margin:1px 0;}
  table.standard td.dotul{ border-bottom:1px #7B7B7B dotted;}
  table.standard td.oddr{ width:70%; padding:3px 5px 3px 8px;}

.showmore{ text-align:right;}
.showmore a{ color:#7C1300; text-decoration:none; background:url(../image/common/redtri.gif) no-repeat left 3px; padding-left:17px;}
.showmore a:hover{ text-decoration:underline;}
.showmore img { margin-bottom:5px;}

ul,li {margin:0; padding:0;}
.linklistwrap ul.linklist{ margin:5px 0 0 0;}
.linklistwrap ul.linklist li{ display: inline; line-height: 16px; margin-right:8px;}
/* Hide from IE Mac \*/
* html .linklistwrap ul.linklist li { margin-right: 10px;}
/* End hide from IE Mac */
.linklistwrap ul.linklist li a{ border-right:1px #000000 solid; padding-right:8px; white-space: nowrap; color:#333333; text-decoration:none;}
.linklistwrap ul.linklist li a:hover{ text-decoration:underline;}
.linklistwrap ul.linklist li.lastone a{ padding-right:0; border-right:none;}


.pointstar { display:table-cell; vertical-align:middle;}
.pointstar span { line-height:15px; }
.pointstar img { line-height:15px; margin-bottom:5px;}

.gototop{ text-align:right; margin-bottom:10px; padding-right:10px;}
.gototop a{ color:#7C3100; text-decoration:underline;}
.gototop a:hover{ text-decoration:none;}








/* template setting -----------------------------------------*/

#bodybg{ background:url(../image/common/bodybg.jpg) no-repeat 50% 0; width:100%; margin:0 auto; text-align:center;}

#maintop{ width:1020px; margin:0 auto; text-align:left; padding-bottom:15px;}
#mainmid{ width:1000px; margin:1px auto 0 auto; text-align:left; padding:0; border-left:10px #C2BFBA solid; border-right:10px #C2BFBA solid; background:url(../image/common/mainmidbg.gif) repeat-y}/* ;*/
#mainmidafterbg{ background:url(../image/common/aftermidbg.gif) no-repeat; padding:20px 10px 0px 10px;}/**/
#mainmidafterbg02{ background:url(../image/common/aftermidbg02.gif) no-repeat; padding:20px 10px 10px 10px;}/**/



/* -------- maintop ----------*/
/* top menu setting */
#topmenuleftwrap{ float:left; width:710px;}

#toplogo{ float:left; padding:0px 0 0 16px;}
#toptxt{ float:left; color:#EBD4B8; padding:40px 0 0 15px;}
#toptxt h1{ font-size:12px; font-weight:100;}
#toptxt h2{ font-size:11px; font-weight:100;}

#topmenuwrap{ padding:29px 0 0 24px;}
#topmenuwrap span{ visibility:hidden; display:none;}

.topmenu01 a{ display:block; float:left; background:url(../image/common/menu01.gif) no-repeat; width:90px; height:40px; text-decoration:none; margin-right:5px;}
.topmenu02 a{ display:block; float:left; background:url(../image/common/menu02.gif) no-repeat; width:90px; height:40px; text-decoration:none; margin-right:5px;}
.topmenu03 a{ display:block; float:left; background:url(../image/common/menu03.gif) no-repeat; width:90px; height:40px; text-decoration:none; margin-right:5px;}
.topmenu04 a{ display:block; float:left; background:url(../image/common/menu04.gif) no-repeat; width:90px; height:40px; text-decoration:none; margin-right:5px;}
.topmenu05 a{ display:block; float:left; background:url(../image/common/menu05.gif) no-repeat; width:90px; height:40px; text-decoration:none; margin-right:5px;}
.topmenu06 a{ display:block; float:left; background:url(../image/common/menu06.gif) no-repeat; width:90px; height:40px; text-decoration:none; margin-right:5px;}

.topmenu01 a:hover{ display:block; background:url(../image/common/roal/menuroal01.gif) no-repeat; width:90px; height:40px; text-decoration:none;}
.topmenu02 a:hover{ display:block; background:url(../image/common/roal/menuroal02.gif) no-repeat; width:90px; height:40px; text-decoration:none;}
.topmenu03 a:hover{ display:block; background:url(../image/common/roal/menuroal03.gif) no-repeat; width:90px; height:40px; text-decoration:none;}
.topmenu04 a:hover{ display:block; background:url(../image/common/roal/menuroal04.gif) no-repeat; width:90px; height:40px; text-decoration:none;}
.topmenu05 a:hover{ display:block; background:url(../image/common/roal/menuroal05.gif) no-repeat; width:90px; height:40px; text-decoration:none;}
.topmenu06 a:hover{ display:block; background:url(../image/common/roal/menuroal06.gif) no-repeat; width:90px; height:40px; text-decoration:none;}


/* top search setting */
#topshwrap{ float:right; padding:45px 20px 0 0;}

.topshtit{ background:url(../image/common/topsearchtit.gif) no-repeat; width:290px; height:25px; margin-bottom:2px;}

.topshform{ background:#F2EFE9; text-align:center; padding:7px 0;}
 .topshform form{ margin:0; padding:0;}
 .topshform form input.shtxtboxform{ border:1px solid #16120B; width:180px; font-size:14px; color:#999999; margin:0px; padding:2px 4px;}
  .topshform form input.shbtnimg{ vertical-align:bottom; margin:2px;}

.keywordwrap input.shtxtboxform{ border:1px solid #16120B; width:210px; font-size:14px; color:#999999; margin:0px; padding:2px 4px;}

/* -------- mainmid ----------*/
/* mid right navi */
#mainmidrgnaviwrap{ float:right; padding-bottom:20px; width:220px;}

.midrgfamilywrap{ border:1px #7D1502 solid; padding:9px;}

.midrgrecwrap{ padding:5px 5px 0px 5px; margin-top:0px; width:210px;}/* background:#FFFFFF;*/

.midrgrecbg{}/* background:url(../image/common/midrgconbg.gif) repeat-y;*/
.midrgrectitwrap{ background:url(../image/common/midrgtitbg.gif) no-repeat;}/**/  
  .midrgrectit{ background:url(../image/common/recommendmenu.gif) no-repeat; padding-top:50px;}/**/

.relalinkwrap{ padding:10px 15px 15px 15px;}
  .relalink{ background:url(../image/common/triangleicon.gif) no-repeat left center; padding-left:10px; margin-bottom:5px; }
  .relalink a{ color:#C8C08F; text-decoration:none;}
  .relalink a:hover{ text-decoration:underline;}

.midrgadswrap{ color:#C8C08F; padding:15px 10px 0 12px; line-height:18px;}
.midrgadswrap a{ color:#F5CE48; text-decoration:none;}
.midrgadswrap a:hover{ text-decoration:underline;}

.midrgadsiconwrap{ text-align:right; color:#C8C08F; padding:15px 5px 30px 0;}
.midrgadsiconwrap a{ color:#C8C08F; text-decoration:none;}
.midrgadsiconwrap a:hover{ text-decoration:underline;}
  

/* mid left content */
.mainmidlfwrap{ float:left; width:750px;}/* padding-right:230px;*/


/* -------- mainfoot ----------*/
#mainfoot{ width:100%; margin:0 auto; background:#000000;}

	#mainfoot .footconwrap{ background:#D2BB72; width:1000px; margin:0 auto; padding:10px 0; color:#620600;}
	#mainfoot .footconwrap .lef { float:left; margin-left:20px;}
	#mainfoot .footconwrap .rig { float:right; margin-right:10px; text-align:right;}



/* top page setting -----------------------------------------*/

.topphotowrap{ margin-bottom:10px;}

.midinfowrap{}

.midinfo1{ float:left; width:380px;}
.midinfo2{ float:right; width:360px;}

.widemapwrap{ width:364px; height:305px; background:url(../image/top/widemap.gif) no-repeat;}

.shmaplinktit{ border-bottom:2px #D1C4AE solid; font-size:17px; font-weight:bold; padding:5px 0 3px 8px;}
.shmaplinkwrap{ padding:5px;}
  .shmaplinkwrap a{ color:#333333; text-decoration:none;}
  .shmaplinkwrap a:hover{ text-decoration:underline;}

.tablewrap{ padding:0 10px;}

.keywordlink a{ color:#7C1300; text-decoration:none;}
.keywordlink a:hover{ text-decoration:underline;}

.frilink{ padding:10px 0; text-align:center;}

.specialwrap{ border-bottom:1px #7B7B7B dotted; padding:5px 0; }
  .speimg{ float:left;}
  .spetxt{ padding-left:117px;}

.popunumwrap{ border-bottom:1px #7B7B7B dotted; padding:5px 0;}
  .popuimg{ float:left;}
  .poputxt{ padding-left:55px; padding-top:4px;}

.speseltit{ border-bottom:1px #7B7B7B dotted; padding:5px 0 5px 15px;}
.speselcon{ border-bottom:1px #7B7B7B dotted; padding:5px 0 5px 15px;}

.votewrap{ padding:0 30px;}
.votetit{ border-bottom:1px #000000 solid; padding-bottom:5px; font-size:14px; font-weight:bold;}

#pref_list{
	margin:0;
	background-color: #D0C89D;
	padding: 8px;
	text-align:left;}

.affiliate { text-align:center;}
.affiliate p { margin:10px;}


/* guide-a setting -----------------------------------------*/

.sitetoplink{ font-size:11px;}
  .sitetoplink a{ color:#7C1300; text-decoration:none;}
  .sitetoplink a:hover{ text-decoration:underline;}
	.sitetoplink img { margin:1px 3px 3px 5px;}

.neighboringprefectures{ border-bottom:1px #D1C4AE solid; margin-bottom:10px; padding:8px 0 0 0;}

.onsendetailswrap{ padding-bottom:15px;}

.onsenleft{ float:left; width:96px;}
  .onsenimg{}
  .onsenname{ padding-top:3px;}

.onsenright{ float:right; width:620px;}
  .onsentit{ border-bottom:1px #D1C4AE solid;}
  .onsendellink{ padding:0px 10px 5px 10px;}
  .onsendeunderline{ border-bottom:1px #7B7B7B dotted; margin-bottom:4px; height:1px;}
  .onsenmorelbtn{ text-align:right;}
    .onsenmorelbtn a{ color:#8A805B; text-decoration:none; font-size:11px;}
	.onsenmorelbtn a:hover{ text-decoration:underline;}
	
	
.onsenjieshao{ padding:0 0 5px 0;}
.addressiconwrap{ background:url(../image/guide-c/bs-address.gif) no-repeat; padding-left:50px; color:#7C1300; font-size:11px;}

.newonsenerapl{ float:left;}
.newonsenerapr{ float:right;}

.newonsenerapl, .newonsenerapr{ width:350px; border:1px #808080 solid; padding:10px; background:#FFFFFF;} 
  .newonsentit{ padding:5px; background:#F2EFE9;}
  .newonsentxt{ padding:0 0 8px 0;}
  .newonsenhr{ border-bottom:1px #D1C4AE solid; height:1px; margin:6px;}

  .newonsendel{ padding:6px 0 6px 10px;}
    .newonsentxt1{ float:left; width:200px; border-right:1px #D1C4AE solid;}
	.newonsenimg{ float:right; width:500px;}

.areamapwrap{ padding-bottom:10px;}

.newonsenerap{ border:1px #C2BFBA solid; padding:10px; background:#FFFFFF;}

table.areastandard{ background:#CCCCCC;}
table.areastandard td.oddgr{ background:#F2EFE9; padding:0 0 0 10px; width:100px;}
table.areastandard td.oddwh{ background:#FFFFFF; padding:5px 0 5px 10px; width:200px;}

.onsenrecplanwrap{ background:#C2BFBA; padding:5px 10px; margin:4px 0 0 0; color:#7C1300; font-weight:bold;}

table.onsenrecplantable{}
table.onsenrecplantable td{ border-bottom:1px #7B7B7B dotted; padding:5px;}
table.onsenrecplantable td.pone{ text-align:right; width:130px; color:#7C1300; font-size:12px;}
table.onsenrecplantable td.booklink{ text-align:right; width:85px;}

.box-red{ background:#7C1300; color:#FFFFFF; padding:3px 10px; margin:7px 0;}

.box-gray{ background:#C2BFBA; padding:3px 10px; margin-bottom:5px;}

.spacer{ height:15px;}

.plandetlwrap{ padding-bottom:15px;}
  .plandetltitwrap{ background:#FFFFFF; border-bottom:1px #D1C4AE solid; padding:5px 8px; color:#7C1300;}
  .plandetltxt{ padding:10px 8px;}

.bottombookbtn{ text-align:center; padding:20px 0;}








/* ↓滝田作成分 --------------------------------------------*/

/* 共通パーツ ----------------------------------------------*/

.box-white  { margin:7px 0; background-color:#FFFFFF; clear:left; padding:10px;}
.box-white .innerblock { border-style: none; margin: 0px; padding: 7px; }

table.intro {}
	table.intro td.but { white-space:nowrap; text-align:right; }
	table.intro td.but img { margin-right:3px;}
	table.intro td.more { font-size:11px;}
	table.intro td.more a{ color:#7C1300; text-decoration:none;}
	table.intro td.more a:hover{ text-decoration:underline;}
	table.intro td.more img { margin-bottom:5px;}
	table.intro td.address { font-size:11px;}
	table.intro td.address img { margin-right:7px;}

table.lines { border-collapse: collapse; border-spacing: 0px; margin-bottom:7px;}
	table.lines tr { }
	table.lines th { border-bottom: dotted 1px #666666; }
	table.lines td { border-bottom: dotted 1px #666666; }
	table.lines tr.odd { background: #C2BFBA; }
	table.lines th.odd { background: #C2BFBA; }
	table.lines td.odd { background: #C2BFBA; }
	table.lines tr.even { background: #E9E9E9; }	
	table.lines th.even { background: #E9E9E9; }	
	table.lines td.even { background: #E9E9E9; }	

table.access { border-collapse: collapse; border-spacing: 0px;  border: solid 1px #CCCCCC; margin-top: 10px; }
	table.access caption { text-align:left; font-weight:bold; margin-bottom:5px;}
	table.access tr { }
	table.access tr.even td { background: #999999; color: #ffffff; }
	table.access th.even { background: #999999; color: #ffffff; }
	table.access td.even { background: #999999; color: #ffffff; }
	table.access tr.odd td { background: #E9E9E9; }
	table.access th.odd { background: #E9E9E9; }
	table.access td.odd { background: #E9E9E9; }
	table.access th { background-color: #999999; border: solid 1px #CCCCCC; color:#FFFFFF; }
	table.access td { background-color: #ffffff; border: solid 1px #CCCCCC; }

	
	.box-lef { width:260px; height:260px; background:#F2EFE9; float:left; margin-right:20px; text-align:center;}
	.box-lef table { padding:10px;}
	.box-rig { width:430px; height:260px; float:left; text-align:center; line-height:260px;}

/* guide-b setting -----------------------------------------*/

#guide-b {}

	#guide-b .c01-tit { background:url(../image/common/yewrapbg.gif) repeat-x; width:100%; height:35px; margin-top:10px;}
	#guide-b .c01-tit .lef { float:left; padding:7px 0 0 10px;}
	#guide-b .c01-tit .rig { float:right; padding:7px 10px 0;}
  
/* guide-c setting -----------------------------------------*/

#guide-c {}
	
	#guide-c .tabbar { height:39px; background:url(../image/guide-c/tab-line.gif) repeat-x;}
	#guide-c .tabbar tabbutton1 { margin-right:3px; }

	#guide-c .tabbar a.tab-g { display:block; background:url(../image/guide-c/tab-expand.gif) no-repeat; width:187px; height:35px; text-decoration:none; float:left; font-weight:bold; color:#FFFFFF;}
	#guide-c .tabbar a.tab-w { display:block; background:url(../image/guide-c/tab-none.gif) no-repeat; width:187px; height:35px; text-decoration:none; float:left; color:#7C1300;}
	#guide-c .tabbar a.tab-w:hover { background:url(../image/guide-c/tab-expand.gif) no-repeat; width:187px; height:35px; text-decoration:none; float:left; color:#FFFFFF;}
	#guide-c .tabbar a.tab-g span , #guide-c .tabbar a.tab-w span {	line-height:35px; padding-left:25px;}

	#guide-c .list { width:185px; float:left; margin-top:10px; }
	#guide-c .list p { background:url(../image/common/redtri01.gif) no-repeat; padding-left:12px; margin-bottom:5px;}

  #guide-c .list p  a{ color:#000000; text-decoration:none;}
  #guide-c .list p  a:hover{ text-decoration:underline;}

/* guide-d setting -----------------------------------------*/

#guide-d {}

	#guide-d .tabbar { height:39px; background:url(../image/guide-c/tab-line.gif) repeat-x;}
	#guide-d .tabbar tabbutton1 { margin-right:3px; }

	#guide-d .tabbar a.tab-g { display:block; background:url(../image/guide-d/tab-expand.gif) no-repeat; width:250px; height:35px; text-decoration:none; float:left; font-weight:bold; color:#FFFFFF;}
	#guide-d .tabbar a.tab-w { display:block; background:url(../image/guide-d/tab-none.gif) no-repeat; width:250px; height:35px; text-decoration:none; float:left; color:#7C1300;}
	#guide-d .tabbar a.tab-w:hover { background:url(../image/guide-d/tab-expand.gif) no-repeat; width:250px; height:35px; text-decoration:none; float:left; color:#FFFFFF;}
	#guide-d .tabbar a.tab-g span , #guide-d .tabbar a.tab-w span {	line-height:35px; padding-left:25px;}