@charset "utf-8";

/* CSS Document */
/*------------------------------
日経BPマーケティング殿
製作：株式会社オールフォーエスピー


目次
＊共通指定
＊clearfix
＊reset　

----------
範囲指定
Area > Block > Box
（状況によりinnerを使う）


----------
フォントサイズ
/* 10px = 77% 11px = 85% 12px = 93% 13px = 100%
 14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
 18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
 22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% 
------------------------------*/
/*.txt10px{ font-size:77%;} 
.txt11px{ font-size:85%;}
.txt12px{ font-size:93%;}
.txt13px{ font-size:100%;}
.txt14px{ font-size:108%;}
.txt15px{ font-size:116%;}
.txt16px{ font-size:123.1%;} 
.txt17px{ font-size:131%;}
.txt18px{ font-size:138.5%;} 
.txt19px{ font-size:146.5%;}
.txt20px{ font-size:153.9%;}
.txt21px{ font-size:161.6%;}
.txt22px{ font-size:167%;}
.txt23px{ font-size:174%;}
.txt24px{ font-size:182%;}
.txt25px{ font-size:189%;}
.txt26px{ font-size:197%;}
*/

/* ==========================================================================
共通指定
=========================================================================== */
/*html {
	font-family: NotoSansCJKjp-Regular, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	letter-spacing:0.1em;
}

body {
	color:#333333;
}

a {
	text-decoration:underline;
	color:#1122CC;
	outline:none;
}

a:hover {
	text-decoration:none;
	color:#1122CC;
}

a:visited {
	text-decoration:underline;
	color:#660099;
}
*/

/*bootstrapカラム指定*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}



/*bootstrapカラム指定*/


#wrapper {
	/*width:1000px;*/
	margin:0 auto;
}

.form_ctr {
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

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

#form_header {
    background-color: #FFA200;
}

#header h1{
	color:#FFF;
	font-weight:bold;
	font-size: 1.4rem;
	/*margin-left:6px;*/
	/*text-align: center;*/
}

#ttlArea{
	padding:0 0;
	border-bottom:2px solid #FFA200;
	margin-bottom: 15px;
	position:relative;
}

#ttlArea .pageTitle{
/*	float:left;*/
	/*margin-left:10px;*/
/*	width:690px;*/
}

#ttlArea .pageTitle p,
#ttlArea .pageTitle h2 {
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: bold;
}

/*
#ttlArea .listPage{
	float:right;
	width:182px;
	margin:0 -6px 0 0;
	text-align:right;
	position:relative;
}

#ttlArea .listPage li{
	float:left;
	height:25px;
	position:relative;
	overflow:hidden;
	margin-right:6px;
}

#ttlArea .listPage li a:hover {
	position:relative;
	top:-100%;
}

.txtPageRead{
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #ffa200;
	font-size:93%;
}
*/
.txtPagelead {
    padding-top: 5px;
    margin-bottom: 0;
    border-top: 2px solid #ffa200;
    text-align: center;	
}

/* --------------------------------------------------------------
#formContents
-------------------------------------------------------------- */
#formContents{
	/*width:750px;*/
	margin:0 auto;
}

#formContents #colL{
	width:60%;
}

#formContents #colR{
	width:40%;
}

/*カラム設定追記*/
div.cover {
	display: table;
	/*border-spacing: 0.5em;*/
	/*margin: 0 auto;*/
	padding: 0;
	width: 100%;
}
div.cover div.boxL {
	display: table-cell;
	margin: 0px;
	padding: 0 2.0em 0 0;
	width: 62%
}
div.cover div.boxR {
	display: table-cell;
	margin: 0px;
	padding: 0 0 0 0.5em;
	width: 38%
}

@media screen and (max-width: 768px) {
div.cover {
	display: block;
}
div.cover div.boxL {
	display: block;
	width: 100%;
	padding: 0 5px;
	}
div.cover div.boxR {
	display: block;
	width: 100%;
	padding: 0 5px;
}
}
/*カラム設定追記終わり*/

#formContents .conTtl01{
	width:732px;
	padding:4px 9px;
	border:1px solid #dedede;
	margin-bottom:5px;
	word-wrap: break-word;
/*	white-space: pre-wrap; *//* IE,FF */
	word-break: break-all;/* webkit */
}

#formContents .conTtl01 h3{
	font-size:92%;
	border-left:5px solid #FFA200;
	padding:0 0 0 10px;
}

