@charset "utf-8";

html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body {
  font: normal .80em 'trebuchet ms', arial, sans-serif;
  background: transparent url(bg_bubble.jpg) repeat;
  color: #555;
  background-attachment:fixed;
}

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

img {
  border: 0;
}
/* 画像表示枠 */
.snapshot {
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0;
}
/* 小次郎編画像枠用 */ 
.snapshot02 {
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 0 0 -1.3em;
}
.snapshot03 {
	float: left;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 10px 0 0;
}
.snapshot04 {
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 auto;
}
.snapshot05 {
	float: right;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 0 0 10px;
}
.snapshot06 {
	float: left;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:-4.4em 10px 0px -1.3em;
}

h1, h2, h3, h4, h5, h6 
{ color: #E7746F;
  letter-spacing: 0em;
  padding: 0 0 5px 0;}

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

h2
{ font-size: 160%;
  padding: 9px 0 5px 0;}

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

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

h5 {
  color: #888;
  font: normal 95% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;
}
h6 {
  color: #f7f6f5;
  font: normal 180% 'century gothic', arial;
  padding: 0px;
  text-shadow: 2px 3px 3px #00a1e9;
}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #009FBC;}

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;
  list-style: none;
}

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

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

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

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

#header {
  background: #1d1d1d url(pattern.png) repeat;
  border-bottom: 2px solid #E7746F;
  height: 177px;
}
  
#banner {
  background: transparent url(banner.jpg) no-repeat;
  width: 870px;
  height: 180px;
  margin: 20px auto;
  border: 5px solid #E7746F;
}

#logo-ber {
  position: absolute;
  left: 830px;
  top: 14em;
  -moz-transform:    rotate( -14deg );  /* Firefox用 */
  -webkit-transform: rotate( -14deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -14deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -14deg );  /* IE9用 */
  transform:         rotate( -14deg );  /* CSS3の書き方 */
  z-index: 200;
}
#logo
{ width: 880px;
  position: relative;
  height: 140px;
  background: transparent;}

#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: #FFF;
  letter-spacing: 0.1em;
  text-decoration: none;}

#logo_text h1 a .logo_colour
{ color: #E7746F;}

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

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

#menubar
{ width: 880px;
  height: 46px;} 

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

ul#menu li
{ float: left;
  padding: 0 0 0 9px;
  list-style: none;
  margin: 1px 2px 0 0;
  background: transparent;}

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

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

ul#menu li.selected
{ margin: 1px 2px 0 0;
  background: #E7746F;}

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

ul#menu li a:hover
{ color: #FFF;
  background: #E7746F;}

#site_content {
  width: 880px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 1em 10px 1em;
  background: transparent url(transparent_light.png) repeat;
} 

#sidebar_container
{ float: right;
  width: 224px;}

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

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

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

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

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

.sidebar ul
{ margin: 0;} 
#content {
  text-align: left;
  width: 620px;
  padding: 0 0 0 5px;
  float: left;
}
#content2 {
  text-align: left;
  width: 860px;
  padding: 0 0 0 5px;
  /*float: left;*/
}
#guide {
	margin: 0px auto 15px auto;
	width: 590px;
	position: relative;
	padding: 5px 1em 5px 1em;
	background: white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.7;
	font-size: 11pt;
}
/* ガイドページ・ヘッドタイトル */
div.guide-ttl {
	width: 520px;
	position: relative;
	margin: 1.2em auto 0.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.guide-ttl2 {
	width: 820px;
	position: relative;
	margin: 1.2em auto 0.2em auto;
	padding: 0.5em 0.5em 0.2em 1.7em;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #f7f6f5;
	font-size: 120%;
	text-align: left;
}
div.guide-ttl2: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-ttl2: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);
}
#chara-guide {
	margin: 0px auto 15px auto;
	width: 550px;
	position: relative;
	padding: 0px 1em 5px 1em;
	background: white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#char_title {
	position: absolute;
	top: 0;
	left: -1em;
	width: 84px;
	height: 452px;
}
#chart_title {
	position: absolute;
	top: 0;
	left: -1em;
	width: 84px;
	height: 452px;
}
#detailed-guide {
	margin: 1.2em auto;
	padding: 0.2em 1em;
	width: 840px;
	position: relative;
	background: transparent url(all.png) repeat;
	border: 1px solid #c0c0c0;
	font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
	font-size: 12pt;
	line-height: 1.7;
	color: #fff;
}
#detailed-guide:before {
	content: '';
	position: absolute;
	z-index: -1;
	border: 1px dashed #abb1b5;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
}
#guide-index {
	font-size: 10pt;
	margin: 15px auto;
	width: 700px;
	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;
}

#explanation {
	font-size: 10pt;
	margin: 15px auto;
	width: 310px;
	position: relative;
	padding: 15px;
	background: transparent url(all.png) repeat;
	border:1px solid #CDCDCD;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height:1.5;
	text-align:left;
}
.explan-box1 {
	float: left;
	width: 310px;
	margin: 5px 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	color: #f7f6f5;
	font-size: 100%;
	text-align: left;
}
.explan-box1 img {
	vertical-align: middle;
}
.clear {
	clear: both;
}
#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;}

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

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

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

#footer a:hover
{ color: #FFF;
  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: #E7746F; 
  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;
}
  
