@charset "utf-8";
/*---------------------------
		common-----------------*/
* {
	padding: 0;
	margin: 0;
}
img {
	border: none;
}
a:link {
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #F90;
	text-decoration: none;
	font-weight: bold;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #333;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
table {
	border-collapse: collapse;
}
td {
	padding: 10px;
	vertical-align: middle;
}
th {
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
#container {
	width: 900px;
	text-align: left;
	margin: 0 auto;
}
#header_top {
	width: 100%;
	background-image: url(img/back.jpg);
	height: 30px;
	padding-bottom: 5px;
}
#header {
	width: 900px;
	padding-bottom: 20px;
}
#header_top .sat {
	float: left;
	font-size: 18px;
	padding-top: 8px;
	padding-left: 5px;
	font-weight: bold;
}
#header_top .navi {
	padding-right: 10px;
	float: right;
}
#header_top .navi .menu {
	float: left;
	padding-left: 30px;
	padding-top: 8px;
}
#header .bottom {
	width: 900px;
	padding-bottom: 25px;
	padding-top: 10px;
}
#header .bottom .logo {
	width: 265px;
	float: left;
}
#header .bottom .tel {
	width: 388px;
	float: right;
}
#header .menubox {
	width: 880px;
	padding-left: 10px;
}
#header .menubox .menu01 {
	float: left;
	padding-right: 23px;
}
#header .menubox .menu02 {
	float: left;
}
#main {
	width: 900px;
	padding-bottom: 30px;
	background-color: #FFF;
}
#left {
	width: 240px;
	padding: 20px 20px 0 10px;
	float: left;
}
#left .btn_box {
	width: 200px;
	padding: 0 20px 10px 20px;
}
#left .box {
	width: 240px;
	padding-bottom: 20px;
}
#left .mobile {
	width: 240px;
	height: 280px;
	background-image: url(img/mobile_back.jpg);
	background-repeat: no-repeat;
}
#left .mobile .qr {
	width: 125px;
	height: 125px;
	padding: 70px 57px 45px 58px;
}
#left .mobile .mobile_btn {
	width: 200px;
	height: 30px;
	padding: 0 20px 10px 20px;
}
#right {
	width: 630px;
	padding-top: 20px;
	float: left;
}
#footer {
	width: 100%;
	height: 65px;
	background-image: url(img/footer_back.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 10px;
	color: #666;
}
#footer a:link {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
#footer a:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
#footer a:active {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover {
	color: #999;
	text-decoration: underline;
	font-weight: normal;
}
/*---------------------------
		font----------------*/
.bold {
	font-weight: bold;
}
.bold18 {
	font-size: 18px;
	font-weight: bold;
}
.pink {
	color: #DD2364;
}
.kikan {
	text-align: center;
	color: #666;
	font-size: 14px;
}
/*---------------------------
		TOP-----------------*/
#wrap {
	width: 1000px;
	margin: 0 auto;
	background-image: url(img/top_back.jpg);
	background-repeat: no-repeat;
}
#top_main {
	width: 900px;
}
#top_main .top01 {
	width: 115px;

	height: 200px
	float: left;
	float: left;
}
#top_main .top02 {
	width: 195px;

	height: 200px
	float: left;
	float: left;
}
#top_main .top03 {
	width: 590px;

	height: 200px
	float: left;
	float: left;
}
#top_main .top03 .what {
	width: 570px;
	padding: 10px 10px 0 10px;
}
#top_main .top03 .what dt {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 5px;
}
#top_main .top03 .what dd {
	padding-left: 10px;
}
#right .title {
	padding-bottom: 15px;
}
#right .right_left {
	width: 290px;
	padding-right: 20px;
	float: left;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 10px;
	padding-bottom: 10px;
}
#right .right_left .news_box {
	width: 280px;
	padding-right: 10px;
	overflow: auto;
	padding-bottom: 5px;
	height: 175px;
}
#right .right_left .news_box dt {
	font-size: 10px;
	color: #666;
}
#right .right_left .news_box dd {
	padding: 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#right .right_right {
	width: 280px;
	float: left;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 10px;
	padding-bottom: 10px;
}
#right .right_right .bnr_box {
	width: 280px;
	padding-bottom: 20px;
}
#right .right_bottom {
	width: 630px;
	padding-top: 30px;
}
#right .right_bottom .merit {
	width: 610px;
	padding-left: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-bottom: 10px;
}
/*---------------------------
		SUB-----------------*/
