html
{ height: 100%;}

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

body
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
  background: #FFF;
  color: #555;}

p
{ padding: 0 0 10px 0;
  line-height: 1.7em;}

img {
  border: 0;
}
.mid {
  vertical-align: middle;
}
.mid-bottom {
  vertical-align: middle;
  margin-bottom: 10px;
}
.clear {
	clear:both;
}
h1, h2, h3, h4, h5, h6 
{ color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;}

h1, h2, h3
{ font: normal 170% 'century gothic', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
  color: #000;}

h2
{ font-size: 160%;
  padding: 9px 0 5px 0;
  color: #009FBC;}

h3 {
  font-size: 140%;
  padding: 5px 0 0 0;
  color: #ed6d46;
}

h4, h6
{ color: #009FBC;
  padding: 0 0 5px 0;
  font: normal 110% arial;
  text-transform: uppercase;}

h5, h6
{ color: #888;
  font: normal 95% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #00C6F0;}

a:hover
{ text-decoration: none;}

blockquote
{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

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

.right {
  float: right; 
  width: auto;
  margin-left: 10px;
  margin-top: 10px;
}

.center {
  display: block;
  text-align: center;
  margin: 5px auto;
}

#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#header {
  background: #CCC;
  border-bottom: 1px solid #CCC;
  height: 206px;
}
  
#banner
{  background: transparent url(banner.jpg) no-repeat;
  width: 860px;
  height: 180px;
  margin-top: 1em;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 10px solid #DDD;}

#logo
{ width: 900px;
  position: relative;
  height: 160px;
  background: #F5F5F5;}

#logo #logo_text 
{ position: absolute; 
  top: -10px;
  left: 0;}

#logo h1, #logo h2
{ font: normal 180% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ padding: 22px 0 0 0;
  color: #323232;
  letter-spacing: 0.1em;
  text-decoration: none;}

#logo_text h1 a .logo_colour {
  color: #00C6F0;
}

#logo_text a:hover .logo_colour
{ color: #DDD;}

#logo_text h2
{ font-size: 120%;
  padding: 4px 0 0 0;
  color: #999;}

#menubar
{ width: 892px;
  height: 45px;
  padding-right: 8px;
  background: #DDD;
  border-top: 1px solid #CCC;} 

ul#menu
{ float: right;
  margin: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 9px;
  list-style: none;
  margin: 8px 4px 0 4px;}

ul#menu li a
{ font: normal 100% 'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  height: 20px;
  padding: 6px 20px 5px 20px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: #BBB;} 

ul#menu li.selected a
{ height: 20px;
  padding: 6px 20px 5px 11px;}

ul#menu li.selected
{ margin: 8px 4px 0 13px;
  background: #00C6F0;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #00C6F0;
  color: #FFF;}

ul#menu li a:hover {
  color: #323232;
}

/* コンテンツページ中央部 */
#site_content {
  background: #f7f6f5;
  width: 888px;
  overflow: hidden;
  margin: 0px auto;
  padding: 0 0.5em 10px 0.5em;
} 

#sidebar_container
{ float: left;
  width: 200px;}

.sidebar_top
{ width: 198px;
  height: 14px;
  background: transparent url(side_top.png) no-repeat;}

.sidebar_base
{ width: 198px;
  height: 14px;
  background: url(side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 198px;
  padding: 0;
  margin: 0 0 16px 0;}

.sidebar_item
{ background: url(side_back.png) repeat-y;
  padding: 0 15px;
  width: 168px;}

.sidebar li a.selected
{ color: #444;} 

.sidebar ul
{ margin: 0;} 

#content {
  text-align: left;
  width: 650px;
  padding: 0 15px 0 5px;
  float: right;
}
#content ul {
  margin: 2px 0 22px 0px;
}

#content ul li, .sidebar ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;
}

#content2 {
  text-align: left;
  width: 860px;
  padding: 0 10px;
  margin: 0em auto;
}
#content2 ul {
  margin: 2px 0 22px 0px;
}

#content2 ul li, .sidebar ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;
}

#footer
{ width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 80px;
  padding: 28px 0 5px 0;
  text-align: center; 
  background: #323534 url(back.png) repeat;
  border-top: 1px solid #AAA;
  color: #FFF;}

#footer p
{ line-height: 1.7em;
  padding: 0 0 10px 0;}

#footer a
{ color: #FFF;
  text-decoration: none;}

#footer a:hover
{ color: #00C6F0;
  text-decoration: none;}

.search
{ color: #5D5D5D; 
  border: 1px solid #BBB; 
  width: 134px; 
  padding: 4px; 
  font: 100% arial, sans-serif;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 200px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings .submit
{ font: 100% arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #3B3B3B; 
  color: #FFF;}

.form_settings textarea, .form_settings select
{ font: 100% arial; 
  width: 299px;}

.form_settings select
{ width: 310px;}

.form_settings .checkbox
{ margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
}

/* タウンマップ */
table.map {
	border-collapse: separate;
	border-spacing: 0;
	border: 10px solid #87551c;
	/*-webkit-box-shadow: 1px 2px 8px 1px #aaaab0;
	-moz-box-shadow: 1px 2px 8px 1px #aaaab0;
	box-shadow: 1px 2px 8px 1px #aaaab0;*/
	margin:1em auto;
	width:620px;
}
table.map th {
	/*border-bottom: 0.5px solid #f7f6f5;
	border-right: 0.5px solid #f7f6f5;*/
	padding: 8px;
	text-align: center;
	font-size: 11pt;
	color:#fff;
	background:#206430;
}

table.map td {
	/*border-right: 0.5px solid #f7f6f5;*/
	border-top: 0.5px solid #f7f6f5;
	background:;
	padding: 5px 10px;
	color:#fff;
	background:#206430;
	font-size: 11pt;
	line-height: 1.6;
}
table.map th.r3 {
	border-right: 1.5px solid #252525;
}
table.map td.r1 {
	border-right: 0.5px solid #f7f6f5;
}
table.map td.r2 {
	border-right: 1.5px solid #252525;
	border-bottom: 1.5px solid #252525;
}
table.map td.r4 {
	border-right: 1.5px solid #252525;
}
table.map td.r5 {
	border-right: 0.5px solid #f7f6f5;
	border-bottom: 1.5px solid #252525;
}
td.w66p {
	width: 76px;
}
td.w531p {
	width: 531px;
}

th.th-c {
	text-align: center;
}
td.td-c {
	text-align: center;
}
td.td-r {
	text-align: right;
}
td.td-l {
	text-align: left;
}
/* タウンマップ */
#town-map {
	width:645px;
	border: 1px solid #c0c0c0;
	padding: 0.5em;
	margin: 0.7em auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#map-title {
	width: 640px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
/* マップ詳細説明外枠 */
#map-description {
	width:650px;
	border: 1px solid #c0c0c0;
	padding: 5px 0px 5px 5px;
	margin: 0.7em auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* マップ詳細説明・最初の枠 */
.map-desc-head {
	float: left;
	width: 130px;
	height: 280px;
	padding: 0px 8px;
	margin: 5px 7px 10px 0px;
	/*border: 1px solid #fad09e;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	line-height: 1.5;
}
/* マップ詳細説明タイトル */
.desc-head-ttl {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	color: #00afcc;
}
/* マップ詳細説明 (個別) */
.map-desc {
	float: left;
	width: 145px;
	height: 280px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w1 {
	float: left;
	width: 465px;
	height: 280px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w2 {
	float: left;
	width: 227px;
	height: 355px;
	padding: 8px 5px 8px 5px;
	margin: 5px 3px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
/* map-descの高さが高いもの */
.map-desc2 {
	float: left;
	width: 145px;
	height: 355px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
/* map-descの間隔が狭いもの */
.map-desc-s {
	float: left;
	width: 145px;
	height: 280px;
	padding: 8px 5px 8px 5px;
	margin: 5px 4px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w3 {
	float: left;
	width: 300px;
	height: 280px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-hs {
	float: left;
	width: 145px;
	height: 230px;
	padding: 8px 5px 8px 5px;
	margin: 5px 4px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w1h {
	float: left;
	width: 465px;
	height: 230px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w2hs {
	float: left;
	width: 298px;
	height: 200px;
	padding: 8px 5px 8px 5px;
	margin: 5px 15px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-hsl {
	float: left;
	width: 145px;
	height: 230px;
	padding: 8px 5px 8px 5px;
	margin: 5px 1.7em 10px 2.5em;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w4 {
	float: left;
	width: 310px;
	height: 280px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w5 {
	float: left;
	width: 220px;
	height: 280px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w6 {
	float: left;
	width: 225px;
	height: 250px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-w7 {
	float: left;
	width: 195px;
	height: 250px;
	padding: 8px 5px 8px 5px;
	margin: 5px 8px 10px 0px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}
.map-desc-head2 {
	float: left;
	width: 130px;
	height: 250px;
	padding: 8px;
	margin: 5px 7px 10px 0px;
	border: 1px solid #fad09e;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 1.5;
}

/* マップ(インデックス) */
#guide-index-a {
	margin: 15px auto;
	width: 600px;
	position: relative;
	padding:0.7em;
	background:white;
	border:1px solid #CDCDCD;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height:1.7;
	text-align: center;
}
#guide-index-a a {
	color:#941f57;
}

/* データファイル・インデックス */
#guide-index {
	margin: 15px auto;
	width: 800px;
	position: relative;
	padding:0.7em;
	background:white;
	border:1px solid #CDCDCD;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height:1.7;
	text-align: center;
}
#guide-index a {
	color:#941f57;
}
#guide-head {
	margin: 15px auto;
	width: 610px;
	position: relative;
	padding:0.7em;
	border: 10px solid #87551c;
	color:#fff;
	background:#206430;
	line-height:1.7;
	text-align: center;
}
div.guide-ttl {
	width: 780px;
	position: relative;
	margin: 1.2em auto;
	padding: 0.5em 0.5em 0.2em 1.7em;
	border-bottom: 1px dotted #221111;
	font-weight: bold;
	color: #460e44;
	font-size: 120%;
	text-align: left;
}
div.guide-ttl:before{
	content: "";
	position: absolute;
	background: #f5c993;
	top: 0;
	left: 0.7em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
 
div.guide-ttl:after{
	content: "";
	position: absolute;
	background:#f39800;
	top: 1.0em;
	left: 0.3em;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}

/* データファイルＴＯＰページ */
div.note-ttl {
	position: relative;
	border-bottom: 1px solid #abb1b5;
	margin: 0.5em 0;
	font-weight: bold;
	padding: 0.5em 0.5em 0.2em 2.0em;
	font-size: 120%;
}
div.note-ttl:before{
	content: "□";
	font-size: 200%;
	position: absolute;
	color: #ff6b6e;
	top: -10px;
	left: 0.3em;
	height: 12px;
	width: 12px;
}
 
div.note-ttl:after{
	content: "□";
	font-size: 200%;
	position: absolute;
	color: #B92A2C;
	top: -3px;
	left: 0;
	height: 12px;
	width: 12px;
}
#note-head {
	width: 720px;
	position: relative;
	padding: 0px 15px 15px 15px;
	margin: 0.5em auto;
	background: url(note_bg.jpg) repeat;
	border: 1px solid #CDCDCD;
	-webkit-box-shadow: 1px 2px 6px #C0C0C0;
	-moz-box-shadow: 1px 2px 6px #C0C0C0;
	box-shadow: 1px 2px 6px #C0C0C0;
	font-size: 10pt;
	z-index: 100;
}
#note-head:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 0 1px #fff;
}

#note {
	width: 820px;
	position: relative;
	padding: 10px 15px 10px 15px;
	margin: 0.5em auto;
	background: #fff;
	border: 1px solid #CDCDCD;
	-webkit-box-shadow: 1px 2px 6px #C0C0C0;
	-moz-box-shadow: 1px 2px 6px #C0C0C0;
	box-shadow: 1px 2px 6px #C0C0C0;
	font-size: 10pt;
	z-index: 100;
}
#note:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 0 1px #fff;
}
.type-a {
	width: 540px;
	position: relative;
	padding: 15px;
	margin: 0.3em;
	line-height:1.7;
	font-size: 11pt;
}
.type-b {
	float: right;
	width: 200px;
	position: relative;
	padding: 15px;
	margin: 0.3em;
	border: 1px solid #f7b977;
}
.type-c {
	width: 360px;
	height: 240px;
	padding: 15px;
	margin: 1em 0.5em;
	line-height:1.7;
	font-size: 11pt;
	border: 1px solid #9a0d7c;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.type-d {
	float: right;
	width: 360px;
	height: 240px;
	padding: 15px;
	margin: 1em 0.5em;
	line-height:1.7;
	font-size: 11pt;
	border: 1px solid #9a0d7c;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#data-note {
	width: 810px;
	position: relative;
	padding: 15px 20px;
	margin: 0.5em auto;
	background: #fff;
	border: 1px solid #CDCDCD;
	-webkit-box-shadow: 1px 2px 6px #C0C0C0;
	-moz-box-shadow: 1px 2px 6px #C0C0C0;
	box-shadow: 1px 2px 6px #C0C0C0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 11pt;
	line-height:1.7;
	z-index: 100;
}
#data-note-right {
	width: 430px;
	position: relative;
	padding: 0px;
	margin: 0.5em auto;
	float: right;
}
#data-note-left {
	width: 430px;
	position: relative;
	padding: 0px;
	margin: 0.5em auto;
	float: left;
}
#data-note-s01 {
	width: 380px;
	position: relative;
	padding: 10px 15px;
	margin: 0.5em auto;
	background:#dee6fb;
	-webkit-box-shadow: 1px 2px 6px #C0C0C0;
	-moz-box-shadow: 1px 2px 6px #C0C0C0;
	box-shadow: 1px 2px 6px #C0C0C0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 12px;
	font-size: 9pt;
	line-height:1.6;
	z-index: 100;
}
#data-note-s02 {
	width: 380px;
	position: relative;
	padding: 10px 15px;
	margin: 0.5em auto;
	background:#e5c1cd;
	-webkit-box-shadow: 1px 2px 6px #C0C0C0;
	-moz-box-shadow: 1px 2px 6px #C0C0C0;
	box-shadow: 1px 2px 6px #C0C0C0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 12px;
	font-size: 9pt;
	line-height:1.6;
	z-index: 100;
}
#data-note-s03 {
	width: 380px;
	position: relative;
	padding: 10px 15px;
	margin: 0.5em auto;
	background:#debecc;
	-webkit-box-shadow: 1px 2px 6px #C0C0C0;
	-moz-box-shadow: 1px 2px 6px #C0C0C0;
	box-shadow: 1px 2px 6px #C0C0C0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 12px;
	font-size: 10pt;
	line-height:1.6;
	z-index: 100;
}
#dns-a01 {
	width: 390px;
	margin:-12px 0 0 0;
	padding:0;
}
#dn-s02-right {
	float:right;
	width: 180px;
	margin:0;
	padding:5px;
}
#dn-s02-left {
	float:left;
	width: 180px;
	margin-right:10px;
	padding:5px;
}
#dns-type-a {
	width: 170px;
	position: relative;
	padding: 5px;
	margin: -8px 5px 5px 5px;
	line-height:1.6;
	font-size: 9pt;
}
#dns-type-b {
	float: right;
	width: 170px;
	position: relative;
	padding: 5px;
	margin: -18px 5px 5px 5px;
	border: 1px solid #f7b977;
	background:#fff;
	line-height:1.4;
	font-size: 11px;
}

#trend-frame {
	width: 840px;
	padding: 0;
	margin: 1em 0 0 0;
}
#step-headpic {
  margin-top:-1.5em;
  margin-bottom:-1.2em;
}
#trend01 {
	float: left;
	width: 370px;
	height: 490px;
	padding: 10px;
	margin: 1em 0.2em 1em 0em;
	line-height:1.5;
	font-size: 11pt;
	border: 10px solid #f7b977;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#trend02 {
	float: right;
	width: 370px;
	height: 490px;
	padding: 10px;
	margin: 1em 0em 1em 0.2em;
	line-height:1.7;
	font-size: 11pt;
	border: 10px solid #f7b977;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.scenes {
	margin: 0 auto;
}
#trend-a {
	float: left;
	width: 410px;
	padding: 0px 0px 10px 0px;
	margin: 0em;
	font-size: 11pt;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#trend-a ul {
  margin: 2px;
}

