/* default
------------------------------------------------- */
html{
	width:auto;
	margin:0;
	padding:0;
	overflow-y:scroll;
}

body{
	margin:0;
	padding:0;
    text-align:center;
	font-family:"ＭＳ Ｐゴシック", "HiraKakuPro-W3",  Osaka, "メイリオ", Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro",Meiryo, sans-serif;
	font-size:75%;
    color:#444;
    line-height:1.6em;
	letter-spacing:1px;
	background-color:#FADF97;
}
	
/* Hyper text
------------------------------------------------- */

a { 
	text-decoration: none;
	color: #2F6FFF;
}

a:hover {
	text-decoration: underline;
	color: #2F6FFF;
}


/* Image
------------------------------------------------- */

img,
a img {
	border: none;
}

/* Layout
------------------------------------------------------------ */

#main {
    width:845px;
	margin:0 auto;
	background:url(images/main_bg.gif) repeat-y;
}

#contents {
    width:748px;
	margin:0 auto;
}

.left {
    width:522px;
	float:left;
	margin:0;
	display:inline;
}

.left02{
    width:488px;
	float:left;
	margin:0 17px;
	display:inline;
}		
		

.right {
    width:209px;
	float:left;
	margin:0 17px 0 0;
	text-align:left;
	display:inline;	
}

.right02 {
    width:209px;
	float:left;
	margin:10px 17px 0 0;
	text-align:left;
	display:inline;	
}

.clear {
    clear:both;
}	

/* header
------------------------------------------------------------ */

ul#header {
    position:relative;
    background:url(images/header.gif) no-repeat #2F6FFF;
    width:845px;
    height:172px;
    padding:0px;
    margin:0;
}

#header li a span{
    visibility:hidden;
}


#header li a{
    position:relative;
    display:block;
    margin:0px;
    width:100%;
    height:100%;
    text-align:center;
    text-decoration: none;
}

ul#header li.lunch{
    width:67px;
    height:65px;
    position:absolute;
    top:88px;
    left:437px;
    padding:0px;
    display:block;	
}


ul#header li.cafe{
    display:block;
    width:73px;
    height:60px;
    position:absolute;
    top:93px;
    left:536px;
    padding:0px;
}

ul#header li.studio{
    display:block;
    width:56px;
    height:85px;
    position:absolute;
    top:67px;
    left:639px;
    padding:0px;
}


ul#header li.walk{
    display:block;
    width:60px;
    height:90px;
    position:absolute;
    top:62px;
    left:725px;
    padding:0px;
}

ul#header li.logo{
    display:block;
    width:280px;
    height:114px;
    position:absolute;
    top:22px;
    left:35px;
    padding:0px;
	list-style:none;
}



/* sidemenu
------------------------------------------------------------ */

.sidemenu_bg {
    width:209px;
	background:url(images/sidemenu_bg.gif) no-repeat;
	height:26px;
	margin:10px 0　0px;
	text-align:left;
}

.sidemenu_bg02 {
    width:209px;
	background:url(images/sidemenu_bg.gif) no-repeat;
	height:26px;
	display:block;
	text-align:left;
}		

.sidemenu_title {
   margin:3px 0 0 10px;
   color:#8FB3E7;
   font-size:10px;
   font-weight:bold;
   letter-spacing:0.3em;
}

.sidemenu_contents {
   margin:0px 10px 20px 10px;
   color:#784F1E;
   font-size:10px;
   line-height:1.6em;

}  

.sidemenu_column {
	display:block;
	width:209px;
	height:72px;
	background-image:url(images/bt_column.gif);
	margin-bottom:10px;
	text-align:left;
	position:relative;
}

.sidemenu_night {
	display:block;
	width:209px;
	height:72px;
	background-image:url(images/bt_night.gif);
	margin-bottom:20px;;
	text-align:left;
	position:relative;
}

a.column{
	width:120px;
	position:absolute;
	top:12px;
	left:83px;
	text-align:left;
	font-size:10px;
	color:#784F1E;
	font-weight:100;
	line-height:1.5em;
}

a:hover.column{
     text-decoration:none;
	 color:#FFFFFF;
}



/* footer
------------------------------------------------------------ */ 

#footer {
    width:845px;
	height:188px;
	mpadding:5px auto;
	background:url(images/bottom.gif) no-repeat;
    position:relative;
	display:block;
}

.goiken{
	position:absolute;
	top:38px;
	left:248px;
	width:290px;
	text-align:left;
	font-size:12px;
	color:#784F1E;
}

.copy{
	position:absolute;
	top:56px;
	left:617px;
	width:130px;
	text-align:left;
	font-size:10px;
	color:#784F1E;
	line-height:1.5em;
}

