@charset "utf-8";

@import "reset.css";
@import "common.css";


/* ===========================

	layout.css

=========================== */
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,Verdana,"ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	line-height: 1.6;
}

#wrap {
 width:701px;
	margin:0 auto;
	background-color:#FFF;
	border-right: 1px solid #ff0000;
	}


/* header
---------------------- */

/* nav
---------------------- */
nav { margin-right:20px;
     margin-bottom:25px;}

nav ul{ float:right;}
nav li{ float:left; text-align:right; margin-right:10px;}
nav li.step img{ width:54px; height:18px;}
nav li.arrow img{ width:12px; height:18px;}

/* #contents
---------------------- */
#contents{
	width:660px;
	margin:0 auto;
	}

.txtB{
	font-weight:bold;
	}

.txt p{
	font-size:88%;
	line-height:1.6;
	}

/* form
---------------------- */
.inputCaution {
 background-color: #FFCCCC;
}

.more {
	display: none;
}

.more02 {
	display: none;
}


/* -------------------------------
	for pc
	751px以上
------------------------------- */
@media print, screen and (min-width: 751px) {

	body { background:url(./img/bg.gif) repeat;}

.sp {
	display: none!important;
}

/* header
---------------------- */
header{ padding:20px 0 0 0;}

header h1{
	   background-image: url("./img/title.gif");
    background-repeat: no-repeat;
    color: #ff0000;
    font-size: 113%;
				height: 35px;
	font-weight: bold;
    margin: 0 auto 25px;
    padding:4px 0 0 15px;
    text-align: left;
    width: 680px;}


/*contents
---------------------- */
h2 {
    background-color: #984807;
    color: #ffffff;
    font-size: 100%;
				padding:5px 10px;
				margin-bottom:10px;
	font-weight: bold;
}

h3 {
    color: #d9073d;
    font-size: 100%;
				font-weight:bold;
}


/* form
---------------------- */
.bg_border{
	width:594px;
	margin:0 auto 20px;
	border:1px solid #f5c058;
	padding:2px;
	}

.bg_border dl {
 clear:both;
	background:#EEE;
		border-top:#DDDDDD 1px solid;
		margin:0;}

.bg_border dt {
	width:190px;
	clear:both;
	display:block;
	height:auto !important;
	float:left;
	padding:5px 10px;
	margin:0;
	text-align:left;
	vertical-align:top;
	line-height:1.4;
	font-size:88%;
}


.bg_border dd{
	display:block;
	width:400px;
	background:#FFF;
	padding:5px 10px;
	vertical-align:middle;
	line-height:1.6;
	margin-left:190px;
		font-size:88%;
}

dd.line2{
	display:block;
	width:400px;
	background:#FFF;
	padding:15px 10px 15px 10px;
	vertical-align:middle;
	line-height:1.6;
	margin-left:190px;
		font-size:88%;
}

dd.line3{
	display:block;
	width:400px;
	background:#FFF;
	padding:30px 10px 15px 10px;
	vertical-align:middle;
	line-height:1.6;
	margin-left:190px;
		font-size:88%;
}


.bg_border dd.bgRed{
	display:block;
	width:400px;
	background:#FFCCCC;
	padding:5px 10px;
	vertical-align:middle;
	line-height:1.6;
	margin-left:190px;
		font-size:88%;
}

.bg_border dd.bgRed2{
	display:block;
	width:400px;
	background:#FFCCCC;
	padding:20px 10px 10px 10px;
	vertical-align:middle;
	line-height:1.6;
	margin-left:190px;
		font-size:88%;
}

.bg_border dd .stxt_red {
    color: #990033;
    font-size: 75%;
}

.bg_border dd .stxt_red2 {
    color: #EE0000;
    font-size: 82%;
				line-height:1.4;
}

.bg_border dd .stxt_blue {
    color: #0000FF;
    font-size: 82%;
				line-height:1.4;
}

.bg_border dd .radioList li { float:left; margin-right:20px;}
.bg_border dd .ddList li { float:left; margin-right:10px;}

.mes-red {
	font-size: 12px;
	color: #ee0000;
	text-align: center;
}

/* form btn
---------------------- */
.btnSet {
	text-align:center;
}

.btnSet #kakuninBtn input {
	border:none;
	margin:0 auto;
	margin-right:32px;
	margin-left:238px;
		float:left;
		background:url(./img/bt-check.gif) no-repeat;
		width:76px;
		height:26px;
			text-indent:-9999px;
	 display:block;
}

.btnSet #backBtn input {
	border:none;
	margin:0 auto;
	float:left;
		background:url(./img/bt-back.gif) no-repeat;
		width:76px;
		height:26px;
			text-indent:-9999px;
	 display:block;
}

.btnSet #doui_ok_Btn input {
	border:none;
	margin:0 auto;
	margin-right:25px;
	margin-left:110px;
		float:left;
		background:url(./img/bt-agree-919.gif) no-repeat;
		width:220px;
		height:25px;
			text-indent:-9999px;
	 display:block;
}