#trend-a ul li {
  list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 3px 0 5px; 
  padding: 0 0px 4px 10px;
  line-height: 1.2em;
}

#trend-b {
	float: right;
	width: 420px;
	padding: 10px 0px 10px 0px;
	margin: 0em;
	line-height:1.7;
	font-size: 11pt;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.picup {
	width: 380px;
	margin: 0 auto;
	line-height:1.5;
	font-size: 10pt;
}
.picup-ttl {
	width: 100%;
	text-align: center;
	color: #FFF;
	background: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 16pt;
}
#trend-title {
	position: relative;
	width: 850px;
	height: 98px;
	margin: 5px auto 0 auto;
	z-index:100;
}
#trend-ttl-a {
	position: relative;
	width: 820px;
	height: 38px;
	padding: 8px 5px 0 5px;
	margin: 5px auto 0 auto;
	font-size: 20pt;
	font-weight: bold;
	background: #4077e3;
	color: #000;
	text-align: center;
	z-index:100;
}
#trend-ttl-b {
	position: relative;
	width: 354px;
	height: 32px;
	padding: 5px 5px 8px 5px;
	margin: -7px auto 0 auto;
	font-size: 26pt;
	font-weight: bold;
	background: #4077e3;
	color: #FFF;
	text-align: center;
	z-index:90;
}

