@charset "UTF-8";

html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

img {
	vertical-align:top;
}

.pngfix {
}


/*
Font-size Adjustment
基本サイズ14px

10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%
*/

/* -----------------------------------------------
 * clearfix
 * ----------------------------------------------- */

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
	zoom:1;
}
.clearfix{
	overflow:hidden;
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */

.clear {
	clear:both;
}


/* -----------------------------------------------
 * margin padding
 * ----------------------------------------------- */

.mr00 {
	margin-right:0 !important;
}

.mt5
{
	margin-top:5px !important;
}

.mt10
{
	margin-top:10px !important;
}

.mt20
{
	margin-top:20px !important;
}

.mt30
{
	margin-top:30px !important;
}

.mt40
{
	margin-top:40px !important;
}

.mt50
{
	margin-top:50px !important;
}

.mt100
{
	margin-top:100px !important;
}

.mt1em {
	margin-top: 1em !important;
}

.mb00 {
	margin-bottom: 0 !important;
}

.mb5
{
	margin-bottom:5px !important;
}

.mb10
{
	margin-bottom:10px !important;
}

.mb20
{
	margin-bottom:20px !important;
}

.mb30
{
	margin-bottom:30px !important;
}

.mb40
{
	margin-bottom:40px !important;
}

.mb50
{
	margin-bottom:50px !important;
}

.mb60
{
	margin-bottom:60px !important;
}

.ml10 {
	margin-left:10px;
}

.ml20 {
	margin-left:20px !important;
}

.ml30 {
	margin-left:30px;
}

.ml1em {
	margin-left: 1em !important;
}

.mr10 {
	margin-right:10px;
}

.mr20 {
	margin-right:20px;
}

.mr30 {
	margin-right:30px;
}

.pb10 {
	padding-bottom:10px !important;
}

.pb20 {
	padding-bottom:20px !important;
}

.pb30 {
	padding-bottom:30px !important;
}

/* -----------------------------------------------
 * float_box
 * ----------------------------------------------- */

.fl_leftbox {
	float:left;
	margin:0 20px 0 0;
	display:inline;
}

.fl_rightbox {
	float:right;
	width:460px;
	display:inline;
}

/* -----------------------------------------------
 * text
 * ----------------------------------------------- */

.txtCenter {
	text-align:center;
}

.txtRight {
	text-align:right;
}

.txtLeft {
	text-align:left;
}

.cationTxt {
	color:#F00;
}

.errorTxt {
	color:#F00;
	font-weight:bold;
}

sup {
    position: relative;
    top: -1ex;
    vertical-align: baseline;
}

strong {
	font-size:123.1%;

}

.bold {
	font-weight:bold;
}

.annotationTxt {
	line-height:1.5;
	font-size:94%;
	text-indent:-1em;
	margin:.5em 0 0 1em;
}

.notes {
	font-size: 86%;
	text-indent: -1.2em;
	margin: 0 0 0 1.2em;
}

.redmark {
	color:#e10a20;
}

/* -----------------------------------------------
 * position
 * ----------------------------------------------- */

.center {
	text-align:center;
}

.fl_left {
	float:left;
}

.fl_right {
	float:right;
}


/* -----------------------------------------------
 * link
 * ----------------------------------------------- */

a:link {
	color:#e10a20;
	text-decoration:underline;
    outline: none;
}
a:visited {
	color:#e10a20;
	text-decoration:underline;
}
a:hover {
	color:#e10a20;
	text-decoration:none;
}
a:active {
	color:#e10a20;
	text-decoration:none;
}

/* -----------------------------------------------
 * page
 * ----------------------------------------------- */

body {
	font:14px arial,helvetica,clean,sans-serif;
	*font-size:medium;
	*font:x-small; /* for IE in quirks mode */
	font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	line-height:1.6em;
	margin:0 auto;
	color:#333;
}

#rts_contents {
	width:960px;
	margin:0 auto;
	padding: 40px 0 20px;
	font-size: 14px;
}
#rts_contents .block {
	position: relative;
	background: no-repeat left top;
}
#rts_contents .block.box1 {
	width: 969px;
	height: 821px;
	margin: 0 0 0 -9px;
	background-image: url(../img/top_img.jpg);
}
#rts_contents .block.box1 h1,
#rts_contents .block.box1 p {
	text-indent: -9999px;
	overflow: hidden;
}
#rts_contents .block.box1 p.setpos {
	position: absolute;
	top: 643px;
	left: 503px;
	width: 430px;
	text-indent: 0;
	line-height: 1.8em;
	color: #2e6c7c;
}
#rts_contents .block.box1 p.close {
	position: absolute;
	top: 506px;
	left: 150px;
	text-indent: 0;
}

