/* page 
-----------------------------------------*/
BODY {
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic","ＭＳ Ｐゴシック",helvetica,verdana,arial,sans-serif;
font-size: 13px;
color:#333333;
//background: #e4e4e7;
margin: 0 auto;
line-height: 1.4;}
A {
color: #001d66;
text-decoration: none;
}
A:hover {
color: #001d66;
text-decoration: underline;}

/* base */
div#container {
margin: 0 auto;
width: 970px;}
IMG{
border: none;
}
hr {
border: dashed 2px #422300;}

/* header 
-----------------------------------------*/
div#header {
left: 0;
white-space: nowrap;
font-size: 10px;
margin: 0 auto;
height: 26px;
width: 100%;
padding: 0.2em 0 0.2em 0;
vertical-align: middle;
text-align: right;
border-bottom: 1px solid #666666;
background: white url(/images/back_grad.gif) repeat-x bottom;}
div#header-logo {
margin: 5px 0;
height: 71px;
width: 970px;
background: white;
border-top: 7px #1f25b1 double;
}
div#logo {
margin: 0;
width: 250px;
height: 71px;
float: left;
}
div#space {
clear: both;}
span#explanation {
left: 10px;
position: absolute;
text-align: left;
text-decoration: none;
top: 9px;
width: 20%;
}
.kugiri {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
}
/* pr banner */
div#pr {
float: right;
padding: 5px 0 5px 0;
}

/* main 
-----------------------------------------*/
div#contents {
margin: 0;
width: 970px;
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic","ＭＳ Ｐゴシック",helvetica,verdana,arial,sans-serif;
font-size: 13px;
color:#333333;
line-height: 1.4;
overflow: hidden;
}
div#contents a:hover {
background: #c5e3ff;
}
div#main {
width: 650px;
float: left;
}
.icon {
vertical-align: middle;}


/* left contents 
-----------------------------------------*/
div#left {
width: 380px;
float: left;
padding: 0.5em;}

/* area search */
div#menu1-header {
width: 380px;
font-weight: bold;
border: #1f25b1 1px solid;
background: white url(/images/back_bar1.gif) repeat-x;
height: 22px;
margin-bottom: 0.5em;
color: white;
}
div#menu1 {
width: 380px;
border: #1f25b1 1px solid;
margin-bottom: 0.5em;
padding-bottom: 23px;
background: white url(/images/back_box.gif) repeat-x top;
}

/* ranking
-----------------------------------------*/
div#menu2-header {
width: 380px;
font-weight: bold;
border: #999999 1px solid;
background: white url(/images/back_bar1_g.gif) repeat-x;
height: 22px;
margin-bottom: 0.5em;
}
div#menu2 {
width: 380px;
border: #999999 1px solid;
margin-bottom: 0.5em;
background: white url(/images/back_box_g.gif) repeat-x top;
}
/* top ranking */
div#ranktitle {
padding: 1em;}
div#rank {
padding: 1em;}
div#rankunder {
padding: -0.2em 2em 0.5em 0;
text-align: right;}

/*  top ranking 10 */
table#rankt {
width: 350px;
border-collapse: collapse;
border: 1px solid #1f25b1;}
/*  top contents */
td.ranktt {
background: url(/images/acc/back-t.gif) repeat top white;
border-collapse: collapse;
border: 1px solid #1f25b1;
}
/*  ranking No. */
td.rankn {
border-collapse: collapse;
border: 1px solid #1f25b1;
background: white;
width: 15px;}
/*  ranking No. (color) */
td.ranknc {
border-collapse: collapse;
border: 1px solid #1f25b1;
background: #eef4ff;
width: 15px;}
/*  ranking details */
td.rank {
border-collapse: collapse;
border: 1px solid #1f25b1;
background: white;}
/*  ranking details (color) */
td.rankc {
border-collapse: collapse;
border: 1px solid #1f25b1;
background: #eef4ff;}

td.prefecture1 {
font-weight: bold;
border: #1f25b1 1px solid;
background: white url(/images/back_box2.gif) repeat-x;
height: 32px;
width: 87px;
font-size: 12px;
padding: 0.5em;}
td.prefecture2 {
border-bottom: dashed 1px #666666;
padding: 5px;
line-height: 1.4;
letter-spacing: -0.1em;
}
td.prefecture2 a:hover {
background: #c5e3ff;
}
td.prefecture3 {
padding: 5px;
line-height: 1.4;
letter-spacing: -0.1em;
}
td.prefecture3 a:hover {
background: #c5e3ff;
}


/* right contents 
-----------------------------------------*/
div#right {
width: 248px;
float: right;
padding: 0.5em 0.5em 0.5em 0;}

