@charaset "UTF-8";

/*---------------
 デフォルトclearfix
---------------*/
.clearfix:after {
font-size: 0;
height:0;
content:".";
display:block;
clear:both;
visibility: hidden;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}





/*---------------------
 デフォルト　p
---------------------*/
p{
	font-size:14px;font-size:1.4rem;	/*text-align: justify;*/
	/*text-justify: inter-ideograph;*/
	/*text-justify:distribute;*/
	line-height:1.8;
	color:#333;
}

/*---------------
 デフォルト a
---------------*/
a{リンクされた文字
	color:#00f;
	font-style:normal;
	text-decoration:underline;
}/*
a:link {/*未訪問のリンク*/
	color:#00f;
	font-style:normal;
	text-decoration:underline;
}*/
a:visited {/*訪問後のリンク*/
color:#934C7B;
/*    ＿color:lightslategray;
    color:#00f;*/

	text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
	color:#F00;
	font-style:normal;
	text-decoration:underline;
}
a:active {/*クリック中*/
	text-decoration:none;
}

/*---------------------
 body
--------------------- */
body{background-image:url(../../img/bg/body.jpg);}
/*---------------------
 wrap 
--------------------- */
#wrap{
	width:1000px;
	background-color:#fff;
	height:auto;
	box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
	margin:0 auto;
	border-top:solid 5px #1f4d9f}

/*---------------------
 header部 
--------------------- */

header{height:110px;position:relative;}
header ul{position:absolute;right:10px;top:5px;}
header ul li{
	float:left;
	font-size:14px;
	color:#666;
	list-style:none;
	margin-left:15px;
}
header ul li:before{content:url(../img/lst/tri_gry.png);}
header ul li form input#to_sp{
	border:none;
	background-color:transparent;
	padding:0;font-size:12px;
	color:#666;
	cursor:pointer;
}
header ul li a{
	padding-left:3px;
	font-size:12px;
	color:#666;
	text-decoration:none;
}
header .bnr{
	position:absolute;
	right:5px;
	top:28px;
}
header .bnr a{display:block;}/* ←バナーの上位置をpaddingで調整するため */

div#h1{
	position:absolute;
	font-size:16px;
	left:5px;top:4px;
	color:#1f4d9f;
	color:steelblue;
	
}
h1{position:relative;}

#logo{
	display:block;
	margin-bottom:5px;
	width:432px;
	height:78px;
	position:absolute;
	top:25px;
	left:0px;
}
nav#head_nav{position:absolute;top:40px;left:400px;line-height:1.5;font-size:16px;font-size:1.6rem;}

nav#line_menu{
	width:100%;
	/*height:37px;*/
	background-color:#1f4d9f;
	color:#fff;
	font-size:14px;
	background-image: url("../../img/bg/line_menu.png");
}
nav#line_menu a{
	color:#fff;
	line-height:2.5;
	font-size:14px;
	text-decoration:none;
}
nav#line_menu a:hover{color:yellow;text-decoration:underline;}
/*nav a:last-child{background:none;}*/

/*---------------------
 Google Search
--------------------- */
#google_sch{
	width:260px;
	position:absolute;
	right:4px;top:114px;
}
.gsc-control-cse {
	background-color: rgba(255,255,255,1.0); 
    border:none!important;
	padding:0px!important;
}
form.gsc-search-box{margin-bottom:0px!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right:0px!important;
}
table.gsc-search-box {margin-bottom:0px!important;}
input.gsc-search-button-v2 {
    width: 12px!important;
    height: 12px!important;
    padding: 6px 10px 7px 10px!important;
    min-width: 12px!important;
    margin-top: 0px!important;
}
	input.gsc-search-button {
    margin-left: 0px!important;
    border-radius: 0px!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important;

}
input.gsc-search-button {
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 0 8px;
    height: 29px;
    min-width: 54px;
    border: 1px solid #666666;
}


/*---------------------
 パンなび（pan_navi）系
---------------------*/
#pan_navi {
    list-style: none;
    overflow: hidden;
    font: 14px meiryo,Helvetica, Arial, Sans-Serif;
}
#pan_navi li {
    float: left;
}
#pan_navi li a {
    color: white;
    text-decoration: none;
    /*padding: 5px 0 5px 55px;*/
