@charset "utf-8";

/*********************************************************************
 * Standard Parts
 *********************************************************************/
body {
	min-height:900px;
}

/*********************************************************************
 * Page Parts
 *********************************************************************/
/* Fix Area */
body, #container, div#header {width:100%;}

/* Add */
div#header {z-index:8999;}

/* header */
div#header {
	background-color:#d6e9ca;
	position: fixed!important;
	top: 0;
	height:40px;
	border-top:3px solid #062;
}

div#header div#headImage {
	position:relative;
	float:left;
	top:5px;
	left:5px;
}
div#header div#headImage img {
	width:66px;
	height:50px;
}

div#header div#headTitle {
	float:left;
	font-size:18px;
	padding:6px 0 0 11px;
	font-weight:bold;
}

/* contents */
div#contents {
	text-align:left;
	min-height:600px;
	background-color:#ffffff;
	margin-top:70px;
	padding:10px 10px 10px 10px;
}

#navi img {
	width:445px;
	height:50px;
}
#message {
	font-size:14px;
	margin:15px 0 5px 0;
}

.title {
	margin-top:10px;
	border-bottom:2px solid #000000;
	margin-bottom:15px;
}

.title .material-icons {
	font-size:36px;
}
.title .desc {
	position:relative;
	top:-6px;
	left:2px;
	font-size:16px;
	font-weight:bold;
	padding:0 0;
}

.input label:after, .normal_label:after {
	content: "：";
}

#tour {
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
}

/* ========== 確認 ========== */
.output {
	position:relative;
	top:6px;
	font-size:16px;
	margin-bottom:5px;
}

/* ========== パーツ ========== */
.input label {
	position:relative;
	top:10px;
}
.input .desc {
	margin:5px 0 10px 10px;
	font-size:12px;
	color:#ff3300;
	font-weight:bold;
}


/* ========== フッター ========== */
#footer{
	background-color:#c3d9ca;
	padding:5px 0;
	font-size:x-small;
	text-align:center;
}

/*SP-----------------------------------------------------------------------------------*/
@media only screen and (max-width:599px) {/*-------------------------------------------*/
.sp_none {display:none;}
.sp_disp {display:auto;}
}/*SP----------------------------------------------------------------------------------*/

/*TB-----------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:959px) {/*---------------------*/
.tb_none {display:none;}
.tb_disp {display:auto;}
}/*TB----------------------------------------------------------------------------------*/

/*PC-----------------------------------------------------------------------------------*/
@media only screen and (min-width:960px) {/*-------------------------------------------*/
.pc_none {display:none;}
.pc_disp {display:auto;}
}/*PC----------------------------------------------------------------------------------*/