/* ver 1.1.1 (2013/2/4) */
@charset "utf-8";
@import url(reset.css);

body {
	font-size:87%;
	line-height:1.4;
	color:#333333;
/* base size  
12px 	75%
13px 	82%
14px 	88%

*/

}

/*(14px：87%時)
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%


 */

/* link style */
a:link{
	color: #285ac6;
	text-decoration: none;
}
a:visited{
	color: #285ac6;
	text-decoration: none;
}
a:hover{
	color: #285ac6;
	text-decoration: underline;
}



/* *************************************************************************************** */


/* note */
.note_01 li {
	text-indent: -1em;
	padding-left: 1em;
}

/* layout styles END */

/* *************************************************************************************** */

/* input styles START */

/* radio & checkbox btn */
.sel_btn_01 {
	vertical-align: middle;
	margin-right: 5px;
}
* html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}
*:first-child+html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}

/* input styles END */

/* *************************************************************************************** */

/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	font-size:0.1em;
	line-height:0;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	/*overflow: hidden;*/
	/* 上記のoverflow: hidden;はDreamweaver上でレイアウトを正しく表示させるためのCSSです。
	   Dreamweaverで編集する際にコメントアウトを外して使用してください。
	   また、編集が完了した際にはコメントアウトしておいてください。 */
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */

/* *************************************************************************************** */

* {
	word-wrap : break-word;
	overflow-wrap : break-word;
}


html,body{
     margin-top:0px;
     height:100%;
	 background:#ffffff;
	 _height:100%;

}
#container {
    width: 100%;
    position: relative;
    height: 100%;
    height: auto !important;
    min-height: 100%;
	/*min-width:1024px;*/
	background: url(../img/c_bg_01.gif) repeat-x left bottom;
}

body > #container {
    height: auto;
}

#container #container_box {
    padding-bottom: 120px;
	/width: 100%;
}
#container.top_page #container_box {
	margin-top:0px;
}

/*header*/
#header{
}
#header .h_inner_area{
	width: 960px;
	margin: 0 auto;
}
#header .h_inner_area .h_inner_box{
	padding-bottom: 10px;
}

#header .h_right_area{
	float: right;
}
#header .h_right_area #number_area{
	display: inline-block;
	background: url(../img/h_ic_01.gif) no-repeat left top;
	color: #34496e;
	padding-left: 20px;
	margin:8px 15px 0 0;
	vertical-align:top;

}
#header .h_right_area #logout img{
	vertical-align: top;
	margin: 5px 15px 0 0;
}
#header .h_right_area a#logout:hover img{
	opacity: 0.6;
}

#header .h_right_area #search_area{
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	width: 195px;
	height: 30px;
	display: inline-block;
}
#header input#search{
	background: #f0f0f0;
	border: none;
	border: none;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	width: 163px;
}
#header input[type="submit"]{
	background: url(../img/ic_search.gif) no-repeat left center #f0f0f0;
	text-decoration: none;
	border-style: none;
	text-indent: -9999px;
	/*width: 22px;*/
	width: 17px;
	height: 30px;
	display: block;
	float: right;
	padding-right: 13px;
	cursor: pointer;
}
.sec_top_title{
	font-size: 172%;
	color: #1e3473;
	font-weight: bold;
}
#g_navi{
	margin-top: 20px;
	background: #061f3b;
}
#g_navi ul{
	width: 960px;
	margin: 0 auto;
}
#g_navi ul li{
	float: left;
	text-align: center;
}
#g_navi ul li a{
	display: block;
	color: #96b3d4;
	text-decoration: none;
	/*background: #fff;*/
}
/*#g_navi ul li.new a{
	background: url(../img/g_navi_ic_new.png) no-repeat right top;
}
#g_navi ul li.new{
	background: url(../img/g_navi_ic_new.png) no-repeat right top !important;
}
#g_navi ul li span{
	display: block;
	height: 30px;
	padding: 63px 0 0;
}
#g_navi ul li.active span{
	color: #fff;
}
#g_navi ul li a:hover{
	color: #fff;
}
#g_navi ul li span{
	width: 135px;
}
#g_navi ul li.navi01 span{
	background: url(../img/g_navi_ic_01.gif) no-repeat center 20px;
}
#g_navi ul li.navi01 a:hover span{
	background: url(../img/g_navi_ic_01_over.gif) no-repeat center 20px;
}
#g_navi ul li.navi02 span{
	background: url(../img/g_navi_ic_02.gif) no-repeat center 20px;
}
#g_navi ul li.navi02 a:hover span{
	background: url(../img/g_navi_ic_02_over.gif) no-repeat center 20px;
}
#g_navi ul li.navi02.active span{
	background: url(../img/g_navi_ic_02_over.gif) no-repeat center 20px;
}
#g_navi ul li.navi03 span{
	background: url(../img/g_navi_ic_03.gif) no-repeat center 20px;
}
#g_navi ul li.navi03 a:hover span{
	background: url(../img/g_navi_ic_03_over.gif) no-repeat center 20px;
}
#g_navi ul li.navi04 span{
	background: url(../img/g_navi_ic_04.gif) no-repeat center 20px;
}
#g_navi ul li.navi04 a:hover span{
	background: url(../img/g_navi_ic_04_over.gif) no-repeat center 20px;
}
#g_navi ul li.navi05 span{
	background: url(../img/g_navi_ic_05.gif) no-repeat center 20px;
}
#g_navi ul li.navi05 a:hover span{
	background: url(../img/g_navi_ic_05_over.gif) no-repeat center 20px;
}
#g_navi ul li.navi06 span{
	background: url(../img/g_navi_ic_06.gif) no-repeat center 20px;
}
#g_navi ul li.navi06 a:hover span{
	background: url(../img/g_navi_ic_06_over.gif) no-repeat center 20px;
}
#g_navi ul li.navi06.active span{
	background: url(../img/g_navi_ic_06_over.gif) no-repeat center 20px;
}

#g_navi ul li.navi07 span{
	width: 150px;
	background: url(../img/g_navi_ic_07_over.gif) no-repeat center 20px #2b4d72;
}
*/
#g_navi ul li{
	position: relative;
}
#g_navi ul li .new{
	position: absolute;
	right: 0;
	top: 0;
}