.btnSet #doui_ng_Btn input {
	border:none;
	margin:0 auto;
	float:left;
		background:url(./img/bt-nonagree.gif) no-repeat;
		width:190px;
		height:26px;
			text-indent:-9999px;
	 display:block;
}

.btnSet #nextBtn input {
	border:none;
	margin:0 auto;
	margin-right:32px;
	margin-left:238px;
		float:left;
		background:url(./img/bt-next.gif) no-repeat;
		width:76px;
		height:26px;
			text-indent:-9999px;
	 display:block;
}

.btnSet #sousinBtn input {
	border:none;
	margin:0 auto;
	margin-right:32px;
	margin-left:238px;
		float:left;
		background:url(./img/bt-submit.gif) no-repeat;
		width:76px;
		height:26px;
			text-indent:-9999px;
	 display:block;
}

.btnSet #closeBtn {
	border:none;
	margin:0 auto;
		float:left;
		background:url(./img/bt-close.gif) no-repeat;
		width:107px;
		height:26px;
			margin-left:276px;
			text-indent:-9999px;
	 display:block;
}

.btnSet #pinkOpenBtn {
	border:none;
	width:50%;
	height:50px;
	margin:0 auto;
	background-image:url(./img/bg_btn_pink_pc01_open.png), url(./img/bg_btn_pink_pc02.png), url(./img/bg_btn_pink_pc03.png), url(./img/bg_btn_pink_pc04.png);
	-webkit-background-size: 156px 52px, 25px 52px, 25px 52px, 20px 52px;
	background-size: 156px 52px, 25px 52px, 25px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
 border: 2px solid #FFF;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.6);
}

/* table
---------------------- */
.normalTbl { width:500px; font-size:88%; margin-bottom:30px; border-bottom:#999 1px solid;}
.normalTbl dl{ clear:both; background:#CCC; border-left:#999 1px solid; border-top:#999 1px solid; margin:0;}
.normalTbl dt  {
	width:100px;
	clear:both;
	display:block;
	height:auto !important;
	float:left;
	padding:10px 5px 10px 15px;
	margin:0;
	text-align:left;
	vertical-align:top;
	line-height:1.4;
	/*border:#FFF 1px solid;*/
}

.normalTbl dd {
	display:block;
	width:385px;
	/*float:right;*/
	background:#FFF;
	padding:10px 5px 10px 15px;
	vertical-align:middle;
	line-height:1.4;
	margin-left:115px;
	border-right:#999 1px solid;
	/*border:#FFF 1px solid;*/
}

.bg_border .width50-2 { width:50px; }

/* footer
---------------------- */

#copyRightWrap { width:100%; border-top:#333333 1px solid; font-size:88%; padding:5px 0 0 0; margin-top:25px;}
#copyRightWrap_doui { width:100%; border-top:#333333 1px solid; font-size:88%; padding:5px 0 0 0; margin-top:25px;}
#copyRight .info_pc { float:left;}
#copyRight { width:640px; margin:0 auto; text-align:center;}
#copyRight .copyRightTxt { text-align:center; line-height:1.6; color:#000; float:right; font-size:90%;}
#copyRight .info_sp { display:none;}

}


/* -------------------------------
	for smartphone
	750px以内
------------------------------- */
@media only screen and (max-width:750px) {

.sp { display:block; }
.pc { display:none!important; }

#wrap {
 width:100%;
	background-color:#FFE1E1;
	border-right:none;
	}



.sp_bg{
	margin:3% 3%;
	padding:2% 2% 2% 2%;
	background:#FFF;
	border-radius: 8px;
 -webkit-border-radius: 8px;
	}

/* header
---------------------- */
header{
	background-color: #984807;
 background: -webkit-gradient(linear, left top, left bottom, from(#990033), to(#d9073d));
	}

header h1{
	color:#FFF;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	font-size:22px;
	line-height:1.4;
	}

header h1 span{
	font-size:15px;
	}

/* contents
---------------------- */
#contents{
	width:100%;
	margin:0 auto;
	}

h2{ margin-bottom:10px;}


/* nav
---------------------- */
nav { margin:3% 3%;}
nav ul{ float:left;}
nav li{ float:left; margin-right:5px;}



/* form
---------------------- */

/*input width*/
.bg_border .width95{width:95%}
.bg_border .width80 { width:80%; }
.bg_border .width30 { width:30%; }
.bg_border .width50 { width:50%; }
.bg_border .width50-2 { width:50%; }

/*input*/
.bg_border input,
.bg_border textarea {
	padding: 10px 6px;
	font-size: 16px;
	vertical-align: middle;
	border:#000 1px solid;
	line-height:1.2;
}

input[type="radio"] {
	font-size:x-large;
	height:30px;
	width:30px;
	}

.bg_border select {
	vertical-align: middle;
	font-size: 16px;
	border:#C5BEBC 1px solid;
	padding:10px;
	line-height:1.0;
		border:#000 1px solid;
}

.address_search_button{
	background-color: #a5b8da;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
    background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
    background-image: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
    background-image: linear-gradient(top, #a5b8da, #7089b3);
    border: 1px solid #5c6f91;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
    box-shadow: inset 0 1px 0 0 #aec3e5;
    color: #ffffff;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0 -1px 1px #64799e;
    width: 120px;
	}

.bg_border dl {
 clear:both;
		border-top:#999999 1px solid;
		margin:0;}

.bg_border dt {
	clear:both;
	display:block;
	height:auto !important;
	padding:5px 10px 0 10px;
	margin:0;
	text-align:left;
	vertical-align:top;
	line-height:1.4;
	font-size:88%;
	font-weight:bold;
}

.bg_border dd{
	display:block;
	width:100%;
	padding:5px 10px;
	line-height:1.6;
		font-size:88%;
}

.bg_border dd .radioList li { float:left; margin-right:20px;}
.bg_border dd .ddList li { float:none; }

.mes-red {
	font-size: 12px;
	color: #ee0000;
	padding-left: 10px;
}


/* form txt
---------------------- */
.bg_border dd.bgRed{
	display:block;
	width:100%;
	background:#FFCCCC;
	padding:5px 10px;
	line-height:1.6;
		font-size:88%;
}

.bg_border dd .stxt_red {
    color: #990033;
    font-size: 75%;
				margin-top:5px;
}

.bg_border dd .stxt_red2 {
    color: #EE0000;
    font-size: 75%;
				line-height:1.4;
				margin-top:5px;
}

.bg_border dd .stxt_blue {
    color: #0000FF;
    font-size: 75%;
				line-height:1.4;
				margin-top:5px;
}

/* form btn
---------------------- */
.btnSet{
	width:96%;
	margin:2% 2%;
	margin-bottom:-2%;
	}

.btnSet #kakuninBtn input {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_kakunin01.png), url(./img/bg_btn_kakunin02.png), url(./img/bg_btn_kakunin03.png), url(./img/bg_btn_kakunin04.png);
	-webkit-background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #C06F62;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
}

.btnSet #backBtn input {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_back01.png), url(./img/bg_btn_back02.png), url(./img/bg_btn_back03.png), url(./img/bg_btn_back04.png);
	-webkit-background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #969696;
	text-indent:-9999px;
	display:block;
}

.btnSet #doui_ok_Btn input {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_doui_ok01.png), url(./img/bg_btn_kakunin02.png), url(./img/bg_btn_kakunin03.png), url(./img/bg_btn_kakunin04.png);
	-webkit-background-size: 212px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-size: 212px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #C06F62;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
}

