@charset "shift_jis";

body {
	/*font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	color: #333333;*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	/* background: #ffffff url(/root/jp/parts/image/water1.jpg); */
	/*background: #115599*/
	/*background: #ffffff*/
}

strong {
	color: #FF0000;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

/*img {
	border: none;
	vertical-align: bottom;
}*/

.look {
	background: #FFFFCC;
}


/*パンくずリスト*/
#TopicPath {
    margin:5px 20px;
    font-size: 12px;
}

#TopicPath li {
    display:inline;
    line-height:110%;
    list-style-type:none;
	border-bottom: 1px dotted #999999;
}

#TopicPath li a {
	text-decoration: none;
}

#TopicPath li a:hover {
	text-decoration: underline;
	background: #FFCC99;
}

/*コンテナー
-------------------------------------------------------------------------------------
■各ページのコンテンツ全体に対して適用するスタイルシートはここに記述すること。
-------------------------------------------------------------------------------------*/
#container {
	/* background: #FFFFFF url(/root/jp/parts/image/container_bg.gif) repeat-y;
	width: 760px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px; */
}

#container h1{
font-size : medium;	/* フォントサイズ */
font-weight : bold;	/* フォントの太さ */
color : black;	/* フォントの色 */
background-color : white;	/* 背景の色 */
text-align : left;	/* テキストの左寄せ */
letter-spacing : 1px;	/* 文字間隔 */
padding-left : 0.5em;	/* 左の余白 */
line-height : 1.5em;	/* 領域（行）の高さ＝フォントの１．５倍 */

width : 95%;	/* 横幅 */
border-bottom-width : 4px;	/* 下境界線 */
border-bottom-style : solid;	/* 下境界線の種類 */
border-bottom-color : rgb(48,48,196);	/* 下境界線の色 */
}

#container .h1_1{
border-bottom-color : rgb(246,72,72);	/* 下境界線の色 */
}

#container .h1_2{
border-bottom-color : rgb(255,102,0);	/* 下境界線の色 */
}

#container .h1_3{
border-bottom-color : rgb(32,154,32);	/* 下境界線の色 */
}

#container .h1_4{
border-bottom-color : silver;	/* 下境界線の色 */
}

#container h2{
	font-size : medium;	/* フォントサイズ */
	font-weight : bold;	/* フォントの太さ */
	color : black;	/* フォントの色 */
	background-color : white;	/* 背景の色 */
	text-align : left;	/* テキストの左寄せ */
	letter-spacing : 1px;	/* 文字間隔 */
	padding-left : 0.5em;	/* 左の余白 */
	line-height : 1.5em;	/* 領域（行）の高さ＝フォントの１．５倍 */
        width : 95%;	/* 横幅 */

	border-bottom-width : 2px;	/* 下境界線 */
	border-bottom-style : solid;	/* 下境界線の種類 */
	border-bottom-color : silver;	/* 下境界線の色 */
}

#container .h2_2{
border-bottom-color : rgb(255,153,102);	/* 下境界線の色 */
}

#container h3{
	font-size : medium;	/* フォントサイズ */
	font-weight : bold;	/* フォントの太さ */
	color : black;	/* フォントの色 */
	background-color : white;	/* 背景の色 */
	text-align : left;	/* テキストの左寄せ */
	letter-spacing : 1px;	/* 文字間隔 */
	padding-left : 0.5em;	/* 左の余白 */
	line-height : 1em;	/* 領域（行）の高さ＝フォントの１倍 */
	width : 90%;	/* 横幅 */
	border-left-width : 0.5em;	/* 左境界線をマークとして使用 */
	border-left-style : solid;	/* 左境界線（マーク）の種類 */
	border-left-color : silver;	/* 左境界線（マーク）の色 */
	border-bottom-width : 1px;	/* 下境界線 */
	border-bottom-style : solid;	/* 下境界線の種類 */
	border-bottom-color : silver;	/* 下境界線の色 */
}