/* 攻略チャート */
.day {
	width: 820px;
	margin: 0em auto 1em auto;
	color:#FF2098;
	text-align: center;
}
.day2 {
	width: 820px;
	margin: 0em auto 1em auto;
	color:#00a1e9;
	text-align: center;
}
.day3 {
	width: 820px;
	margin: 0em auto 1em auto;
	color:#f39800;
	text-align: center;
}
.day4 {
	width: 820px;
	margin: 0em auto 1em auto;
	color:#a688bd;
	text-align: center;
}
.day5 {
	width: 820px;
	margin: 0em auto 1em auto;
	color:#ed6d46;
	text-align: center;
}
.day6 {
	width: 820px;
	margin: 0em auto 1em auto;
	color:#00a968;
	text-align: center;
}
.day7 {
	width: 820px;
	margin: 0em auto 1em auto;
	color:#fff;
	text-align: center;
}
table.chart-a {
	border-collapse: separate;
	border-spacing: 0;
	border: 0.5px solid #f7f6f5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*-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:96%;
}
table.chart-a th {
	border-bottom: 0.5px solid #f7f6f5;
	border-right: 0.5px solid #f7f6f5;
	padding:8px;
	text-align: center;
}

table.chart-a td {
	border-right:0.5px solid #f7f6f5;
	border-bottom:0.5px solid #f7f6f5;
	background:;
	padding:4px;
	/*text-align:left;*/
}
table.chart-a tr:first-child th:first-child {
	border-radius: 6px 0 0 0;
}
table.chart-a tr:first-child th:last-child {
	border-radius: 0 6px 0 0;
}
table.chart-a tr:last-child td:first-child {
	border-radius: 0 0 0 6px;
}
table.chart-a tr:last-child td:last-child {
	border-radius: 0 0 6px 0;
}
span.head01 {
	font-weight: normal;
	color:#778899;
}
th.kojiro {
	background:#7a99cf;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fafdff), to(#483d8b));
	background-image: -moz-linear-gradient(bottom, #fafdff, #483d8b); 
	background-image: linear-gradient(to bottom, #fafdff, #7a99cf);
	color:#555;
}
th.marina {
	background:#eb6ea0;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#eb6ea0), to(#c70067));
	background-image: -moz-linear-gradient(bottom, #eb6ea0, #c70067); 
	background-image: linear-gradient(to bottom, #eb6ea0, #c70067);
	color:#fff;
}
th.th-c {
	text-align: center;
}
td.td-c {
	text-align: center;
}
td.w2e {
	width: 2em;
}
td.w3e {
	width: 3em;
}
td.w50p {
	width: 50%;
}
td.w9e {
	width: 9em;
}
td.w12e {
	width: 12em;
}
td.w14e {
	width: 14em;
}
td.w140p {
	width: 140px;
}
td.w190p {
	width: 190px;
}
td.update {
	font-size: 11pt;
}
td.td-b {
	white-space: nowrap;
	font-weight: bold;
}

td.td-r {
	text-align: right;
}
td.td-l {
	text-align: left;
}
/* Sequence(攻略) */
/* まりな編 */
#sequence-marina {
	border:0.5px solid #c0c0c0;
	position: relative;
	float: left;
	-webkit-box-shadow: 1px 2px 8px 1px #aaaab0;
	-moz-box-shadow: 1px 2px 8px 1px #aaaab0;
	box-shadow: 1px 2px 8px 1px #aaaab0;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	background-color: rgba(235,110,160,0.4); 
	width: 380px;
	margin:0.5em 0.2em 0.5em 0;
	padding:15px;
}
.sequence-ttl {
	margin-top: -0.5em;
	margin-bottom: -0.3em;
	margin-left: -0.7em;
	color:#abb1b5;
	font-size: 48px;
}
#sequence-head-ttl {
	position: absolute;
	float: left;
	top:-1.4em;
	left:-3em;
	z-index: 200;
}
#sequence-top-ttl {
	width: 754px;
	margin: -3.8em auto 0 auto;
}
#marina-chart {
	width: 180px;
	float: left;
	background-color: rgba(255,255,255,1);
	margin:0.5em 5px 0.5em 0;
	padding:10px 5px;
	color:#555;
	font-size: 10pt;
}
.marina-chart-ttl {
	width: 170px;
	color: #c70067;
	border-bottom:0.5px solid #c0c0c0;
	padding: 0;
	margin: 0 auto;
	font-size: 10pt;
}
.marina-chart-ttl-a {
	width: 170px;
	color: #c70067;
	background-color: rgba(162,194,230,0.8);
	border-bottom:0.5px solid #c0c0c0;
	padding: 0;
	margin: 0 auto;
	font-size: 10pt;
}
.marina-chart-ttl-b {
	width: 98%;
	color: #c70067;
	border-bottom:0.5px solid #c0c0c0;
	padding: 0;
	margin: 0 auto;
	font-size: 10pt;
	font-weight: bold;
}
#marina-supplement {
	width: 160px;
	float: left;
	margin:0.5em 5px 0.5em 0;
	padding:0px;
}
#marina-supplement-box {
	position: relative;
	font-size: 10pt;
	width: 165px;
	border:0.5px solid #c0c0c0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:0em auto 0.2em auto;
	padding:10px;
	color:#555;
}
#marina-supplement-box-a {
	position: relative;
	font-size: 10pt;
	width: 360px;
	border:0.5px solid #c0c0c0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:0em auto 0.2em auto;
	padding:10px;
	color:#555;
}
/* 下の"shot"のための親枠 */
#marina-supplement-box-z {
	position: relative;
	font-size: 10pt;
	width: 165px;
	border:0.5px solid #c0c0c0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:0em auto 0.2em auto;
	padding:10px;
	color:#555;
}
#shot {
	position: absolute;
	float: left;
	top:22.5em;
	left:-16.8em;
	z-index: 200;
}
/* 画像回転 */
#rotation {
-moz-transform:    rotate( -32deg );  /* Firefox用 */
-webkit-transform: rotate( -32deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -32deg );  /* 古いOpera用 */
-ms-transform:     rotate( -32deg );  /* IE9用 */
transform:         rotate( -32deg );  /* CSS3の書き方 */
}

