/* CSS Document */
@charset "utf-8";

/* 
========================================
universal reset
========================================
 */
* {
	margin: 0;
	padding: 0;
	min-height:1px;
}

ol, ul, li { margin:0; padding:0; }
li { list-style:none; }
h1, h2, h3, p { margin:0; padding:0; }
hr { display: none; }
a { text-decoration:none; }
a:hover { color:#CC3300; text-decoration:underline; }
/*Hidden Mac IE\*/
a { text-decoration:none; overflow:hidden; }
/**/


/* 
========================================
Base layout
========================================
 */
 
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	text-align:center;
}

#shadow {
	background-image: url(../common_img/page_bg.gif);
	height: auto;
	width: 850px;
	padding: 0 10px;
	margin:0 auto;
	text-align:center;
}

#header {
	width: 850px;
	height: 109px;
	background-image: url(../common_img/header_bg_page.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

#layoutBody {
	width: 850px;
	heigth: auto;
	clear: both;
}

#sideNavi {
	width:180px;
	height: auto;
	float: left;
}


#leftArea {
	width: 600px;
	height:  auto;
	background-image: url(../common_img/contents_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 25px;
	padding-left: 35px;
	padding-right: 35px;
	float: right;
}


#footer {
	height: auto;
	width: 850px;
	background-color: #1E4EFF;
	background-image: url(../common_img/footer_bg_page.gif);
	background-repeat: no-repeat;
	background-position: left top;
}




/* 
========================================
Decoration
========================================
 */

/* Header */
#backIndex a{
	display: block;
	width: 295px;
	height: 55px;
	background-image: url(../common_img/btn_top.gif);
	background-position: left top;
	text-indent: -9999px;
}

#backIndex a:hover{
	background-position: left bottom;
}

#english {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #333333;
	width:830px;
	height:auto;
	text-align:right;
	margin-top: 5px;
}

#headerNavi {
	width:555px;
	height:45px;
	margin-left: 295px;
}

#navigation {
	position: absolute;
	display: block;
	margin: 0;
	width: 555px;
	height: 45px;
}

#navigation em {
	float: left;
	list-style: none;
	text-indent: -9999px;
}

#navigation a {
	text-decoration: none;
	display: block;
	height:45px;
	background-image: url(../common_img/head_navi.gif);
	background-position: left top;
}

#menu01 a { width: 105px; background-position: 0 0; }
#menu02 a { width: 110px; background-position: -105px 0; }
#menu03 a { width: 97px; background-position: -215px 0; }
#menu04 a { width: 97px; background-position: -312px 0; }
#menu05 a { width: 146px; background-position: -409px 0; }

#menu01 a:hover { width: 105px; background-position: 0 -90px; }
#menu02 a:hover { width: 110px; background-position: -105px -90px; }
#menu03 a:hover { width: 97px; background-position: -215px -90px; }
#menu04 a:hover { width: 97px; background-position: -312px -90px; }
#menu05 a:hover { width: 146px; background-position: -409px -90px; }

#menu01on a { width: 105px; background-position: 0 -45px; }
#menu02on a { width: 110px; background-position: -105px -45px; }
#menu03on a { width: 97px; background-position: -215px -45px; }
#menu04on a { width: 97px; background-position: -312px -45px; }
#menu05on a { width: 146px; background-position: -409px -45px; }

/*sidenavi*/
#cornerImage {
	width:180px;
	height: 148px;
}

#pageTitle {
	width: 180px;
	height: 70px;
}

#naviMenu {
	text-align: left;
	width: 165px;
	margin-left: 8px;
}


#naviMenu ul {
	margin-top: -10px;
}

#naviMenu li {
	margin-top: 7px;

}

#naviMenu li a {
	display: block;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.8em;
	line-height: 1.2em;
	background-image:   url(../common_img/arrow01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #FFFFFF;
}

#naviMenu li a:hover {
	background-image:   url(../common_img/arrow03.gif);
}

#naviMenu li.sub {
	margin-top: 7px;

}

#naviMenu li.sub a {
	display: block;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 0.8em;
	line-height: 1.2em;
	background-image:   url(../common_img/arrow04.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #FFFFFF;
}

#naviMenu li.sub a:hover {
	background-image:   url(../common_img/arrow04_on.gif);
}

.partition {
	height: 20px;
}





/* Footer */
#pagetop a{
	display: block;
	width: 160px;
	height: 17px;
	background-image: url(../common_img/btn_pagetop.gif);
	background-position: left top;
	text-indent: -9999px;
	margin-left: 690px;
}

#pagetop a:hover{
	background-position: 0 17px;
}

#footer p{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color: #FFFFFF;
	font-size: 0.7em;
}

#wrap02 {
	width: 800px;
	margin-top: 10px;
}

#plugin a{
	display: block;
	width: 88px;
	height: 31px;
	background-image: url(../common_img/get_flash.gif);
	background-position: left top;
	text-indent: -9999px;
	margin-left: 25px;
	float: left;
}

#footerNavi {
	margin:10px 0;
	padding: 0;
	font-size: 0.7em;
}

#footerNavi li {
	display: inline;
	margin: 0;
	padding: 0;
	border-right: 1px solid #999999;
	list-style-type: none;
}

#footerNavi li.bnone {
	border-right: none;
}

#footerNavi a {
	margin: 0 0.5em;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color: #FFFFFF;
}


/* 
========================================
ニュース関連
========================================
 */
.newsDay{
	width:600px;
	margin-bottom:25px;
	text-align:right;
}


.columnName{
	width:600px;
	margin-bottom:25px;
}

.newsTitle{
	margin-bottom: 15px;
}






/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#contents:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#contents { display:inline-table; }

/* Mac IE には適用させない \*/
* html #contents { height:1px; }
#contents { display:block; }
/* */


#layoutBody:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#layoutBody { display:inline-table; }

/* Mac IE には適用させない \*/
* html #layoutBody { height:1px; }
#layoutBody { display:block; }
/* */