#data-ttl {
	width: 390px;
	margin: 0 auto;
	/*text-align: center;
	font-size: 14pt;
	font-weight: bold;
	color: #555;
	background: #fad09e;
	border-right: 8px solid #24140e;
	border-left: 8px solid #24140e;*/
}

.picup-a {
	float: left;
	width: 200px;
	margin: 10px auto;
	padding: 0 10px 0 0;
	line-height:1.5;
	font-size: 10pt;
	color: #043c78;
	text-align: left;
	border-right: 1px dotted #043c78;
}
.picup-b {
	float: right;
	width: 200px;
	margin: 10px auto;
	padding: 0;
	line-height:1.4;
	font-size: 10pt;
	color: #043c78;
	text-align: left;
}
/* 生みの親から一言テーブル */
table#short {
	width: 420px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.2;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table#short th {
	width: 70px;
	padding: 5px;
	font-weight: bold;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #a688bd;
	color: #fff;
	font-size: 11pt;
	font-family: "MS 明朝","Osaka",Arial,sans-serif;
}
table#short td {
	width: 350px;
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 10pt;
}

/* DATABANKテーブル */
table#databank {
	width: 410px;
	margin:0em auto;
	border-collapse: collapse;
	text-align: left;
	border: 1px solid #ccc;
}
table#databank thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
}
table#databank thead th {
	padding: 0px;
	font-weight: 200;
	vertical-align: middle;
	padding: 3px;
	color: #fff;
	font-size: 14pt;
	font-family: Arial,sans-serif;
	font-stretch: ultra-expanded;
}
.wide {
	-moz-transform:scale(1.8,1);  /* Firefox※ */
	-webkit-transform:scale(1.8,1);  /* Chrome,Safari */
	-o-transform:scale(1.8,1);  /* 旧Opera※ */
	-ms-transform:scale(1.8,1);  /* IE */
	transform:scale(2,1);  /* CSS3 */
}
table#databank tbody th {
	width: 200px;
	padding: 0px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #cab8d9;
}
table#databank td {
	width: 210px;
	padding: 3px 0 0px 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	background: #fffff9;
	letter-spacing:-2px;
}