#container h4{
font-size : medium;	/* フォントサイズ */
font-weight : bold;	/* フォントの太さ */
color : black;	/* フォントの色 */
background-color : #ffcccc;	/* 背景の色 */
text-align : left;	/* テキストのセンタリング */
letter-spacing : 1px;	/* 文字間隔 */
padding-left : 10px;	/* 左の余白 */
line-height : 1.5em;	/* 領域（行）の高さ＝フォントの1.5倍 */
border-right-width : 1px;	
border-right-style : solid;	
border-right-color : gray;
border-bottom-width : 1px;	
border-bottom-style : solid;	
border-bottom-color : gray;
}

#container h6{
font-size : 14px;	/* フォントサイズ */
font-weight : normal;	/* フォントの太さ */
color : black;	/* フォントの色 */
background-color : white;	/* 背景の色 */
text-align : left;	/* テキストのセンタリング */
letter-spacing : 1px;	/* 文字間隔 */
padding-left : 5px;	/* 左側の余白 */
line-height : 1.3em;	/* 領域（行）の高さ＝フォントの１．５倍 */
width : 95%;	/* 横幅 */
border-left-width : 2px;	/* 左境界線をマークとして使用 */
border-left-style : groove;	/* 左境界線（マーク）の種類 */
border-left-color : #006699;	/* 左境界線（マーク）の色 */
border-right-width : 2px;	/* 右境界線 */
border-right-style : groove;	/* 右境界線の種類 */
border-right-color : #006699;	/* 右境界線の色 */
border-bottom-width : 2px;	/* 下境界線 */
border-bottom-style : groove;	/* 下境界線の種類 */
border-bottom-color : #006699;	/* 下境界線の色 */
border-top-width : 2px;	/* 上境界線 */
border-top-style : groove;	/* 上境界線の種類 */
border-top-color : #006699;	/* 上境界線の色 */
}

#container h7{
font-size : medium;	/* フォントサイズ */
font-weight : bold;	/* フォントの太さ */
color : black;	/* フォントの色 */
background-color : #D1D1D1;	/* 背景の色 */
text-align : left;	/* テキストのセンタリング */
letter-spacing : 1px;	/* 文字間隔 */
padding-left : 20px;	/* 左の余白 */
padding-right : 20px;	/* 左の余白 */
line-height : 1.5em;	/* 領域（行）の高さ＝フォントの1.5倍 */
border-right-width : 1px;	
border-right-style : solid;	
border-right-color : gray;
border-bottom-width : 1px;	
border-bottom-style : solid;	
border-bottom-color : gray;
}

table.table_top{
  border-collapse: collapse;
  border: solid 1px  #fff;
}

table.table_top th,
table.table_top td {
  border: solid 1px #fff;
}

table.table_db{
 border-collapse:collapse;
  border: solid 1px #777;
}

table.table_db th,
table.table_db td {
 border-collapse:collapse;
  border: solid 1px #777;
}

.shiru{
color:rgb(48,48,196);
font-size:12px;
vertical-align:middle;
}

.shiraberu{
color:rgb(246,72,72);
font-size:12px;
vertical-align:middle;

}

.yomu{
color:rgb(255,102,0);
font-size:12px;
vertical-align:middle;
}

.sankasuru{
color:rgb(32,154,32);
font-size:12px;
vertical-align:middle;
}

.kihon{
color:rgb(140,140,140);
font-size:12px;
vertical-align:middle;
}

a.pickup61{
background-image: url('/root/jp/pict/pickup_mizu.gif');
display: block;
width: 150px;
height: 31px;
text-indent: -5000px;
}

a.pickup61:hover {
   background-position: top right;
}

a.pickup62{
background-image: url('/root/jp/pict/pickup_seitai.gif');
display: block;
width: 150px;
height: 31px;
text-indent: -5000px;
}

a.pickup62:hover {
   background-position: top right;
}

a.pickup63{
background-image: url('/root/jp/pict/pickup_taiki.gif');
display: block;
width: 150px;
height: 31px;
text-indent: -5000px;
}

a.pickup63:hover {
   background-position: top right;
}