#formContents h4{
	border-left:5px solid #FFA200;
	padding:0 0 0 10px;
	font-weight:bold;
	margin-bottom:8px;
}

#formContents .blockPolicy{
	height:160px;
	overflow-y:scroll;
	margin-bottom:30px;
	border:1px solid #cccccc;
	border-right:none;
	padding:10px;
}

#formContents .blockPolicy_if {
	width:100%;
	overflow: auto;
	margin-bottom:14px;
	border:0;/*1px solid #cccccc;*/ 
	border-right:none;
}



#formContents .blockPolicy h5{
	font-weight:bold;
	margin-bottom:10px;
}

#formContents .blockPolicy .txt01{
	margin-bottom:15px;
}

#formContents .blockPolicy dl dt{
	font-weight:bold;
}

#formContents .blockPolicy dl dd{
	margin-bottom:5px;
}

#formContents .blockBookSelect{ position:relative;
	margin-bottom:30px;}

#formContents .blockBookSelect .boxLeft{
	width:270px;
	float:left;
}
#formContents .blockBookSelect .txtIndent{
	margin-bottom:30px;
}
#formContents .blockBookSelect .btn{
	margin-bottom:6px;
}

#formContents .blockBookSelect .boxLeft .btn{
	height:34px;
	overflow:hidden;
	position:relative;
}
#formContents .blockBookSelect .boxLeft .btn a:hover {
	position:relative;
	top:-100%;
}

#formContents .blockBookSelect .btn_order{
	height:34px;
	overflow:hidden;
	position:relative;
}
#formContents .blockBookSelect .btn_order a:hover {
	position:relative;
	top:-100%;
}

#formContents .blockBookSelect .boxRight{
	width:435px;
	float:right;
}
#formContents .blockBookSelect .boxRight textarea{
	width:435px;
	height:180px;
}

#formContents .blockBookSelect .boxRight .btn{
	height:34px;
	overflow:hidden;
	position:relative;
	float:right;
}

#formContents .blockBookSelect .boxRight .btn a:hover {
	position:relative;
	top:-100%;
}

#formContents .blockConfirm {
	height:25px;
	overflow:hidden;
	position: relative;
	text-align: center;
}

#formContents .blockConfirm img a:hover {
	position:relative;
	top:-100%;
}


#formContents .tblSty01{
	/*width:750px;*/
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin-bottom:20px;
	/*font-size:85%;*/
	font-size: 1.3rem;
}

#formContents .tblSty01 caption{
	padding-bottom:5px;
}

#formContents .tblSty01 th {
	word-wrap: break-word;
	word-break: break-all;/* webkit */
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	/*width:120px;*/
	/*padding:150px;*/
	/*padding:8px 5px 5px 5px;*/
	padding: 5px 5px;
	background-color:#FFEADF;
	font-weight:normal;
	letter-spacing:0.1em;
}

#formContents .tblSty01 th.blank {
	width: 5%;
}

#formContents .tblSty01 th.plice {
	width: 15%;
}

#formContents .tblSty01 th.gray{
	background-color:#f1f1f1;
}
#formContents .tblSty01 td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	/*width:80%;*/
	width:580px;
	padding: 5px 5px;
	vertical-align:top;
	word-wrap: break-word;
	word-break:break-all;/* webkit */
}

#formContents .tblSty01 td .boxInput01{
	/*width:568px;*/
	word-wrap: break-word;
	word-break: break-all;/* webkit */
	display:block;
	position:relative;
	/*margin-bottom:5px;*/
}

#formContents .tblSty01 td .boxInput01 sei{
	margin-left:3.6em;
}

#formContents .tblSty01 td .boxInput01 input{
	float:left;
	padding: 6px;
	height: 32px;
}


#formContents .tblSty01 td .boxInput01 label{
	width:50px;
	display:block;
	float:left;
	text-align:right;
	padding:0.3em 5px 0 0;
}

#formContents .tblSty01 td .boxInput01 label.e{
	width:80px;
}
#formContents .tblSty01 td .boxInput01 select{
	margin-bottom:3px;
	}


#formContents .tblSty01 td .hyphen{
	display:block;
	float:left;
	padding: 4px 2px 2px 2px;
}

#formContents .boxInput02{
	word-wrap: break-word;
	word-break: break-all;/* webkit */
	display:block;
	margin-left:3.6em;
}