#right .right_top {
	width: 610px;
	padding-left: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-bottom: 10px;
}
#right .exp01 {
	width: 460px;
	padding: 10px 10px 0 10px;
	line-height: 1.8em;
	float: left;
}
#right .exp01 dt {
	font-weight: bold;
	font-size: 14px;
}
#right .exp01 dd {
	padding-left: 10px;
}
#right .exp02 {
	width: 590px;
	padding: 0 10px;
	line-height: 1.8em;
}
#right .exp03 {
	width: 590px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.8em;
}
#right .image {
	width: 120px;
	height: 120px;
	padding-bottom: 10px;
	padding-right: 10px;
	float: left;
}
#right .regist_btn {
	width: 240px;
	padding: 20px 195px 0 195px;
}
#right .right_top .step {
	width: 610px;
	padding: 20px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DD2364;
}
#right .right_top .step .step_img {
	width: 190px;
	height: 120px;
	padding-right: 10px;
	float: left;
}
#right .right_top .step .exp {
	width: 400px;
	padding: 20px 10px 0 0;
	line-height: 1.8em;
	float: left;
}
#right .table_box {
	width: 600px;
	padding-right: 10px;
}
#right .table_box th {
	font-size: 14px;
	border: 1px solid #FFF;
}
#right .table_box td {
	border: 1px solid #FFF;
}
#right .table_box .th01 {
	width: 40%;
	background-color: #DD2364;
	color: #FFF;
	text-align: center;
}
#right .table_box .th02 {
	width: 30%;
	background-color: #DD2364;
	color: #FFF;
	text-align: center;
}
#right .table_box .th03 {
	width: 50%;
	background-color: #8FC31F;
	color: #FFF;
	text-align: center;
}
#right .table_box .th04 {
	width: 578px;
	background-color: #DD2364;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#right .table_box .th05 {
	width: 578px;
	background-color: #F39800;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#right .table_box .td01a {
	width: 40%;
	text-align: center;
}
#right .table_box .td01b {
	width: 40%;
	background-color: #FCE5ED;
	text-align: center;
}
#right .table_box .td02a {
	width: 30%;
	font-weight: bold;
	text-align: center;
}
#right .table_box .td02b {
	width: 30%;
	background-color: #FCE5ED;
	font-weight: bold;
	text-align: center;
}
#right .table_box .td03 {
	width: 50%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8FC31F;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8FC31F;
	text-align: center;
}
#right .table_box .td04 {
	width: 35%;
	background-color: #CCC;
	text-align: left;
}
#right .table_box .td05 {
	width: 65%;
	background-color: #EEE;
	text-align: left;
}
#right .table_box .td06a {
	width: 20%;
	border: 1px solid #DD2364;
}
#right .table_box .td06b {
	width: 20%;
	border: 1px solid #DD2364;
	background-color: #FCE5ED;
	font-weight: bold;
}
#right .table_box .td07a {
	width: 40%;
	border: 1px solid #DD2364;
}
#right .table_box .td07a li {
	margin-left: 1.5em;
}
#right .table_box .td07b {
	width: 40%;
	border: 1px solid #DD2364;
	background-color: #FCE5ED;
	font-weight: bold;
}
#right .table_box .td08 {
	width: 40%;
	background-color: #FCE5ED;
}
#right .table_box .td09 {
	background-color: #FDF1F5;
	width: 60%;
}
#right .table_box .td10 {
	width: 40%;
	background-color: #FF9;
}
#right .table_box .td11 {
	background-color: #FFC;
	width: 60%;
}
#right .table_box .td12 {
	width: 25%;
	background-color: #CCE198;
}
#right .table_box .td13 {
	width: 75%;
	background-color: #E8F3CC;
}
#right .attention {
	width: 570px;
	padding: 30px;
}
#right .attention2 {
	width: 570px;
	padding: 10px;
	background-color: #DDD;
	margin: 20px;
}
#right .attention2 dt {
	font-weight: bold;
	padding-bottom: 5px;
}
#right .attention2 dd {
	padding-left: 10px;
}
#right .question {
	width: 600px;
	padding: 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#right .icon_q {
	width: 20px;
	height: 20px;
	float: left;
}
#right .txt {
	font-weight: bold;
	float: left;
	padding-left: 5px;
	padding-top: 2px;
}
#right .txt a:link {
	color: #DD2364;
	text-decoration: none;
}
#right .txt a:active {
	color: #DD2364;
	text-decoration: none;
}
#right .txt a:visited {
	color: #DD2364;
	text-decoration: none;
}
#right .txt a:hover {
	color: #DD2364;
	text-decoration: underline;
}
#right .right_bottom .question2 {
	width: 620px;
	padding: 10px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
}
#right .right_bottom .answer {
	width: 620px;
	padding: 10px 5px;
}
#right .right_bottom .answer .icon_a {
	width: 60px;
	height: 60px;
	float: left;
}
#right .right_bottom .answer .text {
	width: 520px;
	padding: 10px 20px;
	float: left;
}
#right .faq {
	width: 630px;
	padding-bottom: 20px;
}
#right .privacy_box {
	width: 610px;
	padding-bottom: 20px;
}
#right .privacy {
	width: 590px;
	padding: 10px;
	background-color: #EEE;
}
#right .privacy dt {
	padding-bottom: 5px;
	font-weight: bold;
}
#right .privacy dd {
	padding-left: 10px;
	line-height: 1.6em;
}
#right .law_attention {
	width: 590px;
	padding: 10px;
}
#right .law_attention li {
	margin-left: 4em;
}
#right .back {
	width: 630px;
	text-align: right;
}
#right .back a:link {
	color: #DD2364;
	text-decoration: none;
	font-weight: normal;
}
#right .back a:active {
	color: #DD2364;
	text-decoration: none;
	font-weight: normal;
}
#right .back a:visited {
	color: #DD2364;
	text-decoration: none;
	font-weight: normal;
}
#right .back a:hover {
	color: #DD2364;
	text-decoration: underline;
	font-weight: normal;
}
#left .camp_box {
	width: 240px;
	padding: 20px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
}
#left .camp_box .bnrs {
	padding-bottom: 10px;
}
#right .review_btn {
	width: 240px;
	height: 50px;
	padding-left: 370px;
}	
/*---------------------------
		form-----------------*/
