@charset "shift_jis";

/* CSS Document */

/*全ページ共通項目*/
.contents_page{
	min-height: 2500px;
}

/*注意書き*/
.t_tx p{
	padding:10px;
	background:#F0F0F0;
	border:1px solid #CCCCCC;
}

/*見出し*/
.sample_ti{
	font-size:25px;
	line-height:50px;
	text-indent:10px;
	margin:50px 0 30px 0;
	border-bottom: 2px dashed #CCCCCC;
}

.sample_main h2{
	margin: 30px 0 15px 0;
	padding:0;
	line-height:35px;
	text-align:left;
	text-indent:15px;
	font-size:16px;
	border-left: 5px solid #A59380;
	border-bottom:1px solid #CCCCCC;
}

#t_code_wrap h3{
	margin:10px 0;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	text-indent:20px;
	line-height:30px;
	border:1px dashed #AAAAAA;
	cursor:pointer;
}

#t_code_wrap h3:hover{
	background:#F0F0F0;

}

/*テキストエリア*/
.t_code{
	margin:15px auto;
	display:none;
}

.t_code p{
	text-align:left;
}

/*サンプルページへ*/
.sample_link{
	margin:15px 0;
}

.sample_link a{
	display:block;
	color:#FFFFFF;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	background:#999999;
}

.sample_link a:hover{
	background:#A10E09;
}

/*戻る*/
.sample_back{
	width:1000px;
	margin:20px auto;
	text-align:left;
}

/*****************　サンプルページ　********************/

.header_sample{
	margin:0 0 700px 0;
}

.header{
	width:100%;
	overflow:hidden;
}

.header_sample h3{
	margin:500px 0 10px 0;
}

/*********************************************
　　h_navi01
*********************************************/

.h_nav001 h1{
	width:100%;
	color:#FFFFFF; /*★h1の文字色*/
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:center;
	line-height:20px;
	background:#042455;/*★h1の背景色*/
}

.h_nav01 .header_inner{
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	overflow:hidden;
}

.h_nav01 .h_logo{
	width:210px;
	float:left;
}

.h_nav01 .h_info{
	width:610px;
	margin-left: 10px;
	float:left;
}

.h_nav01 .h_inq{
	width:160px;
	float:right;
}

.f_ul{
	width:1000px;
	list-style:none;
	margin:0 auto;
	padding:0;
	border-right: 1px solid #777777;
	position:relative;
}

.f_ul li{
	float:left;
	width: 141px; /*★メニュー項目横幅（項目数により変更）*/
	font-weight:bold;
	border-left: 1px solid #000000;
}

.f_ul li:first-child{
	width:147px !important; /*★1番目の項目横幅（項目数により調節）*/
}

.f_ul li span{
	display:block;
	color:#000000; /*★メニュー文字色*/
	font-size:10px;
	font-weight:normal;
	line-height:15px;
}

.f_ul li a{
	display:block;
	color:#000000;
	padding:10px 0;
	text-decoration:none;
}

.f_ul li a:hover{
	color:#CCCCCC;      /*★メニューhover文字色*/
	background:#021735; /*★メニューhover背景色*/
}