#rts_contents .block.box2 {
	height: 572px;
	background-image: url(../img/box2.jpg);
}
#rts_contents .block.box2 h2 {
	text-indent: -9999px;
	overflow: hidden;
}
#rts_contents .block.box2 .ttl {
	width: 260px;
	padding: 0 0 10px;
	font-size: 108%;
	line-height: 1.4em;
	color: #4592a5;
	font-weight: bold;
}
#rts_contents .block.box2 .mes {
	width: 260px;
	line-height: 1.4em;
	color: #4592a5;
}
#rts_contents .block.box2 .pos1 {
	position: absolute;
	top: 165px;
	left: 196px;
}
#rts_contents .block.box2 .pos2 {
	position: absolute;
	top: 362px;
	left: 196px;
}
#rts_contents .block.box2 .pos3 {
	position: absolute;
	top: 165px;
	left: 630px;
}
#rts_contents .block.box2 .pos4 {
	position: absolute;
	top: 362px;
	left: 630px;
}
#rts_contents .block.box2 .pos4 .ttl {
	letter-spacing: -0.1em;
}

#rts_contents .block.box3 {
	height: 233px;
	background-image: url(../img/box3.jpg);
}
#rts_contents .block.box3 h2 {
	text-indent: -9999px;
	overflow: hidden;
}
#rts_contents .block.box3 p {
	position: absolute;
	top: 143px;
	left: 76px;
	width: 582px;
	font-size: 108%;
	line-height: 1.6em;
	color: #4592a5;
	letter-spacing: 0.1em;
}

#rts_contents .block.box4 {
	height: 828px;
	background-image: url(../img/box4.jpg);
}
#rts_contents .block.box4 h4 {
	text-indent: -9999px;
	overflow: hidden;
	display: none;
}
#rts_contents .block.box4 .pos1 {
	position: absolute;
	top: 108px;
	left: 52px;
	width: 420px;
	font-size: 108%;
	line-height: 1.8em;
	color: #4592a5;
	font-weight: bold;
}
#rts_contents .block.box4 .pos1 span {
	display: block;
	padding: 7px 0 0;
	font-weight: normal;
	line-height: 1.4em;
}
#rts_contents .block.box4 .pos1 span.fcRed {
	color: #ff0000;
}
#rts_contents .block.box4 .pos2 {
	position: absolute;
	top: 108px;
	left: 491px;
	width: 420px;
	font-size: 108%;
	line-height: 1.8em;
	color: #4592a5;
}
#rts_contents .block.box4 .pos3 {
	position: absolute;
	top: 671px;
	left: 0;
}
#rts_contents .block.box4 .pos3 .p1 {
	position: absolute;
	top: 0;
	left: 49px;
	width: 326px;
	height: 68px;
	font-size: 108%;
	line-height: 1.4em;
	color: #4592a5;
	font-weight: bold;
	padding: 10px 0 0 64px;
	border: 1px solid #4592a5;
}
#rts_contents .block.box4 .pos3 .p1 span {
	display: block;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.5em;
}
#rts_contents .block.box4 .pos3 .p2 {
	position: absolute;
	top: 0;
	left: 456px;
	width: 480px;
	line-height: 1.5em;
	color: #4592a5;
}
#rts_contents .block.box4 .back{
	position: absolute;
	bottom: 8px;
	left: 11px;
	width: 100%;
}
#rts_contents .block.box4 .back a{
	color: #4592a5;
	padding: 0 0 0 12px;
	background: url(../img/icon_arrowleft.gif) no-repeat left 3px;
}