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

/* //////////////////////////////////////////////////

　[BASE] 

////////////////////////////////////////////////// */

/* --------------------------------------------------
font
-------------------------------------------------- */
.font_fami{
   font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}
/* --------------------------------------------------
img
-------------------------------------------------- */
img{
	height:auto;
    border:0 none;
    line-height:1;
    vertical-align:bottom;
}
/* --------------------------------------------------
link
-------------------------------------------------- */
a { cursor:pointer; }
a:link {
	color:#0099cc;
	text-decoration:none;
}
a:visited {
	color:#0099cc;
	text-decoration:none;
}
a:hover{
	color:#C5B676;
	text-decoration:underline;
}
a:active{
	color:#C5B676;
	text-decoration:underline;
}
/* --------------------------------------------------
Heading
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
/* --------------------------------------------------
table
-------------------------------------------------- */
table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
th,td{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
/* --------------------------------------------------
Paragraph
-------------------------------------------------- */
.clumnbox{
	overflow:hidden;
	zoom:1;
}
.lefty{
	float:left;
}
.righty{
	float:right;
}
/*--------------------------------------------------------------------
#contents
--------------------------------------------------------------------*/
/*flow*/
#contents .flow{
	margin-bottom:30px;
}
#contents .flow img{
	width:100%;
	height:auto;
}
#contents .flow ul{
	overflow:hidden;
	zoom:1;
}
#contents .flow ul li{
	float:left;
	display:inline;
}
#contents .flow ul.pc li{
	width:21.4285%;
}
#contents .flow ul.pc li.last{
	width:14.2857%;
}
#contents .flow ul.tab{
	display:none;
}
#contents .flow ul.tab li{
	max-width:120px;
	width:20%;
}
#contents .flow ul.tab li.last{
	width:20%;
}
/*.message*/
#contents .message{
	margin-bottom:30px;
	text-align:center;
	font-weight:bold;
	font-size:125%;
	color:#0099CC;
}
/*.question*/
#contents .question h2{
	margin-bottom:15px;
	padding:10px;
	background:#0099CC;
	color:#FFFFFF;
	font-size:116%;
}
#contents .question section{
	padding-bottom:30px;
}
/*質問見出し*/
#contents .question h3{
	margin-bottom:15px;
	padding:10px;
	border:1px solid #CCCCCC;
	background:url(../img/bg_texture.gif) repeat left top;
	background:url(../img/bg_texture_ie.gif) repeat left top\9; /*IE8以下*/
	background-size:7px 7px;
	font-weight:bold;
	line-height:1.3em;
	
	overflow:hidden;
	zoom:1;
}
#contents .question h3 span.icon{
	display:block;
	float:left;
	width:4em;
	margin-right:10px;
	text-align:center;
	background:#0099CC;
	color:#FFFFFF;
	
	border-radius:12px; 
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	behavior: url(/common/css/PIE.htc); /*IE8以下*/
}
#contents .question h3 span.text{
	display:block;
	overflow:hidden;
	zoom:1;
}
#contents .question h4{
	margin-bottom:5px;
	font-size:100%;
}
/*質問項目*/
#contents .question .box{
	margin-bottom:10px;
}
#contents .question .box ul{
	overflow:hidden;
	zoom:1;
}
#contents .question .box ul li{
	float:left;
	display:inline;
	width:100%;
	margin-bottom:5px;
	padding:3px 1em 3px 0;
	line-height:1.3em;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#contents .question .box ul.clumn5_1 li,
#contents .question .box ul.clumn5_2 li{
	width:20%;
}
#contents .question .box ul.clumn4_1 li,
#contents .question .box ul.clumn4_2 li{
	width:25%;
}
#contents .question .box ul.clumn3_1 li,
#contents .question .box ul.clumn3_2 li{
	width:33.33333%;
}
#contents .question .box ul.clumn2_1 li,
#contents .question .box ul.clumn2_2 li{
	width:50%;
}
/*フォームの整形*/
#contents .question label{
	margin-right:1em;
}
#contents .question .input,
#contents .question .textarea,
#contents .question .select{
	border:0;
	padding:10px;
	border:solid 1px #CCCCCC;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;

	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