#marina-supplement-box2 {
	float: left;
	font-size: 10pt;
	width: 165px;
	border:0.5px solid #c0c0c0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:0em 8px 0.54em auto;
	padding:8px;
	color:#555;
}

#examine-l-frame {
	width: 408px;
	margin:0;
	padding:10px 0px 10px 10px;
	position: relative;
	float: left;
}
#examine-l {
	width: 380px;
	margin:0;
	padding:0;
	position: relative;
	border:6px solid #b84a39;
	-webkit-box-shadow: 1px 2px 8px 1px #aaaab0;
	-moz-box-shadow: 1px 2px 8px 1px #aaaab0;
	box-shadow: 1px 2px 8px 1px #aaaab0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: rgba(184,74,57,0.8);
	color: #fff;
	font-size: 13pt;
}

.ex-description {
	width: 180px;
	float: left;
	background-color: rgba(255,255,255,1);
	margin:0.5em 5px 0.5em 0;
	padding:10px 5px;
	color:#555;
	font-size: 10pt;
}
.ex-description-r {
	width: 170px;
	float: right;
	background-color:;
	margin:0.5em 0px;
	padding:10px 5px;
	color:#fff;
	font-size: 10pt;
}
#exa001 {
	width: 160px;
	height: 410px;
	margin:1em;
	padding:10px 10px 10px 10px;
	position: relative;
	float: left;
	border:1px solid #cd574d;
	background: url(pattern.png) repeat;
	color:#fff;
	font-size: 10pt;
}
#exa002 {
	width: 160px;
	height: 410px;
	top:1em;
	margin:0em;
	padding:10px 10px 10px 10px;
	position: relative;
	float: left;
	border:1px solid #cd574d;
	background: url(pattern.png) repeat;
	color:#fff;
	font-size: 10pt;
}

.exa-ttl {
	color:#fac559;
	font-weight: bold;
	font-size: 11.5pt;
}
#exa-title-m {
	position: relative;
	width: 360px;
	top: 0em;
	left: 0.7em;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size:19pt;
	color:#00afcc;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title-m02 {
	position: relative;
	width: 360px;
	top: 0em;
	left: 0.7em;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size:19.5pt;
	color:#00afcc;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}

#examine-com04 {
	width: 360px;
	background: #fff;
	color: #555;
	padding:10px;
	font-size: 10.5pt;
}
#examine-com05 {
	width: 360px;
	background-color: rgba(184,74,57,0.8);
	color: #fff;
	padding:15px 10px;
	font-size: 10.5pt;
}
/* 小次郎編 */
#sequence-kojiro {
	border:0.5px solid #c0c0c0;
	position: relative;
	float: right;
	-webkit-box-shadow: 1px 2px 8px 1px #aaaab0;
	-moz-box-shadow: 1px 2px 8px 1px #aaaab0;
	box-shadow: 1px 2px 8px 1px #aaaab0;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	background-color: rgba(141,147,200,0.4);  
	width: 380px;
	margin:0.5em 0 0.5em 0;
	padding:15px;
}
#kojiro-chart {
	width: 180px;
	float: right;
	background-color: rgba(255,255,255,1);
	margin:0.5em 0px 0.5em 5px;
	padding:10px 5px;
	color:#555;
	font-size: 10pt;
}
#examine-r-frame {
	width: 408px;
	margin:0;
	padding:10px 0px 10px 10px;
	position: relative;
	float: right;
}
#examine-r {
	width: 380px;
	margin:0;
	padding:0;
	position: relative;
	border:6px solid #2e58a4;
	-webkit-box-shadow: 1px 2px 8px 1px #aaaab0;
	-moz-box-shadow: 1px 2px 8px 1px #aaaab0;
	box-shadow: 1px 2px 8px 1px #aaaab0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: rgba(46,88,164,0.8);
	color: #fff;
}