.gotop{
	position:absolute;
	top:167px;
	left:351px;
	width:150px;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	line-height:1.5em;
}		   
	   


/* home
------------------------------------------------------------ */

.home_concept{
    position:relative;
    background:url(images/home_01.gif) no-repeat #FEB13D;
    width:845px;
    height:196px;
    padding:0px;
    margin:0;
}

#topmovie {
   	position:absolute;	
	top:70px;
	left:604px;
	width:140px;
	border:#fff 1px solid;
}

h1{
	position:absolute;
	top:58px;
	left:220px;
	width:315px;
	text-align:left;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:nomal;
	color:#fff;
}

h2{
	position:absolute;
	top:78px;
	left:220px;
	width:315px;
	text-align:left;
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:100;
	color:#fff;
}

h3{
	font-size:10px;
	text-align:left;
	color:#784F1E;
	font-weight:100;	
}		

.ichiran{
    width:522px;
	height:129px;
	background:url(images/ichiran.gif) no-repeat;
	margin:0;
    position:relative;	
}

.ichiran_comment_lunch{
	width:165px;
	position:absolute;
	top:72px;
	left:39px;
	}
	
.ichiran_comment_cafe{
    width:160px;
	position:absolute;
	top:72px;
	left:287px;
	}	

#tenpoarea {
   width:522px;
   background:url(images/ichiran_bg.gif) repeat-y;
   padding:10px 0 0;
   text-align:left;
   position:relative;
}


dl.tenpo_lunch {  
    width:190px;
	margin: 0 auto 10px auto;
	line-height:1.4em;
	text-align:left;
	margin:0 0 0 39px;
}  

dt.tenpo_lunch {  
    float:left;  
    width:21px;  
    clear:both;
}  

dd.tenpo_lunch {   
    margin-left:28px;  
	letter-spacing:0.1em;
	text-align:left;
	font-size:14px;
	margin-bottom:10px;
}  	

dl.tenpo_cafe {  
    width:190px;
	margin: 0 auto 10px auto;
	line-height:1.4em;
	text-align:left;
	margin:0 0 0 39px;
	position:absolute;
	top:11px;
	left:251px;
}  

dt.tenpo_cafe {  
    float:left;  
    width:21px;  
    clear:both;
}  

dd.tenpo_cafe {   
    margin-left:28px;  
	letter-spacing:0.1em;
	text-align:left;
	font-size:14px;
	margin-bottom:10px;
}  	
	

/* detail
------------------------------------------------------------ */ 

.detail_main {
   background-color:#fff;
   padding:15px;
  } 

.detail_title {
   width:458px;
   border-bottom:2px dotted #FEB13D;
   height:45px;
   margin-bottom:15px;
   }

.illust_icon {
   width:40px;
   float:left;
   margin-right:10px;
}

.name {
   font-size:16px;
   float:left;
   width:322px;
   text-align:left;
}      

.rogo_icon {
   width:75px;
   float:left;
   margin-left:10px;
}

.detail_copy {
   width:458px;
   margin: 8px 0 25px;
   text-align:left;
   background-color:#FADF97;
}   

.detail_copy_text {
   color:#784F1E;
   padding:0 25px;
   font-size:12px;
   line-height:1.8em;
}   

.sidemenu_tenpo {
    border-bottom:1px solid #FADF97;
	margin-bottom:3px;
}

.detail_shopinfo {
   width:458px;
   margin: 0  auto 15px auto;
   text-align:center;
}

.detail_shopinfo_text {

   font-size:12px;
   color:#444;
   text-align:center;   
}

dl.detail_s {  
    width:458px;
	margin: 0 auto 8px auto;
	line-height:1.4em;
	text-align:left;
	border-bottom:2px dotted #96B6E2;
}  

dl.detail_s2 {  
    width:458px;
	margin: 0 auto 8px auto;
	line-height:1.4em;
	text-align:left;
   border-bottom:2px dotted #FEB13D;
}

dt.detail_s {  
    float:left;  
    width:150px;  
    clear:both;
	font-size:10px;
	font-weight:bold;
	text-indent:0.5em;
	color:#8FB3E7;
}

dt.detail_s2 {  
    float:left;  
    width:150px;  
    clear:both;
	font-size:10px;
	font-weight:bold;
	text-indent:0.5em;
	color:#FEB13D;
}

dd.detail_s {   
    margin-left:160px;  
	letter-spacing:0.1em;
	text-align:left;
}  	

.mapborder01 {
    border:1px solid #999999;
	margin-top:15px;
	}

