@charset "utf-8";
/* CSS Document */

@-moz-document url-prefix(){
body{
	overflow: hidden; 
}
}

.con-box{
	font-size: 110%;
}


.con-box form#mailformpro table.input{
	width: 96%;
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
	font-size: 95%;
}

.con-box form#mailformpro table.input tr td{
	width: 100%;
}

.con-box form#mailformpro table.input tr td table{
	width: 100%;
}

.con-box td#text{
	text-align: center;
	padding-right: 0%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 100%;
	font-weight: bold;
}

.con-box td#underline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-left: 0%;
	width: 100%;
	text-align: center;
}

.con-box td#underline2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-left: 0%;
	width: 100%;
}

.con-box td#text,.con-box td#underline,.con-box td#underline2{
	padding-top: 10px;
	padding-bottom: 10px;
}


td ol{
	padding-left: 5%;
}

td ol li{
	margin-top: 5px;
	list-style-position: inside;
}


.msg_head,.red,.txt{
	text-align: center;
	font-size: 120%;
	line-height: 120%;
}

tr #text .red {
	font-size: 100%;
	color: #666;
	font-weight: normal;
}


#text span{
	font-size: 100%;
	text-align: center;
}

/*入力部分の幅の設定------------------------*/
.con-box td#underline input{
	width: 250px;
}

.con-box td.box-short#underline input{
	width: 80px;
}

.con-box p.txt textarea{
	width: 500px;
}


.blue{
	background-color: #FFE6C8;
}


/*ニュースレター選択の設定--------------------------------------*/
.con-box form#mailformpro dl.choice-sample{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.con-box form#mailformpro dl.choice-sample #choice-box{
	float: left;
	width: 49%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
}

.con-box form#mailformpro dl.choice-sample .bd-none#choice-box{
	border-right-style: none;
}

.con-box form#mailformpro dl.choice-sample .bdbtm-none#choice-box{
	border-bottom-style: none;
}


.con-box form#mailformpro dl.choice-sample dt,.con-box form#mailformpro dl.choice-sample dd{
	width: 96%;
	padding: 2%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.con-box form#mailformpro dl.choice-sample dt img{
	width: 60%;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
	border: 1px solid #333;
}

.con-box form#mailformpro dl.choice-sample dd p{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 15px;
	font-weight: bold;
}



@media screen and (max-width: 414px) {

/*入力部分の幅の設定------------------------*/
.con-box td#underline input{
	width: 200px;
}

.con-box td.box-short#underline input{
	width: 60px;
}

/*バージョン選択部分の幅の設定------------------------*/
.con-box td#underline p select{
	width: 200px;
}

.con-box p.txt textarea{
	width: 200px;
}


/*ニュースレター選択の設定--------------------------------------*/
.con-box form#mailformpro dl.choice-sample #choice-box{
	float: none;
	width: 99%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 15px;
	padding-bottom: 10px;
}

.con-box form#mailformpro dl.choice-sample dt,.con-box form#mailformpro dl.choice-sample dd{
	width: 100%;
	padding: 0%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.con-box form#mailformpro dl.choice-sample dt img{
	width: 60%;
	float: none;
	border: 1px solid #333;
	margin-right: 20%;
	margin-left: 20%;
}

.con-box form#mailformpro dl.choice-sample dd p{
	width: 100%;
	float: none;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 15px;
	font-weight: bold;
}


}