#ex-description-02 {
	width: 370px;
	background-color: rgba(255,255,255,1);
	margin:0;
	padding:10px 5px;
	color:#555;
	font-size: 10pt;
}
#ex-description-03 {
	width: 370px;
	background-color: rgba(255,255,255,1);
	margin:0 auto 0.3em auto;
	padding:10px 5px;
	color:#555;
	font-size: 10pt;
}
#ex-description-03-ma {
	width: 360px;
	background-color: rgba(184,74,57,1);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	margin: 0 auto 0.3em auto;
	padding: 0px 5px;
	color:#fff;
	font-size: 10pt;
}
.ex-03ma-ttl {
	color: #fff;
	margin:0;
	padding:0;
	font-size:14pt;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
#examine {
	width: 370px;
	background-color: rgba(255,255,255,1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:0;
	padding:5px;
	color:#555;
	font-size: 11pt;
}

#ex-description-04 {
	top:4em;
	float:left;
	width: 190px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(46,88,164,0.9);
	margin:10px 5px 10px 5px;
	padding:10px 5px;
	color:#fff;
	font-size: 11pt;
}
#ex-description-05 {
	float:right;
	width: 160px;
	margin:0;
	padding:5px 0;
}
#ex-description-05-m {
	float:right;
	width: 160px;
	margin:0;
	padding:5px 0;
	line-height: 1.6;
}
#ex-description-06 {
	background-color: rgba(255,255,255,1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 358px;
	margin:0 0 10px 0;
	padding: 5px 10px;
	font-size: 11pt;
	color:#555;
}
#ex-description-07 {
	top:4em;
	float:left;
	width: 190px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(46,88,164,0.9);
	margin:10px 5px 0px 5px;
	padding:10px 5px;
	color:#fff;
	font-size: 11pt;
}

#ex-description-waku {
	float:left;
	width: 190px;
	margin:0;
	padding:0;
}
#ex-description-08 {
	top:4em;
	width: 190px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(184,74,57,1);
	margin:10px 5px 10px 5px;
	padding:10px 5px;
	color:#fff;
	font-size: 11pt;
}
.photo-com-k {
	line-height: 1.5;
	font-size:12px;
	color:#00afcc;
	margin-bottom: 15px;
}
.photo-com-k02 {
	line-height: 1.5;
	font-size:12px;
	color:#fff;
	margin-bottom: 15px;
}
.photo-com-m {
	line-height: 1.5;
	font-size:10px;
	color:#fff;
}
.photo-com-m01 {
	line-height: 1.5;
	font-size:10px;
	color:#b84a39;
}
.exm-right {
	float: right;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
}
.exm-left {
	float: left;
	width: 180px;
	margin-right:10px;
	margin-bottom:10px;
}
div.ex04-ttl {
	color: #555;
	font-size:14pt;
	font-style: italic;
	text-align: center;
}
div.ex04-ttl-k {
	color: #fff;
	font-size:14pt;
	font-style: italic;
	text-align: center;
}
.exa-ttl2 {
	color:#94adda;
	font-weight: bold;
	font-size: 11.5pt;
}
#exa-title {
	position: relative;
	width: 360px;
	top: 0em;
	left: 0.7em;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size:19pt;
	color:#fce4d6;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title02 {
	position: relative;
	width: 360px;
	top: 0em;
	left: 0em;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size:22pt;
	color:#fce4d6;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title03 {
	position: relative;
	width: 250px;
	top: 0em;
	left: 0em;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size:15pt;
	font-weight: bold;
	color:#fce4d6;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title04 {
	position: relative;
	width: 250px;
	top: 0em;
	left: 0em;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size:16pt;
	font-weight: bold;
	color:#fce4d6;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title03-m {
	position: relative;
	width: 250px;
	top: 0em;
	left: 0em;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size:16pt;
	color:#00afcc;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title2 {
	position: absolute;
	float:right;
	width: 180px;
	top: -0.2em;
	left: 190px;
	margin: 0;
	padding: 0;
	font-size:43pt;
	color:#fff;
	text-align:right;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title3 {
	position: relative;
	width: 160px;
	top: -5px;
	left: 0px;
	margin: 0;
	padding: 0;
	font-size:44pt;
	color:#555;
	text-align:center;
	line-height: 1;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title4 {
	position: relative;
	width: 360px;
	top: 5px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	font-size:44pt;
	color:#555;
	text-align:center;
	line-height: 1;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#exa-title2a {
	position: relative;
	width: 360px;
	top: 0em;
	left: 0em;
	margin: 0 auto;
	padding: 0;
	font-size: 60pt;
	color: #fff;
	text-align:center;
	line-height: 1;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}

#exa-title2a02 {
	position: relative;
	width: 360px;
	top: 0em;
	left: 0em;
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size: 22pt;
	color: #00afcc;
	text-align:center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
hr.middle {
	height: 6px;
	background: url(../images/hr-11.png) repeat-x 0 0;
	border: 0;
	margin-bottom:0.7em;
	margin-top: -0.5em;
}

.kojiro-chart-ttl {
	width: 170px;
	color: #003f8e;
	border-bottom:0.5px solid #c0c0c0;
	padding: 0;
	margin: 0 auto;
	font-size: 10pt;
}
.kojiro-chart-ttl-a {
	width: 170px;
	color: #003f8e;
	background-color: rgba(250,208,158,0.8);
	border-bottom:0.5px solid #c0c0c0;
	padding: 0;
	margin: 0 auto;
	font-size: 10pt;
}
.kojiro-chart-ttl-b {
	width: 98%;
	color: #003f8e;
	border-bottom:0.5px solid #c0c0c0;
	padding: 0;
	margin: 0 auto;
	font-size: 10pt;
	font-weight: bold;
}
#kojiro-supplement {
	width: 160px;
	float: left;
	margin:0.5em 5px 0.5em 0;
	padding:0px;
}
#kojiro-supplement-box {
	position: relative;
	font-size: 10pt;
	width: 165px;
	border: 0.5px solid #c0c0c0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:0em auto 0.2em auto;
	padding:10px;
	color:#555;
}
#kojiro-supplement-box02 {
	position: relative;
	font-size: 10pt;
	width: 165px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-top-left-radius: 12px;
	-moz-border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:0em auto 0em auto;
	padding:10px 10px 0px 10px;
	color:#555;
}
#kojiro-supplement-box-a {
	position: relative;
	font-size: 10pt;
	width: 360px;
	border:0.5px solid #c0c0c0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:0em auto 0.2em auto;
	padding:10px;
	color:#555;
}
#kojiro-supplement-box-a02 {
	position: relative;
	font-size: 10pt;
	width: 360px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:-0.7em auto 0.2em auto;
	padding:10px;
	color:#555;
}
#kojiro-supplement-box-a03 {
	position: relative;
	font-size: 10pt;
	width: 360px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background: url(note_bg.jpg) repeat;
	margin:-0.7em auto 0.2em auto;
	padding:12px 10px 10px 10px;
	color:#555;
}
#examine-com01 {
	border-top:5px solid #2e58a4;
	border-bottom:1px solid #2e58a4;
	width: 360px;
	background: #fff;
	color: #555;
	padding:5px 10px;
	font-size: 10.5pt;
}
#examine-com02 {
	width: 360px;
	background-color: rgba(46,88,164,0.8);
	color: #fff;
	padding:10px;
	font-size: 10.5pt;
}
#examine-com03 {
	border-top:3px solid #2e58a4;
	border-bottom:1px solid #2e58a4;
	width: 360px;
	margin-bottom:0.5em;
	background: #fff;
	color: #555;
	padding:5px 10px;
	font-size: 10.5pt;
}
#com-chart-m {
	width: 160px;
	height: ;
	margin:1em 0.5em;
	padding:10px 10px 10px 10px;
	position: relative;
	float: left;
	border:1px solid #cd574d;
	background: url(pattern.png) repeat;
	color:#fff;
	font-size: 10pt;
}
#com-chart-k {
	width: 160px;
	height: 910px;
	margin:1em 0.5em;
	padding:10px 10px 10px 10px;
	position: relative;
	float: left;
	border:1px solid #2e58a4;
	background: url(pattern.png) repeat;
	color:#fff;
	font-size: 10pt;
}
#com-chart-k02 {
	width: 160px;
	height: ;
	margin:1em 0.5em;
	padding:10px 10px 10px 10px;
	position: relative;
	float: left;
	border:1px solid #2e58a4;
	background: url(pattern.png) repeat;
	color:#fff;
	font-size: 10pt;
}
.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #fcfcfa;
	background-color: ;
}