/* こんな人にオススメ！テーブル */
table#advice {
	width: 410px;
	margin:0em auto;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
	border-top: 1px solid #ccc;
}
table#advice th {
	width: 100px;
	padding: 5px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #04162e;
	color: #fff;
	font-size: 13pt;
}
table#advice td {
	width: 310px;
	padding: 5px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 12pt;
}

#data-head-ttl {
	width: 808px;
	height: 155px;
	margin:0.5em auto;
	background-image: url(../images/data-head-ttlbg.jpg);
	position: relative;
	z-index:90;
}
.capt {
	position: absolute;
	top: 0.7em;
	left: -10px;
	-moz-transform: rotate( -21deg );
	-webkit-transform: rotate( -21deg );
	transform: rotate( -21deg );
}
#name {
	position: absolute;
	font-size: 36pt;
	color: #FFF;
	font-weight: bold;
	margin: 1.7em auto 0 4.6em;
}
#difficulty {
	position: absolute;
	float: right;
	width: 220px;
	height: 85px;
	top: 2em;
	left: 550px;
	/*opacity: 0.9;*/
}

div#calendar {
	width: 740px;
	text-align: center;
	margin: -3.2em auto 1em auto;
	position: relative;
	z-index:100;
}
div#cal-com {
	text-align: right;
	margin-top: -10px;
	margin-right: 1.5em;
	margin-left: auto;
	margin-bottom: 1em;
	font-size: 9pt;
}
table#calen {
	width: 740px;
	border-collapse: collapse;
}
table#calen th.t_top {
    border-top: #b3b3b3 4px solid;
}
table#calen th {
	width: 100px;
	border-bottom: #f3981d 1px solid;
	border-left: #f3981d 1px solid;
	text-align: center;
	background: #f6ae54;
	padding: 0px;
	font-weight: normal;
	font-size: 10pt;
	color: #fff;
}
table#calen td.t_top {
	border-top: #be1309 4px solid;
}
table#calen td.n_top {
	border-top: #f3981d 1px solid;
}
table#calen td {
	width: 40px;
	border-bottom: #f3981d 1px solid;
	border-right: #f3981d 1px solid;
	text-align: center;
	padding: 0px;
	background-color: rgba(255,255,250,0.7);  
}
table#calen td.fpt14 {
	font-size: 14pt;
}

#detail-step {
  width: 840px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index:100;
}

div#step-list {
  display: block;
  float: left;
  width: 600px;
  margin: 0;
  padding: 0;
}
div#list-ttl {
  width: 590px;
  margin-top: 0.5em;
  margin-bottom: -0.6em;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  font-size: 16pt;
  color: #4f76a3;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: url(bg_th.jpg) repeat;
}
#head-ttl-karen {
  width: 590px;
  margin: 0.5em auto -2em auto;
  padding: 5px;
  font-size: 16pt;
  color: #4f76a3;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: url(bg_th.jpg) repeat;
}
/* 攻略日程表テーブル */
table#list {
  display: table;
  width: 100%;
  border-collapse:collapse;
  color:#555;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 1px;
  font-size:14px;
}
table#list td {
    border:1px solid #d4e0ee;
    color:#555;
}

table#list td, th {
  padding: 8px 10px;
}
table#list tr td {
  text-align: center;
}
table#list td.point-a {
	background:#dc143c;
}
table#list td.point-b {
	background:#0075c2;
}
table#list td.point-c {
	background:#56256e;
}
table#list td.point-d {
	background:#e17b34;
}
table#list td.point-e {
	background:#417038;
}

table#list thead th {
  text-align:center;
  color:#4f76a3;
  font-size: 10.5pt !important;
  background: url(bg_th.jpg) no-repeat;
}
table#list th.topL {
    background: url(bg_thl.png) no-repeat;
}
table#list th.topR {
    background: url(bg_thr.png) no-repeat top right;
}
table#list tbody th {
    font-weight:bold;
}
table#list tbody tr { background:#fcfdfe; }
table#list tbody tr.odd { background: url(bg_td.jpg) repeat; }
table#list table a:link {
    color:#718abe;
    text-decoration:none;
}
table#list a:visited {
    color:#718abe;
    text-decoration:none;
}
table#list a:hover {
    color:#718abe;
    text-decoration:underline !important;
}
table#list tfoot th, tfoot td {
    font-size:85%;
}