/*contents*/
#top_contents{
	padding-top: 15px;
}
#contents{
}
.sec_inner_area{
	background: #dbe3e6;
	padding: 40px 0;
}
.sec_inner_area .inner_box{
	/*width: 960px;
	margin: 0 auto;*/
}
.sec_inner_area h1{
	width: 960px;
	margin: 0 auto;
	font-size: 172%;
	padding-bottom: 20px;
}
.sec_inner_area h1 span{
	font-size: 60%;
	margin-left: 20px;
	color: #7c8390;
}
.sec_inner_area #sec_contents{
	width: 960px;
	margin: 0 auto;
}

#list_area{
	
}
#list_area .left_box{
	width: 224px;
	float: left;
}
#list_area .left_box #cst_search_area{
	background: url(../img/left_search_bg.gif) no-repeat left bottom;
	width: 212px;
	height: 34px;
	margin-bottom: 3px;
	padding: 0 12px 2px 0px;
	position: relative;
}
#list_area .left_box #cst_search_label{
	position: absolute;
	left: 0;
	top: 0;
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
	color: #7c8390;
	font-size: 93%;
}

#list_area .left_box #cst_search_area #cst_search{
	background: #f0f0f0;
	border: none;
	width: 178px;
	padding-left: 15px;
	height: 34px;
	border: none;
	line-height: 38px;
}
#list_area input[type="submit"]{
	background: url(../img/ic_search.gif) no-repeat left center #f0f0f0;
	text-decoration: none;
	border-style: none;
	text-indent: -9999px;
	/*width: 22px;*/
	width: 14px;
	height: 34px;
	display: block;
	float: right;
	padding-right: 13px;
	cursor: pointer;
}
#list_area .left_inner{
	background: url(../img/left_box_bg_bottom.gif) no-repeat left bottom;
}
#list_area .left_box ul{
	background: url(../img/left_box_bg_top.gif) no-repeat left top;
	padding: 20px 0 5px 20px;
}
#list_area .left_box ul li{
	padding-bottom: 15px;
}
#list_area .right_box{
	width: 711px;
	float: right;
}
#list_area .right_box li{
	position: relative;
	margin-bottom: 3px;
}
#list_area .right_box li a{
	text-decoration: none;
}
#list_area .right_box li .tag{
	/*width: 113px;*/
	padding: 0 20px;
	background: #1e3473;
	color: #fff;
	display: block;
	font-size: 129%;
	font-weight: bold;
	text-align: center;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	position: absolute;
	top:15px;
	left: -5px;
}
#list_area .right_box li .tag span{
	font-size: 65%;
	font-weight: normal;
	margin-right: 5px;
}
#list_area .right_box li .right_inner_area{
	display: block;
	background: url(../img/right_box_bg_bottom.gif) no-repeat left bottom;
}
#list_area .right_box li .right_inner_box{
	display: block;
	background: url(../img/right_box_bg_top.gif) no-repeat left top;
	padding-right: 13px;
}
#list_area .right_box li .right_inner{
	display: block;
	background: url(../img/ic_arrow_01.gif) no-repeat right center;
	padding: 13px 7px 15px 125px;
}
#list_area .right_box li .right_inner_box .title{
	display: block;
}
#list_area .right_box li a:hover .right_inner_box .title{
	color: #97a8cb;

}
#list_area .right_box li .right_inner_box .title span{
	display: inline-block;
	margin-right: 10px;
}
#list_area .right_box li .right_inner_box .title img{
	vertical-align: bottom;
	padding-bottom: 2px;
}
#list_area .right_box li .right_inner_box .date{
	display: inline-block;
	color: #6c7579;
	font-size: 86%;
}
#list_area .right_box li a:hover .right_inner_box .date{
	color: #a1a7b2;
}
#list_area .right_box li .right_inner_box .clip{
	background: url(../img/ic_clip.gif) no-repeat right center;
	padding-right: 18px;

}
/*message*/
.msg_inner_area{
	width: 812px;
	margin: 0 auto;
	background: url(../img/message_bg_bottom.gif) no-repeat left bottom;
}
.msg_inner_area .msg_inner_box{
	background: url(../img/message_bg_top.gif) no-repeat left top;
	padding: 65px 50px;
}
.msg_inner_area .msg_inner_box .msg_inner{
	background: url(../img/ic_info.gif) no-repeat left top;
	padding-left: 72px;
}

