@charset "shift_jis";
/* CSS Document */


/*共通																				
---------------------------------------------------------------------------*/
*{zoom:1; margin:0px;}/* IEバグ対策 */

/********
 reset
*********/

body,h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,p,table,th,td,form,img,label{margin:0;padding:0;}

h1, h2, h2, h3, h5, h6  {font-size: 100%;}  

a{text-decoration:none;outline:none;}

em,address,th{font-style:normal;}

img{vertical-align:top;border:0;}

ul li{list-style:none;}

table	{
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

html {
    margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
    }
	
/********
 body
*********/
body{
	font-size:13px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif;
	line-height:1.5em;
	line-break:strict;
	color:#222;
	-webkit-text-size-adjust: 100%; /* スマホ文字サイズ自動調整オフ */
}


	
/*ページ全体																				
---------------------------------------------------------------------------*/
.contents {
	width: 960px;
	padding-top:10px;
	margin-right: auto;
	margin-left: auto;
}
	
/********
 a
*********/
a {color: #003399;}
a:visited{color:#606;}
a:hover,
a:active{text-decoration: underline;}

/* pdf要素 */
span a[href$=".pdf"]{ 
	background: url(icon_pdf.gif) no-repeat 100% 50%;
	padding: 4px 20px 4px 0;
}
* html span a.pdf{
	background-image: url(icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 4px 20px 4px 0;
}

/* リンクボタン */
.link-button a,
.link-button li a{
	border-top: 	1px solid #6dc6e7;  
    border-right: 	1px solid #00a0df;  
    border-bottom:	1px solid #00a0df; 
    border-left:	1px solid #6dc6e7;

    font-weight: nomal;
	font-size:110%;
	color: #fff;
 
	background-color:rgba(65,178,224,1.0);
	
 	-moz-border-radius:		4px; /* for Firefox */
 	-webkit-border-radius: 	4px; /* for Safari and chrome */
	border-radius: 			4px; /* CSS3 */
		
	-moz-box-shadow: 	1px 1px 2px #E7E7E7;  
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;  
	box-shadow: 		1px 1px 2px #E7E7E7;
	
	display: inline-block;
	width: auto;
	height:auto;
	padding: 10px 30px;
	margin:5px 0px;
	
	behavior: url(PIE.htc);
	}


.link-button a:hover,
.link-button li a:hover{
	text-decoration:none;
	
 	background-color:rgba(65,178,224,0.8);
	
	behavior: url(PIE.htc);
	}



/*ヘッダー																				
---------------------------------------------------------------------------*/
#header h1{
	height:150px;
	margin:0px auto;
	padding:15px 0px;
	width:960px;
	}


/*メインコンテンツ																				
---------------------------------------------------------------------------*/
.main{
	float: left;
	width: 690px;
	margin-left:40px;
	margin-bottom:15px;
}

/****
 p
*****/
p{margin: 5px;padding: 0px;}


/*****
 font
******/
/* font color */
.attention {color: #f00;}
.off {color:#999;}

/*　img 左 */
.imgWrap{float:left;margin-right:10px;}

/* textBox */

.textBox{overflow: hidden;_zoom: 1;}


/*****
 h2
******/
/* main h2 */

.main h2 {
	font-size: 140%;
	color: #555;
	font-weight:normal;
	
	letter-spacing:1.5px;
	line-height: 1.2em;
	
	margin-bottom: 10px;
	padding:10px;
	
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;

	background-image: url(th_10.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	
	position:relative;
}

.main h2 span{
	font-size:70%;
	letter-spacing: normal;
	height:auto;
	position:absolute;
	right:15px;
	padding:0px 10px 0px 25px;
	}

/****
 h3
*****/

h3{
	font-size: 120%;
	color: #555;
	font-weight:normal;
	letter-spacing:1.5px;
	margin:30px 0px 10px 0px;
	padding:10px;
	background-color:#dfecf5;
	}
h3.first{margin-top:0px;}

/* blockquote h3 */
blockquote h3{
	font-size: 110%;
	color: #333;
	font-weight: bold;
	letter-spacing:1.0px;
	margin:0px 0px 10px 0px;
	padding:5px;
	background-color:#fff;
}


/****
 h4
*****/
h4{
	font-size:110%;
	font-weight:bold;
	color: #333333;
	margin-bottom: 10px;
}


/***********************
 blockquote
************************/
blockquote{
	background-color: #e6e6e6;
	margin: 10px;
	padding: 10px;
	overflow: auto;
}

blockquote img{
	float:left;
	margin-right:7px;
	border: 3px solid #FFF;
}


/***********************
 ul,ol,dl 設定
************************/

/*---.main内でのul,ol,dl基本 */
.main ul,
.main ol,
.main dl{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 0px;
}

/*---ul	子要素 */
.main li{padding-left: 1.75em;}

/*---olの数字分だけ左を空ける */
.main ol{padding-left: 1.75em;}

/*---ol	子要素 */
.main ol li{margin-bottom:10px;}

/*---dl	子要素 */
.main dd{margin: 5px 0px 5px 10px;}

/* dl 左マージン打ち消し */
.textBox dl{
	margin-left:0px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-top:0px;
	}


/***********************
 リスト
************************/

/* 更新情報*/
.new {
	height: 345px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	border-left:#c9e9ee solid 1px;
	border-right:#c9e9ee solid 1px;
	border-bottom:#c9e9ee solid 1px;
}
.new ul{margin:18px;}
.new li {
	border-bottom:#e7e7e7 solid 1px;
	padding-left: 0.5em;
	margin-top:12px;
}
/* 更新情報 日付*/
.new li span{
	display: inline-block;
	width:120px;
	}

/***********************
 定義リスト
************************/
dl.dlDefinition dt{
	font-size: 110%;
	color: #353d40;
	font-weight: bold;
	border-bottom: 2px solid #c9e9ee;
	margin-top:15px;
	}
dl.dlDefinition dt.first{margin-top:0px;}

dl.dlDefinition dd a{
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	height: auto;
	display:block;
	background-image: url(arrow_blue.gif);
}

dl.dlDefinition dd .link-button a{background-image:none;}


/***********************
 テーブル
************************/
table{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}

table th,
table td{
	padding: 10px;
	word-break:break-all;
	border: 1px solid #DDD;
	}

table th{background-color:#f7f7f7;}


/*フォーム-*/
.contents select,
.contents input{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif;
	line-height:1.3em;
	line-break:strict;
	color:#222;
	-webkit-text-size-adjust: 100%; /* スマホ文字サイズ自動調整オフ */
}

form table td span{
	color:#7d7d7e;
	display:block;
	margin-bottom:3px;
}
form table td input[type="text"],
form table td input[type="tel"],
form table td textarea,
form table td select{
	border:#777 1px solid;
	height:28px;
	line-height:28px;
	width:320px;
	margin-bottom:10px;
}
form table td textarea{ width:350px ;height:100px;}

form table td select{display: block;}



/*--  input[type="submit"] ---*/
form input[type="submit"]{
	display:block;
	width: 200px;
	height:auto;
	padding: 10px;
	margin: -20px auto 30px auto;
	color: #ffffff;
	background-color:#F00;
	font-weight: normal;
	font-size:110%;
	border:2px solid #ffffff;
	-moz-border-radius: 	7px; /* for Firefox */
	-webkit-border-radius: 	7px; /* for Safari and chrome */
	border-radius: 			7px; /* CSS3 */
	-moz-box-shadow:	rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	box-shadow:			rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	behavior: url(PIE.htc);
	}

form input:hover{
	text-decoration:none;
	opacity: 0.8;
	}
	
	
	
/*サイドメニュー																			
---------------------------------------------------------------------------*/
#side{float: left;width: 230px;	margin-bottom:15px;}

/***********************
 #side h2
************************/
#side h2{
	display: block;
	padding:2px;
	border-bottom: 2px solid #41b2e0;
	text-decoration:none;
	color: #41b2e0;
	margin-top:10px;
	}
#side h2.first{margin-top:0px;}


/***********************
 #side メニュー
************************/
#side ul{width: 100%;}

#side li a,
#side li a:hover{
	display: block;
	padding:10px;
	border-bottom: 1px solid #c7c7c7;
	text-decoration:none;
	background-color:#efefef;
	}

#side li a{color: #333;}


#side li a:hover,
#side li a.current{
	color: #fff;
	background-color: #41b2e0;
}

#side li.small a{font-size:95%;}

#side li.home a{
	background-image: url(home.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left:35px;
	}

#side li.home a.current,
#side li.home a:hover{
	background-image: url(home_on.png);
}



/*フッター																			
---------------------------------------------------------------------------*/
#footer {
	clear:both;
	width:100%;
	height:80px;
	
	padding-top:15px;
	
	background-color:#f7f7f7;
	font-size:95%;
	border-top: 1px #ccc solid;
	text-align:center;
}

/*clearBoth,clearfix																	
---------------------------------------------------------------------------*/
.clearBoth{
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
}

/* clearfix */
.clearfix{overflow:hidden; _zoom:1;}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}