#formContents .boxInput02 select{
	display:inline-block;
	position:relative;
	margin-left:0em;
}

#formContents .boxBirthday{
	display:block;
	position:relative;
	margin-left:3.6em;
}

#formContents .boxBirthday select{
	display:inline-block;
	margin-left:0em;
}

#formContents .boxBirthday .birthday_Year{
	width:60px;
}

#formContents .editArea ul{
	padding-left: 40px;
}

#formContents .editArea ul li{
	list-style-type: disc;
}

#formContents .editArea ol{
	padding-left: 40px;
}

#formContents .editArea ol li{
	list-style-type: decimal;
}


/*----------------------------------------*/
/*2012/09/05 追記*/
/*----------------------------------------*/
.boxLine{}

.boxLine .listLine01 input,
.boxLine .listLine02 input,
.boxLine .listLine03 input,
.boxLine .listLine04 input,
.boxLine .listLine05 input{
	float:left;
	margin:0 0.5em 0 0;	
	display:block;
	vertical-align:middle;
}

.boxLine .listLine02 label,
.boxLine .listLine03 label,
.boxLine .listLine04 label,
.boxLine .listLine05 label{
	word-wrap: break-word;
	word-break: break-all;/* webkit */
	padding-right:5px;
	display:block;
	float:left;
}

.boxLine .listLine01,
.boxLine .listLine02,
.boxLine .listLine03,
.boxLine .listLine04,
.boxLine .listLine05{
	/*margin-left:3.6em;
	display:block;*/
	margin-left: 3.7em;
    display: inline-block;
}

.boxLine .listLine01 li,
.boxLine .listLine02 li,
.boxLine .listLine03 li,
.boxLine .listLine04 li,
.boxLine .listLine05 li{
	margin-bottom:0.5em;
}

.boxLine .listLine02 li,
.boxLine .listLine03 li,
.boxLine .listLine04 li,
.boxLine .listLine05 li{
	display:block;	
	float:left;
}
/*
.boxLine .listLine02 li{ width:50%;}
.boxLine .listLine03 li{ width:33%;}
.boxLine .listLine04 li{ width:25%;}
.boxLine .listLine05 li{ width:20%;}
*/

.boxLine .listLine01 label{ width:300px;}
.boxLine .listLine02 label{ width:240px;}
.boxLine .listLine03 label{ width:140px;}
.boxLine .listLine04 label{ width:110px;}
.boxLine .listLine05 label{ /*width:110px;*/width:90px;}

.boxLine .listLine02 li L1{
	position: relative;
	left: 0;
}

.boxLine .listLine02 li L2{
	position: relative;
	top: -4.2em;
	left: 250px;
}

.boxRadio01,
#formContents .boxcheck02 {
	display:block;
	position:relative;
  margin-left:3.6em;
}

#formContents .boxcheck02 .listCom input{
	margin:0 0.5em 0.5em 0;
	vertical-align:top;
}

#formContents .boxcheck02 .listCom li label{
	width:140px;
}


#formContents .boxRadio02,
#formContents .boxcheck01 {
	display:block;
	margin-bottom:15px;
	position:relative;
}

#formContents .boxRadio01 input,
#formContents .boxRadio01 label,
#formContents .boxRadio02 input,
#formContents .boxRadio02 label,
#formContents .boxcheck01 input,
#formContents .boxcheck01 label
{
	float:left;
}

#formContents .boxRadio01 input,
#formContents .boxRadio02 input,
#formContents .boxcheck01 input
{
	margin-right:5px;
}

#formContents .boxRadio02 label,
#formContents .boxcheck01 label{
	word-wrap: break-word;
	word-break: break-all;/* webkit */
	width:150px;
	padding-right:5px;
	display: block;
	float: left;
}

#formContents .boxRadio01 .list_line1 label{
	word-wrap: break-word;
	word-break: break-all;/* webkit */
	width:630px;
	padding-right:5px;
	display: block;
	float: left;
}

#formContents .list_shiryou{
	/*margin-left:3.6em;*/
}

#formContents .list_shiryou input{
	margin:0 0.5em 0.5em 0;
	vertical-align:top;
}

#formContents .list_line1 li{
	width:100%;
	float:left;
	word-wrap: break-word;
	word-break:break-all;/* webkit */
	margin-bottom:0.5em;
}