button {
	border: none;
	padding: 0px;
	margin: 0px;
	width: 240px;
	height: 50px;
}
.send {
	width: 240px;
	height: 50px;
	padding: 20px 180px 0 180px;
}
input:focus,textarea:focus {
	background-color: #FCE5ED;
}
label {
	display: block;
}
fieldset#newsletter_topics label { display:inline; width:auto; }
textarea { width:24em; clear:both; }
input.txt { width:20em; clear:both; display:block; }
input.text { width:12em; clear:both; display:block; }
.error { color:#C00; white-space:nowrap; display:inline; }
.radio {
	float: left;
	width: 20px;
	padding-top: 2px;
}
.label {
	float: left;
	width: 90px;
	padding-right: 18px;
}
.label2 {
	float: left;
	width: 150px;
	padding-right: 18px;
}
.label3 {
	float: left;
	width: 50px;
	padding-right: 15px;
}
label.male {
	display: block;
}
label.female {
	display: block;
}
/*---------------------------
		review-----------------*/
.review-wrap {
	width: 600px;
	padding-right: 10px;
	margin-top: 20px;
}
.review-top {
	width: 590px;
	background-color: #CCE198;
	padding: 5px;
	border-bottom-color: #360;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	font-size: 18px;
	font-weight: bold;
}
.review-top a:link {
	color: #360;
	text-decoration: underline;
}
.review-top a:visited {
	color: #360;
	text-decoration: underline;
}
.review-top a:active {
	color: #360;
	text-decoration: underline;
}
.review-top a:hover {
	color: #690;
	text-decoration: none;
}
.review_bottom {
	width: 580px;
	background-color: #E8F3CC;
	padding: 10px;
}
.review_star {
	text-align: right;
	font-size: 18px;
	color: #DD2364;
}
.review_txt {
	width: 560px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #360;
}
.review_age {
	text-align: right;
	font-size: 14px;
	padding-top: 5px;
}
.review_date {
	text-align: right;
	color: #360;
	padding-top: 5px;
}
.page {
	text-align: center;
	padding-top: 10px;
}
.page a {
	padding: 10px;
}
.page_navigation {
	text-align: center;
	padding-top: 10px;
}
.page_navigation a {
	padding: 10px;
}
/*個人情報取扱い*/
.table_box01{
	margin-top:10px;
	text-align:center;
	width:600px;}
.table_box01 td{
	padding:0;}
.table_box01 b{
	font-size:14px;}
.information{
	margin:0 auto 5px auto;
	width:450px;
	border:1px solid #CCC;
	height:150px;
	overflow:scroll;
	}
/*フォーム*/
.message{
	font-weight:bold;
	font-size:14px;}