/*submitボタン*/
#contents .question .btn_submit{
	margin-bottom:40px;
	overflow:hidden;
	zoom:1;
	text-align:center;
}
#contents .question .btn_submit .btn{
	display: block;
	font-family:'Lucida Grande','ヒラギノ角ゴProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
	/*width:16em;*/
	width:100%;
	padding:15px 0;
	margin:0;
	text-align:center;
	font-weight:bold;
	font-size:116%;
	color:#FFFFFF;
	background:#0099CC;
	cursor:pointer;
	border:none;
	line-height: 1.4em;
}
#contents .question .btn_submit a.btn:link,
#contents .question .btn_submit a.btn:visited,
#contents .question .btn_submit a.btn:hover,
#contents .question .btn_submit a.btn:active{
	text-decoration: none;
	color: #FFF;
}
#contents .question .btn_submit .btn:hover{
	background:#40B3D9;
}
#contents .question .btn_submit .comp .btn{
	background:#FFAD33;
}
#contents .question .btn_submit .comp .btn:hover{
	background:#FFC266;
}
#contents .question .btn_submit .print{
	position:relative;
}
#contents .question .btn_submit .print span{
	position:absolute;
	display:block;
	width:1.6em;
	height:1.6em;
	left:50%;
	top:50%;
	margin-top:-0.8em;
	margin-left:5.3em;
}
#contents .question .btn_submit .print span img{
	width:100%;
	height:auto;
}
#contents .question .btn_submit .pause .btn{
	background:#FFAD33;
}
#contents .question .btn_submit .pause .btn:hover{
	background:#FFC266;
}
#contents .question .btn_submit ul{
	overflow:hidden;
	zoom:1;
	margin-bottom: 10px;
}
#contents .question .btn_submit ul:last-child{
	margin-bottom: 0;
}
#contents .question .btn_submit ul li{
	float:right;
	display: block;
	width:25%;
	margin-top: 10px;
	padding: 0 10px;
	overflow:hidden;
	zoom:1;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#contents .question .btn_submit ul.num01 li{
	float:none;
	display: block;
	width:50%;
	padding: 0 40px;
	margin-left:auto;
	margin-right:auto;
}
#contents .question .btn_submit ul.num02 li{
	width:50%;
	padding: 0 40px;
}
#contents .question .btn_submit ul.num03 li{
	width:33.3333%;
	padding: 0 20px;
}
/*修正・確認ボタン*/
#contents .question .btn_edit{
	margin-bottom:15px;
}
#contents .question .btn_edit .btn{
    font-family:'Lucida Grande','ヒラギノ角ゴProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
	width:10em;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:100%;
	color:#333333;
	background:#DDDDDD;
	cursor:pointer;
	border:1px solid #CCCCCC;
	
	border-radius:12px; 
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	behavior: url(/common/css/PIE.htc); /*IE8以下*/
}
#contents .question .btn_edit .btn:hover{
	background:#CCCCCC;
}
#contents .question .btn_edit .check{
	background:#FFAD33;
	border:none;
}
#contents .question .btn_edit .check:hover{
	background:#FFC266;
}
/*その他*/
#contents .note{
	font-size:86%;
}
#contents .error{
	margin-bottom:15px;
	font-weight:bold;
	color:#C00;
}
#contents .error:before{
	content:"!";
	padding:1px 0.6em;
	margin-right:5px;
	background:#C00;
	color:#FFF;
	
	border-radius:12px; 
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	behavior: url(/common/css/PIE.htc); /*IE8以下*/
}
/*iphoneなどのボタン対策*/
input[type="button"],input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
/*===============================================
画面の横幅が1080px以下
===============================================*/
@media screen and (max-width:1080px){
	/*submitボタン*/
	#contents .question .btn_submit{
		font-size: 90%;
	}
	#contents .question .btn_submit ul li{
		padding: 0 5px;
	}
}
/*===============================================
画面の横幅が980px以下
===============================================*/
@media screen and (max-width:980px){
	/*submitボタン*/
	#contents .question .btn_submit{
		font-size: 85%;
	}
}

