/* RESET CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
     margin:0;   
     padding:0;  
	
 } 
table {  
     border-collapse:collapse;   
     border-spacing:0;   
} 
fieldset,img {    
     border:0;   
} 
address,caption,cite,code,dfn,em,strong,th,var {  
     font-style:normal;   
     font-weight:normal;   
} 
ol,ul {  
     list-style:none;   
} 
caption,th {  
     text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {  
     font-size:100%;   
     font-weight:normal;   
} 
q:before,q:after {  
     content:'';   
} 
abbr,acronym { border:0;   
}  


#demo1 {font-size:85%;}  /*renders 11px */ 
#demo2 {font-size:100%;} /*renders 13px */   
#demo3 {font-size:108%;} /*renders 14px */ 
#demo4 {font-size:123.1%;} /*renders 16px */ 
#demo5 {font-size:138.5%;} /*renders 18px */  



/*-----------------------------------TOP PAGE-------------------------------------*/



#topp_con .text_blue {
    font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#0072A4
}	

.clearfix:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{display:inline-block;}

/*Hides from IE-mac \*/
* html.clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */


body {
    background-image:url(/img/bk.jpg);
	background-repeat:repeat-x;
	background-color:#DFEFEE;
	font-size:76%;
	color:#333333;
}


/*-----Navigation-------*/

.clear {clear:both}

#navi {
    width:900px;
	height:24px;
	margin:0 auto;
}


#navi li {
    display:block;
	float:left;
	text-decoration:none;
	text-indent:-10000px;
}	

#navi li#home a {
    display:block; 
    height:24px;
	width:120px;
	background:url(/img/btn_home.jpg) no-repeat;
}

#navi li#home a:hover {
	background:url(/img/btn_home_over.jpg) no-repeat;
}  
  

#navi li#search a {
    display:block; 
    height:24px;
	width:120px;
	background:url(/img/btn_search.jpg) no-repeat;
}

#navi li#search a:hover {
	background:url(/img/btn_search_over.jpg) no-repeat;
}  


#navi li#spaguide a {
    display:block; 
    height:24px;
	width:120px;
	background:url(/img/btn_spaguide.jpg) no-repeat;
}

#navi li#spaguide a:hover {
	background:url(/img/btn_spaguide_over.jpg) no-repeat;
}  


#navi li#spaglossary a {
    display:block; 
    height:24px;
	width:120px;
	background:url(/img/btn_spaglossary.jpg) no-repeat;
}

#navi li#spaglossary a:hover {
	background:url(/img/btn_spaglossary_over.jpg) no-repeat;
}  

#navi li#right {
    display:block;
	background:url(/img/btn_right.jpg);
	width:420px;
	height:24px;
}	  



/*-----Sub Navigation-------*/

#subnavi a:link {
    color:#333333;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}	

#subnavi a:visited {
    color:#333333;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}	
	

#subnavi {
    background:url(/img/bg_submenu.jpg) no-repeat;
	width:900px;
	height:25px;
	margin:0 auto;
}

#subnavi_inside {
   width:600px; 
   height:25px;
   margin-left:40px;
}

#subnavi #subnavi_inside ul {
    list-style:none;
}

#subnavi #subnavi_inside li {
    float:left;
	padding-left:14px;
	padding-top:5px;
	font-size:12px;
	color:#333333;
}

#subnavi #subnavi_inside .list a {
    background:url(/img/list_mark.gif) -5px no-repeat;
	padding-left:20px

}

/*-----Sub Navigation  end-------*/			
		


a:link {color:#333333}


#topp_con h1 {
    letter-spacing:0.05em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#663300;
	margin-top:15px;
}

#topp_con .catch_phrase {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#A67C52;
   margin:0
}

#topp_con .description {
   font-family:Arial, Helvetica, sans-serif;
   font-size:76%;
   line-height:1.5em;
   margin:5px 0 0 0;
 }   

#topp_con h2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8C6239;
	margin:0 0 7px 18px;
}	

#topp_con h3 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#004276;
	margin:0 0 5px 15px;
}	
	
#wrapper {
	width:934px;
	margin:0 auto;
}	
	
#header { 
    background:url(/img/img_header.jpg) no-repeat;
    width:934px;
	height:226px;
	text-align:center;
}


#contents {
    background:url(/img/bg_gray.png) repeat-y;
	behavior: expression(IEPNGFIX.fix(this));
	width:934px;
	padding:16px 0;
	
}  

#contents_area {
    background:#FEFEF7;
	width:870px;
	margin:0 auto
}

#main {
   float:left;
   width:560px;
}   	

#topp_con #search_box1 {
	width:531px;
}



#topp_con #search_box2 {
    
	width:531px;
	margin:0 0 5px 16px;
}