#formContents .list_line2 li{
	width:50%;
	float:left;
	word-wrap: break-word;
	word-break:break-all;/* webkit */
	margin-bottom:0.5em;
}

#formContents .list_line2 li input{
	width:15px;
	float:left;
	margin:0 0.5em 0.5em 0;
	vertical-align:top;
}

#formContents .list_line2 li label{
	width:310px;
	float:left;
	display:block;
	word-wrap: break-word;
/*	white-space: pre-wrap; *//* IE,FF */
	word-break:break-all;/* webkit */
}


#formContents .list_line3 li{
	width:33%;
	float:left;
	word-wrap: break-word;
	word-break:break-all;/* webkit */
	margin-bottom:0.5em;
}

#formContents form .blockPersonal{
	width:100%;
	text-align:center;
	margin-bottom:20px;
	font-size:85%;
}

#formContents form .blockBtnCenter{
	text-align:center;
	overflow:hidden;
	position:relative;
	height:48px;
	margin-bottom:25px;
}

#formContents form .blockBtnCenterFinish{
	text-align:center;
	overflow:hidden;
	position:relative;
	height:63px;
	margin-bottom:60px;
}

#formContents .boxZip01{
	position:relative;
	display:block;
	margin-left:3.6em;
}

.inputS{	width:70px;}
.inputM{	/*width:165px;*/width: 35%; margin-right: 10px;}
.inputL{ /*width:340px;*/width: 85%;}


#formContents .boxZip01 .hyphen{
	display:block;
	float:left;
	padding: 4px 4px 2px 4px;
}

#formContents .tel1{	margin-left:3.6em;width:40px;}
#formContents .tel2{	margin-left:0.5em;width:70px;}
#formContents .tel3{	margin-left:0.5em;width:70px;}

#formContents .listTel .tel01_01{	width:40px;}
#formContents .listTel .tel01_02{	width:70px;}
#formContents .listTel .tel01_03{	width:70px;}
#formContents .boxZip01 .zip01{ width:60px; margin-right:5px; float:left;}
#formContents .boxZip01 .zip02{ width:70px; margin-right:15px; float:left;}
#formContents .boxZip01 .btn{
	float:left;
	width:177px;
	height:25px;
	overflow:hidden;
	position:relative;
}

#formContents .boxZip01 .btn a:hover{
	position:relative;
	top:-100%;
}

.inputS,
.inputM,
.inputL,
#formContents .listTel .tel01_01,
#formContents .listTel .tel01_02,
#formContents .listTel .tel01_03,
#formContents .tel1,
#formContents .tel2,
#formContents .tel3,
#formContents .boxZip01 .zip01,
#formContents .boxZip01 .zip02,
#formContents .textarea02{
	border:2px solid #CCC;
	height: 2.8rem;
}

#formContents select{
	border:1px solid #CCC;
}

#formContents select,
.inputL{
	display:block;
	margin-left:3.6em;
}

#formContents .listTel{
	display:block;
	margin-left:3.6em;
}

#formContents .listTel li{
	width:50%;
	float:left;
}
/*
#formContents .list_line1{
	margin-left:3.6em;
}
*/
#formContents form .blockBtnCenter img:hover,
#formContents form .blockBtnCenterFinish img:hover{
	position:relative;
	top:-100%;	
}

#formContents .txt01{
	margin-left:3.6em;
	margin-bottom:5px;
}

#formContents .back_url{
	text-align:center;
	margin-bottom:5px;
}

#formContents .txtBold{
	margin-bottom:5px;
}

#formContents .txtBold2{
	margin-bottom:5px;
	margin-left:3.6em;
}

#formContents .txtRed{
	color:#F00;
}

#formContents .boxcheck02 .listCom{
	/*margin-left:3.6em;*/
}

#formContents .boxcheck02 .listCom li{
	width:175px;
	float:left;
	padding:0 5px 5px 0;
	fixHeight;
}

/*
#formContents .list_line3{
	margin-left:3.6em;
}
*/
#formContents .boxcheck02 .listCom li input{
	width:15px;
	float:left;
}

#formContents .boxcheck02 .listCom li label{
	width:140px;
	float:left;
	display:block;
	word-wrap: break-word;
/*	white-space: pre-wrap; *//* IE,FF */
	word-break:break-all;/* webkit */
}

#formContents .textarea01{
	width:100%;
	height:100px;
}


