@charset "UTF-8";

/*---------------------------
	ページスタイル
---------------------------*/

html{overflow-y: scroll;}

body{
	background:#3c3c3c;
}

#header_box_01{
	border-bottom:solid 1px #18cced;
	background:#3c3c3c;
}

#header_box_01 h1{
	font-size:10px;
	color:#fff;
	width:994px;
	margin:0 auto;
	padding:5px 0;
}

#header_box_02{
	background:url(../images/header_bg_01.jpg) repeat left top;
}

#header_box_03{
	width:994px;
	margin:0 auto;
	padding:8px 0;
}

#header_left_01{
	float:left;
	width:204px;
	padding:2px 0 0 0;
}

#header_right_01{
	float:right;
	width:747px;
	background:url(../images/header_icon_02_off.png) no-repeat 523px 2px;
}

#header_right_02{
	float:right;
	width:747px;
}

#header_right_02 li{
	float:left;
	cursor:pointer;
}

#header_right_02 ul{
	width:550px;
	float:left;
	padding:2px 0 0 0;
}

#header_right_02 p{
	float:right;
	width:148px;
}

#header_right_02 a{
	display:block;
}

#next{
	cursor:pointer;
	float:right;
	width:27px !important;
	height:27px !important;
}

#prev{
	cursor:pointer;
	float:left;
	width:27px !important;
	height:27px !important;
}
.prev_btn{
	width:27px !important;
	height:27px !important;
	background:url(../images/header_icon_01_off.png) no-repeat left top;
}

#next{
	width:27px;
	height:27px;
	text-indent:-9999px;
	background:url(../images/header_icon_02_off.png) no-repeat left top;
}

#next:hover{
	text-indent:-9999px;
	background:url(../images/header_icon_02_on.png) no-repeat left top !important;
}

#prev{
	width:27px;
	height:27px;
	text-indent:-9999px;
	background:url(../images/header_icon_01_off.png) no-repeat left top;
}

#prev:hover{
	text-indent:-9999px;
	background:url(../images/header_icon_01_on.png) no-repeat left top !important;
}

#header_right_01 li{
	float:left;
	cursor:pointer;
}

#header_right_01 ul{
	width:550px;
	float:left;
	padding:2px 0 0 0;
}

#header_right_01 p{
	float:right;
	width:148px;
}

#main_bg_01{
	background:url(../images/main_bg_02.jpg) repeat left top;
}

#main_bg_02{
	background:url(../images/main_bg_01.png) repeat-x left top;
}

#main_box_01{
	padding:20px 0 15px 0;
	width:994px;
	margin:0 auto;
}

#main_left{
	float:left;
	width:186px;
}

#main_right{
	float:right;
	width:782px;
	height:720px;
	position:relative;
	background:url(../images/prev2_btn_02.png) no-repeat 250px 707px !important;
}

#main_right_02{
	float:right;
	width:782px;
}

#page_navi{
	padding:0;
	text-align:center;
	position:relative;
}

.page_bavi_bg{
	width:782px;
	height:10px;
	position:absolute;
	bottom:10px;
}

#home{
	position:absolute;
	left:280px;
}

#p02{
	position:absolute;
	left:310px;
}

#p03{
	position:absolute;
	left:340px;
}

#p04{
	position:absolute;
	left:370px;
}

#p05{
	position:absolute;
	left:400px;
}

#p06{
	position:absolute;
	left:430px;
}

#page_navi li{
	float:left;
	color:#1a9fd7;
	padding:0 10px;
	cursor:pointer;
}

#footer_box_01{
	width:994px;
	margin:0 auto;
	height:66px !important;
	line-height:0;
}

.prev2{
	width:18px;
	height:9px;
	background:url(../images/prev2_btn_01.png) no-repeat left 17px;
}

#prev2{
	position:absolute;
	left:250px;
	top:5px;
	width:18px;
	height:9px;
	background:url(../images/prev2_btn_01.png) no-repeat left 17px;
}

.next2{
	width:18px;
	height:9px;
	background:url(../images/next2_btn_01.png) no-repeat 3px 17px;
}

#next2{
	top:5px;
	position:absolute;
	left:460px;
	width:18px !important;
	height:9px;
	background:url(../images/next2_btn_01.png) no-repeat right 17px;
}

#footer_box_01 p{
	float:left;
	width:254px;
	padding:7px 0 0 0;
}

#footer_box_01 ul{
	float:right;
	width:369px;
	padding:26px 0 0 0;
}

#footer_box_01 li{
	float:right;
	padding:0 0 0 41px;
}

#page1_box_01{
	margin:40px 0 0 0;
	width:780px;
	position:absolute;
	z-index:0;
}

