@charset "UTF-8";

.sp { display: none; }
.no-sp {}

html, body {
	min-height: 100%;
	background-color: #FFF;
	}

html {
	font-size: 14px;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	}

body {
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-size: 1.4rem;
	line-height: 1.6;*/
	}


/* -------------------------------------------------------------------------- **
**  DEFAULT
** -------------------------------------------------------------------------- */
#header {
	display: block;
	width: 100%;
	height: 83px;
	background: url(../images/header_bg.png) repeat-x ;
	}
	#header div {
		width: 900px;
		margin: 0 auto;
		padding-top: 21px;
		}
		#header div h1 {
			display: block;
			width: 215px;
			height: 0;
			padding-top: 34px;
			background: url(../images/header_logo.png) no-repeat;
			line-height: 34px;
			overflow: hidden;
			}
	
	/* パンくずリスト */
	#topicpath {
		width: 100%;
		margin-bottom: 20px;
		padding: 5px 0 6px 0;
		background-color: #EBEBEB;
		}
		#topicpath ol {
			display: block;
			width: 900px;
			margin: 0 auto;
			}
			#topicpath ol li {
				display: inline;
				font-size: 12px;
				list-style-type: none;
				}
			#topicpath ol li:before {
				content: "　>　";
				}
			#topicpath ol li:first-child:before {
				content:">>　";
				}
				#topicpath ol li a {
					color: #2193D2;
					text-decoration: none;
					}

/* privacy */				
.privacy_cointainer {
	width: 700px;
	margin: 0 auto 40px auto;
	border: 1px solid #006BAD;
	}
	.privacy_cointainer h4 {
		display: block;
		width: 100%;
		padding: 12px 0 9px 0;
		background: url(../images/privacy_title_bg.png) repeat-x #006BAD;
		color: #FFF;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		}
	.privacy_cointainer .privacy_scroll {
		display: block;
		height: 260px;
		padding: 20px 30px;
		overflow: scroll;
		}
		.privacy_cointainer .privacy_scroll dt {
			margin-top: 1em;
			margin-bottom: 1em !important;
			font-size: 16px !important;
			line-height: 1.6;
			font-weight: bold;
			}
		.privacy_cointainer .privacy_scroll dl,
		.privacy_cointainer .privacy_scroll ul {
			margin-left: 1em;
			margin-bottom: 3em;
			}
			
		.privacy_cointainer .privacy_scroll p,
		.privacy_cointainer .privacy_scroll li,
		.privacy_cointainer .privacy_scroll dd {
			margin-bottom: 1em !important;
			line-height: 1.6;
			}
			
		.privacy_cointainer .privacy_scroll .timestamp {
			display: block;
			width: 100%;
			text-align: right;
			}
		
/* contents */			
#contents {
	width: 900px;
	margin: 0 auto;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	overflow: hidden;
	}
	#contents h2 {
		display: block;
		width: 900px;
		height: 0;
		margin-bottom: 30px;
		padding-top: 130px;
		background: url(../images/contents_header.jpg) no-repeat ;
		line-height: 130px;
		overflow: hidden;
		}
	
	
	 .contents_inner {
		display: block;
		width: 800px;
		margin: 0 auto 30px auto;
	 	}
		.contents_flow {
			display: block;
			width: 800px;
			height: 0;
			margin-bottom: 30px;
			padding-top: 65px;
			background: url(../images/contents_flow.png) no-repeat 0 0;
			line-height: 65px;
			overflow: hidden;
			}
		#contents_flow1 { background-position: 0 0;}
		#contents_flow2 { background-position: 0 -65px;}
		#contents_flow3 { background-position: 0 -130px;}
		#contents_flow4 { background-position: 0 -195px;}
		
		#contents p {
			margin-bottom: 50px;
			font-size: 14px;
			line-height: 1.8;
			}
		
			
	#contents_footer {
		padding: 9px 0 6px 0;
		background-color: #ECEFF1;
		}
		#contents_footer a {
			display: block;
			margin-left: 20px;
			padding-left: 20px;
			background: url(../images/link_back_bg.png) no-repeat 0 2px;
			color: #2193D2;
			font-size: 14px;
			text-decoration: none;
			}
			
/* table */	
.contents_table {
	margin-bottom: 50px;
	}
	
	.contents_table th,
	.contents_table td {
		border-collapse: separate;
		padding: 10px 0 6px 0;	
		text-align: center;
		}
	
	/* table1 */
	.table01 .col01 { width: 80px; }
	.table01 .col02 { width: 80px; }
	.table01 .col03 {  border-right: 1px solid #E1E1E1; }
	
	.table01 .row01 th { color: #FFF; font-weight: bold; text-align: center; }
	.table01 .row01 .col01 { background-color: #003F83; }
	.table01 .row01 .col02 { background-color: #004F92; }
	.table01 .row01 .col03 { background-color: #006CAA; }
	
	.table01 td.col01 { background-color: #CEE0EB; border-bottom: 1px solid #FFF; }
	.table01 td.col02 { background-color: #E1EAEF; border-bottom: 1px solid #FFF; }
	.table01 td.col03 { background-color: #FFF; border-bottom: 1px solid #E1E1E1; text-align: left; padding-left: 20px;}
	
	.table01 td.col02 input { width: 16px; }
	
	
	/* table2 */
	.table02 .col01 { width: 270px; }
	.table02 .col02 {  border-right: 1px solid #E1E1E1; }
	
	.table02 .row01 th { color: #FFF; font-weight: bold; text-align: center; }
	.table02 .row01 .col01 { background-color: #003F83; }
	.table02 .row01 .col02 { background-color: #006CAA; }
	
	.table02 td.col01 { background-color: #CEE0EB; border-bottom: 1px solid #FFF; text-align: left; padding-left: 20px;}
	.table02 td.col02 { background-color: #FFF; border-bottom: 1px solid #E1E1E1; text-align: left; padding-left: 20px;}
	

/* 入力 */	
.input_sample {
	margin: 0 !important;
	font-size: 12px !important;
	}
.input_confirm {
	margin: 0 !important;
	font-size: 14px !important;
	}

	.input_txt {
		margin-bottom: 5px;
		padding: 5px;
		border: 1px solid #969DA6;
		border-radius: 4px;
		font-size: 14px;
		}
	.input_txt_w450 { width: 450px; }
	.input_txt_w400 { width: 400px; }
	.input_txt_w300 { width: 300px; }
	.input_txt_w180 { width: 180px; }
	
	.input_must {
		display: inline-block;
		padding: 2px 5px 1px 5px;
		border-radius: 3px;
		background-color: #FF3C40;
		color: #FFFFFF;
		font-size:12px;
		font-weight: bold;
		text-align: center;
		}
	
/* ボタン */
.contents_btn_container {
	text-align: center;
	}
	.contents_btn_container h4 {
		margin-bottom: 20px !important;
		font-weight: bold;
		}
	.contents_btn_container a {
		margin: 0 10px;
		}
	.contents_btn_container input:hover,
	.contents_btn_container a:hover {
		opacity: 0.7;
		}
		
		
/* エラー */
.alert-error {
	box-sizing: border-box;
	width: 700px;
	margin: 0 auto 50px auto;
	padding: 20px;
	background-color: #FFDFE0;
	border-radius: 8px;
	overflow: hidden;
	}
	.alert-heading {
		margin-bottom: 10px;
		color: #D42326;
		font-size: 16px;
		font-weight: bold;
		}