padding: 0 0 0 55px;
    background: brown;
    background: hsla(218,85%,35%,1);
    position: relative;
    display: block;
    float: left;
}
#pan_navi li a:hover{text-decoration: none;}
#pan_navi li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(218,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
#pan_navi li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
#pan_navi li:first-child a {
    padding-left: 10px;
}

		#pan_navi li:nth-child(2) a{background:hsla(218,85%,45%,1); }
		#pan_navi li:nth-child(2) a:after { border-left-color: hsla(218,85%,45%,1);}
	
		#pan_navi li:nth-child(3) a{background:hsla(218,85%,55%,1); }
		#pan_navi li:nth-child(3) a:after { border-left-color: hsla(218,85%,55%,1);}
	
		#pan_navi li:nth-child(4) a{background:hsla(218,85%,65%,1); }
		#pan_navi li:nth-child(4) a:after { border-left-color: hsla(218,85%,65%,1);}
	
		#pan_navi li:nth-child(5) a{background:hsla(218,85%,75%,1); }
		#pan_navi li:nth-child(5) a:after { border-left-color: hsla(218,85%,75%,1);}
	#pan_navi li a:hover { background: hsla(218,85%,25%,1); }
#pan_navi li a:hover:after { border-left-color: hsla(218,85%,25%,1) !important; }

#pan_navi li a.no_href:hover { text-decoration:none;color:#fff;}

/*---------------------
 slippry（スライド）系
---------------------*/
#slider_slippry h3{
	margin-bottom:12px;
	font-size:18px;font-size:1.8rem;	font-weight:normal;
	line-height:2.0;
}

#slider_slippry h3 span{
	display:block;
		font-size:12.5px;font-size:1.25rem;}
#slider_slippry p{
font-size:12.5px;font-size:1.25rem;	line-height:2;
}

.sy-box {margin-bottom:10px;}
div.clear{clear:both;}


/*---------------------
 タブ系
--------------------- */
#tab {
	width:1000px;
	font-size:16px;
	position:relative;
}
#tab ul {
	margin:0;
	padding:10px 10px 0px 10px;
}
#tab li {
	list-style:none;
	float:left;
	margin:0 0 -4px 10px;/*---タブ左のスペース--*//*★1*/	  
	padding-left:15px;/*=A 左画像の幅と高さ調整*/
}

#tab a {
	float:left;
	display:block;
	width:auto;
	padding:15px 14px 14px 7px ;
	text-decoration:none;
	font-weight:normal;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue","メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tab a {float:none;}
#tab a:hover{color:red;}

#intro #tab01{
	position:relative;/*取ったらダメ*/
	background-position:0 -150px;
	border-bottom:2px solid #ffc;
	z-index:10!important;/*★3*/
	}#o_testa #tab02{
	position:relative;/*取ったらダメ*/
	background-position:0 -150px;
	border-bottom:2px solid #ffc;
	z-index:10!important;/*★3*/
	}#n_testa #tab03{
	position:relative;/*取ったらダメ*/
	background-position:0 -150px;
	border-bottom:2px solid #ffc;
	z-index:10!important;/*★3*/
	}#kin_gen #tab04{
	position:relative;/*取ったらダメ*/
	background-position:0 -150px;
	border-bottom:2px solid #ffc;
	z-index:10!important;/*★3*/
	}#principle #tab05{
	position:relative;/*取ったらダメ*/
	background-position:0 -150px;
	border-bottom:2px solid #ffc;
	z-index:10!important;/*★3*/
	}#words #tab06{
	position:relative;/*取ったらダメ*/
	background-position:0 -150px;
	border-bottom:2px solid #ffc;
	z-index:10!important;/*★3*/
	}#intro #tab01 a{
		background-position:100% -150px;

	}#o_testa #tab02 a{
		background-position:100% -150px;

	}#n_testa #tab03 a{
		background-position:100% -150px;

	}#kin_gen #tab04 a{
		background-position:100% -150px;

	}#principle #tab05 a{
		background-position:100% -150px;

	}#words #tab06 a{
		background-position:100% -150px;

	}
/*------------------------------
　マウスオーバでタブをUPする（IEはNG）
------------------------------*/