.page1_right_01{
	position:absolute;
	right:0;
	top:0;
}

.page1_left_01{
	position:absolute;
	left:0;
	top:0;
}

#photo{
	position:absolute;
	right:0;
}
#txt{
	position:absolute;
	left:0;
}

#page2_box_01{
	width:780px;
	padding:40px 0 0 0;
	position:absolute;
	z-index:0;
}

.title_01{
	font-size:30px;
	color:#1a9fd7;
	width:782px;
	padding:0 0 20px 0;
	background:url(../images/page_bg_01.png) no-repeat left bottom;
}

.title_01 span{
	padding:0 0 0 25px;
	background:url(../images/page_icon_01.png) no-repeat left 10px;
}

#photo2{
	position:absolute;
	right:-90px;
	opacity:0;
}

#txt2{
	position:absolute;
	left:-90px;
	opacity:0;
	top:95px;
}

#txt2 p span{
	background:#fffab2;
}

.title_02{
	padding:0 0 0 10px;
	color:#1a9fd7;
	font-size:19px;
	line-height:23px;
}

.title_02 span{
	padding:0 0 0 19px;
	background:url(../images/page_icon_03.png) no-repeat left 8px;
}

#page3_box_01{
	width:780px;
	padding:40px 0 0 0;
	position:absolute;
	z-index:0;
}

#photo3{
	position:absolute;
	right:-90px;
	opacity:0;
}

#txt3{
	position:absolute;
	left:-90px;
	opacity:0;
	top:95px;
}

#page4_box_01{
	width:780px;
	padding:40px 0 0 0;
	position:absolute;
}

#photo4{
	position:absolute;
	right:-90px;
	opacity:0;
}

#txt4{
	position:absolute;
	left:-90px;
	opacity:0;
	top:95px;
}

.title_03{
	font-size:22px;
	color:#1a9fd7;
	font-weight:bold;
	padding:10px 0 0 0;
}

.text_01{
	color:#666666;
	padding:0 0 30px 0;
}

#page5_box_02{
	width:780px;
	position:absolute;
	padding:40px 0 0 0;
	z-index:0;
}

.page5_left_01{
	float:left;
	width:380px;
}

.page5_left_01 h2{
	background:#1a9fd7;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}

.page5_right_01{
	float:right;
	width:380px;
}

.page5_right_01 h2{
	background:#1a9fd7;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}

.page5_box_01{
	width:348px;
	margin:0 auto;
	padding:20px 15px;
	background:#fff;
	position:absolute;
	border:solid 1px #1a9fd7;
}

.page5_box_01 h3{
	margin:0 0 5px 0;
	padding:0 0 0 23px;
	color:#1a9fd7;
	font-size:19px;
	font-weight:bold;
	background:url(../images/page5_icon_01.jpg) no-repeat left 2px;
}

.page5_box_01 p{
	font-size:12px;
	line-height:20px;
}

#photo5{
	position:absolute;
	right:-90px;
	opacity:0;
}

#txt5{
	position:absolute;
	left:-90px;
	opacity:0;
	top:95px;
	width:782px;
}

#page6_box_01{
	width:780px;
	padding:40px 0 0 0;
	position:absolute;
	z-index:0;
}

#photo6{
	position:absolute;
	right:-90px;
	opacity:0;
}

#txt6{
	position:absolute;
	left:-90px;
	opacity:0;
	top:105px;
	width:782px;
}

.page6_btn_01 li{
	float:left;
}

.page6_box_02{
	border:solid 1px #1a9fd7;
	padding:20px 0 0 0;
	background:#fff;
	margin-top:-1px;
	height:486px;
	overflow-y:scroll;
	width:100%;
}

.page6_box_03{
	padding:0 70px 0 30px;
}

.page6_box_04{
	border:solid 1px #1a9fd7;
	padding:20px 0 0 0;
	background:#fff;
	margin-top:-1px;
	height:526px;
	overflow-y:scroll;
	width:100%;
	margin-bottom:20px;
}

/* アコーディオン */
.acordion{
	padding:0 0 30px 0;
}
.trigger {
	cursor:pointer;
	border-bottom:dotted 1px #817f7f;
	padding:10px 10px 10px 40px;
	font-size:16px;
	color:#555555;
	background: url(../images/page6_icon_01.jpg) no-repeat left 10px;
}

