@charset "utf-8";
/* CSS Document */

body {margin-top: 0px;margin-left: 0px;font-family: "ＭＳ Ｐゴシック", "Osaka";}
/*基本フォントサイズ*/
body,p,td,th,li {font-size:12px;color: #333333;} 

.fs12 {font-size:12px}
.fs16 {font-size:16px}
.fs1218 { font-size:12px ;line-height: 18px; color: #333333; font-weight: normal}
.fs1015 { font-size:10px;line-height: 15px; color: #333333 }
.fs1218Bold { font-size:12px ;line-height: 18px; color: #333333 ; font-weight: bold}

/*紺文字*/
.fskb{color: #101084}
.fs12kb {font-size:12px; color: #101084}
.fs14kb {font-size:14px; color: #101084}
.fs16kb {font-size:16px; color: #101084}
.fs12blue { font-size:12px ; font-family: "ＭＳ Ｐゴシック", "Osaka"; line-height: 20px; color: #101084}
.fskbB {color: #3093CC;font-weight: bold;}

/*文字色のみ指定*/
.mcw {color: #FFFFFF;}
.maka {color: #FF3300}
.mao {color: #3366FF}
.fsore {color: #FF6600}


/*フォーム*/
.selecta {width : 500px}

/*行間を個別に指定したい場合*/
.lh120 {line-height:120%} 
.lh130 {line-height:130%}
.lh140 {line-height:140%}

/*紺色文字のリンク*/
a:link    { text-decoration: underline;color: #101084}
a:visited { text-decoration: underline;color: #333333}
a:active  { text-decoration: underline;color: #101084 }
a:hover   { text-decoration: none;color:#FF9900}
/*白色文字のリンク*/
a.Link2:link    { text-decoration: underline;color: #FFFFFF}
a.Link2:visited { text-decoration: underline;color: #FFFFFF}
a.Link2:active  { text-decoration: underline;color: #FFFFFF }
a.Link2:hover   { text-decoration: none;color:#FF9900}

/*赤色文字のリンク*/
#link_red a{ text-decoration: underline;color:#CC0000}
#link_red a:visited { text-decoration: underline;color:#CC0000}
#link_red a:active  { text-decoration: underline;color:#CC0000 }
#link_red a:hover   { text-decoration: none;color:#FF9900}

/*td背景色と文字色　両方指定*/
.tdkoib {background-color: #101084;color: #FFFFFF;}
.tdkoig {background-color: #999999;color: #FFFFFF;}
.tdtyub {background-color: #42619F;color: #FFFFFF;}
.tdusub {background-color: #FFFFFF;line-height: 140%;}
.tdmizu {background-color: #0099CC;color: #FFFFFF;}
.tdbsiro {background-color: #FFFFFF}
.tdbsiro120 {background-color: #FFFFFF;line-height:120%;}
.tdtyub2 {background-color: #616B72;color: #FFFFFF;}
.tdkoib2 {background-color: #CFCFE3;}
.tdpink {background-color: #FF9999;}
.tdusug {background-color: #DBDBDB;}


.tdtyub3 {
	background-color: #42619F;
	color: #FFFFFF;
	font-size: 10px;
}

/*外枠のみのテーブル（グレー）*/
.solid_table {
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
}

/*1マス無しのテーブル*/
.tdkoig2 {background-color: #FFFFFF; border-collapse:collapse;}
.tdusub2 {
           background-color: #D3DBEC;
           line-height: 120%;
           border-top:1px solid #666666;
           border-left:1px solid #666666;
	       border-right:1px solid #666666;
	       border-bottom:1px solid #666666;


}
.tdtyub4 {background-color: #42619F;color: #FFFFFF;
           border-top:1px solid #666666;
           border-left:1px solid #666666;
	       border-right:1px solid #666666;
	       border-bottom:1px solid #666666;
}

.fs1015B {
	font-size:10px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	line-height: 15px;
	color: #CC0000;
	font-weight: bold;
}
.fs1214 {
font-size:12px ; font-family: "ＭＳ Ｐゴシック", "Osaka"; line-height: 14px; color: #333333; font-weight: normal
}
.fs1014 {
font-size:10px; font-family: "ＭＳ Ｐゴシック", "Osaka"; line-height: 14px; color: #333333
}
.fs10 {

font-size:10px; font-family: "ＭＳ Ｐゴシック", "Osaka"; color: #333333
}
.fs1012 {

font-size:10px; font-family: "ＭＳ Ｐゴシック", "Osaka"; line-height: 120%; color: #333333
}


/* =============================================================================
    style3
   ========================================================================== */

/* body */

@media only screen and (max-width:449px){
	body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
	}
}

/* container */

#container_listbox {
	margin:10px 17px 20px 17px;
	padding:0;
	text-align:left;
}

@media only screen and (max-width:449px){
	#container_listbox {
	margin:10px 10px 20px 10px;
	}
}


/* h */

#container_listbox h1 {
	margin:0 0 16px 0;
	padding: 6px 14px;
	font-weight:normal;
	text-indent:-9999em;
	width:400px;
	height:25px;
	overflow:hidden;
	background: url(list_img/title.gif) left top no-repeat;
	box-sizing: border-box;
}

@media only screen and (max-width:449px){
	#container_listbox h1 {
	width: 100%;
	height:auto;
	text-indent:0;
	overflow: visible;
	color:#fff;
	font-size:115%;
	background-image:none;
	background-color:#1d4295;
	border-radius: 3px;
	}
}


#container_listbox h2 {
	margin:0 0 10px 0;
	padding: 1px 0 6px 15px;
	background: url(list_img/tica.gif) left top no-repeat;
	font-weight:bold;
	color: #3093cc;
}

#container_listbox h3 {
	margin:0;
	padding:0;
	font-weight:normal;
}


/* box */

#container_listbox .pmenu {
	margin:0;
	padding:12px;
	min-height:62px;
	box-sizing: border-box;
	background:#f1f8fc url(list_img/back.gif) repeat-x center top;
	text-align:center;
}


/* list */

#container_listbox ul {
	margin: 0 0 10px 10px;
	padding: 0;
	list-style-type:none;
}

@media only screen and (max-width:449px){
	#container_listbox ul {
	margin: 0 0 10px 0;
	}
}

#container_listbox ul li {
	margin:0;
	padding: 0 0 0 15px;
	background: url(list_img/dot02_blue.png) no-repeat 0 0.2em;
	line-height:130%;
	list-style:none;
}

/* pagetop */

#container_listbox .list_pagetop {
	margin: 0 0 10px 0;
	padding: 10px 0 12px 0;
	text-align:right;
	background: url(list_img/tensen.gif) repeat-x center bottom;
}


/* p */

#container_listbox .menu_cmt {
	margin: 0 0 10px 0;
	padding: 10px 0;
	text-align:right;
	background: url(list_img/tensen.gif) repeat-x center bottom;
}

#container_listbox .right {
	text-align:right;
}

#container_listbox .center {
	text-align: center;
}