.btnSet #doui_ng_Btn input {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_doui_ng01.png), url(./img/bg_btn_back02.png), url(./img/bg_btn_back03.png), url(./img/bg_btn_back04.png);
	-webkit-background-size: 164px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-size: 164px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
 border: 1px solid #969696;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
}

.btnSet #nextBtn input {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_next01.png), url(./img/bg_btn_kakunin02.png), url(./img/bg_btn_kakunin03.png), url(./img/bg_btn_kakunin04.png);
	-webkit-background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #C06F62;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
}

.btnSet #sousinBtn input {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_sousin01.png), url(./img/bg_btn_kakunin02.png), url(./img/bg_btn_kakunin03.png), url(./img/bg_btn_kakunin04.png);
	-webkit-background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-size: 64px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #C06F62;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
}

.btnSet #closeBtn {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_close01.png), url(./img/bg_btn_back02.png), url(./img/bg_btn_back03.png), url(./img/bg_btn_back04.png);
	-webkit-background-size: 85px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-size: 85px 52px, 20px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
 border: 1px solid #969696;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
}

.btnSet #pinkOpenBtn {
	border:none;
	width:100%;
	height:50px;
	background-image:url(./img/bg_btn_pink01_open.png), url(./img/bg_btn_pink02.png), url(./img/bg_btn_pink03.png), url(./img/bg_btn_pink04.png);
	-webkit-background-size: 156px 52px, 25px 52px, 20px 52px, 20px 52px;
	background-size: 156px 52px, 25px 52px, 20px 52px, 20px 52px;
	background-position:center top, right top, left top, center top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
 border: 2px solid #FFF;
	border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.6);
}


/* ----------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------- */
#copyRightWrap { 	background-color: #BF0000; background: -webkit-gradient(linear, left top, left bottom, from(#BF0000), to(#FF0000)); margin-top:25px;}
#copyRightWrap_doui { 	background-color: #BF0000; background: -webkit-gradient(linear, left top, left bottom, from(#BF0000), to(#FF0000)); margin-top:-20px;}
#copyRight { width:100%; text-align:left;}

#copyRight .info_pc { display:none;}
#copyRight .info_sp { width:100%; text-align:center; font-size:88%; padding:10px 0 10px 0; background:#FFF; line-height:1.6; }

#copyRight .copyRightTxt { width:100%; text-align:center; font-size:10px; padding:10px 0 ; line-height:1.0; color:#FFF;}

}