td.td_oshirase{
color:#fff;
font-weight:bold;
padding:3px;
background: #B22222 url(image/td/td6.jpg) repeat-x;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 2px solid #555555;
border-bottom: 1px solid #555555;
}



td.td_topics{
color:#fff;
font-weight:bold;
padding:3px;
background: #ff8800 url(image/td/td3.jpg) repeat-x;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 2px solid #555555;
border-bottom: 1px solid #555555;
}

td.td_new{
color:#fff;
font-weight:bold;
padding:3px;
background: #0077cc url(image/td/td2.jpg) repeat-x;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 2px solid #555555;
border-bottom: 1px solid #555555;
}

.new_up {
border-style:solid none none none;
border-color: red;
border-width:2px;
}

.new_under {
border-style: none none solid none;
border-color: red;
border-width:2px;
}

.new {
color:red;
font-size:12px;
font-weight:bold;
text-align:center;
}

.no_border{
border-style: none;
}

/*ヘッダー
-------------------------------------------------------------------------------------
■「#header p」という項目は、ロゴ画像を使わずテキストでサイト名を入れる人のための設定です。
文字サイズの変更は「30px」で行います。
-------------------------------------------------------------------------------------*/
#header {
/*	background: url(/root/jp/template/parts/images/header_bg.gif) no-repeat; */
	height: 100px;
	width: 760px;
	line-height: 1;
	color: #FFFFFF;s
}
#header p {
	font-size: 30px;
	padding-top: 10px;
	padding-left: 20px;
}

#header h1 {
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 15px;
	font-weight: normal;
}

/*サイド（メニュー）
-------------------------------------------------------------------------------------
■メニューの各見出し(メインメニューとか書いてある所)を変更したい場合、「#side h3」を編集する。
枠線の色を変えたい場合「#003A90」を希望色に変更する。背景色を変えたい場合「#00175A」を変更。
■メニューのリンクを変更したい場合、「#side .menu a」を編集する。
「border-left: 5px solid #0074BE」というのは左側の水色のアクセント用のラインの事。
5pxの幅で直線(solid)で#0074BE(水色)で入っています、という意味です。
また、下のアンダーラインはその下の「border-bottom: 1px dotted #FFFFFF」部分。dottedは点線という事。
あと、文字色は「color: #FFFFFF」部分です。
■メニューのリンク(カーソルオーバー時)を変更する場合、「#side .menu a:hover」を編集する。
ここでは、背景色を「#0074BE」の水色にして、左の線の色を「#FF0000」の赤にしています。
■「#side a」はメニュー下のテキストにリンクを貼った場合の設定です。
-------------------------------------------------------------------------------------*/
#side {
	float: left;
	width: 167px;
	/* background: #003a90; */
	/* background: #092e80 url(/root/jp/parts/image/container_bg.gif) repeat-y; */
	/* background: #093f9f;
	color: #FFFFFF; */
	background: #f0f0f0;
	color: #000000;
	padding: 5px 5px 5px 5px;
	margin: 2px 2px 2px 2px;
	border-right: 1px solid #999999;
}

#side h3 {
	width: 150px;
	font-size: 14px;
	letter-spacing: 0.4em;
	text-align: center;
	background: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#side p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

#side a {
	width: 149px;
	height: 24px;
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	vertical-align : middle;
	padding-left: 28px;
	padding-top: 0px;
	display: block;
}

/*#side a:hover {
	background: #f2fdc7;
	border-right: 7px solid #FF0000;
	background-position: left bottom;
	color: red;
}*/

#side li {
	margin-bottom: 5px;
	text-align: left;
	width: 150px;
	height: 25px;
	font-size: 12px;
	border-bottom: 1px dotted #999999;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*----------------------------------------------------------------------------------
■「知る・学ぶ」等の各コーナー別の枠の色の設定です。
----------------------------------------------------------------------------------*/
#side .menu1 {
	border-left: 1px solid rgb(48,48,196);
	border-top: 1px solid rgb(48,48,196);
	border-bottom: 1px solid rgb(48,48,196);
	border-right: 10px solid rgb(48,48,196);
}

