body {
font: 85%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
background: #4f5c7d url(./images/bk_image.jpg);
margin: 0;
padding: 0;
color: #070d4a;
}

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/

header, section, footer, aside, nav, article, figure {
	display: block;
}

/*--------------------------------------------------------------------
エレメント タグセレクター
--------------------------------------------------------------------*/
a img { 
border: none;
}

a:link {
color: #ffa200;
text-decoration: none; 
}
a:visited {
color: #e29002;
text-decoration: underline;
}
a:hover, a:active, a:focus {
color: #00f;
text-decoration: underline;
}


/*--------------------------------------------------------------------
各ブロック
--------------------------------------------------------------------*/

#container {
width: 960px;
background: #fff;
box-shadow:0 0 30px #000;
margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

#global_header{
background: #fff url(./images/head_line.jpg) no-repeat;
}

#contents {
}

.main {
float: right;
width: 750px;
background: #fff;
}

#side {
float: left;
width: 210px;
background: #fff;
}

#global_footer {
text-align: center;
padding: 10px 10px;
background: #c6e3ed;
position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
clear: both; /* クリアする */
}

/*--------------------------------------------------------------------
global_header内
--------------------------------------------------------------------*/
#site_id{
padding:40px 0px 0px 0px;
}

#global_header hgroup{
float: right;
text-align:right;
padding:55px 20px 0px 0px;
}

#global_header hgroup h1{
font-size: 15px;
color: #070d4a;
display:inline;
}

#global_header hgroup h1 a:link {
color: #070d4a;
text-decoration: none }

#global_header hgroup h1 a:visited {
color: #070d4a;
text-decoration: none }

#global_header hgroup h1 a:hover {
color: #484ce8;
text-decoration: none }

#global_header hgroup h1 a:active {
color: #070d4a;
text-decoration: none }

#global_header hgroup h2{
font-size: 10px;
color: #070d4a;
display:inline;
}

#global_header hgroup h2 a:link {
color: #070d4a;
text-decoration: none }

#global_header hgroup h2 a:visited {
color: #070d4a;
text-decoration: none }

#global_header hgroup h2 a:hover {
color: #484ce8;
text-decoration: none }

#global_header hgroup h2 a:active {
color: #070d4a;
text-decoration: none }

#siteid_clear{
background: #374468;
position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
clear: both; /* クリアする */
}

/*--------------------------------------------------------------------
グローバルメニュー
--------------------------------------------------------------------*/

#global_nav {
	margin:0;
	padding:0;
}

#global_nav li {
	float:left;
	list-style:none;
	font-weight:bold;
	font-size:13px;
	text-transform: uppercase;
}

#global_nav li a{
	display:block;
	padding: 10px 20px 5px 20px;
	color: #000;
	text-decoration: none;
	text-align:center;
	border-top:solid 5px #fff;
	border-left:solid 1px #aaa;
	border-right:solid 1px #555;
	border-bottom:solid 5px #fff;
}

#global_nav li a:hover{
	color: #5f77a9;
	border-bottom:solid 5px #5f77a9;
}

/*--------------------------------------------------------------------
TOPのNEWS
--------------------------------------------------------------------*/
.news li{
margin:20px 0px 20px 0px;
border-bottom: dashed 1px #7eb7f2;
}
.news_day{
color:#666;
font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
font-size: x-small;
}
.news_title{
color:#2f3771;
font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
font-weight: bold;
font-size: large;
}
.news_title a:link { color: #2f3771;
text-decoration: none;}
.news_title a:visited { color: #2f3771;
text-decoration: none;}
.news_title a:hover { color: #660;
text-decoration: none;}
.news_title a:active { color: #2f3771;
text-decoration: none;}
.news_text{
color:#44576c;
}

/*--------------------------------------------------------------------
.mainの見出しシリーズ
--------------------------------------------------------------------*/

.main h1 {
font-size: 22px;
color:#180861;
text-indent:73px;
line-height: 59px;
text-shadow:3px 3px 2px #fff;
display:block;
width:740px;
height:59px;
background: url(./images/h1_image.jpg);
background-repeat: no-repeat;
}

.main h1  a:link { color: #180861;
text-decoration: none }

.main h1  a:visited { color: #180861;
text-decoration: none }

.main h1  a:hover { color: #1c70ee;
text-decoration: none }

.main h1  a:active { color: #1c70ee;
text-decoration: none }

.main h2{
font-size: 20px;
color:#180861;
text-indent:73px;
line-height: 60px;
text-shadow:3px 3px 2px #b9b9b9;
display:block;
width:740px;
height:60px;
background: url(./images/h2_image.jpg);
background-repeat: no-repeat;
}

.main h2 a:link { color: #180861;
text-decoration: none }

.main h2 a:visited { color: #180861;
text-decoration: none }

.main h2 a:hover { color: #1c70ee;
text-decoration: none }

.main h2 a:active { color: #1c70ee;
text-decoration: none }


.main h3{
font-size: 20px;
color:#180861;
text-indent:55px;
line-height: 60px;
text-shadow:3px 3px 2px #b9b9b9;
display:block;
width:740px;
height:60px;
background: url(./images/h3_image.jpg);
background-repeat: no-repeat;
}

.main h3 a:link { color: #180861;
text-decoration: none }

.main h3 a:visited { color: #180861;
text-decoration: none }

.main h3 a:hover { color: #1c70ee;
text-decoration: none }

.main h3 a:active { color: #1c70ee;
text-decoration: none }

/*-----------------------------------------------------------
.mainのリスト装飾
-----------------------------------------------------------*/

.main ul{
list-style:url(images/list01.jpg);
}

.main li{
padding: 2px;
margin: 10px 0px 10px 0px;
}

.main ul a:link {
color: #4a54d2;
text-decoration: none;
}

.main ul a:visited {
color: #4a54d2;
text-decoration: none;
}

.main ul a:hover {
color: #924eee;
text-decoration: underline;
}

.main ul a:active {
color: #0000ff;
text-decoration: none;
}

/*-----------------------------------------------------------
その他
-----------------------------------------------------------*/

.red {color: #ff3300;}
.red_b {font-weight: bold; color: #ff3300;}
.orange {color: #ff9600;}
.orange_b {font-weight: bold; color: #ff9600;}
.green {color: #19a941;}
.green_b {font-weight: bold; color: #19a941;}
.turquoise {color: #13afad;}
.turquoise_b {font-weight: bold; color: #13afad;}
.blue {color: #2454f0;}
.blue_b {font-weight: bold; color: #2454f0;}
.indigo {color: #242881;}
.indigo_b {font-weight: bold; color: #242881;}
.violet {color: #6633ff;}
.violet_b {font-weight: bold; color: #6633ff;}
.pink {color: #f474ff;}
.pink_b {font-weight: bold; color: #f474ff;}
.m_b {font-weight: bold; color: #ff0078;}

.t_right{text-align: right;}
.t_center{text-align: center;}
.t_left{text-align: left;}

#address{
font-size: 9px;
}

#copyright{
font-size: 12px;
}

.padding{
padding: 0px 10px 0px 10px;
/*--------------------------------------------------------------------
paddingの値を1つ指定した場合：[上下左右]になります。
paddingの値を2つ指定した場合：[上下][左右]になります。
paddingの値を3つ指定した場合：[上][左右][下]になります。
paddingの値を4つ指定した場合：[上][右][下][左]になります。
--------------------------------------------------------------------*/
}