#formContents .textarea02{
	/*width:520px;*/
    /*width: 340px;*/
	width: 80%;
	height:100px;
	margin-left:3.6em;
}

#formContents .textarea03{
	width:520px;
	height:300px;
	margin-left:3.6em;
}

#formContents .textarea04{
	width:520px;
	height:500px;
	margin-left:3.6em;
}

#formContents .form_q_txt{
    display:block;
/*    float: left; */
    padding-right: 5px;
	width:145px;
	word-wrap: break-word;
	word-break: break-all;/* webkit */
}


#formContents .Licenselock { position:relative;
	margin-bottom:30px;}

#formContents .tblLicenseBlock{
	width:590px;
	border:0px;
	margin-left:160px;
	margin-bottom:20px;
	font-size:85%;
}


#formContents .tblLicenseBlock td{

	padding:5px 5px 5px 5px;

}


#formContents .SMBCArea{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	margin-bottom:20px;
}

#formContents .tblSMBCBlock{
	width:590px;
	border:1px;
	margin-left:160px;
	font-size:85%;
}


#formContents .tblSMBCBlock td{

	padding:5px 5px 5px 5px;

}

.form-group .upld {
	margin: 5px 45px 5px 10px;
}

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

ftoor指定

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

#footer{
	/*border-top: 1px solid #CCC;
    padding-top: 15px;
    text-align: center;
    font-size: 0.9rem;*/
    background-color: #ffa200;
}

.footer01 {
    /*padding: 15px 0;*/
    border-bottom: 1px solid #d89012;
    box-shadow: 0 1px 0 0 #f5bd5c;
}

#footer .listPage{
	float:left;
/*	width:182px; */
	margin:3px -6px 10px 0;
	text-align:right;
	color:#666;
	position:relative;
	/*font-size:93%;*/
	font-size:0.9rem;
	padding-left: 10px;
}

#footer .listPage li{
	float:left;
/*	height:25px; */
	position:relative;
	margin-right:7px;
	/*border-left: 1px solid #777777;*/
	padding-left: 5px;
}

#footer .listPage li a{
	color:#262626;
	text-decoration:none;
}

#footer .listPage li a:hover {
	text-decoration:underline;
	color: #1122CC;
}

#footer .footLogo{
	width:166px;
	/*float:right;*/
}

#footer .footCopy{
	clear:both;
	border-top: 1px solid #f3c386;
	margin:10px 0 0 0;
	padding:10px 0;
	color:#FFF;
	background-color:#ffa200;
}


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

modal指定

=========================================================================== */
#_modal_ {
	background: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 14px 22px;
	width: 800px;
	position: relative;
	display: none;
}

#_modal_ .tblSty01{
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin-bottom:15px;
	font-size:85%;
}

#_modal_ .tblSty01 th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	background-color:#FFEADF;
	font-weight:bold;
}

#_modal_ .tblSty01 th.gray{
	background-color:#f1f1f1;
}
#_modal_ .tblSty01 td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
}

#_modal_ .tblSty01 td.chk{
	width:15px;
}

#_modal_ .tblSty01 td.price{
	width:30px;
}

#_modal_ .tblSty01 td .boxInput01:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#_modal_s_ {
	background: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 14px 22px;
	width: 800px;
	position: relative;
	display: none;
}

#_modal_s_ .tblSty01{
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin-bottom:15px;
	font-size:85%;
}

#_modal_s_ .tblSty01 th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	background-color:#FFEADF;
	font-weight:bold;
}

#_modal_s_ .tblSty01 th.gray{
	background-color:#f1f1f1;
}
#_modal_s_ .tblSty01 td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
}

#_modal_s_ .tblSty01 td.chk{
	width:15px;
}

#_modal_s_ .tblSty01 td.price{
	width:30px;
}

#_modal_s_ .tblSty01 td .boxInput01:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

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

real指定

=========================================================================== */
#_real_ {
	background: #ffffff;
	border: 0px solid #aaaaaa;
/*	padding: 14px 22px;
	width: 800px;*/
	position: relative;
	display: block;
}

#_real_ .tblSty01{
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	/*margin-bottom:15px;*/
	font-size:85%;
}

#_real_ .tblSty01 th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	background-color:#FFEADF;
	font-weight:bold;
}

#_real_ .tblSty01 th.gray{
	background-color:#f1f1f1;
}
#_real_ .tblSty01 td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
}

#_real_ .tblSty01 td.chk{
	width:15px;
}