#examine-ttl {
	width: 200px;
	margin: 0.2em 0 0 2.6em;
	font-size: 14pt;
	/*font-weight: bold;*/
	font-family:Verdana,Osaka,Arial,sans-serif;
	color: #fff;
}
#examine-ttl span {
	font-size: 12pt;
	margin-right:1.5em;
	-moz-transform:scale(1.6,1);  /* Firefox※ */
	-webkit-transform:scale(1.6,1);  /* Chrome,Safari */
	-o-transform:scale(1.6,1);  /* 旧Opera※ */
	-ms-transform:scale(1.6,1);  /* IE */
	transform:scale(1.6,1);  /* CSS3 */
}
#examine-ttl-border {
	width: 334.5px;
	margin: 0.2em 0 0 0;
	padding:0 0 0 2.6em;
	font-size: 14pt;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	/*font-weight: bold;*/
	font-family:Verdana,Osaka,Arial,sans-serif;
	color: #fff;
}
#examine-ttl-border span {
	font-size: 12pt;
	margin-right:1.5em;
	-moz-transform:scale(1.6,1);  /* Firefox※ */
	-webkit-transform:scale(1.6,1);  /* Chrome,Safari */
	-o-transform:scale(1.6,1);  /* 旧Opera※ */
	-ms-transform:scale(1.6,1);  /* IE */
	transform:scale(1.6,1);  /* CSS3 */
}
.mid {
	vertical-align: middle;
}
.zap-num-k {
	position: absolute;
	width: 26px;
	top:8px;
	left:0px;
	z-index:150;
}
.zap-num-k-w {
	position: absolute;
	width: 34px;
	top:10px;
	left:15px;
	z-index:150;
}
.zap-k {
	position: relative;
	width: 200px;
	top:0;
	left:-30px;
}
.zap-k-w {
	position: relative;
	width: 380px;
	top:0;
	left:-35px;
}
.zap-num-m {
	position: absolute;
	width: 26px;
	top:8px;
	left:157px;
	z-index:150;
}
.zap-num-m-w {
	position: absolute;
	width: 34px;
	top:10px;
	left:331px;
	z-index:150;
}
.zap-m {
	position: relative;
	width: 180px;
	top:0;
	left:-5px;
}
.zap-m-w {
	position: relative;
	width: 380px;
	top:0;
	left:13px;
}
/* 12月7日分・最短コマンド項目（小次郎） */
#examine-r02 {
	width: 400px;
	margin:0;
	padding:0;
	position: relative;
	border:6px solid #2e58a4;
	-webkit-box-shadow: 1px 2px 8px 1px #aaaab0;
	-moz-box-shadow: 1px 2px 8px 1px #aaaab0;
	box-shadow: 1px 2px 8px 1px #aaaab0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 16px;
	background-color: rgba(255,255,255,1);
	color: #555;
	z-index:250;
}
#examine-k02 {
	width: 390px;
	background-color: rgba(255,255,255,1);
	margin:0;
	padding:0px 5px;
	color:#555;
	font-size: 11pt;
}
#exa-title201 {
	float: right;
	-moz-transform:scale(1,1.5);  /* Firefox※ */
	-webkit-transform:scale(1,1.5);  /* Chrome,Safari */
	-o-transform:scale(1,1.5);  /* 旧Opera※ */
	-ms-transform:scale(1,1.5);  /* IE */
	transform:scale(1,1.5);  /* CSS3 */
	width: 180px;
	margin-top: 20px;
	padding: 0;
	font-size: 52pt;
	color: #000;
	text-align: center;
	line-height: 1;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#examine-ttl-02 {
	width: 365px;
	margin: 0.3em auto;
	padding: 0 0 0 2em;
	font-size: 14pt;
	/*font-weight: bold;*/
	font-family:Verdana,Osaka,Arial,sans-serif;
	color: #fff;
	background-color: rgba(46,88,164,1);
}
#examine-ttl-02 span {
	font-size: 12pt;
	margin-right:1.5em;
	-moz-transform:scale(1.6,1);  /* Firefox※ */
	-webkit-transform:scale(1.6,1);  /* Chrome,Safari */
	-o-transform:scale(1.6,1);  /* 旧Opera※ */
	-ms-transform:scale(1.6,1);  /* IE */
	transform:scale(1.6,1);  /* CSS3 */
}
#exa-title02-02 {
	position: relative;
	width: 400px;
	top: 0em;
	left: 0em;
	margin: 0.5em auto 0.3em auto;
	padding: 0;
	font-size:23.5pt;
	color:#fce4d6;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
	background-color: rgba(46,88,164,1);
}
.ex04-ttl002 {
	color: #000;
	font-size:14pt;
	font-style: italic;
	text-align: center;
}
#ex-description-07-w {
	width: 390px;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	background-color: rgba(46,88,164,1);
	margin-top:0.2em;
	padding:5px;
	color:#fff;
	font-size: 11pt;
}
#ex-description-07-w02 {
	width: 390px;
	margin-top:-3em;
	padding:5px;
	color:#555;
	font-size: 11pt;
}
#exd-left {
	float:left;
	width: 360px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:10px 5px 0px 5px;
	padding:10px 5px;
	color:#fff;
	font-size: 11pt;
}
#ex-description-0702 {
	float:left;
	width: 170px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:5px;
	padding:10px;
	color:#fff;
	font-size: 11pt;
}
#ex-description-0703 {
	float:right;
	width: 170px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:5px 0px;
	padding:10px;
	color:#fff;
	font-size: 11pt;
}
/* 12月7日分・最短コマンド項目（まりな） */
#examine-r02m {
	width: 400px;
	margin:0;
	padding:0;
	position: relative;
	border:6px solid #b84a39;
	-webkit-box-shadow: 1px 2px 8px 1px #aaaab0;
	-moz-box-shadow: 1px 2px 8px 1px #aaaab0;
	box-shadow: 1px 2px 8px 1px #aaaab0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 16px;
	background-color: rgba(255,255,255,1);
	color: #555;
	z-index:250;
}
#examine-k02m {
	width: 390px;
	background-color: rgba(184,74,57,1);
	margin:0;
	padding:5px;
	color:#fff;
	font-size: 12pt;
}