.backbtn{
    width:408px;
	text-align:right;
	font-size:10px;
	margin:10px auto 5px;
	font-weight:bold;
	line-height:1.6em;
	}


/* memo
------------------------------------------------------------ */ 

.memo_copy {
   width:448px;
   margin: 0px auto ;
   text-align:left;
   background:#fff;
}   

.memo_left {
   width:280px;
   float:left;
 }
 
.memo_right {
   padding-left:290px;
 }     

.memo_title {
    position:relative;
}

.memo_title_name {
    position:absolute;
	top:34px;
	left:79px;
	font-size:10px;
	font-weight:bold;
	color:#784F1E;
	width:350px;
		}
		
/* topics
------------------------------------------------------------ */ 

#topics {
    margin:0 22px;
}	

.topic_main {
    margin:10px auto;
	width:703px;
	background-color:#FFF;
	text-align:center;
	padding:15px 0;
}	

.topic_box {
    width:500px;
	border-bottom:1px dotted #999;
	margin:0 auto 15px;
	text-align:left;
	padding-bottom:10px;
}	

.topic_img {
    float:right;
	margin:0 0 10px 10px;
}	


/* 編集長
------------------------------------------------------------ */ 

.hensyu_title {
    width:500px;
	background-image:url(column/images/title.gif);
	position:relative;
	height:137px;
	margin:0 auto 15px;
}	

.hensyu_text {
    font-size:12px;
	color:#fff;
	width:310px;
	position:absolute;
	top:20px;
	left:171px;
	text-align:left;
	line-height:2em;
}	

.backbtn_hen{
    width:500px;
	text-align:right;
	font-size:10px;
	margin:0px auto 10px;
	font-weight:bold;
	line-height:1.8em;
	}


/* walking
------------------------------------------------------------ */ 

.walking_text {
    font-size:12px;
	width:565px;
	text-align:left;
	line-height:2em;
	margin:0 auto 25px;
}	

a.walk01{
    display:block;
	background:url(walking/images/bt01.gif)  bottom;
	width:426px;
	height:69px;
	margin:0 auto 15px;
}

a.walk01:hover{ background-position:top center;}

a.walk02{
    display:block;
	background:url(walking/images/bt02.gif)  bottom;
	width:426px;
	height:69px;
	margin:0 auto 15px;
}

a.walk02:hover{ background-position:top center;}

a.walk03{
    display:block;
	background:url(walking/images/bt03.gif)  bottom;
	width:426px;
	height:69px;
	margin:0 auto 15px;
}

a.walk03:hover{ background-position:top center;}

a.walk04{
    display:block;
	background:url(walking/images/bt04.gif)  bottom;
	width:426px;
	height:69px;
	margin:0 auto 15px;
}

a.walk04:hover{ background-position:top center;}

a.walk05{
    display:block;
	background:url(walking/images/bt05.gif)  bottom;
	width:426px;
	height:69px;
	margin:0 auto 15px;
}

a.walk05:hover{ background-position:top center;}

.spotdetailtx{
   	font-size:10px;
	text-align:left;
    letter-spacing:1px;
	margin:5px 0 10px 0;
	}  

.spotdetail_no{
	margin:0px 3px 0px 7px;
	}

.underlink01 {
    margin:15px 0 3px;
	font-size:10px;
	font-weight:bold;
	text-align:right;

}

/* night
------------------------------------------------------------ */ 

.tableborder{
    width:490px;
	border:2px solid #BEBEBE;
	margin:15px auto 15px auto;
	text-align:left;
}

.mt10{
    margin-top:10px;
}	

.pshop_detail_title{
   font-size:15px ;
   color:#2399B7;
   margin-bottom:10px;
 }


.night_title {
    width:500px;
	background-image:url(night/images/img01.gif);
	position:relative;
	height:137px;
	margin:0 auto 15px;
}	


/* concept
------------------------------------------------------------ */ 

.concept_copy{
    color:#6FAAE6;

}

.concept_title{
    color:#838383;
	font-size:14px;

	width:500px;
	border-bottom:1px dotted #6FAAE6;
	margin-bottom:5px;
}
	
.concept_box {
    width:500px;
	margin:0 auto 30px;
	text-align:left;

}	


/* pet
------------------------------------------------------------ */ 

.pet_title {
    width:515px;
	background-image:url(pet/images/img.jpg);
	position:relative;
	height:159px;
	margin:0 auto 15px;
}	

.pet_text {
	font-size:10px;
	color:#6B4901;
	width:341px;
	position:absolute;
	top:15px;
	left:14px;
	text-align:left;
	line-height:2em;
	height: 98px;
}	