/* keyword */
div#menu3-header {
width: 248px;
font-weight: bold;
border: #1f25b1 1px solid;
background: white url(/images/back_bar1.gif) repeat-x;
height: 22px;
margin-bottom: 0.5em;
color: white;
}
div#menu3 {
width: 246px;
height: auto;
border: #1f25b1 1px solid;
margin-bottom: 0.5em;
background: white;
padding: 1px;
}
div#menu3_sub1 {
background: white url(/images/back_box.gif) repeat-x top;
}
div#menu3_sub2 {
background: white url(/images/back_box.gif) repeat-x top;
}
/* map-img */
div#menu4-header {
width: 248px;
font-weight: bold;
border: #1f25b1 1px solid;
background: white url(/images/back_bar1.gif) repeat-x;
height: 22px;
margin-bottom: 0.5em;
color: white;
}
div#menu4 {
width: 246px;
border: #1f25b1 1px solid;
background: white url(/images/back_box.gif) repeat-x;
margin-bottom: 0.5em;
padding: 1px;
text-align: center;
}

/* mobile */
div#menu5-header {
width: 248px;
font-weight: bold;
border: #999999 1px solid;
background: white url(/images/back_bar1_g.gif) repeat-x;
height: 22px;
margin-bottom: 0.5em;
text-align: center;
}
div#menu5 {
width: 238px;
border: #999999 1px solid;
margin-bottom: 0.5em;
background: white url(/images/back_box_g.gif) repeat-x top;
padding: 5px;
text-align: center;
}

/* form */
div#menu7-header {
width: 248px;
font-weight: bold;
border: #999999 1px solid;
background: white url(/images/back_bar1_g.gif) repeat-x;
height: 22px;
margin-bottom: 0.5em;
text-align: center;
}
div#menu7 {
width: 238px;
border: #999999 1px solid;
margin-bottom: 0.5em;
background: white url(/images/back_box_g.gif) repeat-x top;
padding: 5px;
text-align: left;
}

/* right PR space
-----------------------------------------*/
div#prcontents {
margin: 0 auto;
width: 300px;
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic","ＭＳ Ｐゴシック",helvetica,verdana,arial,sans-serif;
font-size: 13px;
color:#333333;
background: white;
line-height: 1.4;
float: right;
overflow: hidden;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
div#prcontents a:hover {
background: #c5e3ff;
}
div#primg {
margin-bottom: 10px;}
div#txtpr-header {
font-weight: bold;
border: #999999 1px solid;
background: white url(/images/back_bar1_g.gif) repeat-x;
width: 270px;
height: 20px;
padding-left: 10px;
list-style-position: inside;
vertical-align: middle;}
div#txtpr {
width: 300px;}
div#txtpr ul {
list-style-type: none;
padding: 0;
margin: 0;}
div#txtpr li {
padding-left: 2em;}


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

div#footer {
width: 970px;
margin: 0 auto;}
div#menu6-header {
font-weight: bold;
border: #ffdd69 1px solid;
background: white url(/images/back_bar1_o.gif) repeat-x;
height: 30px;
padding: 0.2em 0.2em 0.2em 1em;
margin: 0.5em 0;}
div#banacontents {
width: 900px;
margin: 0 auto;
padding-bottom: 5px;
float: left;
}
.sitebana {
float: left;
margin: 5px;}
div#menu6 {
float: left;
width: 100%;
border: #ffdd69 1px solid;
background: white url(/images/back_box_o.gif) repeat-x top;
margin-bottom: 0.5em;
height:auto;
padding: 10px;
width: 928px;
}

/* footer */
div#atlas_copyright {
margin: 0 auto;
height: 22px;
width: 970px;
border: #1f25b1 dashed 1px;
text-align: right;
vertical-align: middle;
padding: 0.2em 0 0.1em 0;
background: white;}
div#footerunder {
letter-spacing: 0.1em;
margin: 0 auto;
margin-top: -5px;
height: 25px;
width: 970px;
text-align: center;
vertical-align: middle;
padding: 0.2em 0 0.1em 0;
}
div#footerunder a:hover {
background: #c5e3ff;
}
div#wellness {
margin: 0 auto;
padding: 5px 20px;
text-align: right;
font-size: 10px;
width: 910px;}
div#wellness a:hover {
background: #c5e3ff;
}
div#wellnessbanner {
padding: 5px 20px;
margin: 0 auto;
text-align: right;
width: 910px;}