#examine-ttl-02m {
	width: 365px;
	margin: 0.3em auto;
	padding: 0 0 0 2em;
	font-size: 14pt;
	/*font-weight: bold;*/
	font-family:Verdana,Osaka,Arial,sans-serif;
	color: #fff;
	background-color: rgba(184,74,57,1);
}
#examine-ttl-02m span {
	font-size: 12pt;
	margin-right:1.5em;
	-moz-transform:scale(1.6,1);  /* Firefox※ */
	-webkit-transform:scale(1.6,1);  /* Chrome,Safari */
	-o-transform:scale(1.6,1);  /* 旧Opera※ */
	-ms-transform:scale(1.6,1);  /* IE */
	transform:scale(1.6,1);  /* CSS3 */
}
#exa-title02-02m {
	position: relative;
	width: 400px;
	top: 0em;
	left: 0em;
	margin: 0.5em auto 0.63em auto;
	padding: 0;
	font-size:24pt;
	color:#00afcc;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
	line-height: 1.27;
	background-color: rgba(184,74,57,1);
}
#exa-title201m {
	width: 380px;
	top: -0.2em;
	left: 190px;
	margin: 0;
	padding: 0;
	font-size:83pt;
	/*-moz-transform:scale(1,1.4);  /* Firefox※ */
	/*-webkit-transform:scale(1,1.5);  /* Chrome,Safari */
	/*-o-transform:scale(1,1.5);  /* 旧Opera※ */
	/*-ms-transform:scale(1,1.5);  /* IE */
	/*transform:scale(1,1.5);  /* CSS3 */
	color:#000;
	text-align:center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
	line-height: 1.23;
}
.ex04-ttl002m {
	color: #000;
	font-size:14pt;
	font-style: italic;
	text-align: center;
}
.ex04-ttl003m {
	color: #fff;
	font-size:14pt;
	font-style: italic;
	text-align: center;
}
#ex-description-07-w-m {
	width: 390px;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	background-color: rgba(255,255,255,1);
	margin-top:0em;
	padding:5px;
	color:#555;
	font-size: 12pt;
}
#ex-description-07-w02m {
	width: 390px;
	margin-top:0em;
	background-color: rgba(184,74,57,1);
	padding:5px;
	color:#fff;
	font-size: 12pt;
}
#exd-left {
	float:left;
	width: 360px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:10px 5px 0px 5px;
	padding:10px 5px;
	color:#fff;
	font-size: 11pt;
}
#ex-description-0702m {
	float:left;
	width: 170px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:5px;
	padding:10px;
	color:#fff;
	font-size: 11pt;
}
#ex-description-0703m {
	float:right;
	width: 170px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:5px 0px;
	padding:10px;
	color:#fff;
	font-size: 11pt;
}
.photo-left {
	float: left;
	width: 185px;
	margin:5px;
}
.photo-right {
	float: right;
	width: 185px;
	margin:5px;
}
/* 12/9ページ用（Incident of the five essentials） */
#io5e {
	position:relative;
	border:1px dotted;
	border-color: rgba(255,255,255,0.7);;
	width: 760px;
	height: 244px;
	margin: 0.5em auto;
	padding: 5px;
}
#io5e-l {
	float: left;
	width: 416px;
	height: 224px;
	margin: 10px;
}
#io5e-r {
	float: right;
	width: 290px;
	height: 90px;
	line-height: 1.6;
	margin: 50px 5px 5px 5px;
	padding: 24px 10px 10px 10px; 
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border:1px solid #b84a39;
	color: #fff;
	font-size: 11pt;
}
#io5e-l2 {
	float: left;
	width: 290px;
	height: 90px;
	line-height: 1.6;
	margin: 50px 5px 5px 5px;
	padding: 24px 10px 10px 10px; 
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border:1px solid #b84a39;
	color: #fff;
	font-size: 11pt;
}
#io5e-r2 {
	float: right;
	width: 416px;
	height: 224px;
	margin: 10px;
}
.end-title {
	margin-top: -0.5em;
	margin-bottom: -0.3em;
	margin-left: 0em;
	color:#abb1b5;
	font-size: 48px;
}
#end-ttl01 {
	color:#fafdff;
	font-size: 42px;
	margin: 0.5em auto 0 auto;
	text-align: center;
	font-family: "ＭＳ 明朝";
	line-height: 1;
}
#end-arrivals {
	width: 840px;
	height: 430px;
	margin; 0 auto:
	padding: 0;
}
#end-l-sp {
	float: left;
	width: 373px;
	height: 107px;
	margin: 10px 7.5px 0px 0px;
	padding: 18px 15px 17px 15px;
	line-height: 1.6;
	border: 6px solid #9d8e87;
	color:#fafdff;
	font-size: 44px;
	text-align: center;
	font-family: "ＭＳ 明朝";
	line-height: 1.2;
}
#end-l {
	float: left;
	width: 373px;
	height: 128px;
	margin: 10px 7.5px 0px 0px;
	padding: 7px 15px;
	line-height: 1.6;
	border: 6px solid #9d8e87;
	color: #fff;
	font-size: 10.5pt;
}
#end-r {
	float: right;
	width: 373px;
	height: 128px;
	margin: 10px 0px 0px 0px;
	padding: 7px 15px;
	line-height: 1.6;
	border: 6px solid #9d8e87;
	color: #fff;
	font-size: 10.5pt;
}
.end-ttl02 {
	color:#00afcc;
	font-size: 28px;
	-moz-transform:scale(1,1.4);  /* Firefox※ */
	-webkit-transform:scale(1,1.4);  /* Chrome,Safari */
	-o-transform:scale(1,1.4);  /* 旧Opera※ */
	-ms-transform:scale(1,1.4);  /* IE */
	transform:scale(1,1.4);  /* CSS3 */
	letter-spacing: 0;
	margin: 0 auto;
	text-align: left;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
#complemant01 {
	width: 840px;
	height: 305px;
	margin: 0 auto;
	padding: 0;
}
.comp-ttl {
	color: #00afcc;
	font-size: 18px;
	-moz-transform:scale(1,1.4);  /* Firefox※ */
	-webkit-transform:scale(1,1.4);  /* Chrome,Safari */
	-o-transform:scale(1,1.4);  /* 旧Opera※ */
	-ms-transform:scale(1,1.4);  /* IE */
	transform:scale(1,1.4);  /* CSS3 */
	letter-spacing: 0;
	margin: 0 auto 10px auto;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
.comp-ttl02 {
	color: #f39800;
	font-size: 22px;
	-moz-transform:scale(1,1.2);  /* Firefox※ */
	-webkit-transform:scale(1,1.2);  /* Chrome,Safari */
	-o-transform:scale(1,1.2);  /* 旧Opera※ */
	-ms-transform:scale(1,1.2);  /* IE */
	transform:scale(1,1.2);  /* CSS3 */
	letter-spacing: 0;
	margin: 0 auto 30px auto;
	text-align: center;
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}
.comp-photo-com-l {
	float: left;
	line-height: 1.5;
	font-size:11px;
	color:#f7f6fb;
	margin: 5px;
}
.comp-photo-com-r {
	float: right;
	line-height: 1.5;
	font-size:11px;
	color:#f7f6fb;
	margin: 5px;
}

#comp-left01 {
	float: left;
	width: 400px;
	height: 250px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1.6;
	border: 12px solid;
	border-color: rgba(255,255,255,0.3);
	color: #fff;
	font-size: 10pt;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}