#topp_con #search_box2_top {
    background:url(/img/img_search_top.jpg) no-repeat;
	width:531px;
	height:13px;
	overflow:hidden;
}

#topp_con #search_box2_middle {
   background:url(/img/img_search_bg.jpg) repeat-y;
   width:531px;
}
	 
#topp_con #search_box2_bottom {
    background:url(/img/img_seach_bottom.jpg);
	width:531px;
	height:18px;
}

#topp_con #bg_bottom {
    background:url(/img/img_bottom.jpg) no-repeat;
	width:934px;
	height:36px;
	text-align:center;
}	

#topp_con #footer {
     width:934px
}

#topp_con #city_search {
    float:left;
	width:110px;
	padding-left:20px;
	margin:1px 0 4px 0 ;
}

#topp_con #city_list {
    float:right;
	width:370px;
	margin:0px 10px 10px 5px;

}	

#topp_con #city_list ul {
    list-style:none;
}

#topp_con #city_list li {	
    float:left;
	padding-left:3px;
	color:#333333;
	line-height:1.4em;
}

#topp_con #side {
    float:right;
    width:300px;
	margin-right:5px;
}	

#topp_con .clear {clear:both}




#topp_con #top_spaguide {
    width:531px;
	margin:0 0 10px 16px;
}

#topp_con #top_spaguide_table {
    width:531px;
	background:url(/img/inside_table_middle.jpg) repeat-y;
}	

#topp_con #top_spaguide_table_top {
    width:531px;
	height:183px;
	background:url(/img/inside_table_top.jpg) no-repeat;
}	
    
#topp_con #top_spaguide_table_middle {
    width:531px;
	background:url(/img/inside_table_middle.jpg) repeat-y;
	
}	

#topp_con .textbox {
    width:485px;
	margin:5px auto;
	line-height:1.5em
}	

#topp_con .textbox p {
    margin-bottom:10px
}	

#topp_con #top_spaguide_table_bottom {
    width:531px;
	height:16px;
	background:url(/img/inside_table_bottom.jpg) no-repeat;
}	


#topp_con #top_newspa {
    width:531px;
	margin:0 0 10px 16px;
}	

#topp_con #top_newspa_waku {
    background:url(/img/newspas_bk.jpg) repeat-y;
    width:531px;
}

#topp_con #bg_top {
    background:url(/img/img_bg_top.jpg) left top no-repeat;
	width:531px;
}

#topp_con #top_newspa1 {
    width:531px;
	height:15px;
	background:url(/img/newspas_top.jpg) top left no-repeat;
}

#topp_con #top_newspa2{
    width:531px;
	height:15px;
	background:url(/img/newspas_bottom.jpg) no-repeat;
}

#topp_con #top_newspa_contents {
    background:#FAF7F2;
	width:514px;
	margin:0px auto 2px auto;
}


#topp_con #spa_box1 {
   	background:#FAF7F2;
	width:514px;
	height:94px;
	border-bottom:1px dotted gray;
}

#topp_con #spa_box2 {
   	background:#FAF7F2;
	width:514px;
	height:94px;
}		

#topp_con .store_box_left {
    width:250px;
	float:left;
	text-align:left;
}

#topp_con .store_box_right {
    width:250px;
	float:right;
	text-align:left;
}

#topp_con .store_text {
    width:140px;
	float:right;
}	

#topp_con .photo {
    width:85px;
	float:left;
}

#topp_con .store_text .text_blue {
    display:block;	
    font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#0072A4;
	margin-top:10px;
}

#topp_con .store_text p {
    margin-top:10px;
}	
	
#topp_con .banner1 {
    width:480px;
	height:60px;
	margin:20px auto;
}			

#topp_con .banner2 {
    width:300px;
	height:250px;
	margin:15px 0 10px 0;
}

#topp_con .news_box1 {
    background-color:#F5FAFF;
    width:300px;
	border:1px solid #DDE6F1;	
}


#topp_con .ttl_spanews {
    background:url(/img/ttl_spanews.jpg) no-repeat;
	width:83px;
	height:15px;
	margin:15px 15px 7px 15px;
	text-indent:-10000px;
}	

#topp_con .news_box1 p{
    margin:0px 15px 15px 15px;
	line-height:15px;	
}


#topp_con .news_box2 {
    background-color:#ffffff;
	border:1px solid #BFBFBF;
	width:300px;
	margin:10px 0;
}	

#topp_con .inner_news_box2 {
    margin:10px
}	

#topp_con .list_title {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#004276;
	
}

#topp_con .inner_news_box2 dl {
    list-style:none
}

#topp_con .inner_news_box2 dt {
    line-height:1.5em;
}

