@charset "UTF-8";


/*各要素全体のリセット - YUI Reset CSS 参照*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
.flexbox {
	width: 100%;
	display: flex;
	justify-content: space-between;

}
#mainbox > .subtitle-01 {
	margin-top: 0 !important;
}
#mainbox li,#mainbox ul,#mainbox ol { 
	margin: 0 !important;
	padding: 0 !important;
}
#mainbox table {
	border-collapse: collapse ;
	border-spacing: 0 ;
}
#mainbox fieldset,#mainbox img { 
	border: 0 ;
}
#mainbox address,#mainbox caption,#mainbox cite,#mainbox code,#mainbox dfn,#mainbox em,#mainbox strong,#mainbox th,#mainbox var {
	font-style: normal ;
	font-weight: normal ;
}
#mainbox ol,#mainbox ul,#mainbox li {
	list-style: none ;
}
#mainbox caption,#mainbox th {
	text-align: left ;
}
#mainbox h1,#mainbox h2,#mainbox h3,#mainbox h4,#mainbox h5,#mainbox h6 {
	font-size: 100% ;
	font-weight: normal ;
}
#mainbox q:before,q:after {
	content:'';
}
#mainbox abbr,#mainbox acronym {
	border: 0 ;
}
#mainbox a:focus{ outline: none ; }

#mainbox td{vertical-align:top;}

/*表示フォントの調整*/

body {
	font-family: "ヒラギノ丸ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	/*
	line-height:20px;
	*/
}
#mainbox select, #mainbox input, #mainbox button, #mainbox textarea,#mainbox button {
	font-family: "ヒラギノ丸ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#mainbox table {
	font-size: inherit ;
	font: 100% ;
}

#mainbox p,li,dd,td {
	text-align: justify ;
	text-justify: inter-ideograph ;
}

#mainbox img {
	border : none ;
	vertical-align: middle !important ;
}

form {
}
#mainbox select,#mainbox input,#mainbox textarea,#mainbox option {
	vertical-align: middle ;
}

/* \*/
* html .fcb {
    height: 1% ;
}
#mainbox .fcb {
    display: block ;
}
/* */

#mainbox .clear {clear:both;}

/*for clearFix*/
#mainbox .cf:after { 
   display: block ;
   height: 0 ;
   visibility: hidden ;
   clear: both ;
   content:".";
}
/* 追加 MacIE 5 と WinIE 7 向け */
#mainbox .cf {
   display: inline-block ;
}
/*MacIE \*/
* html .cf {
	height: 1em ;
}
#mainbox .cf {
	display: block ;
}

#mainbox a:link{
	color:#004E98;
}

#mainbox a:visited{
	color:#004E98;
	text-decoration:underline;
}

#mainbox a:hover{
	color:#004E98;
	text-decoration:underline;
}

 
 /* style */
 
body{
	background:url(../images/bg_img_01.jpg) left top repeat-x ;
}

#header{
	width:900px;
	margin:0 auto;
}

#header h1{
	float:right;
}

#header h2{
	float:left;
}


#header{zoom:1;}
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#header{display:inline-table;}
* html #header {height: 1%;}
#header {display: block;}

#mainbox{zoom:1;}
#mainbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mainbox{display:inline-table;}
* html #mainbox {height: 1%;}
#mainbox {display: block;}


#mainbox{
	width:1200px;
	margin:30px auto;
}

#mainbox .leftbox{
	width:25%;
	float:left;
	margin-right: 3%;
}

#mainbox .rightbox{
	width:70%;
	float:right;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:1%;
	align-self: flex-start;
}


#mainbox .titlearea01{
	width:calc(100% - 35px);
	height:28px;
	background:#004E98;
	border: 1px solid #CCCCCC;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding:6px 10px 6px 25px;
}

#mainbox .catelist{
	margin:0 0 20px 0;
	padding:0;
	background: #fff;
}

#mainbox .catelist li{
	font-size:12px;
	width:calc(100% - 25px);
	border:1px solid #CCCCCC;
	border-top:none !important;
	padding:5px 5px 5px 20px!important;
	background:url(../images/icon_img_01.jpg) 8px 10px no-repeat;
}

#mainbox .catelist li p{
	padding-left: 10px;
	display: inline-block;
}


#mainbox .titlearea02{
	width:calc(100% - 20px);
	border-left:3px solid #004E98;
	/*
	background:#f8fff7;
	border:1px solid #a0d29c;
	*/
	padding:5px 10px 5px 10px;
	font-size:14px;
	color:#004E98;
	font-weight:bold;
	margin:0 0 10px 0 ;
}

#mainbox .titlearea02 span{
	font-size:10px;
	color:#969d96;
}
#mainbox .titlearea02 p{
	padding-left: 10px;
	display: inline-block;
}

#mainbox .catearea01 {
	margin:0 0 0 15px;
}
#mainbox .catearea01 span{
	background:#004E98;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:2px 4px 2px 4px;
}

#mainbox .rightreadarea01{
	margin:10px 15px 25px 15px;
	font-size:12px;
	padding:0 0 20px 0;
	border-bottom:1px dotted #CCCCCC;
}

.pagetop{
	font-size:12px;
	text-align:right !important;
	width:1200px;
	margin:30px auto;
}

#fotter{
	background:#004E98;
	width:100%;
}

#mainbox .ft{
	background:#004E98;
	width:900px;
	margin:0 auto;
	text-align:center;
	padding:15px 0 15px 0;
	font-size:12px;
	color:#FFFFFF;
}


/*---追記---*/

#mainbox .titlearealist01{

	height:28px;
	background:url(../images/title_img_04.jpg) left top no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	width:865px;
	padding:6px 10px 0 25px;
}

#mainbox .catelist02{
	margin:0 0 20px 0;
	padding:0;
}

#mainbox .catelist02 li{
	font-size:12px;
	border-top:none !important;
	padding:5px 5px 5px 20px!important;
	background:url(../images/icon_img_01.jpg) 8px 10px no-repeat;
	margin:0 25px 0 0;
	float:left;
}

#mainbox .catelist02{zoom:1;}
#mainbox .catelist02:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mainbox .catelist02{display:inline-table;}
* html .catelist02 {height: 1%;}
#mainbox .catelist02 {display: block;}

#mainbox .listfreespace{
padding:20px;
}



#mainbox .title-list li {
	border-bottom: 1px dotted #ddd;
	padding-top: 10px !important;
}
#mainbox .title-list li:last-child {
	border-bottom: none;
}

@media screen and (max-width: 480px) {
	.flexbox {
		flex-direction: column-reverse;
	}
	#mainbox {
		width: calc(100% - 20px);
		margin: 0 10px;
	}
	#mainbox .leftbox {
		width: 100%;
	}
	#mainbox .rightbox {
		width: calc(100% - 2%);
		margin-bottom: 30px;
	}
}