/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@charset "utf-8";

@media screen and (min-width: 641px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}

/* -----------------------------------------------------
 style.css
----------------------------------------------------- */

/* body */
/* ----------------------------------------------------- */
body{
	color:#666;
	background:#F7F1E6 url(../img/common/bg_body.jpg) repeat-x;
	font-family:-apple-system, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	text-align:center;
	letter-spacing:0;
}

/* line-height */
/* ----------------------------------------------------- */
p,dt,dd,li,th,td,textarea{
	vertical-align:middle;
}

#sp_header{
	display: none;
}
#pc_header{
	margin-top: -5px;
	display: block;
}
/* text-ornament */
/* ----------------------------------------------------- */
/* color */
.attention {
	color:#900;
}
/* weight */
.sb{
	font-weight:bold;
}
/* other */
.letter-space{
	letter-spacing:1em;
}
.vertical-writing{
	text-align:center;
	width:1em;
}

/* text-align */
/* ----------------------------------------------------- */
.al-right{
	text-align:right;
}
.al-left{
	text-align:left;
}
.al-center{
	text-align:center;
}

/* link */
/* ----------------------------------------------------- */
/* default */
a:link{
	color:#197DAA;
	text-decoration:none;
}
a:visited{
	color:#197DAA;
	text-decoration:none;
}
a:hover{
	color:#197DAA;
	text-decoration:underline;
}

/* layout */
/* ----------------------------------------------------- */
#wrap{
	width:960px;
	margin:0 auto;
	text-align:left;
}
#logo{
	margin:0 0 11px;
	padding:3px 0 0;
}
#contents{
	width:960px;
	padding:20px 20px;
	background:#FFF url(../img/common/bg_contents.jpg) no-repeat;
}
html>body #contents{
	width:920px;
}
h1{
	margin:0 0 12px;
}
h2{
	margin:0 0 10px;
	padding:10px 0 0;
	border-top:2px solid #E60012;
	font-size: 1.2em;
}
p.att{
	margin:20px 0 30px;
}

/* footer */
/* ----------------------------------------------------- */
#footer{
}
#footer div.inner{
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
}
/* copy-wrap */
#footer div.copy-wrap{
}
#footer div.copy-wrap p.catch{
	float:left;
}
#footer div.copy-wrap p.copy{
	float:right;
}

/* lead */
/* ----------------------------------------------------- */
div.lead{
	width:920px;
	margin:5px 0 10px;
}
div.lead p.ll{
	float:left;
	width:430px;
}
div.lead p.ll img.icon{
	margin:0 0.5em 3px 0;
	vertical-align:middle;
}
div.lead p.lr{
	float:right;
}

/* agreement */
/* ----------------------------------------------------- */
.agreement{
	text-align: center;
}
.agreement div{
	width: 600px;
	margin: 0 auto;
	padding: 15px;
	text-align: left;
	background:#F3F1EB;
}
.agreement div ol{
	margin: 10px 0 10px;
}
.agreement .ag-check{
	text-align: center;
	margin: 10px 0 10px;
}
.agreement .ag-h{
	margin-left: 10px;
	font-weight: bold;
}
/* article */
/* ----------------------------------------------------- */
div.article{
	margin:0 0 30px;
}
div.article p{
	font-size: 1em;
}
/* table */
div.article table{
	border-spacing:0;
	border-collapse:collapse;
	width:920px;
	margin:0 0 10px;
	border:1px solid #CCC;
}
div.article th{
	width:195px;
	padding:12px 14px;
	background:#F3F1EB;
	border:1px solid #CCC;
	font-weight:bold;
	font-size: 1em;
}
div.article th.required{
	width:140px;
	padding:12px 68px 12px 14px;
	background:#F3F1EB url(../img/common/icon_required.gif) no-repeat 96% 0.8em;
}
div.article th span{
	font-weight:normal;
}
div.article td{
	padding:12px 14px;
	border:1px solid #CCC;
}