.trigger_02 {
	cursor:pointer;
	border-bottom:dotted 1px #817f7f;
	padding:0 10px 10px 40px;
	font-size:16px;
	color:#555555;
	background: url(../images/page6_icon_01.jpg) no-repeat left 10px;
}
.trigger_02 div{
	padding:10px 20px 0 0;
	background: url(../images/page6_icon_02.jpg) no-repeat right 10px !important;
}
.acordion_tree{
	padding:15px 5px 10px 40px;
	color:#1a9fd7;
	font-size:13px;
	line-height:20px;
	border-bottom:dotted 1px #817f7f;
}
.open-close {
	background: url(../images/page6_icon_02.jpg) no-repeat right top;
	float: right;
	width: 20px;
	height:20px;
	text-indent: -9999em;
}
.active span.open-close {
	background: url(../images/page6_icon_02_over.jpg) no-repeat right top !important;
	float: right;
	width: 20px;
	height:20px;
}
.trigger_02 span.open-close {
	background:none !important;
}
.active div{
	width:595px;
	padding:10px 20px 0 0;
	background: url(../images/page6_icon_02_over.jpg) no-repeat right 10px !important;
}

#terms_box_01{
	padding:40px 0 0 0;
}

#terms_box_01 h2{
	color:#22a2d9;
	font-size:17px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 5px 12px;
	border-bottom:solid 1px #cbcbcb;
}

#terms_box_01 dl{
	font-size:12px;
	line-height:18px;
	padding:0 12px;
}

#terms_box_01 dt{
	color:#22a2d9;
}

#terms_box_01 dd{
	color:#555;
	padding:0 0 20px 0;
}

#terms_box_01 p{
	padding:0 0 40px 12px;
	font-size:12px;
	line-height:18px;
}

#company_box_01{
	padding:40px 0 0 0;
}

#company_box_01 table{
	width:100%;
	line-height:23px;
}

#company_box_01 th{
	width:200px;
	padding:10px 0 10px 10px;
	color:#22a2d9;
	border-bottom:solid 1px #c8c8c8;
}

#company_box_01 td{
	padding:10px 0;
	border-bottom:solid 1px #c8c8c8;
}

#company_box_01 span{
	color:#1a9fd7;
}

#privacy_box_01{
	padding:40px 0 0 0;
}

#privacy_box_01 h2{
	padding:20px 0 0 0;
	color:#1a9fd7;
	font-weight:bold;
}

#privacy_box_01 p{
	font-size:12px;
	line-height:18px;
}

.p2btn{
	width:127px;
	height:27px;
	background:url(../images/header_btn_01_off.png) no-repeat left top;
}

.p2btn div{
	width:127px;
	height:27px;
	text-indent:-9999px;
}

#p2:hover{
	text-indent:-9999px;
	background:url(../images/header_btn_01_on.png) no-repeat left top !important;
}

.active2{
	background:url(../images/header_btn_01_on.png) no-repeat left top !important;
}

.p3btn{
	width:75px;
	height:27px;
	background:url(../images/header_btn_02_off.png) no-repeat left top;
}

.p3btn div{
	width:75px;
	height:27px;
	text-indent:-9999px;
}

#p3:hover{
	text-indent:-9999px;
	background:url(../images/header_btn_02_on.png) no-repeat left top !important;
}

.active3{
	background:url(../images/header_btn_02_on.png) no-repeat left top !important;
}

.p4btn{
	width:68px;
	height:27px;
	background:url(../images/header_btn_03_off.png) no-repeat left top;
}

.p4btn div{
	width:68px;
	height:27px;
	text-indent:-9999px;
}

#p4:hover{
	text-indent:-9999px;
	background:url(../images/header_btn_03_on.png) no-repeat left top !important;
}

.active4{
	background:url(../images/header_btn_03_on.png) no-repeat left top !important;
}

.p5btn{
	width:93px;
	height:27px;
	background:url(../images/header_btn_04_off.png) no-repeat left top;
}

.p5btn div{
	width:93px;
	height:27px;
	text-indent:-9999px;
}

#p5:hover{
	text-indent:-9999px;
	background:url(../images/header_btn_04_on.png) no-repeat left top !important;
}

.active5{
	background:url(../images/header_btn_04_on.png) no-repeat left top !important;
}

.p6btn{
	width:133px;
	height:27px;
	background:url(../images/header_btn_05_off.png) no-repeat left top;
}

.p6btn div{
	width:133px;
	height:27px;
	text-indent:-9999px;
}

#p6:hover{
	text-indent:-9999px;
	background:url(../images/header_btn_05_on.png) no-repeat left top !important;
}

.active6{
	background:url(../images/header_btn_05_on.png) no-repeat left top !important;
}

.z1{
	z-index:99;
}

.z2{
	z-index:999;
}

.z3{
	z-index:999 !important;
}

.pl27{
	padding-left:27px !important;
}



.pBt15 {padding-bottom:15px !important;}
.termsT {border-left:solid 3px #22a2d9; padding-left:13px; font-weight:bold; font-size:20px; margin-bottom:20px;}