#comp-right01 {
	float: right;
	width: 340px;
	height: 250px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1.5;
	border: 12px solid;
	border-color: rgba(255,255,255,0.3);
	color: #fff;
	font-size: 10pt;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}
#complemant02 {
	width: 840px;
	height: 1076px;
	margin: 0 auto;
	padding: 0;
}
#complemant02-l {
	float: left;
	width: 470px;
	margin-top: -0.2em;
	padding: 0;
}
#complemant02-r {
	float: right;
	width: 350px;
	margin-top: -0.2em;
	padding: 0;
}

#comp-left02 {
	width: 430px;
	margin: 1em auto 0 auto;
	padding: 10px;
	line-height: 1.6;
	border: 12px solid;
	border-color: rgba(255,255,255,0.3);
	color: #fff;
	font-size: 10pt;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}

#comp-s-frame {
	position:relative;
	width: 410px;
	height: 298px;
	margin: 0 auto;
	clear: both;
}
#comp-left-s01 {
	float: left;
	width: 190px;
	margin-right: 10px;
	padding: 0;
	text-align: left;
}
#comp-right-s01 {
	float: right;
	width: 190px;
	margin: 0px;
	padding: 0;
	text-align: left;
}

#comp-right02 {
	width: 310px;
	margin: 1em auto 0 auto;
	padding: 10px;
	line-height: 1.5;
	border: 12px solid;
	border-color: rgba(255,255,255,0.3);
	color: #fff;
	font-size: 10pt;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}
