@charset "shift_jis";



body {
	color : rgb(51, 51, 51);
	background-color : rgb(255, 255, 255);
	margin : 16px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background-image: url(../images/bg.gif);	/*背景画像*/
	background-repeat: repeat-x;			/*背景画像をＸ軸（横軸）にリピート*/
	background-position: top;				/*背景画像を上部に配置*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333333;
}
a:hover {
	color: #FF0000;			/*カーソルオーバー時の文字色*/
	text-decoration: none;	/*カーソルオーバー時に下線を消す設定*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color : rgb(255, 255, 255);	/*背景色*/
background-position : 0px 0px;
  margin-top : -15px;
  
}

/*ヘッダー（ロゴが入っているHP上部ブロック）
---------------------------------------------------------------------------*/
#header {
	height : 60px;	/*ヘッダーの高さ*/
	width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
  
  
}
/*h1見出しタグ設定*/
#header h1 {
	font-size: 10px;	/*文字サイズ*/
	line-height: 40px;	/*行間*/
	position: absolute;
	font-weight: normal;
	color: #FFFFFF;	/*文字色*/
	top: 0px;	/*ヘッダーブロックに対して上から0pxの位置に配置*/
	right: 0px;	/*ヘッダーブロックに対して右から0pxの位置に配置*/
}
#header h1 a {
	text-decoration: none;
	color: #FFFFFF;	/*文字色*/
}
/*ロゴ画像設定*/
#header #logo {
	position: absolute;
	left: 30px;	/*ヘッダーブロックに対して左から0pxの位置に配置*/
	top: 0px;	/*ヘッダーブロックに対して上から0pxの位置に配置*/
}



/* --- ボックス
---------------------------------------------------------------------------*/
div.section {
	width: 700px; /* ボックスの幅 */
padding-bottom: 5px; /* ボックスの下パディング */
background : rgb(255, 255, 255) url(../images/maru3_700_bottom.gif) no-repeat scroll center bottom; /* ボックスの背景 */
color : rgb(0, 0, 0);
}
div.section h6 {
	margin: 0; /* 見出しのマージン */
padding: 1em 15px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../images/maru3_700_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}
div.section p {
	margin: 1em 15px 1em 10px; /* 段落のマージン（上右下左） */
}

/*メインメニュー
---------------------------------------------------------------------------*/
#menu ul{
	 
margin : 15px 0px 10px; 
padding: 0; 
list-style: none; 
}
#menu li{
	 
display: inline; 
padding: 0; 
margin : 0px; 
float: left;
}
#menu li a{
	display: block; 
border-left: 8px solid #0a50a1;
background-color: #cccccc;
padding: 3px 10px;
text-decoration: none;
color: #000000;
width: 153px; 
margin: 2px 0px;
text-align: left;
font-size: 14px;
}
#menu li a:hover{
	border-left: 8px solid #990033;
color: #FFFFFF;
background-color: #474655;
}




/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	clear: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}

/*h2タグ設定*/
#main h2 {
    border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    
}
    #heading3 span{
	border-left:5px #0a50a1 solid;padding-left:10px;
}


#main h4 {

    font-weight:bold;
    position: relative;
    padding: 10px;
    background: #b8b8b8;
  font-size : 135%;
}
#main h4:before {
    content: " ";
    position: absolute;
    top: -20px;
    left: 0;
    width: 880px;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #ccc;
}




/*段落タグの余白設定*/
#main p {
	padding: 0.5em 10px 1em;	/*左から、上、左右、下への余白*/
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
#main .new {
	overflow: auto;
	height: 150px;			/*ボックスの高さ*/
	width: 880px;
	padding-right: 10px;
	padding-left: 10px;
}
#main .new dl {
	clear: left;
	width: 860px;
	border-bottom: 1px solid #cccccc;	/*日付ごとに入る下線の幅、線種、色*/
	overflow: hidden;
}
#main .new dt {
	font-weight: bold;	/*日付を太字に*/
	float: left;
	width: 100px;
}
#main .new dd {
	float: left;
	width: 760px;
}
#main .new dd img {
	vertical-align: middle;
}
*html #main .new dd img {
	margin-top:0.5em;
	vertical-align: baseline;
}

/*フッター
---------------------------------------------------------------------------*/
#footer {
	text-align: center;	/*センタリング*/
	padding: 10px 0px;
	background-color: #110E5A;	/*背景色*/
	font-size: 10px;			/*文字サイズ*/
	color: #FFFFFF;				/*文字色*/
}
/*フッター内にリンク設定した場合用*/
#footer a {
	text-decoration: none;
	color: #FFFFFF;	/*文字色*/
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 900px;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #000000;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
.ta1 td {
	padding: 10px;	/*テーブル内の余白*/
	width: 25%;
	text-align: center;	/*センタリング*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th{
	background-color: #FF0000;	/*背景色*/
	text-align: left;
	padding: 10px;
	color: #FFFFFF;	/*文字色*/
}