table#list td.w80 {
  width: 80px;
}
table#list td.w60 {
  width: 80px;
  font-size: 10pt;
}
table#list td.td-l {
  text-align: left;
}
.s10 {
  font-size: 11px;
  width: 30px;
}
,w650 {
  width: 650px;
}
.p9 {
  font-size: 9pt;
}
table#list td.w210 {
  width: 290px;
  text-align: left;
  font-size: 10pt;
}
table#list td.w20 {
  width: 15px;
}

#detail {
	float: right;
	width: 220px;
	margin: 0.3em 0;
}
.detail-chap {
	width: 215px;
	margin: 0 auto;
	padding: 5px 0px 5px 5px;
	line-height:1.7;
	font-size: 11pt;
	color: #043c78;
}
.detail-chap1 {
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px 0px 5px 5px;
	line-height:1.5;
	font-size: 11pt;
	color: #043c78;
}
.detail-chap2 {
	float: right;
	width: 200px;
	margin-top: 1.5em;
	padding: 5px 0px 5px 5px;
	line-height:1.5;
	font-size: 11pt;
	color: #043c78;
}
#ideal-synopsis {
	width: auto;
	margin: -0.5em;
	padding: 0;
}
.detail-chap2a {
	float: right;
	width: 200px;
	margin-top: 1.7em;
	padding: 5px 5px 5px 0px;
	line-height:1.5;
	font-size: 11pt;
	color: #043c78;
}
.detail-chap3 {
	float: left;
	width: 200px;
	margin: -13px 0 0 0;
	padding: 0px 0px 5px 5px;
	line-height:1.5;
	font-size: 11pt;
	color: #043c78;
}
#chap-ttl-a {
	width: 215px;
	margin: 0 auto;
	font-size: 10pt
	font-weight: bold;
	color: #4d4398;
	border-left: 8px solid #4d4398;
}
#chap-ttl-b {
	width: 215px;
	margin: 0 auto 0.5em auto;
	font-size: 10pt
	font-weight: bold;
	color: #e95388;
	border-left: 8px solid #e95388;
}

#chap-ttl-c {
	width: 180px;
	margin: 0.5em 0 0.2em 0;
	font-size: 11pt;
	color: #941f57;
	border-bottom: 1px dotted #941f57;
}
#detail-head {
	width:840px;
	margin:0;
	padding:0;
}
#detail-head-l {
	float:left;
	width:420px;
	margin-bottom: -1.5em;
}
#detail-head-r {
	float:right;
	width:400px;
	margin-top: 4em;
	margin-bottom: -1.5em;
	margin-left: 15px;
}
#scene-support {
	width: 240px;
	margin: 0.3em 0;
}
#scene-head {
	width: 240px;
	margin: 0;
	padding: 8px 0 8px 0;
	background: #f39800;
	color: #fff;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	text-align: center;
}

table.scene {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	font-size: 11px;
}

table.scene thead th {
	padding: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #c00;
	background: #dcdcd1;
	color: #504946;
}
table.scene tbody th {
	width: 30px;
	padding: 3px 3px 0 3px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ececec;
	color: #504946;
	font-weight:normal;
}
table.scene td {
	width: 210px;
	padding: 3px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
table.scene td.blue {
	background: #bbdbf3;
}
table.scene td.purple {
	background: #cab8d9;
}

/* うわさ話インンデックス */
#rumor-index {
	margin: 15px auto;
	width: 400px;
	position: relative;
	padding:0.7em;
	background:white;
	border:1px solid #CDCDCD;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height:1.7;
	text-align: center;
}
#rumor-index a {
	color:#941f57;
}
#rumor-head {
	margin: 15px auto;
	width: 580px;
	position: relative;
	padding:0.7em;
	border: 10px solid #87551c;
	color:#fff;
	background:#206430;
	line-height:1.7;
	text-align: center;
}
#container-a {
	float: left;
	width: 410px;
	padding: 0px 0px 10px 0px;
	margin: 1.2em 0em 0em 0em;
	font-size: 11pt;
}
#container-b {
	float: right;
	width: 410px;
	padding: 0px 0px 10px 0px;
	margin: 1.2em 0em 0em 0em;
	font-size: 11pt;
}
.rumor-ttl {
	position: relative;
	width: 340px;
	margin: 0 0 0 2.3em;
	font-size: 18pt;
	font-weight: bold;
	color: #00afcc;
	border-bottom: 1px dotted #ed6d46;
	z-index:100;
}
#rumor-chap-left {
	position: relative;
	float: left;
	width: 185px;
	margin: 0;
	padding: 5px 0px 5px 0px;
	line-height:1.4;
	font-size: 10pt;
	color: #043c78;
	z-index:100;
	text-align: justify;
	text-justify: distribute;
}
#rumor-chap-right {
	position: relative;
	float: right;
	width: 200px;
	margin: 0;
	padding: 5px 0px 5px 0px;
	line-height:1.4;
	font-size: 10pt;
	color: #043c78;
	z-index:100;
	text-align: justify;
	text-justify: distribute;
}
#rumor-title01 {
	position: absolute;
	top: -3.6em;
	left: -1em;
	z-index:-1;
}
#rumor-botsuko {
	position: absolute;
	top: -5.6em;
	left: 11.6em;
	z-index:-1;
}
/* 怒り野ボツ子スケジュール */
table#botsuko {
	position: relative;
	width: 410px;
	border-collapse: collapse;
	line-height: 1.2;
	margin:0.5em auto;
	z-index:100;
}
table#botsuko th {
	padding: 3px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	background: #036;
	border: 1px solid #ccc;
	font-size: 9pt;
}
table#botsuko td {
	padding: 3px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 11px;
}
#diary-frame {
	width: 410px;
	margin:0;
	padding:0;
}
#df-l01 {
	float:left;
	width: 200px;
	height: 190px;
	margin:0;
	padding:5px 3px 5px 0px;
	border-right: 2px dotted #ed6d46;
	border-bottom: 2px dotted #ed6d46;
	font-size: 10pt;
	border-top: 2px dotted #c0c0c0;
}
#df-r01 {
	float:right;
	width: 200px;
	height: 190px;
	margin:0;
	padding:5px 0px 5px 3px;
	border-bottom: 2px dotted #ed6d46;
	font-size: 10pt;
	border-top: 2px dotted #c0c0c0;
}
#df-l02 {
	float:left;
	width: 200px;
	height: 180px;
	margin:0;
	padding:1.7em 3px 5px 0px;
	border-right: 2px dotted #ed6d46;
	font-size: 10pt;
}
#df-r02 {
	float:right;
	width: 200px;
	height: 180px;
	margin:0;
	padding:1.7em 0px 5px 3px;
	font-size: 10pt;
}
hr.fade {
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
/* 冬至温泉ガイドリンク */
#winter-solstice {
	width: 860px;
	margin: 0.5em auto;
	text-align: center;
}
/* 冬至温泉旅行ガイドページ */
#winter-waku {
	width: 840px;
	margin: 0 auto;
}
#winter-container-a {
	float: left;
	width: 220px;
	padding: 0px 0px 10px 0px;
	margin: 1.2em 0em 0em 0em;
	font-size: 11pt;
}
#winter-container-b {
	float: right;
	width: 620px;
	padding: 0px 0px 10px 0px;
	margin: 1.2em 0em 0em 0em;
	font-size: 11pt;
}
#winter-chap-left {
	position: relative;
	float: left;
	width: auto;
	margin: 0;
	padding: 5px 10px 5px 0px;
	line-height:1.4;
	font-size: 10pt;
	color: #043c78;
	z-index:100;
}

