body {
background:#ffffff;
color:#333333;

font-family:'Meiryo UI',"メイリオ","ＭＳ Ｐゴシック", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
}
/* Default link styling */
a:link ,a:visited { color:#036eb8; text-decoration:underline; }
a:hover, a:focus ,a:active  { color:#333; text-decoration:underline; }

/* ---- common ----- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



#wrapper {
width:735px;
margin: 0 auto;
position: relative;
}

#header {
width:735px;
text-align:center;
margin: 0 auto;
padding: 22px 0 22px 0;
}

#header h1 {
font-size: 11px;
line-height: 14px;
margin-bottom: 12px;
font-weight: normal;
}

#footer {
margin-top: 50px;
margin-bottom: 50px;
margin-left:auto;
margin-right:auto;
font-size: 13px;
line-height: 13px;
width: 735px;
}

#footer .footerIn {
text-align: center;
margin-bottom:37px;
}


#footer .footerIn p{
margin-top:0em;
margin-bottom:0.5em;
font-weight:bold;
}


#mainContents {
width:735px;
min-height:auto;
}

#mainContents h1 {
margin-bottom:10px;
}

#mainContents h2 {
margin-bottom:5px;
}

#mainContents h2.left {
float:left;
}

#mainContents h2.right {
float:right;
}

#mainContents h2 span.blue {
color:#306bab;
}

#mainContents h2 span.red {
color:#dd697b;
}

#mainContents h2 span.yellow {
color:#eca417;
}

#mainContents h2 span.black {
color:#666666;
}


div.info table {
margin-bottom:20px;
width: 100%;
}

div.info table.mb05{
margin-bottom:5px;
}

div.info table th{
text-align:center;
background:#D2DDED;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
color:#FFF;
padding: 6px 0;
width:63px;
font-size: 1.0em;
}

div.info table td{
text-align:center;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
padding: 6px 1px;
font-size:1.0em;
background:#FFF;
}

div.info table.blue th{
background:#306bab;
}

div.info table.blue td{
background:#ebf3fb;
}

div.info table.blue .even td{
background:#dfedf9;
}

div.info table.red th{
background:#dd697b;
}

div.info table.red td{
background:#fbe4ea;
}

div.info table.red .even td{
background:#fad9db;
}

div.info table.yellow th{
background:#eca417;
}

div.info table.yellow td{
background:#fdf7dd;
}

div.info table.yellow .even td{
background:#fcf2c5;
}

div.info p.comment {
font-size:100%;
margin-top:0.0em;
margin-bottom:20px;
}

div.form {
padding:35px;
background:#f6f5f5;
position: relative;
}

div.form p.comment {
font-size:100%;
font-weight: bold;
}

div.form table.style01 {
width: 100%;
margin-bottom:10px;
}


div.form table.style01 th{
width: 160px;
vertical-align:top;
text-align:left;
background:#efefef;

border:1px solid #abaaaa;
padding:10px;
font-weight: bold;
}

div.form table.style01 th span {
color: #d00410;
}



div.form table.style01 table td{
border:1px solid #abaaaa;
padding: 15px;
background:#f6f6f6;
}

div.form table.style01 input[type='text']{
font-size: 100%;
width:100%;
}

div.form table.style01 input[type='checkbox']{
margin-left:0.5em;
vertical-align: middle;
}

div.form table.style01 input[type='text'].w45 {
font-size: 100%;
width:45%;
}

div.form table.style01 textarea{
padding: 4px 5px;
font-size: 100%;
border: 1px #b7b7b7 solid;
}

div.form table.style01 select{
font-size: 100%;
width:100%;
}

div.form table .font01{
color:#023894;
font-weight: bold;
}

div.form table.style01 th span {
color: #d00410;
}

div.form table.style01 th.w200{
width: 200px;
}

div.form table.style01 td{
border:1px solid #abaaaa;
padding: 15px;
background:#f6f6f6;
}

div.form div.item{
border:1px solid #abaaaa;
padding:20px;
}

div.item table {
width: 100%;
margin:0px 0px 20px 0px;
}

div.item table tr.first{
border-top:2px solid #a59f9c;
}

div.item table th{
width: 160px;
color:#003c88;
vertical-align:top;
text-align:left;
padding:10px 0px 10px 0px;
font-weight: bold;
}

div.item table td{
width: 160px;
padding:0px 0px 15px 0px;
border-bottom:1px solid #ccc;
}

div.item table input[type='text']{
font-size: 100%;
width:30%;
}

div.item table input[type='text'].w10{
font-size: 100%;
width:10%;
}

div.item table input[type='text'].w90{
font-size: 100%;
width:90%;
}

div.item table textarea{
padding: 4px 5px;
font-size: 100%;
border: 1px #b7b7b7 solid;
}

div.item table select{
font-size: 100%;
/* color:#bebebd;*/
width:35%;
}

div.item table option.nonsel{
color:#ccc;
}

div.item h1{
border-bottom: 1px #b7b7b7 solid;
font-size:1.2em;
font-weight:bold;
padding-bottom:10px;
margin-bottom:10px;
}

div.item h1 span {
	font-size: 83%;
	font-weight: normal;
	margin-left: 2em;
}

div.item p.sum {
margin-bottom: 5px;
text-align: right;
font-weight: bold;
}
div.item p.sum span {
color:#d12f22;
font-weight: bold;
font-size: 1.3em;
}

.notice p {
color:#d12f22;
font-weight: bold;
}


div.form input[type='checkbox']{
margin-left:0.5em;
vertical-align: middle;
}


#mainContents div.btnArea{
width:550px;
margin:30px auto;
position:relative;
font-weight:bold;
font-size:1.0em;
}

#mainContents div.btnArea .last{
position:absolute;
top:0px;
right:0;
}

#mainContents div.btnArea a{
text-decoration:none;
}

#mainContents .btnArea .last{
position:absolute;
top:0px;
right:0;
}

#mainContents .btn{
background:url(../img/share/bg_btn.gif) no-repeat;
width:267px;
height:53px;
padding:13px 0px 0px 0px;
text-align:center;
/* color:#063572; */
color:#003c88;
font-weight:bold;
font-size:1.2em;
}

#mainContents .btn:hover{
opacity:0.8;
}



/*** クーポン ***/
#coupon_area {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 60px;
	margin-bottom: 20px;
}

.coupon_check {
	display: flex;
	align-items: center;
}

.coupon_check label {
	font-size: 1.2em;
	font-weight: bold;
	margin-right: 0.5em;
}

#serial_area {
	margin-left: 0.8em;
}

#serial_area p {
	margin-bottom: 0.3em;
}

.serial_check {
	position: absolute;
	top: 39px;
	left: 270px;
}

#serial_check_btn {
	font-size: 100%;
}

#err_serial {
	display: inline;
	margin-left: 5px;
}


.notice {
	margin-top: 30px;
}

/*** 共通 ***/
.none {
	display: none;
}