/*detail*/
.detail_inner_area{
	width: 812px;
	margin: 0 auto;
	background: url(../img/message_bg_bottom.gif) no-repeat left bottom;
}
.detail_inner_area .detail_inner_box{
	background: url(../img/message_bg_top.gif) repeat-y left top;
	padding: 20px 2px 55px 0px;
}
.detail_inner_01{
	border-bottom: 1px solid #d9d9d9;
	padding: 0 27px 20px;
}
.detail_inner_01 .title{
	font-size: 129%;
	font-weight: bold;
	vertical-align: bottom;
	display: inline-block;
	width: 630px;
	float: left;
	padding-top: 5px;
}
/*.detail_inner_01 .title.new{
	background: url(../img/ic_new_02.png) no-repeat right center;
	padding-right: 47px;
}*/
.detail_inner_01 .title span{
	margin-right: 8px;
}

.detail_inner_01 .title img{
	vertical-align: middle;
}
.detail_inner_01 .tag{
	/*width: 113px;*/
	padding: 0 20px;
	background: #1e3473;
	color: #fff;
	font-size: 129%;
	font-weight: bold;
	text-align: center;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	display: inline-block;
	float: left;
	margin-right: 12px;
}
.detail_inner_01 .tag span{
	font-size: 65%;
	font-weight: normal;
	margin-right: 5px;
}
.detail_inner_02{
	padding: 5px 27px 0px;
}
.detail_inner_02 .date{
	display: inline-block;
}
.detail_inner_02 .clip{
	background: url(../img/ic_clip.gif) no-repeat right center;
	padding-right: 23px;
}
.detail_inner_02 #cat_tag{
	display: inline-block;
}
.detail_inner_02 #cat_tag li{
	background: url(../img/cat_tag_bg_right.gif) no-repeat right top;
	height: 17px;
	line-height: 20px;
	display: inline-block;
	margin-left: 5px;
}
.detail_inner_02 #cat_tag li div{
	background: url(../img/cat_tag_bg_left.gif) no-repeat left top;
	font-size: 79%;
	color: #666666;
	padding: 0 8px 0 15px;
}
.entry_box{
	padding: 30px 45px 0;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.entry_box ul{
    list-style: disc;
    padding: 10px 0 0 20px;
}
.entry_box ol{
    list-style-type: decimal;
    padding: 10px 0 0 20px;
}

.entry_box h2{
	font-size: 115%;
	color:#1e3473;
	padding-bottom: 15px;
}
.entry_box h3{
	font-weight: bold;
	border-bottom: 1px solid #a3a8b1;
	margin-bottom: 8px;
}
.entry_box h4{
	background: url(../img/ic_c_01.gif) no-repeat left 5px;
	color: #1e3473;
	font-weight: bold;
	padding-left: 15px;
}
.dl_area{
	width: 716px;
	margin: 0 auto;
	background: url(../img/dl_bg_bottom.gif) no-repeat left bottom;
	margin-top: 35px;
}
.dl_area ul{
	background: url(../img/dl_bg_top.gif) no-repeat left top;
	padding: 25px 25px 10px 25px;
}
.dl_area ul li{
	background: url(../img/ic_clip_02.gif) no-repeat left 3px;
	padding-left: 30px;
	margin-bottom: 15px;
}
#page_navi{
	width: 812px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
#page_navi .box01{
	width: 290px;
	float: left;
}