#winter-chap-right {
	position: relative;
	float: right;
	width: 220px;
	margin: 0;
	padding: 5px 0px 5px 0px;
	line-height:1.4;
	font-size: 10pt;
	color: #043c78;
	z-index:100;
}
#bottom {
	position: relative;
	width: 820px;
	margin: -15px auto 1.5em auto;
	padding: 5px 10px 5px 0px;
	z-index:100;
}
.winter-ttl {
	position: relative;
	width: 160px;
	margin: 0 0 0 0.5em;
	padding:0 0 -3px 0;
	font-size: 24pt;
	font-weight: bold;
	color: #00afcc;
	border-bottom: 1px solid #00afcc;
	z-index:200;
}
#winter-title01 {
	position: absolute;
	top: -2.8em;
	left: -1em;
	z-index:-1;
	opacity:0.8;
}
/* 冬至温泉旅行ガイドテーブル */
table#winter {
	width: 620px;
	border-collapse: collapse;
	/*border-spacing: 1px;*/
	line-height: 1.4;
	margin:0.5em auto;
	z-index:100;
}
table#winter th {
	padding: 5px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	background: #036;
	border: 1px solid #ccc;
	font-size: 11pt;
}
table#winter td {
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 10pt;
}
table#winter td.w40 {
	width: 40px;
}
table#winter td.w70 {
	width: 70px;
}
/* 冬至温泉チャートテーブル */
table#chart {
	width: 820px;
	border-collapse: collapse;
	/*border-spacing: 1px;*/
	line-height: 1.4;
	margin:0.5em auto;
	z-index:100;
}
table#chart th {
	padding: 5px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	background: #036;
	border: 1px solid #ccc;
	font-size: 11pt;
}
table#chart td {
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 10pt;
}
table#chart .even {
	background: #fff;
}
table#chart td.w20 {
	width: 20px;
}
table#chart td.w390 {
	width: 390px;
}
#winter-scene {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	color: #036;
}
/* クイズキング */
#quiz-conta-a {
	float: left;
	width: 420px;
	padding: 0;
	margin: 0;
	font-size: 11pt;
}
#quiz-conta-b {
	float: right;
	width: 420px;
	padding: 0;
	margin: 0;
	font-size: 11pt;
}
#quiz-frame {
	position: relative;
	width: 400px;
	height: 310px;
	padding: 10px;
	margin: 0.5em auto 0 auto;
	background: url(note_bg.jpg) repeat;
	border: 1px solid #ccc;
}
#quiz-frame:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 0 1px #fff;
}
#quiz-left {
	float: left;
	width: 140px;
	padding: 0;
	margin: 0;
}
#quiz-right {
	float: right;
	width: 250px;
	padding: 0;
	margin: 0;
}
.quiz-ttl {
	width: 130px;
	margin: 3px auto;
	padding: 3px;
	background: #254d93;
	border: 1px solid #254d93;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	color: #fff;
	text-align: center;
}
.qa {
	margin-left: 10px;
	font-size: 10pt;
}
#g-data {
	position: relative;
	width: 120px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 1em auto 5px auto;
	font-size: 11px;
	color: #555;
	line-height: 1.4;
}
#g-data:before{
	content: "";
	position: absolute;
	top: 23px;
	left: 129px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 23px;
	border-color: transparent transparent transparent #ffffff;
}
#g-data-ttl {
	width: 120px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #ed6d46;
	font-weight: bold;
}
.quiz-scene {
	float: right;
	width: 180px;
	text-align: center;
	background: #555;
	color: #fff;
	font-size: 9pt;

}

/* データファイルページ・パターンB */
#left-waku {
	float: left;
	width: 420px;
	margin:0;
	padding:0;
}
.detail-chap-b {
	width: auto;
	margin: -1em 0 0 0;
	padding: 15px;
	line-height:1.7;
	font-size: 11pt;
	color: #043c78;
	text-align: left;
}
.detail-chap-b2 {
	width: auto;
	margin: -1em 0 0 0;
	padding: 15px;
	line-height:1.6;
	font-size: 10.5pt;
	color: #043c78;
	text-align: left;
}
.detail-chap-b2x {
	width: auto;
	margin: -1em 0 0 0;
	padding: 15px;
	line-height:1.6;
	font-size: 11pt;
	color: #043c78;
	text-align: left;
}
.detail-chap-b2x02 {
	width: auto;
	margin: -1em 0 0 0;
	padding: 15px;
	line-height:1.6;
	font-size: 10.5pt;
	color: #043c78;
	text-align: left;
}
.detail-chap-b3 {
	float: left;
	width: 210px;
	margin: 0;
	padding: 5px 0px 5px 15px;
	line-height:1.5;
	font-size: 10pt;
	color: #043c78;
}