#tab li:hover {
	background-position:0% -150px;
	margin-top:-7px;/*下のpadding-bottomとリンク*/
}
#tab li:hover {margin-top/*\**/: 0px\9; } /* IE8 */
*:first-child+html #tab li:hover{margin-top:0px;} /*IE7*/
* html #tab li:hover{margin-top:0px;}/*IE6*/

#tab li:hover a {
	background-position:100% -150px;
	padding:15px 14px 14px 7px ;
/*【重要】上のpadding-bottomの絶対値＋アップするpx*/
	padding-bottom:21px;
}

	#tab li:hover a {padding/*\**/: 11px\9 0px\9 5px\9 5px\9;} /* IE8 */ 
	*:first-child+html tab li:hover a{padding:11px 0px 5px 5px;}/*IE7*/	
	* html #tab li:hover a {padding:11px 0px 5px 5px;}/*IE6*/




/*---------------------
 タブ幅（幅はたぶん不要）
---------------------*/

	li#tab01 a{background:url(../../img/tab/right_both_01.png) no-repeat right top;color:#38a1db;}
	li#tab01 a:hover{color:#38a1db;}

	li#tab01{background:url(../../img/tab/left_both_01.png) no-repeat left top;}
	#intro #tab_shita{border-top:solid 2px #38a1db;}

	li#tab02 a{background:url(../../img/tab/right_both_02.png) no-repeat right top;color:#007bbb;}
	li#tab02 a:hover{color:#007bbb;}

	li#tab02{background:url(../../img/tab/left_both_02.png) no-repeat left top;}
	#o_testa #tab_shita{border-top:solid 2px #007bbb;}

	li#tab03 a{background:url(../../img/tab/right_both_03.png) no-repeat right top;color:#1e50a2;}
	li#tab03 a:hover{color:#1e50a2;}

	li#tab03{background:url(../../img/tab/left_both_03.png) no-repeat left top;}
	#n_testa #tab_shita{border-top:solid 2px #1e50a2;}

	li#tab04 a{background:url(../../img/tab/right_both_04.png) no-repeat right top;color:#884898;}
	li#tab04 a:hover{color:#884898;}

	li#tab04{background:url(../../img/tab/left_both_04.png) no-repeat left top;}
	#kin_gen #tab_shita{border-top:solid 2px #884898;}

	li#tab05 a{background:url(../../img/tab/right_both_05.png) no-repeat right top;color:#ba2636;}
	li#tab05 a:hover{color:#ba2636;}

	li#tab05{background:url(../../img/tab/left_both_05.png) no-repeat left top;}
	#principle #tab_shita{border-top:solid 2px #ba2636;}

	li#tab06 a{background:url(../../img/tab/right_both_06.png) no-repeat right top;color:#028760;}
	li#tab06 a:hover{color:#028760;}

	li#tab06{background:url(../../img/tab/left_both_06.png) no-repeat left top;}
	#words #tab_shita{border-top:solid 2px #028760;}

* html li#tab-nin a{
	display:inline;
	line-height:32px;
	padding-right:15px;
	background:url("../img/tab/right_both_nin.png") no-repeat right 2px;
}

/*---------------------
　タブ下
---------------------*/
#tab_shita{
	width:1000px;
	height:auto;
	margin:0px auto 10px auto;
	background-color:#ffc;
	clear:both;
	height:30px;
	border-top:solid 2px #cc9;
	position:relative;/*取ったらダメ*/
}
#tab_shita div{margin-left:15px;line-height:2.0;}
#tab_shita>div>p>a{display:inline;}
#tab_shita p{text-indent:1em;}

/*---------------------
 footer
---------------------*/
footer {
width:100%;height:30px;
margin:auto;
padding:auto;
font-size:12px;font-size:1.2rem;color:#fff;
text-align:center;
line-height:2.5;
background-color:#1f4d9f;
overflow:hidden;
}/* overflow:hiddenを入れないと、footerが上がってきてしまう.heightが計算されないため*/
footer a{color:#fff;text-decoration:none;}
footer a:hover{color:yellow;text-decoration:underline;}
footer img{vertical-align:middle;border:0px;}

/*---------------------
 デザイン系
---------------------*/
.mkr{color:red;background-color:lemonchiffon;}
div.cent{margin-left:auto;margin-right:auto;text-align:center;line-height:2.0;font-size:16px;font-size:1.6rem;}