.pettable{
    width:515px;
	border:2px solid #BEBEBE;
	margin:15px auto 15px auto;
	text-align:left;
}

.pet_in{
   margin:8px auto;
   width:485px;
}   
 
.pshop_detail{
   width:240px;
   float:left;
 }
 
.pshop_detail_title{
   font:15px ;
   color:#FF5029;
   margin-bottom:10px;
 }

.pshop_photo{
   width:240px;
   margin:0 0 5px 5px;
   float:right;
}

.sub{
   width:530px;
   margin:0 auto ;
   text-align:center;
 }          

.popuppet{
    text-align:center;
	margin:10px 0 5px;
}	

.petok{
   width:515px;
   margin:20px auto ;
   text-align:left;
   background-color:#FCC7C7;
   
 }

.petok_text{
   padding:20px;
   text-align:left;
 }
 
 /* パーキング
------------------------------------------------------------ */ 

.car_title {
    width:530px;
	background-image:url(parking/images/img.jpg);
	position:relative;
	height:146px;
	margin:0 auto 10px;
}	

.car_text {
	font-size:10px;
	color:#6B4901;
	width:357px;
	position:absolute;
	top:23px;
	left:166px;
	text-align:left;
	line-height:2em;
	height: 98px;
}	
 
.car01{
   width:530px;
   margin:0 auto 15px;
   text-align:center;
 } 
 
 
.backbtn_car{
    width:515px;
	text-align:right;
	font-size:10px;
	margin:0px auto 10px;
	font-weight:bold;
	line-height:1.8em;
	}
 

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
 
 /* studio
------------------------------------------------------------ */ 

.studio_box {
    width:514px;
	margin:20px auto 30px;
	text-align:left;
}

.studio_noradio {
    width:474px;
	margin:20px auto 30px;
	text-align:left;
	background-color:#FF9900;
	padding:20px;
	color:#fff;
}		


.studio001area02{
	margin:0 auto 20px auto;
	width:514px;
	text-align: center;
}

.studio001area03{
	margin:20px auto 20px auto;
	width:530px;
}

.studio001daytitle01{
	margin:20px auto 5px auto;
	padding:0;
	width:514px;
	text-align:left;
	font-size:1em;
	font-weight:bold;
	color:#2F6FFF;
	border-bottom:#666666 dotted 1px;
}

.personarity{
	margin:10px 0 10px 0 ;
}

.personaritytitle{
	margin:5 0 ;
	text-align:left;
}

.personaritytext01{
    color:#444;
    line-height:1.5em;
	letter-spacing:1px;
	margin-left:13px;
	width:322px;
    text-align:left;
}

.personaritytext02{
    color:#444;
    line-height:1.5em;
	letter-spacing:1px;
	margin:5px 13px 0 13px;
	width:315px;
	text-align:left;
}

.stuff{
    line-height:1.5em;
	letter-spacing:1px;
	margin:10px 0;
}
	
.stufftext01{
	color:#444;
    line-height:1.6em;
	letter-spacing:1px;
	margin:0 0 0 10px ;
}	

.plofile{
	margin-top:13;
}

a.studio:visited {
	color:#2F6FFF;
	text-decoration:underline;
}

a.studio:hover {
	color:#fff;
}

 /* モバイルスポット
------------------------------------------------------------ */ 
 
.ms_small{
	font-size:10px;
	margin-top:10px;
	text-align:left;
	} 
 
 
.ms_box {
    width:514px;
	margin:0px auto 30px;
	text-align:left;
}
 
 


/* =======================info킹======================== */
.infotext01{
	width:500px;
	font-family:"ＭＳ Ｐゴシック", "HiraKakuPro-W3",  Osaka, "メイリオ", Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro",Meiryo, sans-serif;
	margin:0 auto 15px auto;
	text-align:center;
}

.formarea01{
	width:484px;
	margin:0 auto 10px auto;
}

.formarea02{
	width:484px;
	margin:20px auto 10px auto;
}

.formline01{
	width:484px;
	margin:15px auto 15px auto;
}

.formtext01{
	font-family:"ＭＳ Ｐゴシック", "HiraKakuPro-W3",  Osaka, "メイリオ", Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro",Meiryo, sans-serif;
	font-weight:bold;
	font-size:10px;
    color:#444;
    line-height:1.5em;
}

.formtext02{
	font-family:"ＭＳ Ｐゴシック", "HiraKakuPro-W3",  Osaka, "メイリオ", Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro",Meiryo, sans-serif;
	font-size:10px;
    color:#444;
    line-height:1.5em;
}