/* plan */
/* ----------------------------------------------------- */
.plan table{
	border-spacing:0;
	border-collapse:collapse;
	width:920px;
	margin:0 0 10px;
	border:1px solid #CCC;
}
.plan th{
	text-align: center;
	width:195px;
	padding:12px 14px;
	background:#F3F1EB;
	border:1px solid #CCC;
	font-weight:bold;
	font-size: 1em;
}
.plan th span{
	font-weight:normal;
}
.plan td{
	text-align: center;
	padding:12px 14px;
	border:1px solid #CCC;
}


/* btn-wrap */
/* ----------------------------------------------------- */
ul.btn-wrap{
	margin:0 0 25px;
	padding:0 0 16px;
	border-bottom:1px solid #CCC;
}
ul.btn-wrap li.bw-l{
	float:left;
	width:424px;
	margin:12px 0 0;
	text-align:right;
}
ul.btn-wrap li.bw-l02{
	float:left;
	width:424px;
	margin:5px 0 0;
	text-align:right;
}
ul.btn-wrap li.bw-r{
	float:right;
	width:479px;
	padding:0 0 0 22px;
	border-left:1px solid #CCC;
}
html>body ul.btn-wrap li.bw-r{
	width:456px;
}

/* end-txt */
/* ----------------------------------------------------- */
div.end-txt{
	min-height:500px;
	height:500px;
	margin:0 0 25px;
	padding:50px 0 16px;
	border-top:2px solid #E60012;
	border-bottom:1px solid #CCC;
	text-align:center;
}
div.end-txt p{
	margin:0 0 10px;
}
html>body div.end-txt{
	height:auto;
}

/* note01 */
/* ----------------------------------------------------- */
ul.note01{
	margin:0 0 10px 1em;
}
ul.note01 li{
	text-indent:-1em;
}

/* textarea-wrap01 */
/* ----------------------------------------------------- */
p.textarea-wrap01{
	margin:0 0 10px;
}
p.textarea-wrap01 textarea{
	width:916px;
	margin:0 0 10px;
}

/* form parts */
/* ----------------------------------------------------- */
input.w45{
	width:45px;
	height: 30px;
}
input.w55{
	width:55px;
	height: 30px;
}
input.w105{
	width:105px;
	height: 30px;
}
input.w225{
	width:225px;
	height: 30px;
}
input.w445{
	width:445px;
	height: 30px;
}
input{
	line-height: 16px;
	display:inline;
	vertical-align:middle;
	margin-left: 5px;
	margin-bottom: 5px;
}
select{
height:30px;
}
/* period adjustment */
.period{
	display:inline;
	margin-right:0px;
}

/* margin adjustment */
/* ----------------------------------------------------- */
/* margin-top */
#contents .mar-t10{
	margin-top:10px;
}
/* margin-bottom */
#contents .mar-b00{
	margin-bottom:0;
}
#contents .mar-b10{
	margin-bottom:10px;
}
#contents .mar-b20{
	margin-bottom:20px;
}
#contents .mar-b30{
	margin-bottom:30px;
}
#contents .mar-b40{
	margin-bottom:40px;
}
#contents .mar-b50{
	margin-bottom:40px;
}
/* margin-left */
#contents .mar-l10{
	margin-left:10px;
}
#contents .mar-l20{
	margin-left:20px;
}
#contents .mar-l30{
	margin-left:30px;
}
/* margin-right */
#contents .mar-r10{
	margin-right:10px;
}
#contents .mar-r20{
	margin-right:20px;
}
#contents .mar-r30{
	margin-right:30px;
}

/**/

input#formsubmit {
	border:none;
	background:url(../img/common/btn_send.jpg) no-repeat 0 0;
	width:157px;
	height:46px;
	cursor:pointer;
}
#satei_hide_area {
	display:block;
}
#satei_hide_area.hide {
	display:none;
}
label.error {
	color:red;
	font-weight:bold;
	padding:0px 5px;
	display:none;
}


/* float clear */
/* ----------------------------------------------------- */
/* for IE6,7 */
.clx
{
	/zoom:1;
}
/* modern borwser */
.clx:after
{
	content:'';
	display:block;
	clear:both;
	height:0;
}

}