#page_navi .box02{
	width: 260px;
	float: left;
	text-align: center;
}
#page_navi .tolist{
	background: url(../img/ic_back.gif) no-repeat left center;
	padding-left: 22px;
}

#page_navi .box02 .next{
	background: url(../img/ic_next.gif) no-repeat left center;
	padding-left: 22px;
	margin-right: 30px;
}
#page_navi .box02 .prev{
	background: url(../img/ic_prev.gif) no-repeat right center;
	padding-right: 22px;
	margin-left: 30px;
}
#page_nation_area{
	text-align: center;
	padding: 34px 0 30px;
}
#page_nation_area .link_before{
	margin-right: 17px;
	vertical-align: middle;
	display: inline-block;
}
#page_nation_area .link_next{
	margin-left: 17px;
	vertical-align: middle;
	display: inline-block;
}
#page_nation_area .link_page{
	background: url(../img/page_n_bg.gif) no-repeat center center;
	width: 42px;
	height: 42px;
	line-height: 42px;
	display: inline-block;
	margin: 0 8px;
}
#page_nation_area .current_page{
	background: url(../img/page_n_bg_active.gif) no-repeat center center;
	width: 42px;
	height: 42px;
	line-height: 42px;
	display: inline-block;
	margin: 0 8px;
	color: #1e3473;
}

#list_area_02{
	
}
#list_area_02 li{
	margin-bottom: 12px;
}
#list_area_02 .list_inner_area{
	background: url(../img/list_bg_bottom.gif) no-repeat left bottom;
}
#list_area_02 .list_inner_area .list_inner_box{
	background: url(../img/list_bg_top.gif) no-repeat left top;
}
#list_area_02 table{
	
}
#list_area_02 table th{
	width: 782px;
}
#list_area_02 table th .list_title{
	background: #415a77;
	color: #fff;
	padding: 18px 30px 15px 30px;
	font-size: 129%;
}
#list_area_02 .new table th .list_title{
	background: url(../img/ic_new_02.png) no-repeat 726px center #415a77;
}
#list_area_02 table th .list_text{
	padding: 15px 30px 17px 30px;
	font-size: 93%;
}
#list_area_02 table th .list_text a{
	color:#000;
}
#list_area_02 table td{
	vertical-align: middle;
	width: 178px;
	text-align: center;
}
#list_area_02 table td a{
	background: url(../img/ic_arrow_03.gif) no-repeat 160px center;
	display: block;
	width: 100%;
	height: 100%;
}

/*footer*/
#footer{
	height:101px;
	position:absolute;
	z-index: 10;
	bottom:0;
	width:100%;
	background: #f5f5f5;
	padding-bottom: 19px;
}
#footer .f_inner_area{
	border-bottom: 1px solid #dbe3e6;
}
#footer .f_inner_box{
	width: 960px;
	margin: 0 auto;
	height: 100px;
	line-height: 100px;
}
#footer .f_inner_box img{
	display: inline-block;
	vertical-align: middle;
}
#footer .f_inner_box div{
	display: inline-block;
	padding-top: 20px;
	float: right;
}

#footer02 {
	height:120px;
	position:absolute;
	z-index: 10;
	bottom:0;
	width:100%;
	background: #f5f5f5;
}
#footer02 .f_inner_box02{
	width: 960px;
	margin: 20px auto;
}
/*
#footer .f_inner_box img{
	display: inline-block;
	vertical-align: middle;
}
#footer .f_inner_box div{
	display: inline-block;
	padding-top: 20px;
	float: right;
}
*/

/*page_top*/
#page-top {
    position: fixed;
    bottom: 85px;
    right: 20px;
    font-size: 10px;
    z-index: 10;
}
#page-top a {
    width: 55px;
    display: block;

}