/**
 * will_paginate用の設定
 */
.pagination {
  padding: 3px;
  margin: 3px;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #0099cc;
  background-color: #ffffff;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #0099cc;
  color: #000;
  background-color: #ffffff;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #0099cc;
  font-weight: bold;
  background-color: #0099cc;
  color: #FFF;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #666;
  background-color: #ffffff;
}

/* map.rhtml 関係 */
DIV#navigation {
	OVERFLOW: scroll;
	HEIGHT: 497px;
	/*background-color: #fffff0;*/
	background-image:url(/images/gradfooter.gif);
	background-repeat: repeat-x;
	border-left:1px solid #efefef;
	color:#666666;
	float:right;
	margin: 0px;
	width: 29%;
	top: 0px;
	position: relative;
	right: 0px;
	line-height: 2.5;
	display: inline;
	padding-top: 5px;
	padding-left: 3px;
}
DIV#wrapper {
	width: 100%;
}
DIV#content {
	float: left;
	height: 500px;
	width: 70%;
	display: block;
	margin: 1px;
}

DIV#content p {
	LINE-HEIGHT: 1.4
}

/* index.rhtmlのリスト部分 */
.stretchtoggle{
       /*background-color:#FFFFF0;*/
       display: block;
}
.st_icon{
       /*background-color:#FFFFF0;*/
       padding-bottom:0px;
}
.st_name{
      font-weight:nomal;
      color: #0099CC;
      font-size:100%;
      text-decoration:none;
      vertical-align: top;
      margin-top:0px;
}
.st_name A:link {
      font-weight:bold;
      color: #0099CC;
      font-size:120%;
      text-decoration:none;
      vertical-align: top;
}
.st_name A:visited {
      font-weight:bold;
      color: #0099CC;
      font-size:120%;
      text-decoration:none;
      vertical-align: top;
}
.st_name A:active {
      font-weight:bold;
      color: #0099CC;
      font-size:120%;
      text-decoration:none;
      vertical-align: top;
}
.st_name A:hover {
      font-weight:bold;
      color: #FF3333;
      font-size:120%;
      text-decoration:underline;
      vertical-align: top;
}

.st_namec {
      font-weight:nomal;
      color: black;
      font-size:110%;
      text-decoration:bold;
      vertical-align: top;
      margin-top:0px;
}
.st_namec A:link {
      font-weight:bold;
      color: black;
      font-size:110%;
      text-decoration: bold;
      vertical-align: top;
}
.st_namec A:visited {
      font-weight:bold;
      color: black;
      font-size:110%;
      text-decoration: bold;
      vertical-align: top;
}
.st_namec A:active {
      font-weight:bold;
      color: black;
      font-size:110%;
      text-decoration: bold;
      vertical-align: top;
}
.st_namec A:hover {
      font-weight:bold;
      color: black;
      font-size:130%;
      text-decoration: bold;
      vertical-align: top;
}
      color: black;

.stretcher{
       /*background-color:#FFFFF0;*/
       line-height:30px;
}
.result1{
       font-weight:bold;
       color: #999999;
}
.st_tel{
       color: #999999;
       line-height:20px;
}
.st_zip{
       color: #999999;
       line-height:20px;
}
.st_address{
       color: #999999;
       line-height:20px;
}
.st_depts{
       color: #999999;
       line-height: 15px;
}
.st_category{
       color: #999999;
}
.st_time{
       color: #999999;
       line-height:15px;
}
.st_holiday{
       color: #999999;
}
.st_close{
       color: #999999;
}
.st_bed{
       color: #999999;
}


/*color and font*/
.fontgray{color:#C2C2C2}
.fontwhite{color:#ffffff}
.fontsizeSS{ font-size:xx-small}
.fontsizeS{ font-size:x-small}
.fontsizeM{ font-size:medium}

/* リスト部分はここまで */

/* office */
div.page_map_title {
  background: url(http://static.atlas-map.jp/images/center_menu/ishakoko.gif);
  font-weight: bold;
  font-size: 14px;
  width: 292px;
  border:solid 1px #17bfff;
  padding: 1px;
  margin-bottom:5px;
}

div.page_center_block_title {
  background: url(http://static.atlas-map.jp/images/center_menu/ishakoko.gif);
  font-weight: bold;
  font-size: 14px;
  width: 290px;
  border:solid 1px #17bfff;
  padding: 1px;
}

div.page_center_block_main {
  width: 292px;
  border: #36AFFF solid;
  border-width: 1px;
  margin: 5px 0 5px 0;
}