@charset "shift_jis";
/* CSS Document */

/*全ページ共通項目*/
img{
	border:0;
}
body {
	color : #333333;
	font-size: 12px;
	font-weight:normal;
	line-height:18px;
	margin:0;
	padding:0;
	font-family:メイリオ;
	text-align:left;
}
.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%;
	margin-bottom: 30px;
}
.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;
}
/*navi*/
.h_nav01 .h_nav{
    width: 100%;
    background-color: #ECECEC;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
    -webkit-background-size: 5px;
    padding: 50px 0 0 0;
    border-bottom: #ccc dotted 1px !important;
    font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.f_ul{
    width: 1050px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-top: -33px;
    display:flex;
}
li.drop {
    position: relative;
    text-align: center;
    background: #fff;
    border-radius: 5px 5px 0 0;
    border: 2px solid #ddd;
    border-bottom: 0;
    height: 40px;
}
.f_ul li{
    width: 130px;
    margin: 0 3px 0 0;
    line-height: 34px;
}
.f_ul li:hover {
color:#606776;
cursor: pointer;
cursor: hand;

} 
.f_ul li:first-child{
    width: auto;
    font-size: 12px;
    text-align: center;
}
.f_ul li span{
	display:block;
	color:#000000; /*★メニュー文字色*/
	font-size:10px;
	font-weight:normal;
	line-height:15px;
}
.f_ul li a{
    display: block;
    line-height: 40px;
    text-decoration: none;
    height: 40px;
    color: #000;
}
.f_ul li a:hover{
	color:#fc6f75;      /*★メニューhover文字色*/
}