.detail-chap-c {
	float: right;
	width: 200px;
	margin: -1.5em 0 0 0;
	padding: 10px 0px 10px 10px;
	line-height:1.7;
	font-size: 11pt;
	color: #043c78;
	text-align: left;
}
.detail-chap-d {
	float: left;
	width: 190px;
	margin: 0;
	padding: 5px 0px 5px 15px;
	line-height:1.6;
	font-size: 10.5pt;
	color: #043c78;
}
.detail-chap-d2 {
	float: left;
	width: 190px;
	margin: 0;
	padding: 5px 0px 5px 15px;
	line-height:1.7;
	font-size: 10.5pt;
	color: #043c78;
  text-align: justify;
  text-justify: distribute;
}
.detail-chap-d3 {
	float: left;
	width: 190px;
	margin: 0;
	padding: 5px 0px 5px 15px;
	line-height:1.7;
	font-size: 11pt;
	color: #043c78;
}
.detail-chap-d4 {
	float: left;
	width: 190px;
	margin: 0;
	padding: 5px 0px 5px 15px;
	line-height:1.7;
	font-size: 11pt;
	color: #043c78;
  text-align: justify;
  text-justify: distribute;
}
.detail-chap-d5 {
	float: left;
	width: 190px;
	margin: 0;
	padding: 5px 0px 5px 15px;
	line-height:1.5;
	font-size: 10.5pt;
	color: #043c78;
}

#chap-ttl-a2 {
	width: 350px;
	margin: 0 0.5em 0 0;
	padding: 0 0 0 10px;
	line-height:1.2;
	font-size: 16pt;
	font-weight: bold;
	color: #4d4398;
	border-left: 8px solid #4d4398;
}
#chap-ttl-b2 {
	width: 350px;
	margin: 0 0.5em 1.4em 0;
	padding: 0 0 0 10px;
	line-height:1.2;
	font-size: 16pt;
	font-weight: bold;
	color: #e95388;
	border-left: 8px solid #e95388;
}
#chap-ttl-a3 {
	width: 350px;
	margin: 0 0.5em 0 0;
	padding: 0 0 0 10px;
	line-height:1.2;
	font-size: 16pt;
	font-weight: bold;
	color: #4d4398;
	border-left: 8px solid #4d4398;
}
#chap-ttl-b3 {
	width: 350px;
	margin: 0 0.5em 0.7em 0;
	padding: 0 0 0 10px;
	line-height:1.2;
	font-size: 16pt;
	font-weight: bold;
	color: #e95388;
	border-left: 8px solid #e95388;
}

#scene-support-b {
	float: right;
	width: 410px;
	margin: 0.5em 0em 0.5em 1em;
}
#scene-support-b3 {
	float: right;
	width: 420px;
	margin: 0.5em 0em 0.5em 1em;
}
#scene-support-b2 {
	float: left;
	width: 420px;
	margin: 0.5em 0.5em 0.5em 0em;
}
#scene-support-c {
	width: 240px;
	margin: 0em;
}
#scene-head-b {
	width: 410px;
	margin: 0;
	padding: 8px 0 8px 0;
	background: #f39800;
	color: #fff;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	text-align: center;
}
#scene-head-b3 {
	width: 420px;
	margin: 0;
	padding: 8px 0 8px 0;
	background: #f39800;
	color: #fff;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	text-align: center;
}
#scene-head-b2 {
	width: 420px;
	margin: 0;
	padding: 8px 0 8px 0;
	background: #f39800;
	color: #fff;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	text-align: center;
}
.kozue-pic01 {
	float: right;
	margin: 1.7em auto 0 10px;
}
#kozue-pic02 {
	position: relative;
	float: right;
	width: 260px;
	height: 146px;
	top: 0em;
	left: 0em;
	margin: 0;
	padding: 0px 0px 10px 10px;
	z-index:100;
}
.sachiko-pic01 {
	float: right;
	margin: 1em auto 0px 10px;
}
#sachiko-pic02 {
	position: relative;
	float: right;
	width: 260px;
	height: 146px;
	top: 0em;
	left: 0em;
	margin: 0;
	padding: 0px 0px 0px 10px;
	z-index:100;
}
#sachiko-pic03 {
	/*position: relative;
	float: right;*/
	width: 400px;
	height: 320px;
	top: 0em;
	left: 0em;
	margin: 0 auto 2.5em auto ;
	padding: 0px 0px 15px 10px;
	z-index:100;
}

#step-list-b {
	float: right;
	width: 610px;
	margin: 0.5em 0em 0.5em 1em;
	padding: 0;
}
#step-list-a2 {
	float: left;
	width: 610px;
	margin: -5.6em 1.5em 0 auto;
	padding: 0;
}
#step-list-a2x {
	float: left;
	width: 610px;
	margin: -29em 1.5em 0 auto;
	padding: 0;
}
#step-list-a2x02 {
	float: left;
	width: 610px;
	margin: -7em 1.5em 0 auto;
	padding: 0;
}
#step-list-a2x03 {
	float: left;
	width: 610px;
	margin: -8em 1.5em 0 auto;
	padding: 0;
}
#step-list-a3 {
	float: left;
	width: 630px;
	margin: -74.5em 0em 0 auto;
	padding: 0;
}
#step-list-a4 {
	float: left;
	width: 630px;
	margin: -75.5em 0em 0 auto;
	padding: 0;
}
#step-list-a5 {
  position: absolute;
	float: left;
	width: 630px;
	top: 43em;
	padding: 0;
}

