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

html,body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	height:100%;
	width:100%;
	max-width:1920px;
	min-width:1080px;
	max-height:1080px;
	min-height:800px;
}
html{
	background-image: url("img/back_wall_tile.png");
	background-repeat: repeat;
}

/********************/
/*スタートページ関連*/
/********************/
#startpage{
    margin:96px auto;
    padding:5px;
    width:900px;
    height:532px;
    text-align:center;
}

#startpage_text{
	margin-top:16px;
	font: 160%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#startbox{
	text-align:left;
	margin: 16px;
	padding: 0px;
	width:340px;
}

/********************/
/*チェックページ関連*/
/********************/
#checkform{
    background-color:#ffffff;
    margin:96px auto;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 3px #999999;
    -moz-box-shadow:5px 5px 3px #999999;
    -webkit-box-shadow:5px 5px 3px #999999;
    width:900px;
    height:532px;
}
#checkform_data{
	height:432px;
}
#checkform_choice{
	float:left;
	padding-top:2%;
	padding-left:2%;
	padding-right:0px;
	width:46%;
	height:98%;
}
#checkform_image{
	float:left;
	margin-left:8px;
	padding:1%;
	width:40%;
	height:98%;
}
#qtitle{
	margin-top:96px;
	padding:2px 32px;
	font-size:14pt;
	width:380px;
	height:48px;
}

#qchoice{
	padding:16px 16px;
	font-size:14pt;
}
#checkform_btn{
	text-align: center;
}
#numberbox{
	text-align:left;
	margin: 16px;
	padding: 0px;
	width:340px;
}

#numberbox_left{
	float:left;
	top:0px;
	left:0px;
	
}
#numberbox_right{
	float:left;
	top:0px;
	left:0px;
}
#numberbox_number{
	float:left;
	position: absolute;
	top:0px;
	left:0px;
	display:none;
}

/********************/
/*年齢入力フォーム*/
/********************/
#ageform{
    background-color:#ffffff;
    margin:96px auto;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 3px #999999;
    -moz-box-shadow:5px 5px 3px #999999;
    -webkit-box-shadow:5px 5px 3px #999999;
    width:900px;
    height:532px;
}
#agetitlebox{
	text-align: left;
	margin: 16px;
	padding: 0px;
	width: 400px;
}
#agetitle{
	margin-top:0px;
	padding:2px 32px;
	font-size:14pt;
	width:800px;
	height:48px;
}

#ageform_choice{
	float: left;	/*width:800px;*/
	
}

#agechoice{
	font-size: 14pt;
}
#agechoicebox{
	float: left;
	margin-left: 36px;
}
#ageform_image{
	float: right;
	margin-left: 8px;
	padding: 1%;
	position: relative;
	margin-right: 60px;
	top: auto;
	right: auto;
	margin-bottom: 24px;
}

/********************/
/*時間入力フォーム*/
/********************/
#timeform{
    background-color:#ffffff;
    margin:96px auto;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 3px #999999;
    -moz-box-shadow:5px 5px 3px #999999;
    -webkit-box-shadow:5px 5px 3px #999999;
    width:900px;
    height:532px;
}
#tmtitlebox{
	text-align:left;
	margin: 16px;
	padding: 0px;
	width:340px;
}
#tmtitle{
	margin-top: 0px;
	padding: 2px 32px;
	font-size: 14pt;
	width: 800px;
	height: 48px;
	float: left;
}

#tmform_choice{
	width:800px;
}

#tmchoice{
	font-size:14pt;
}
#tmchoicebox{
	float:left;
}
#tmform_image{
	float: right;
	margin-left: 8px;
	padding: 1%;
}

/********************/
/*結果ページ関連*/
/********************/
#resultpage{
	position: relative;
    background-color:#ffffff;
    margin:96px auto;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 3px #999999;
    -moz-box-shadow:5px 5px 3px #999999;
    -webkit-box-shadow:5px 5px 3px #999999;
    width:900px;
    height:532px;
}

#resultpage_textbox{
	position: relative;
	font: 150%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    margin:2px auto;
	background-image: url("img/res_box.png");
	background-repeat: no-repeat;
    height:532px;
    width:854px;
}

#resultpage_textbox_text{
	position: relative;
	float:left;
	padding-top:8px;
	padding-left:2px;
	padding-right:0px;
    width:360px;
	height:300px;
}

#resultpage_image{
	position: relative;
	float:left;
	margin-top:16px;
	padding:1%;
    width:383px;
	height:300px;
}

#infopage{
    background-color:#ffffff;
    margin:96px auto;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 3px #999999;
    -moz-box-shadow:5px 5px 3px #999999;
    -webkit-box-shadow:5px 5px 3px #999999;
    width:900px;
    height:532px;
}

#resultpage_summary_btn{
	position: absolute;
	right: 10px;
	bottom: 102px;
}



input[type="radio"]{
	width:24px;height:24px
}

.yesno_ch{
	font-size:24px;
}


/*回答一覧表示ページ*/
#summarypage{
	background-color:#ffffff;
	margin:96px auto;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:5px 5px 3px #999999;
	-moz-box-shadow:5px 5px 3px #999999;
	-webkit-box-shadow:5px 5px 3px #999999;
	width:900px;
	height:532px;
	position: relative;
}

#summarypage_textbox{
	/*background-image: url("img/res_box.png");*/
	/*background-repeat: no-repeat;*/
    height:465px;
	width:858px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 80%;
	line-height: 1.8;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}

#summarypage_textbox_text_left{
	/*float:left;*/
	padding-top:0px;
	padding-left:2px;
	padding-right:0px;
	width:49%;
	height:320px;
	float: left;
	position: relative;
}

#summarypage_textbox_text_right{
	/*float:left;*/
	padding-top:0px;
	padding-left:2px;
	padding-right:0px;
	width:49%;
	height:320px;
	float: left;
	position: relative;
}

#summarypage_textbox_text{
	width:98%;
	height:320px;
	position: relative;
	overflow: scroll;
	border: thin solid #666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#summarypage_back_btn{
	position: absolute;
	left: 10px;
	bottom: 44px;
}

#ans_yes{
	font-size: 100%;
	font-weight: bold;
	color: #333;
	background-color: #FC0;	
}

#ans_no{
	font-size: 100%;
	font-weight: bold;
	color: #333;
	background-color: #6FF;
}