.comp-ttl-s01 {
	position: absolute;
	width: 185px;
	top: -1.2em;
	left: 50px;
	background: #f39800;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	font-size: 22px;
	color: #434da2;
	letter-spacing: 0;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
#comp-r-s01 {
	position: relative;
	width: 275px;
	margin: 0.5em auto 0.3em auto;
	padding: 25px 13px 15px 13px;
	border: 8px solid;
	border-color: rgba(243,152,0,0.7);
	-webkit-border-radius: 54px;
	-moz-border-radius: 54px;
	border-radius: 54px;
	color: #fff;
	font-size: 10.5pt;
	line-height: 1.6;
}

/* ボトム行間調整 */
.bottom-adjust01 {
	width: 380px;
	height: 50px;
	margin: 0;
}
.bottom-adjust02 {
	width: 380px;
	height: 75px;
	margin: 0;
}
.bottom-adjust03 {
	width: 380px;
	height: 16px;
	margin: 0;
}
.bottom-adjust04 {
	width: 380px;
	height: 14px;
	margin: 0;
}
.bottom-adjust05 {
	width: 380px;
	height: 653px;
	margin: 0;
}
.bottom-adjust06 {
	width: 380px;
	height: 25px;
	margin: 0;
}
.bottom-adjust07 {
	width: 380px;
	height: 67px;
	margin: 0;
}
.bottom-adjust08 {
	width: 380px;
	height: 10px;
	margin: 0;
}
.bottom-adjust09 {
	width: 380px;
	height: 20px;
	margin: 0;
}
.bottom-adjust10 {
	width: 380px;
	height: 135px;
	margin: 0;
}
.bottom-adjust11 {
	width: 380px;
	height: 94px;
	margin: 0;
}
.bottom-adjust12 {
	width: 380px;
	height: 109px;
	margin: 0;
}
.bottom-adjust13 {
	width: 380px;
	height: 38px;
	margin: 0;
}
.bottom-adjust14 {
	width: 380px;
	height: 37px;
	margin: 0;
}
.bottom-adjust15 {
	width: 380px;
	height: 30px;
	margin: 0;
}
.bottom-adjust16 {
	width: 380px;
	height: 7px;
	margin: 0;
}
.bottom-adjust17 {
	width: 380px;
	height: 47px;
	margin: 0;
}
.bottom-adjust18 {
	width: 380px;
	height: 130px;
	margin: 0;
}
.bottom-adjust19 {
	width: 380px;
	height: 13px;
	margin: 0;
}
.bottom-adjust20 {
	width: 380px;
	height: 120px;
	margin: 0;
}
.bottom-adjust21 {
	width: 380px;
	height: 40px;
	margin: 0;
}
.bottom-adjust22 {
	width: 380px;
	height: 50px;
	margin: 0;
}
.bottom-adjust23 {
	width: 380px;
	height: 3.5px;
	margin: 0;
}
/* ミドル行間調整 */
.middle-adjust {
	width: 380px;
	height: 15px;
	margin: 0;
}
.middle-adjust02 {
	width: 380px;
	height: 5px;
	margin: 0;
}
.middle-adjust03 {
	width: 380px;
	height: 23px;
	margin: 0;
}
.middle-adjust04 {
	width: 380px;
	height: 10px;
	margin: 0;
}
.middle-adjust05 {
	width: 380px;
	height: 8px;
	margin: 0;
}
.middle-adjust06 {
	width: 380px;
	height: 3em;
	margin: 0;
}
.middle-adjust07 {
	width: 380px;
	height: 2px;
	margin: 0;
}