html {
background:#FFF;
}

body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;;
font-size:12px;
line-height:1.5em;
color:#444;
width:100%;
display:table;
background:#eee none repeat scroll 0 0;
margin:0;
padding:0;
}
a {
color: #036EB8;
}
a:hover {
color:#08c;
}

#Container {
width:995px;
background:#fff;
margin:auto;
box-shadow:0px 0px 7px #000;
}

#Language_section {
width:100px;
height:5px;
margin-left:850px;
margin-top:20px;
}

#Header_section {
clear: both;
width:995px;
height:320px;
margin-bottom: 20px;
background:url(images/top_img.jpg) no-repeat;
box-shadow:0px 0px 3px #000;
}

#Content_section {
width:995px;
background:#fff none repeat scroll 0 0;
}

/* --- 上部ナビゲーションバー --- */
div.nav {
width: 994px; /* ナビゲーションの幅 */
background: #fff url(images/menu_bg.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #84aed2 solid; /* 上境界線 */
border-bottom: 2px #2c5170 solid; /* 下境界線 */
font-size: 15px;
text-shadow:0px 0px 2px #000;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 994px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #4e83b3 url(images/menu_bg.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #2c5170 solid; /* メニューの左境界線 */
border-right: 1px #84aed2 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

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

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 12px 2px 12px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}

/* 英字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 6px; /* 英字部分の上マージン */
font-size: 80%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}

/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #5e91bd url(images/menu_bg_hover.gif) repeat-x top; /* ポイント時の背景 */
}

div.nav ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

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

#Menu_panel {
width:100%;
height:60px;
background:url(images/menu_bg.gif) repeat-x;
float:left;
margin:0 auto;
}

#Menu_panel #Menu_section {
width:auto;
height:50px;
color:#03a0a6;
margin:0 auto;
padding:0 0 0 20px;
}


#Logo_section {
clear: both;
width:364px;
height:auto;
margin-top:45px;
margin-left:36px;
float:left;
display:inline;
}

#Logo_section h1 {
padding-top:20px;
font-size:48px;
color:#444;
margin:0;
}

#Logo_section h2 {
font-size:20px;
color:#666;
padding:0;
}

#Left_section {
width:577px;
float:left;
margin-left:35px;
margin-top:10px;
display:inline;
}

.Post {
width:577px;
margin-bottom:35px;
}

.Post_top {
height:53px;
width:577px;
}

/* --- 見出しエリア --- */
div.heading {
width: 565px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 10px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(images/heading_bg.gif) repeat-x; /* 見出しエリアの背景 */
border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
}

/* --- 見出し --- */
div.heading h3 {
widht: 553px;
margin: 0;
padding: 2px 0 0 16px; /* 見出しのパディング（上右下左） */
background: url(images/heading_list.gif) no-repeat 0 0.2em; /* 見出しの背景 */
font-size: 14px; /* 見出しの文字サイズ */
line-height: 100%;
}


/* --- 新着情報エリア --- */
div.update {
width: 577px; /* 新着情報エリアの幅 */
font-size: 13px;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 9.7em; /* 日付エリアの幅 */
float: left;
padding: 16px 0 16px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 16px 3px 16px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}


.Post_top_right {
width:499px;
background:url(images/Post_top_right.jpg) no-repeat;
height:35px;
float:right;
padding-top:18px;
padding-left:20px;
color:#fff;
font-size:17px;
}

.Post_middle {
width:577px;
background-color:#fff;
background-image:none;
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
}


.Post_middle_news {
width:550px;
background-color:#fff;
background-image:none;
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
}


.Post_middle a {
	color: #444;
}

.Post_middle a:hover {
	color: #888;
}

.Post_middle p {
color:#444;
text-align:justify;
margin:20px;
}

.Post_middle img {
border:#ccc solid 1px;
float:left;
margin:3px 15px 3px 0;
}

.Post_bottom {
width:577px;
height:46px;
background:url(images/Post_bottom.jpg) no-repeat;
}

#Right_section {
display:inline;
width:320px;
float:right;
margin-top:10px;
margin-right:35px;
}

.Section {
width:320px;
margin-bottom:35px;
}

.Section .Section_top {
height:53px;
width:320px;
}


/* --- 見出しエリア --- */
div.heading_short {
width: 308px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 10px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(images/heading_bg.gif) repeat-x; /* 見出しエリアの背景 */
border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
}

/* --- 見出し --- */
div.heading_short h3 {
margin: 0;
padding: 2px 0 0 16px; /* 見出しのパディング（上右下左） */
background: url(images/heading_list.gif) no-repeat 0 0.2em; /* 見出しの背景 */
font-size: 14px; /* 見出しの文字サイズ */
line-height: 100%;
}


.Section_middle {
width:320px;
margin-left:5px;
background:#fff;
}

.Section_middle p {
color:#444;
text-align:justify;
margin:0;
padding:20px;
}

.Section_middle img {
margin-top:20px;
margin-left:22px;
border:none;
}

.Section_middle ul {
padding-bottom:15px;
padding-top:20px;
padding-left:35px;
color:#fff;
margin:0;
}

.Section_bottom {
width:320px;
height:46px;
background:url(images/Post_bottom.jpg) no-repeat center;
}

.clear {
clear:both;
height:1px;
}

span.post {
color:#fff;
font-size:11px;
display:block;
margin:15px 25px 0;
}

* html span.post {
margin-top:0;
}

#Footer {
width:100%;
background:url(images/Footer_bg.jpg) repeat-x;
text-align:center;
padding-top:20px;
padding-bottom: 20px;
color:#444;
border-top: 1px solid #ddd;
}

a,#Footer a {
color:#444;
}

.Post_top_left,.Section_top_left {
width:48px;
background:url(images/Post_top_left.jpg) no-repeat;
height:43px;
float:left;
padding-top:10px;
padding-left:10px;
font-size:18px;
}

.Post_top_left span,.Section_top_left span {
margin-left:5px;
font-size:17px;
display:block;
}