#side .menu2 {
	border-left: 1px solid rgb(246,72,72);
	border-top: 1px solid rgb(246,72,72);
	border-bottom: 1px solid rgb(246,72,72);
	border-right: 10px solid rgb(246,72,72);
}

#side .menu3 {
	border-left: 1px solid rgb(255,102,0);
	border-top: 1px solid rgb(255,102,0);
	border-bottom: 1px solid rgb(255,102,0);
	border-right: 10px solid rgb(255,102,0);
}

#side .menu4 {
	border-left: 1px solid rgb(32,154,32);
	border-top: 1px solid rgb(32,154,32);
	border-bottom: 1px solid rgb(32,154,32);
	border-right: 10px solid rgb(32,154,32);
}

#side .menu5 {
	border-left: 1px solid rgb(140,140,140);
	border-top: 1px solid rgb(140,140,140);
	border-bottom: 1px solid rgb(140,140,140);
	border-right: 10px solid rgb(140,140,140);
}

#side .menu {
	float:left;
}


/*----------------------------------------------------------------------------------
■各メニュー項目ごとのロールオーバー設定です。
----------------------------------------------------------------------------------*/
#side .menu11 a {
	background: url('/root/jp/parts/image/11.png') no-repeat left top;
}

#side .menu11 a:hover {
	background-color: #000059;
        /*background-color: #f2fdc7;*/
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	/*color: rgb(48,48,196);*/
        color:#fff;
}

#side .menu12 a {
	background: url('/root/jp/parts/image/12.png') no-repeat left top;
}

#side .menu12 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu16 a {
	background: url('/root/jp/parts/image/16.png') no-repeat left top;
}

#side .menu16 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu13 a {
	background: url('/root/jp/parts/image/13.png') no-repeat left top;
}

#side .menu13 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}



#side .menu14 a {
	background: url('/root/jp/parts/image/14.png') no-repeat left top;
}

#side .menu14 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu15 a {
	background: url('/root/jp/parts/image/51-4.png') no-repeat left top;
}

#side .menu15 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu61 a{
	background: url('/root/jp/parts/image/13.png') no-repeat left top;
}

#side .menu61 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu62 a{
	background: url('/root/jp/parts/image/13.png') no-repeat left top;
        font-size:12px;
}

#side .menu62 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu63 a{
	background: url('/root/jp/parts/image/63.png') no-repeat left top;
}

#side .menu63 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(48,48,196);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu21 a {
	background: url('/root/jp/parts/image/21.png') no-repeat left top;
}

#side .menu21 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(246,72,72);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu22 a {
	background: url('/root/jp/parts/image/22.png') no-repeat left top;
}

#side .menu22 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(246,72,72);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu23 a {
	background: url('/root/jp/parts/image/23.png') no-repeat left top;
}

#side .menu23 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(246,72,72);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu24 a {
	background: url('/root/jp/parts/image/24.png') no-repeat left top;
	font-size:12px;
}

#side .menu24 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(246,72,72);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu25 a {
	background: url('/root/jp/parts/image/25.png') no-repeat left top;
}

#side .menu25 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(246,72,72);*/
	background-position: left bottom;
	color:#fff;
}

#side .menu26 a {
	background: url('/root/jp/parts/image/26.png') no-repeat left top;
}

#side .menu26 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(246,72,72);*/
	background-position: left bottom;
	color:#fff;
}


#side .menu31 a {
	background: url('/root/jp/parts/image/31.png') no-repeat left top;
}

#side .menu31 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(245,190,0);*/
	background-position: left bottom;
	color: #fff;
}

#side .menu32 a {
	background: url('/root/jp/parts/image/32.png') no-repeat left top;
}

#side .menu32 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(245,190,0);*/
	background-position: left bottom;
	color: #fff;
}

#side .menu41 a {
	background: url('/root/jp/parts/image/41.png') no-repeat left top;
	/*line-height:2;*/
        font-size:12px;
}