#topp_con .inside_list {
    margin-left:15px;
	margin-bottom:8px;
	line-height:1.5em
}	

#topp_con .inner_news_box2 a:link {
    text-decoration:none;
	color:#004276
}

#topp_con .inner_news_box2 a {
    background:url(/img/img_marker.gif) left center no-repeat;
	padding:4px 0px 4px 15px
}

#topp_con .graybox {
    background-color:#F2F2F2;
	border:1px solid #BFBFBF;
	margin-top:10px;
}		
 
#topp_con .inner_graybox {
    margin:5px
}  

#topp_con .graybox_title {
	display:block;
	margin:0 auto;
	padding-bottom:10px;
	text-align: center;
} 

#topp_con #news_letter{
   text-align:center;
}
   
#topp_con .mailaddress {
   width:200px;
   margin-bottom:5px;
  }    			

#topp_con .inner_joinus_left {
   width:150px;
   float:left;
   padding-left:40px;
} 

#topp_con .inner_joinus_right {
   float:right;
   padding-top:4px;
   padding-right:25px;
}     



#topp_con #footer_list {
   width:535px;
   text-align:center;
   margin:10px auto;
} 

#topp_con #footer_navi {
   width:535px;
   text-align:center;
}


#topp_con #footer_navi ul {
   padding-bottom:4px;
   list-type:none;
}

#topp_con #footer_navi li {
  display:inline;
}           



/*----------------------------------★LISTING PAGE★----------------------------------*/

#list_con  h1 {
    letter-spacing:0.05em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#663300;
	margin-top:15px;
}

#list_con  .catch_phrase {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#A67C52;
   margin:0
}

#list_con .description {
   font-family:Arial, Helvetica, sans-serif;
   font-size:76%;
   line-height:1.5em;
   margin:5px 0 0 0;
 }   

#list_con h2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8C6239;
	margin:0 0 7px 18px;
}	

#list_con h3 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#004276;
	margin:0 0 5px 15px;
}	

#list_con .text_blue {
    font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#0072A4
}	

#list_con .store_text

#list_con h1 {
    letter-spacing:0.05em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#663300;
	margin-top:15px;
}

#list_con .catch_phrase {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#A67C52;
   margin:0
}

#list_con .description {
   font-family:Arial, Helvetica, sans-serif;
   font-size:76%;
   line-height:1.5em;
   margin:5px 0 0 0;
 }   

#list_con h2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8C6239;
	margin:0 0 7px 0;
}	

#list_con h3 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#004276;
	margin:0 0 5px 15px;
}	
	
#wrapper {
	width:934px;
	margin:0 auto;
}	
	
#header { 
    background:url(/img/img_header.jpg) no-repeat;
    width:934px;
	height:226px;
	text-align:center;
}


#contents {
    background:url(/img/bg_gray.png) repeat-y;
	behavior: expression(IEPNGFIX.fix(this));
	width:934px;
	padding:16px 0;
	
}  

#contents_area {
    background:#FEFEF7;
	width:870px;
	margin:0 auto
}

#main {
   float:left;
   width:560px;
}   	

#list_con #search_box1 {
	width:531px;
}



#list_con #search_box2 {
    
	width:531px;
	margin:0 0 5px 16px;
}

#list_con #search_box2_top {
    background:url(/img/img_search_top.jpg) no-repeat;
	width:531px;
	height:13px;
	overflow:hidden;
}

#list_con #search_box2_middle {
   background:url(/img/img_search_bg.jpg) repeat-y;
   width:531px;
}
	 
#list_con #search_box2_bottom {
    background:url(/img/img_seach_bottom.jpg);
	width:531px;
	height:18px;
}

#list_con #bg_bottom {
    background:url(/img/img_bottom.jpg) no-repeat;
	width:934px;
	height:36px;
	text-align:center;
}	

#list_con #footer {
     width:934px
}

#list_con #city_search {
    float:left;
	width:110px;
	padding-left:20px;
	margin:1px 0 4px 0 ;
}

#list_con #city_list {
    float:right;
	width:370px;
	margin:0px 10px 10px 5px;

}	

#list_con #city_list ul {
    list-style:none;
}

#list_con #city_list li {	
    float:left;
	padding-left:3px;
	color:#333333;
	line-height:1.4em;
}

#list_con #side {
    float:right;
    width:300px;
	margin-right:5px;
}	

#list_con .clear {clear:both}




#list_con #top_spaguide {
    width:531px;
	margin:0 0 10px 16px;
}

#list_con #top_spaguide_table {
    width:531px;
	background:url(/img/inside_table_middle.jpg) repeat-y;
}	