/*===============================================
●tablet.css  画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){
	/*--------------------------------------------------------------------
	#contents
	--------------------------------------------------------------------*/
	/*.message*/
	#contents .message{
		font-size:116%;
	}
	/*.question*/
	#contents .question .box ul li{
		padding:6px 1em 6px 0;
	}
	#contents .question .box ul.clumn2_2 li,
	#contents .question .box ul.clumn3_2 li,
	#contents .question .box ul.clumn4_2 li,
	#contents .question .box ul.clumn5_2 li{
		width:50%;
	}
	#contents .question .box ul.clumn2_1 li,
	#contents .question .box ul.clumn3_1 li,
	#contents .question .box ul.clumn4_1 li,	
	#contents .question .box ul.clumn5_1 li{
		width:50%;
	}
	#contents .question #q09 ul li,
	#contents .question #q10 ul li,
	#contents .question #q12 ul li,
	#contents .question #q14 ul li,
	#contents .question #q31 ul li,
	#contents .question #q33 ul li,
	#contents .question #q35 ul li,
	#contents .question #q36 ul li,
	#contents .question #q58 ul li,
	#contents .question #q61 ul li,
	#contents .question #q62 ul li{
		width:100%;
	}
	#contents .question h4{
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px dotted #CCCCCC;
	}
	/*submitボタン*/
	#contents .question .btn_submit{
		margin-bottom:30px;
		font-size: 90%;
	}
	#contents .question .btn_submit ul li{
		float:none;
		display:block;
		width:100%;
		padding: 0 10px;
	}
	#contents .question .btn_submit ul.num01 li{
		width:100%;
		padding: 0 10px;
	}
	#contents .question .btn_submit ul.num02 li{
		width:100%;
		padding: 0 10px;
	}
	#contents .question .btn_submit ul.num03 li{
		width:100%;
		padding: 0 10px;
	}
	#contents .question .btn_submit .btn{
		width:100%;
		padding:5px 0;
	}
	#contents .question .btn_submit .empty,
	#contents .question .btn_submit .print{
		display:none;
	}
	/*修正・確認ボタン*/
	#contents .question .btn_edit .btn{
		padding:3px 0;
	}
	
}

/*===============================================
●smart.css  画面の横幅が568px以下
===============================================*/
@media screen and (max-width:568px){
	/*--------------------------------------------------------------------
	#contents
	--------------------------------------------------------------------*/
	/*.message*/
	#contents .message{
		margin-bottom:20px;
		font-size:100%;
		text-align:left;
	}
	/*.question*/
	#contents .question section{
		font-size: 90%;
		padding-bottom:15px;
	}
	#contents .question .box ul.clumn2_1 li,
	#contents .question .box ul.clumn3_1 li,
	#contents .question .box ul.clumn4_1 li,	
	#contents .question .box ul.clumn5_1 li{
		width:100%;
	}
	/*.flow*/
	#contents .flow{
		margin-bottom:15px;
	}
	#contents .flow ul.pc{
		display:none;
	}
	#contents .flow ul.tab{
		display:block;
	}
}
/*===============================================
●smart.css  画面の横幅が320px以下
===============================================*/
@media screen and (max-width:320px){
	
	/*質問見出し*/
	#contents .question h3{
		padding:5px;
	}
	#contents .question h3 span.icon{
		display:block;
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:5px;
	}
	/*修正ボタン*/
	#contents .question .btn_edit{
		text-align:center;
	}
}