/*テーブル２
---------------------------------------------------------------------------*/
.ta2 {
	width: 900px;
}
.ta2, .ta2 td, .ta2 th{
	border: 1px solid #000000;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta2 td{
	width: 657px;				/*幅*/
	padding: 10px;				/*テーブル内の余白*/
	vertical-align: top;
}
/*テーブル内の段落タグの余白*/
.ta2 p {
	padding: 0px !important;
}
/*テーブル内の左側の見出し部分*/
.ta2 th{
	width: 200px;				/*幅*/
	padding: 10px;				/*テーブル内の余白*/
	text-align: center;			/*文字をセンタリング*/
	background-color: #C9C9C9;	/*背景色*/
	background-image: url(../images/bg1.gif);	/*背景画像読み込み*/
	color: #FFFFFF;	/*文字色*/
}
/*テーブル内のh3タグ設定*/
.ta2 h3 {
	font-size: 100%;
	color: #c6003d;	/*文字色*/
	border-bottom: 3px solid #c6003d;	/*h3タグ下部の線幅、線種、色*/
	margin-bottom: 0.5em;
}
}
/*テーブル１行目に入った見出し部分*/
.ta2 th.tamidashi{
	width: auto;
	text-align: left;
	background-color: #FF0000;	/*背景色*/
	color: #FFFFFF;	/*文字色*/
	background-image: none;
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background-color: #D9D9D9;
}
.mb1em {
	margin-bottom: 1em;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
	text-align: left;
}
.color1 {
	color: #FF0000;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}


 
h5{
 font-size:120%;
 border-left : 8px solid rgb(0, 0, 102);/*文字の横に付箋のようなマークを入れる*/
border-bottom : 1px dotted rgb(204, 204, 204);/*文字の下に点線を入れる設定*/
width : 410px;/*h3の横幅*/
line-height: 27px;/*h3の高さ設定*/
padding-left: 5px;
 color:#333333; /*文字の色*/
margin-top: 1.0em;
 margin-bottom: 0px;
 
  margin-left : 10px;
} 


/* --- リストエリア --- */
ul.list {
	margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目 --- */
ul.list li {
	padding: 0 0 3px 12px; /* 項目のパディング（上右下左） */
background: url(../images/square.gif) no-repeat 3px 0.4em; /* マーカー画像 */
line-height: 120%;
}



/* --- リストエリア --- */
ol.flow {
	width: 900px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ol.flow li {
	margin-bottom: 12px; /* リスト項目の下マージン */
margin-left: 0px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(../images/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */

  text-align : left;
  width : 900px;
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
	margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow dl {
	margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- タイトルエリア --- */
ol.flow dt {
	padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #f9f9f9; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
}
/* --- タイトル --- */
ol.flow dt strong {
	margin-left: 3px;
color: #2b2b2b;
}

/* --- 本文エリア --- */
ol.flow dd {
	margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
}





/* --- ナビゲーションバー --- */
div.nav {
	width: 100%; /* ナビゲーションの幅 */
}

/* --- メニューエリア --- */
div.nav ul.nl {
	width: 960px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #ffffff; /* メニューの背景色 */

list-style-type: none;
text-align: center;
  
  
  
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
	width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
	display: block;
position: relative; /* IE6用 */
padding: 8px 2px; /* リンクエリアのパディング（上下、左右） */

text-decoration: none; /* テキストの下線（なし） */

  
  
  
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
	background-color : #f5f5f5; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
	min-height: 1px;
}







/* --- リストエリア
---------------------------------------------------------------------------*/
ul.thumbnail {
	width: 100%; /* リストエリアの幅 */
min-width: 660px; /* リストエリアの最小幅（不要な場合は削除） */
margin: 0;
padding: 30px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

ul.thumbnail li {
	width: 24.9%; /* 項目の幅 */
float: left;
}

ul.thumbnail dl {
	width: 160px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 110%;
}

ul.thumbnail dt {
	margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
	border: 1px #808080 solid; /* 写真の境界線 */
}

ul.thumbnail dd {
	margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6.5em; /* キャプションエリアの高さ */
line-height: 120%;
}

.clearFix:after {
	content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
	min-height: 1px;
}


/* --- ボックス --- */
div.section {
	width: 300px; /* ボックスの幅 */
padding-bottom: 5px; /* ボックスの下パディング */
background: #ffffff url(../images/maru2_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
  margin-left : 8px;
  margin-top : 16px;
}

/* --- 見出し --- */
div.section h3 {
	margin: 0; /* 見出しのマージン */
padding: 1em 15px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../images/maru2_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section p {
	margin: 1em 15px 1em 10px; /* 段落のマージン（上右下左） */
}