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

/* =======================================
body
======================================= */
body {
	margin: 0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #f9f8f3;

}

body a img {
	border-style: none;
}

#headsp {
	display:none;
}



.hidden {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}




/* =======================================
head
======================================= */
#header {
	width: 1100px;
	margin: 0 auto;
}


/*次階層以降ヘッダー*/
#header1 {
	width: 980px;
	height: 118px;
	margin: 0 auto;
	background-image:url(image/header_back.jpg);
	background-repeat:no-repeat;
}


#header1 .logo {
	float:left;
	padding-top: 20px;
	width: 230px;
}

#header1 .head_right {
	width:650px;
	float: right;
	margin: 10px 0;
	

}

#header1 ul {
	list-style:none;
	margin:0;
	padding:0;
}

#header1 .fontsize {
	float:left;
	width:210px;
	
}

#header1 .fontsize li {
	float:left;
	font-size:xx-small;
	line-height:1;
	margin-right:0px;
}

#header1 .color {
	float:left;
	width:190px;
	
	
}

#header1 .color li {
	float:left;
	font-size:xx-small;
	line-height:1;
	margin-right:0px;
	
}


#header1 .h-navi {
	
	float:left;
	margin-left: 15px;
	


}

#header1 .h-navi li {
	list-style:none;
	float:left;
	font-size:xx-small;
	line-height:1;
	margin-left:0px;
}

#header1 .search {
	float:right;
	margin-right:20px;
	margin-top: 10px;
}

#header1 .search form,
#header1 .search input,
#header1 .search div {
	margin:0;
	padding:0;
}

#header1 .search input.inputtxt {
	border:1px solid #CCCCCC;
	padding:3px;
	width:350px;
	height:20px;
	margin:0 -5px 0 -5px;
	vertical-align:top;

}

.submitbutton {
	background-image:url(image/h_search_btn.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:122px;
	height:28px;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
	vertical-align:top;

}

#header1 .search label {
	margin-right:0;
	margin-left:3px;
	width: 28px;
	height: 26px;

	
}






/* =======================================
メニュー
======================================= */
#manu_main {
	width: 100%;
	height: 44px;
	margin: -14px auto 15px auto;
	background: #0068b2;


}

#manu_main1 {
	width: 100%;
	height: 44px;
	margin: 0 auto;
	background: #0068b2;


}


#manu {
	width: 980px;
	height: 44px;
	margin: 0 auto;
	padding: 0 0 0 1px ;
	background: #0068b2;

}

#manu .block1 {
	float: left;
	width: 140px;
	height: 44px;
	

	
}



#manu .block1 a {
    display: inline-block;
}

#manu .block1 a:hover {
    background-color: transparent; /* IE6対応 */
}

#manu .block1 a:hover img {
    visibility: hidden;
}

.bt_kurasi {
	background-image:url(image/bt_01.gif);
	background-repeat: no-repeat;

	
}

.bt_kosodate {
	background-image:url(image/bt_02.gif);
	background-repeat: no-repeat;
}

.bt_fukusi {
	background-image:url(image/bt_03.gif);
	background-repeat: no-repeat;
}

.bt_kyoiku {
	background-image:url(image/bt_04.gif);
	background-repeat: no-repeat;
}

.bt_sangyo {
	background-image:url(image/bt_05.gif);
	background-repeat: no-repeat;
}

.bt_sisei {
	background-image:url(image/bt_06.gif);
	background-repeat: no-repeat;
}

.bt_sisei {
	background-image:url(image/bt_06.gif);
	background-repeat: no-repeat;
}

.bt_kanko {
	background-image:url(image/bt_07.gif);
	background-repeat: no-repeat;
}






#manu .selected img {
	visibility: hidden;
	
}


/* =======================================
パンくず
======================================= */

#breadCrumb {
	padding:0;
	margin:0;

}

#breadCrumb ul {
	padding: 0;
	margin: 0;

}

#breadCrumb li {
	display:inline;
	font-size:0.8em;
	line-height:1.4;
	list-style-position:outside;
}

#breadCrumb li a {
	background-image:url(image/icon_01.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:20px;
	color:#0066CC;
	text-decoration: underline;
	list-style-position:outside;
}

#breadCrumb li a:hover {
	color:#0066CC;
	text-decoration:underline;
}

/* =======================================
パンくず
======================================= */

#breadCrumb1 {
	padding:0;
	margin:0;

}

#breadCrumb1 ul {
	padding: 0;
	margin: 0;

}

#breadCrumb1 li {
	display:inline;
	font-size:0.8em;
	line-height:1.4;
	list-style-position:outside;
}

#breadCrumb1 li a {
	background-image:url(image/icon_01.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:20px;
	color:#0066CC;
	text-decoration: underline;
	list-style-position:outside;
}

#breadCrumb1 li a:hover {
	color:#0066CC;
	text-decoration:underline;
}









/* =======================================
コンテンツ
======================================= */
#contents {
	width: 980px;
	margin: 0 auto;


}

#contents a {
	color: #06C;

}

#contents a:hover {
	color: #05147e;

}

#manu .block {
	float: left;
	width: 163px;
	
}


/* =======================================
情報
======================================= */

.jyouhoukei {
	margin-bottom: 10px;
	}

.jyouhoukei_tit {
	padding: 5px 10px;
	margin: 15px 0;
}

.jyouhoukei_tit p {
	float:right;
	margin:0;
	background-image:url(image/icon_01.png);
	background-repeat:no-repeat;
	background-position: 100% 5px;
	padding-right: 15px;
}

.jyouhoukei_nai {
	display:table;
	width:100%;
	margin:0 auto;
	
}

.jyouhoukei_hiniti {
	padding: 10px;
	display:table-cell;
	width: 20%;
	border-bottom: 1px dotted #666;
	vertical-align:top;	
}


.jyouhoukei_sho {
	padding: 10px;
	display:table-cell;
	background: #fff;
	border-bottom: 1px dotted #666;
	width: 80%;
	
}



/* =======================================
一覧
======================================= */

.itiran_left {
	width: 720px;
	float:left;
	margin-top: 20px;
	
}

.itiran_left h1 {
	background-image: url(image/bg_h104s.jpg);
	font-size: 1.2em;
	padding: 20px 10px 10px 30px;
	margin-top:0;
}


.itiran_left h1.h101 {
	background-image: url(image/bg_h101s.jpg);
	
}

.itiran_left h1.h102 {
	background-image: url(image/bg_h102s.jpg);
	
}

.itiran_left h1.h103 {
	background-image: url(image/bg_h103s.jpg);
	
}
.itiran_left h1.h104 {
	background-image: url(image/bg_h104s.jpg);
	
}

.itiran_left h1.h105 {
	background-image: url(image/bg_h105s.jpg);
	
}



.shousai_left {
	width: 720px;
	float:left;
	margin-top: 20px;

}

.shousai_left h1 {
	background-image: url(image/bg_h104s.jpg);
	font-size: 1.2em;
	padding: 20px 10px 10px 30px;
	margin-top:0;
}

.shousai_left h1.h101 {
	background-image: url(image/bg_h101s.jpg);
	
}

.shousai_left h1.h102 {
	background-image: url(image/bg_h102s.jpg);
	
}

.shousai_left h1.h103 {
	background-image: url(image/bg_h103s.jpg);
	
}
.shousai_left h1.h104 {
	background-image: url(image/bg_h104s.jpg);
	
}

.shousai_left h1.h105 {
	background-image: url(image/bg_h105s.jpg);
	
}






.itiran_right,
.shousai_right {
	width: 240px;
	float:right;
	border-bottom: 2px solid #666;
	background: #fff;
	margin: 20px 0;
	padding-bottom: 100px;

	

}

.itiran_right h1,
.shousai_right h1 {
	background: #dae8f6;
	font-size: 1.0em;
	text-align:center;
	margin-top:0;
	padding: 5px 0
}

.otoiawase {
	background: #fff;
	border-bottom: 2px solid #666;
	margin-bottom: 20px;
}

.otoiawase1 {
	background: #fff;
	margin-bottom: 20px;
}

.otoiawase h1,.otoiawase1 h1 {
	background: #dae8f6;
	font-size: 1.0em;
	margin-top:0;
	padding: 5px 0 5px 30px;
	color: #114d99;
}



/* =======================================
footer
======================================= */
#footer {
	width: 980px;
	height: 121px;
	margin: 0 auto;
	background-image:url(image/footer_back.png);
	background-repeat:no-repeat;

}

#footer a {
	color: #06C;

}
#footer a:hover {
	color: #05147e;

}


#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	float:left;
	padding: 0 0 0 20px;

	

}

#footer a {
	background-image:url(image/icon_01.png);
	background-repeat:no-repeat;
	background-position: 0 1px;
	padding-left:15px;

}

#footer .pagetop {
	text-align:right;
	margin-bottom:10px;
	margin-right:10px;
}

#footer .pagetop a{
	background-image:url(image/icon_02.png);
}

#f-address {
	font-size: 0.9em;
}




/* =======================================
   clear
======================================= */
/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
	font-size: 0.1em;
	line-height: 0;
  visibility: hidden;
}

.clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




.clear {
	clear: both;
	font-size: 1px;
}

.clear hr {
	display: none;
}