/* 人間関係 */
#relation-a-com {
	width: 770px;
	margin:0.3em auto;
	padding: 15px 0px 15px 15px;
	border: 8px solid #7cb437;
}
#re-com-waku {
	width: 750px;
	margin:0px auto 0px 5px;
	padding:0;
}
.relation-com-s01 {
	float: left;
	width: 172px;
	margin:0px 19px 3px 0px;
	padding: 0;
	font-size: 9.5pt;
	line-height: 1.5;
	text-align: justify;
	text-justify: distribute;
}
.relation-com-s01b {
	float: left;
	width: 172px;
	margin:0px 0px 3px 0px;
	padding: 0;
	font-size: 9.5pt;
	line-height: 1.5;
	text-align: justify;
	text-justify: distribute;
}

.loss {
	width: 210px;
	margin-top: 0.7em;
	padding: 0;
}

#loss {
	position: relative;
	width: 200px;
	padding: 15px;
	margin-left: -0.5em;
	background-color:#26499d;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	color: #fff;
	font-size: 9pt;
	z-index:100;
	line-height: 1.4;
}
#loss:before {
  content: "";
  position: absolute;
  top: -1.7em;
  left: 0px;
 /* サイズ指定 */        
 width:225px;
 height:175px;
 /* 背景色 */
 background-color:#26499d;
 /* 角を丸くする */
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 z-index:-1;
}

.loss2 {
	float:right;
	width: 210px;
	margin-top: 4em;
	padding: 0;
}
.loss3 {
	float:right;
	width: 210px;
	margin-top: 0em;
	padding: 0;
}

.loss4 {
	float:right;
	width: 210px;
	margin-top: -3em;
	padding: 0;
}
.loss5 {
	width: 210px;
	margin-top: 2em;
	padding: 0;
}
#loss2 {
	position: relative;
	width: 200px;
	padding: 15px;
	margin: 0em;
	background-color:#26499d;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	color: #fff;
	font-size: 9pt;
	z-index:100;
	line-height: 1.4;
}
#loss2:before {
  content: "";
  position: absolute;
  top: -1.7em;
  left: 0px;
 /* サイズ指定 */        
 width:225px;
 height:175px;
 /* 背景色 */
 background-color:#26499d;
 /* 角を丸くする */
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 z-index:-1;
}

.loss-w {
	width: 410px;
	margin-top: 0em;
	padding: 0;
}
#loss-w {
	position: relative;
	width: 400px;
	height:200px;
	padding: 15px;
	margin-left: -0.5em;
	background-color:#26499d;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	color: #fff;
	font-size: 9pt;
	z-index:100;
	line-height: 1.4;
}
#loss-w:before {
  content: "";
  position: absolute;
  top: -1.7em;
  left: 0px;
 /* サイズ指定 */        
 width:225px;
 height:175px;
 /* 背景色 */
 background-color:#26499d;
 /* 角を丸くする */
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 z-index:-1;
}
.loss-w-l {
	width: 180px;
	float: left;
	margin:0;
	padding: 10px;
}
.loss-w-r {
	width: 180px;
	float: right;
	margin-top: -6.5em;
	padding: 10px;
}

#hide-line {
	position: relative;
	width: 612px;
	margin: -5.6em auto 0 auto;
	padding: 0;
	z-index: 200;
}
#hide-line-b {
	position: relative;
	width: 612px;
	top: 7.1em;
	left: -0.55em;
	margin: 0em auto 0 auto;
	padding: 0;
	z-index: 200;
}
#hide-line-b2 {
	position: relative;
	width: 612px;
	top: 7.1em;
	left: -0em;
	margin: 0em auto 0 auto;
	padding: 0;
	z-index: 200;
}

/* ページング */
#pager ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
}

#pager ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	list-style: none;
}

#pager ul.pageNav li span,
#pager ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #eeeff7;
	text-decoration: none;
	vertical-align: middle;
}

#pager ul.pageNav li a:hover {
	color: #000;
	background: #ccf;
	border-color: #00f;
}
#pattern {
	float: left;
	width: 610px;
	margin-top: -1em;
	padding: 0;
}
table#pat {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
}
table#pat th {
	width: 610px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #036;
}
table#pat td {
	width: 610px;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #eee;
}

#pat-conta {
	width: 133px;
	float: left;
	margin: 0.5em 17px 0.5em 0em;
}
#pat01-head {
	width: 131px;
	border:1px solid #504946;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	/*-webkit-box-shadow: 2px 3px 10px 1px #9d8e87;
	-moz-box-shadow: 2px 3px 10px 1px #9d8e87;
	box-shadow: 2px 3px 10px 1px #9d8e87;*/
	background:#4e454a;
	text-align: center;
	padding: 6px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	color:#ffffff;
}
#pat01 {
	width: 133px;
	height: 120px;
	/*margin: 0.5em 5px 0.5em 0em;*/
	padding: 5px;
	background: #fff9f5;
	border: 1px solid #ccc;
	font-size: 9pt;
	line-height: 1.5;
	text-align: left;
}
#float-right {
	width: auto;
	float: right;
	margin:0;
	padding:0;
}

/* ガールズルーム */
#slide {
	width: 740px;
	margin: 0 auto;
}
#room-head {
	margin: 15px auto;
	width: 580px;
	position: relative;
	padding:0.7em;
	border: 10px solid #87551c;
	color:#fff;
	background:#206430;
	line-height:1.7;
	text-align: center;
}
#room {
	width: 720px;
	position: relative;
	padding: 1em;
	margin: 1em auto;
}
#girl {
	position: relative;
	float: left;
	width: 112px;
	height: 120px;
	margin: 10px 10px 10px 0px;
	padding: 10px;
	background:#fff;
	border: 1px solid #c0c0c0;
	z-index:100;
}
span.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(girl-waku.png) no-repeat 50% 50%;
	top:0px;
	left:0px;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=0);
	z-index:200;
}
span.overlay:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}
#slot {
	width: 640px;
	margin: 0 auto;
}
#lower-grade {
	width: 690px;
	margin: 0 auto;
	padding: 1em;
}
#lower-pos {
	float: left;
	margin: 0 15px 0 0;
}
.photo-bottom {
	width: 200px;
	font-size:9pt;
	line-height:1.4
}
.middle-adjust01 {
	width: 230px;
	height: 13px;
	margin: 0;
}
.middle-adjust02 {
	width: 230px;
	height: 10px;
	margin: 0;
}