#_real_ .tblSty01 td.price{
	width:30px;
}

#_real_ .tblSty01 td .boxInput01:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#_real_s_ {
	background: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 14px 22px;
	width: 800px;
	position: relative;
	display: none;
}

#_real_s_ .tblSty01{
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin-bottom:15px;
	font-size:85%;
}

#_real_s_ .tblSty01 th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	background-color:#FFEADF;
	font-weight:bold;
}

#_real_s_ .tblSty01 th.gray{
	background-color:#f1f1f1;
}
#_real_s_ .tblSty01 td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
}

#_real_s_ .tblSty01 td.chk{
	width:15px;
}

#_real_s_ .tblSty01 td.price{
	width:30px;
}

#_real_s_ .tblSty01 td .boxInput01:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

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

テキスト指定

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

.txtLeft { text-align:left; }

.txtRight { text-align:right; }
.txtRightRed {
text-align:right;
	font-size:85%;
 }
.txtCenter { text-align:center; }

.txtBold, .txtBold2 { font-weight:bold; }


.txtRed { color:#FF0000; }

.txtError01 {
	color:#ff0000;
	margin-top:5px;
}

.txtIndent{
	text-indent:-1em;
	padding-left:1em;
}

.txtCaution01,
.txtGray01{
	margin: 0 0;
    padding-left: 1.5em;
	padding-top: 0.25em;
	/*width:520px;*/
	word-wrap: break-word;
/*	white-space: pre-wrap; *//* IE,FF */
	word-break:break-all;/* webkit */
}

.txtGray01{
	color:#666;
}

.hissu{
	/*font-size:85%;*/
	font-size:1.6rem;
	color:#F00;
	display:inline;
/*	border:1px solid #F00;
	background-color:#FFF;
	width:4em;
	text-align:center;*/
}
.hissu_e{
	font-size:85%;
	border:1px solid #F00;
	background-color:#FFF;
	width:9em;
	color:#F00;
	text-align:center;
	margin-top:3px;
}


.error_pd0 {
	margin-top:3px;
	font-size:90%;
	color:#F00;
}

.error {
	margin-top:3px;
	font-size:90%;
	color:#F00;
	padding-left:4.2em;
}

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

テキスト指定

=========================================================================== */
.listMaru01{
	margin-bottom:35px;
}
.listMaru01 li{
	background:url(../images/ico_maru.gif) no-repeat left 0.3em;
 padding: 4px 0 0 23px;
}

.listdot01{ margin-bottom:30px;}
.listdot01 li{
	list-style-type:square;
	font-size:77%;
}

@media screen and (max-width: 919px) {
.inputM{ width: 70%; margin-bottom: 5px;}
}

@media screen and (max-width: 767px) {
#wrapper .form_ctr {
    padding-right: 15px;
    padding-left: 15px;
}

#formContents .tblSty01 td .boxInput01 input#kanzi_sei,
#formContents .tblSty01 td .boxInput01 input#kana_sei{
	margin-bottom: 5px; 
}

#formContents .tblSty01 th.blank {
	width: 8%;
}

#formContents .tblSty01 th.plice {
	width: 35%;
}

#formContents select, .inputL {
    display: block;
    margin-left: 1.0em;
}	

.boxLine .listLine01,
.boxLine .listLine02,
.boxLine .listLine03,
.boxLine .listLine04,
.boxLine .listLine05{
	display: block;
	margin-left: 1.2em;
}
	
.inputL{ width: 85%;}

#formContents .tel1{ margin-left:1.0em; width: 40px;}
#formContents .tel2{ margin-left:0.1em; width: 68px;}
#formContents .tel3{ margin-left:0.1em; width: 68px;}

#formContents .boxInput02 {
    margin-left: 0.5em;
}

.form-group .upld {
	margin: 5px 0;
}

.txtCaution01 {
	padding-left: 1.0em;
    padding-top: 0;
}

.input-group-addon {
    padding: 0 2px;
}

footer .footerList01{
	display: block;
}
footer .footerList01 li {
	margin-bottom: 5px;
}

footer .footerList01 li img {
	width: 100%;
	padding: 0 50px 10px 50px;
}
}

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

商品テーブル

===========================================================================*/
#formContents .item-table thead {
	background-color:#FFEADF;
}

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

レイアウト指定