#side .menu41 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(32,154,32);*/
	background-position: left bottom;
	color: #fff;
}

#side .menu42 a {
	background: url('/root/jp/parts/image/42.png') no-repeat left top;
}

#side .menu42 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(32,154,32);*/
	background-position: left bottom;
	color: #fff;
}

#side .menu51 a {
	background: url('/root/jp/parts/image/51-4.png') no-repeat left top;
}

#side .menu51 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(140,140,140);*/
	background-position: left bottom;
	color: #fff;
}

#side .menu52 a {
	background: url('/root/jp/parts/image/51-4.png') no-repeat left top;
}

#side .menu52 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(140,140,140);*/
	background-position: left bottom;
	color: #fff;
}

#side .menu53 a {
	background: url('/root/jp/parts/image/51-4.png') no-repeat left top;
        /*line-height:2;*/
        font-size:12px;
}

#side .menu53 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(140,140,140);*/
	background-position: left bottom;
        color: #fff;
}

#side .menu54 a {
	background: url('/root/jp/parts/image/51-4.png') no-repeat left top;
}

#side .menu54 a:hover {
	background-color: #000059;
	/*border-right: 7px solid rgb(140,140,140);*/
	background-position: left bottom;
	color: #fff;
}

#side .toiawase1 {
        font:bold 14px;
        text-align:center;
}

#side .toiawase2 {
        font:14px;
        text-align:center;
        
        line-height: 15px;
}


/*
-------------------------------------------------------------------------------------
■トピックスと新着情報
-------------------------------------------------------------------------------------*/

#topic a {
	color: #104E82;
}

#topic a:visited {
	color: #686868;
}

#topic a:hover {
	color: #000000;
	background: #DCDCDC;
}

#topic a:active {
	color: #000000;
	background: #DCDCDC;
}



#new a {
	color: #104E82;
}

#new a:visited {
	color: #686868;
}
#new a:hover {
	color: #000000;
	background: #DCDCDC;
}

#new a:active {
	color: #000000;
	background: #DCDCDC;
}


/*
-------------------------------------------------------------------------------------
■トップページおすすめ
-------------------------------------------------------------------------------------*/

#recommend  a:hover {
             opacity: 0.7; 
             filter: alpha(opacity=70);
}


/*ヘッダーの下の電話番号表示部分
-------------------------------------------------------------------------------------
■右寄せでなく左寄せにしたい場合、下の「right」を「left」にするか、丸々削除すればOK。
-------------------------------------------------------------------------------------*/
#tel {
	background: #f5f5f5 url(/root/jp/template/parts/images/tel_bg.gif) repeat-x;
	height: 40px;
	text-align: right;
}


/*メインコンテンツ
-------------------------------------------------------------------------------------
■「#main」は特に編集の必要なし。
■メインコンテンツの見出し(h2タグ部分)の文字サイズを変更したい場合、下の「#main h2」内にある
「font-size: 14px」の14pxを変更する。また、色を付けたい場合は以下の１行を追加すればいい。
color: #FF0000;
（→#FF0000部分は好きな色にして下さい。ちなみに#FF0000は赤色。）
-------------------------------------------------------------------------------------*/
#main {
	float: right;
	width: 574px;
	margin-right: 13px;
	display: inline;
	padding-top: 20px;
	padding-bottom: 50px;
}

#main h2 {
	background: url(/root/jp/template/parts/images/midashi_base.gif) no-repeat;
	width: 574px;
	font-size: 14px;
	line-height: 34px;
	padding-left: 10px;
}

#main p {
	padding: 0px 10px 10px;
}


/*フッター
-------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 50px;
}


#policy {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}

#policy1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}
#policy a:link {
	color: #999999;
	text-decoration: none;
}
#policy a:visited {
	color: #999999;
	text-decoration: none;
}
#policy a:hover {
	color: #666666;
	text-decoration: none;
}
#policy a:active {
	color: #999999;
	text-decoration: none;
}



/*clearfix
-------------------------------------------------------------------------------------*/
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */