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

body {
margin: 0;
padding: 0;
line-height:1.4;
color:#333;
min-width: 1200px;
_display: inline;
_zoom:1;
font-size:0.9em;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;	 
	padding: 0; 
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
.content table{
	margin-top:1em;
}
th{
	background:#eee;
}

th,td{
	border: solid 1px #000;
	margin: 0;
	padding: 5px 10px;
}
caption{
  text-align:left;
} 
a img { 
	border: none;
}

a:link {
	color: #03C;
	text-decoration: underline;
}
a:visited {
	color: #009;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供 */
	text-decoration: none;
}

a:hover img{
	opacity: 0.8;
}
.container {
	width: 1200px;
	background-color: #FFF;
	margin: 0 auto; 
}

h1{
	color:#373F53;
	font-size:1.8em;
	margin-bottom:10px;
}

h2{
	color:#369;
	margin:40px 0 20px;
	font-size:1.4em;
	padding: 8px 10px 5px ;
	border-right: 5px solid #336699;
	border-left: 5px solid #336699;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	letter-spacing:1px;
}

h2 span {
	color: #666;
	font-size: 0.9em;
}

h3{
	font-size:1.3em;
	margin:2em 0 1em;
	border-left: 5px solid #336699;
	padding-left: 0.5em;
}

h4{
	font-size:1.2em;
	margin:2em 0 0.5em;
}

h5{
	font-size:1.0em;
	margin:2em 0 0.5em;
}


noscript{
	display: block;
	color: #F00;
	margin: 1.5em;
	}

.clearfix:after {
  clear-after: left;
}

/*テキスト関係*/
.red{/*赤字*/
	color: #E00;
}

.important{/*重要なコンテンツに見せる*/
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0;
}
.image{
	text-align:center;
	margin:30px 0;
}

.pdf {
	background: url(../img/pdficon_small.png) no-repeat left center;
	padding-left:2em;
	margin-top:0.5em;
}
.exl {
	background: url(../img/exlicon_small.gif) no-repeat left center;
	padding-left:2em;
	margin-top:0.5em;
}

.top20 { margin-top: 20px; }

.top30 { margin-top: 30px; }

.bottom10 { margin-bottom: 10px; }

.bottom20 { margin-bottom: 20px; }

.bottom30 { margin-bottom: 30px; }

.center{ text-align : center; }
.right{ text-align : right!important; }
.left{ text-align : left!important; }

.text-bold{ font-weight:bold;	}
/*** header ***/

#header {
	background-color: #003366;
	color:#FFF;
	padding:0.5em 1em 0.2em;
	border-bottom:2px solid #FF6600;
	overflow:hidden;
}
#header .headContents .sitetitle {
	width: 260px;
	margin-top:1em;
}
#header .headContents .heatom {
	width: 110px;
}

#header .headContents #headerTel {
	width: 430px;
	margin-top:1em;
}

#header .headContents #headerRight{
	width: 250px;
	margin-top:1em;
}
#header .headContents #kyukyu {
	width: 330px;
}

#header .headContents #google_search {
	width: 600px;
	
}


#header .headContents #kyukyu li{
	list-style:none;
	background: url(../img/orange_dot_arrow.png) no-repeat 0 10px;
	float:left;
	margin:0 1.5em 0.5em 0;
	padding:0.3em 0 0 0.8em;
}
#header .headContents #kyukyu li a{
	color:#FFF;
	text-decoration:none;
}

#header .headContents #kyukyu li a:hover{
	color: #FF7700;
}
/*** ぱんくず ***/

.pankuzu {
	color: #003366;
	background: #EEECEC;
	padding:0.2em;
}

.headContents,
.pankuzuContents{
	width:1200px;
	margin:0 auto;
	}

.pankuzuContents{
	font-size:0.9em;
}
.pankuzuContents .noLink{
	color:#999;
}

/*** コンテンツ ***/

.category {
	color:#369;
	font-size: 1.3em;
	font-weight: bold;
	padding:5px 10px;
	margin-bottom:1em;
	background: -webkit-gradient(linear,left top,right top,from(#eeeeee),to(#ffffff) );
	background: -moz-linear-gradient(left, #eeeeee, #ffffff);
	background: linear-gradient(to right, #eeeeee, #ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#eeeeee, EndColorStr=#ffffff)";/* IE 8 */

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#eeeeee', endColorstr='#ffffff');/* IE 5.5 - 7 */

}
#wrapper {
    width: 1200px;
}


#sidebar {
	width: 160px;
	float:left;
	padding-bottom: 10px;
}

#mobile{
	border:3px solid #EEE;
	padding:0.8em 0.5em;
	margin-bottom:1em;
	border-radius: 8px;  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
	font-weight:bold;
}

.mobileP{
	font-size: 0.8em;
	text-align: center;
	margin-top:10px;
	font-weight: normal;
}

.content {
  float:right;
	padding: 20px 0 0 60px;
	width: 980px;
	margin-bottom:50px;
}
.content .contentBlock{
  float:right;
	padding: 5px 0 0 0;
	width: 925px;
	margin-bottom:50px;
}

.kome{
	text-indent:-1em;
	margin-left:1em;
}

.top1em{
	margin-top:1em;
}
/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 30px; 
}
#menu {
	margin:2em 0 2em;
}
#menu li{
	border-bottom: 2px solid #FFF;
}
#menu .acc{
	cursor : pointer;
	userSelect : none;
	background-color: #EDF2F3;
	color: #003366;
	list-style: none;
}

#menu .acc a{
	display: block;
	padding:0.7em;
	border-left:4px solid #369;
	text-decoration:none;
}

#menu .acc a:hover{
	background-color: #369;
	color: #FFF;
}

#menu .acc li .current{
	background:#336699;
	color:#FFF;
}
		
#menu .acc ul li{
	list-style: none;
	border-bottom:1px dotted #CCC;
}
#menu .acc ul li:last-child{
  border-bottom:none;
}

#menu .acc ul li a,
#menu .acc ul li a:visited{
	font-size:0.9em;
	padding: 8px 5px 8px 15px;
	display: block;
	border: none;
	text-decoration: none;
	width: 140px;/*IE6*/
  background: #FFF url(../img/orange_dot_arrow.png) no-repeat 5px 12px;
	color: #003366;
}

/* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更 */
#menu .acc ul li a:hover,
#menu .acc ul li a:active,
#menu .acc ul li a:focus,
#menu .acc ul li a.activeLink{
  background: #EEE url(../img/orange_dot_arrow.png) no-repeat 5px 12px;
	color:#369;
}



/* サイドバー */
#mobile .mobileTitle {
	margin-left: 10px;
	margin-bottom:10px;
	overflow:hidden;
}
#mobile .mobileTitle p{
	padding-top: 5px;
}


/* tableレイアウトコンテンツ用 */
.no-border{
	border:none;
}

/* ページの先頭へ */

.pagetop{
	position: fixed;
	bottom: 200px;
	right: 0;
	cursor:pointer;
}

/* footer */

#footer {
	background-color: #333333;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	color: #FFF;
	overflow:hidden;
	padding: 25px 0;
}
.footerContents {
	width: 1200px;
	margin:0 auto;
}

.footerContents a{
	color: #fff;
}

#footer .footerContents #footerTitle{
	float:left;
	width:250px;
}

#footer .footerContents #footerTitle .footTitle{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#footer .footerContents .copyright {
	color:#999;
}


#footer .footerContents #address{
	float: left;
	width: 660px;
}
#footer .footerContents #address dl {
	padding-bottom: 1em;
}
#footer .footerContents #address dt{
	background: #666;
	width: 4em;
	display: inline-block;
	text-align:center;
	padding:0.1em;
	margin:0.2em;
	border-radius: 3px;  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}
#footer .footerContents #address dd{
	display: inline-block;
	width: 560px;
	margin-left:0.5em;
}


/* float/clear */
.fltrt {  /* エレメントを右にフローティング */
	float: right;
	margin-left: 8px;
}
.fltlt { /* エレメントを左にフローティング */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




/* googleサイト内検索用 */

#header .headContents #headerRight #google_search #google_search_box {
	float:left;
	width: 300px; 
	width: 200px\9; /* IE8 and below */
}
#header .headContents #headerRight #google_search #google_search_box th,
#header .headContents #headerRight #google_search #google_search_box td{
	border:none;
}

#google_search_name{
	padding: 10px 0;
}
.gsc-search-box-tools,
.gsc-search-box,
.gsc-input {
    padding-right: 0!important;
}
.gsc-control-cse{
	padding: 0!important;
	background: none!important;
	border: none!important;
}


.gsc-input-box,
.gsc-input-box-hover {
	height:28px!important;
}