#list_con #top_spaguide_table_top {
    width:531px;
	height:183px;
	background:url(/img/inside_table_top.jpg) no-repeat;
}	
    
#list_con #top_spaguide_table_middle {
    width:531px;
	background:url(/img/inside_table_middle.jpg) repeat-y;
	
}	

#list_con .textbox {
    width:485px;
	margin:5px auto;
	line-height:1.5em
}	

#list_con .textbox p {
    margin-bottom:10px
}	

#list_con #top_spaguide_table_bottom {
    width:531px;
	height:16px;
	background:url(/img/inside_table_bottom.jpg) no-repeat;
}	


#list_con #top_newspa {
    width:531px;
	margin:0 0 0 16px;
}	

#list_con #top_newspa_waku {
    background:url(/img/newspas_bk.jpg) repeat-y;
    width:531px;
}

#list_con #bg_top {
    background:url(/img/img_bg_top.jpg) left top no-repeat;
	width:531px;
}

#list_con #top_newspa1 {
    width:531px;
	height:15px;
	background:url(/img/newspas_top.jpg) top left no-repeat;
}

#list_con #top_newspa2{
    width:531px;
	height:15px;
	background:url(/img/newspas_bottom.jpg) no-repeat;
}

#list_con #top_newspa_contents {
    background:#FAF7F2;
	width:514px;
	margin:0px auto 2px auto;
}


#list_con #spa_box1 {
   	background:#FAF7F2;
	width:514px;
	height:94px;
	
}

#list_con #spa_box2 {
   	background:#FAF7F2;
	width:514px;
	height:94px;
}		

#list_con .store_box_left {
    width:500px;
	float:left;
	text-align:left;
}

#list_con .store_box_right {
    width:250px;
	float:right;
	text-align:left;
}

#list_con .store_text {
    width:400px;
	margin-left:7px;
	float:left;
}	

#list_con .photo {
    width:85px;
	float:left;
}

#list_con .store_text .text_blue {
    display:block;	
    font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#0072A4;
	margin-top:10px;
}

#list_con .store_text p {
    margin-top:4px;
}	
	
#list_con .banner1 {
    width:480px;
	height:60px;
	margin:20px auto;
}			

#list_con .banner2 {
    width:300px;
	height:250px;
	margin:15px 0 10px 0;
}

#list_con .news_box1 {
    background-color:#F5FAFF;
    width:300px;
	border:1px solid #DDE6F1;	
}


#list_con .ttl_spanews {
    background:url(/img/ttl_spanews.jpg) no-repeat;
	width:83px;
	height:15px;
	margin:15px 15px 7px 15px;
	text-indent:-10000px;
}	

#list_con .news_box1 p{
    margin:0px 15px 15px 15px;
	line-height:15px;	
}


#list_con .news_box2 {
    background-color:#ffffff;
	border:1px solid #BFBFBF;
	width:300px;
	margin:10px 0;
}	

#list_con .inner_news_box2 {
    margin:10px
}	

#list_con .list_title {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#004276;
	
}

#list_con .inner_news_box2 dl {
    list-style:none
}

#list_con .inner_news_box2 dt {
    line-height:1.5em;
}

#list_con .inside_list {
    margin-left:15px;
	margin-bottom:8px;
	line-height:1.5em
}	

#list_con .inner_news_box2 a:link {
    text-decoration:none;
	color:#333333
}

#list_con .inner_news_box2 a {
	text-indent:0
}

#list_con .graybox {
    background-color:#F2F2F2;
	border:1px solid #BFBFBF;
	margin-top:10px;
}		
 
#list_con .inner_graybox {
    margin:5px
}  

#list_con .graybox_title {
	display:block;
	margin:0 auto;
	padding-bottom:10px;
	text-align: center;
} 

#list_con #news_letter{
   text-align:center;
}
   
#list_con .mailaddress {
   width:200px;
   margin-bottom:5px;
  }    			

#list_con .inner_joinus_left {
   width:150px;
   float:left;
   padding-left:40px;
} 

#list_con .inner_joinus_right {
   float:right;
   padding-top:4px;
   padding-right:25px;
}     



#list_con #footer_list {
   width:535px;
   text-align:center;
   margin:10px auto;
} 

#list_con #footer_navi {
   width:535px;
   text-align:center;
}


#list_con #footer_navi ul {
   padding-bottom:4px;
   list-type:none;
}

#list_con #footer_navi li {
  display:inline;
}           


#result_box {
  float:left;
  width:150px;
}

#previous {
  float:right;
  width:200px;
  text-align:right;
  margin-top:10px;
  margin-right:5px;
}
  
#list_midashi {
  width:100%px;
  height:30px;
} 

.sp15 {
  display:block;
  height:15px;
  overflow:hidden;
 }