=========================================================================== 
.mgc05 { margin:0 5px; }
.mgr05 { margin-right:5px; }
.mgt15 { margin-top:15px; }
.mgr15 { margin-right:15px; }
.mgb05 { margin-bottom:5px; }
.mgb10 { margin-bottom:10px; }
.mgb15 { margin-bottom:15px; }
.mgb20 { margin-bottom:20px; }
.mgb25 { margin-bottom:25px; }
.mgb30 { margin-bottom:30px; }
.mgb35 { margin-bottom:35px; }
.mgb40 { margin-bottom:40px; }
.mgb45 { margin-bottom:45px; }
.mgb50 { margin-bottom:50px; }
.mgb55 { margin-bottom:55px; }
.mgb60 { margin-bottom:60px; }
.mgb65 { margin-bottom:65px; }
.mgb70 { margin-bottom:70px; }
.mgb75 { margin-bottom:75px; }
.mgb80 { margin-bottom:80px; }
.mgb85 { margin-bottom:85px; }
.mgb90 { margin-bottom:90px; }
.mgb95 { margin-bottom:95px; }
.mgb100 { margin-bottom:100px; }
.mgb105 { margin-bottom:105px; }
.mgb110 { margin-bottom:110px; }
.mgb115 { margin-bottom:115px; }
.mgb120 { margin-bottom:120px; }
.mgb125 { margin-bottom:125px; }
.mgb130 { margin-bottom:130px; }
.mgb135 { margin-bottom:135px; }
*/
/* ==========================================================================

clearfix

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

#ttlArea:after,
#ttlArea .listPage:after,
#formContents .blockBookSelect:after,
#formContents .tblSty01 td .boxInput01:after,
#formContents .list_line1 li:after,
#formContents .boxRadio01:after,
#formContents .boxRadio02:after,
#formContents .boxcheck01:after,
#formContents .boxcheck02:after,
#formContents .boxZip01:after,
#formContents .listTel:after,
#formContents .form_ctr:before,
#formContents .form_ctr:after,
#formContents .blockFloL:after,
#formContents .blockFloR:after,
/**/
.boxLine .listLine01:after,
.boxLine .listLine02:after,
.boxLine .listLine03:after,
.boxLine .listLine01 li:after,
.boxLine .listLine02 li:after,
.boxLine .listLine03 li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* WinIE4-6用*/
/*
* html #ttlArea,
* html #ttlArea .listPage,
* html #formContents .blockBookSelect,
* html #formContents .tblSty01 td .boxInput01,
* html #formContents .list_line1 li,
* html #formContents .boxRadio01,
* html #formContents .boxRadio02,
* html #formContents .boxcheck01,
* html #formContents .boxcheck02,
* html #formContents .boxZip01,
* html #formContents .listTel,
/**//*
* html .boxLine .listLine01,
* html .boxLine .listLine02,
* html .boxLine .listLine03,
* html .boxLine .listLine01 li,
* html .boxLine .listLine02 li,
* html .boxLine .listLine03 li {
 display: inline-block;
 height: 1%;
}

#ttlArea,
#ttlArea .listPage,
#formContents .blockBookSelect,
#formContents .tblSty01 td .boxInput01,
#formContents .list_line1 li,
#formContents .boxRadio01,
#formContents .boxRadio02,
#formContents .boxcheck01,
#formContents .boxcheck02,
#formContents .boxZip01,
#formContents .listTel,
/**//*
.boxLine .listLine01,
.boxLine .listLine02,
.boxLine .listLine03,
.boxLine .listLine01 li,
.boxLine .listLine02 li,
.boxLine .listLine03 li{ zoom:1; }
*/
/* ==========================================================================

reset

=========================================================================== */
/*
html { }

body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
 img {
	border: 0;
	margin: 0;
}

address,
 caption,
 cite,
 code,
 dfn,
 em,
 th,
 var {
	font-style: normal;
	font-weight: normal;
}

li { list-style: none; }

caption,
 th { text-align: left; }

h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
 q:after { content: ''; }

abbr,
 acronym {
	border: 0;
	font-variant: normal;
}

sub { vertical-align: bottom; }

input,
 textarea,
 select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,
 textarea,
 select { *font-size:100%;
}

legend { color: #000; }

table {
	font-size:inherit;
	font:100%;
}

pre,
 code,
 kbd,
 samp,
 tt { font-family:monospace; *font-size:108%;
line-height:100%;

	}
*/