@charset "utf-8";

/* CSS Document */

body {
	background: url("../images2/bg.gif") 0 0 repeat;
	width: 100%;
}

#header-area {
	margin: 0 auto 0 auto;
	padding: 0;
	_padding: 0 0 0 1px;
	width: 996px;
	height: 156px;
	background: url("../images2/bg_content.gif") center top repeat-y;
}

#ci_area {
	float: left;
	margin-top: 12px;
	padding-left: 30px;
	_padding-left: 35px;
}

#header-area a#top {
	float: left;
}

#header-area h1 {
	float: left;
	width: 339px;
	height: 69px;
	margin-left: 20px;
}

#header-area .header-utility {
	float: right;
	width: 360px;
	margin: 5px 20px 0 0;
	_margin: 5px 15px 0 0;
	height: 85px;
}

#header-area .header-utility h2 {
	display: none;
}

#header-area .header-utility div.language_area {
	float: left;
	width: 360px;
	height: 10px;
	padding: 0;
	margin-top: 5px;
}

#header-area .header-utility ul.language {
	float: right;
	height: 10px;
	padding: 0;
	margin: 0;
}

#header-area .header-utility ul.language li {
	float: left;
	height: 10px;
	padding-right: 0;
	margin: 0 0 0 5px;
}

#header-area .header-utility div.header_link_area {
	float: right;
	padding: 0;
	margin: 0 0 0 0;
}

#header-area .header-utility div#thema {
	float: right;
	margin: 20px 0 10px 0;
}

#header-area .header-utility ul.header_link {
	float: right;
	height: 10px;
	padding: 0;
	margin: 0;
}

#header-area .header-utility ul.header_link li {
	float: left;
	height: 10px;
	padding: 0 0 0 8px;
	margin: 0 0 0 8px;
}

#header-area .header-utility ul.header_link li a {
	float: left;
}

#header-area .header-utility ul.language li.first,
#header-area .header-utility ul.header_link li.first {
	background: none;
}



#column-area-wrapper {
	clear: both;
	margin: 0 auto 0 auto;
	width: 100%;
	background: url("../images2/bg_content.gif") center top repeat-y;
}

#column-area {
	width: 970px;
	margin: 0 auto 0 auto;
	padding: 0;
	_text-align: center;
}

div#top_link_area {
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	_padding: 20px 0 0 25px;
	width: 950px;
}

div#top_link_area div#link_area_L ul#top_link {
	float: left;
	padding: 0;
	margin: 0;
}
div#top_link_area div#link_area_L ul#top_link li {
	float: left;
	padding: 0;
	margin: 0;
}
div#top_link_area div#link_area_R {
	float: right;
	padding: 0;
	margin: 0;
	_margin-right: 5px;
}
div#top_link_area div#link_area_R ul#search {
	float: right;
	padding: 0 0 0 15px;
	margin: 0;
}
div#top_link_area div#link_area_R ul#search li {
	padding: 0;
	margin: 0;
	line-height: 11px;
	_line-height: 0;
	clear: both;
	text-align: left;
}

#link_area_R form,
#link_area_R form fieldset {
	float: right;
	height: 16px;
	display: block;
	list-style: none;
	border: none;
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1;
}

#link_area_R legend {
	display: none;
}

#link_area_R label {
	display: none;
}

#link_area_R input.text {
	float: left;
	width: 200px;
	height: 19px;
	_width: 157px; /* workaround to ~WinIE6 */
	_height: 19px; /* workaround to ~WinIE6 */
	padding: 1px 1px 0 1px;
	border: 1px solid #696969;
	font-size: 12px;
	margin-right: 5px;
}




h2#flash-play-area-934 {
	margin-left: 31px;
	_margin-left: 15px;
}

#column-content {
	float: left;
	width: 724px;
	padding: 10px 0 30px 0;
	margin-left: 10px;
	_margin-left: 11px;
	text-align: left;

}

#reference-area-right {
	float: right;
	width: 200px;
	padding-top: 10px;
	_padding: 10px 0 0 0;
	margin-right: 10px;
	_margin: 0;
}

#reference-area-right h2 {
	display: none;
}


#reference-area-right ul {
	float: left;
	padding-bottom: 16px;
	_padding: 0 0 16px 0;
}

#reference-area-right ul li {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#reference-area-right ul li img {
	float: left;
}

#reference-area-right ul li.last {
	margin-bottom: 0;
}

#reference-area-right div#sponser-area{
	float: left;
	border: 1px solid #cdcdcd;
	margin-bottom: 10px;
	padding: 7px;
	_padding: 4px;
}
#reference-area-right div#sponser-area h3{
	margin: 3px;
	padding: 3px;
}
#reference-area-right div#sponser-area ul{
	margin: 3px;
	padding: 0;
}

#reference-area-right div#sponser-area ul li.sponser {
	margin: 0 0 3px 0;
	padding: 0;

}

#reference-area-right div#sponser-area ul li.sponser_foot {
	margin: 0;
	padding: 0;
}




div.back_to_top {
	width: 950px;
	text-align: right;
	margin: 20px 30px 20px 0;
}

div.back_to_top a {
	padding-left: 15px;
	background: url("../images2/back_to_top.jpg") 0 3px no-repeat;
}





/* --- [footer] --- */

#footer-wrapper {
	clear: both;
	margin: 0 auto 0 auto;
	width: 100%;
	background: url("../images2/footer_bg.jpg") center top repeat-x;
}

#footer-area {
	width: 996px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#utility_link_area {
	clear: both;
	width: 970px;
	background: url("../images2/utility_area_bg.jpg") center bottom no-repeat;
	_background: url("../images2/utility_area_bg.jpg") 0 31px no-repeat;
	padding: 40px 31px 20px 0;
	_padding: 0 30px 15px 0;
	margin: 0;
}

#utility_link_area ul#utility_link {
	float: left;
	margin: 0 0 0 35px;
	_margin: 18px 0 0 30px;
}

#utility_link_area ul#utility_link li {
	float: left;
	margin-right: 10px;
	_margin: 20px 10px 0 0;
}

address#rights {
	text-align: right;
	margin: 10px 20px 0 0;
	padding-bottom: 10px;
}

****フッターの文字と背景の位置のずれを直すのにie7用に****

#utility_link_area {
clear: both;
width: 970px;
background: url("../images2/utility_area_bg.jpg") center bottom no-repeat;
_background: url("../images2/utility_area_bg.jpg") 0 31px no-repeat;
padding: 40px 31px 20px 0;
_padding: 0 30px 15px 0;
margin: 0;
}
/*-- ie7用 --*/
*:first-child+html #utility_link_area {
clear: both;
width: 952px;
background: url("../images2/utility_area_bg.jpg") center bottom no-repeat;
padding: 50px 31px 8px 0;

margin: 0;
}

---------------------------------------------------------------------------
「layout-lower.css」

#utility_link_area {
clear: both;
width: 952px;
background: url("../images2/utility_area_bg.jpg") center bottom no-repeat;
_background: url("../images2/utility_area_bg.jpg") 0 31px no-repeat;
padding: 40px 31px 20px 0;
_padding: 0 30px 15px 0;
margin: 0;
}


/*-- ie7用 --*/

*:first-child+html #utility_link_area {
clear: both;
width: 952px;
background: url("../images2/utility_area_bg.jpg") center bottom no-repeat;
padding: 50px 31px 8px 0;

margin: 0;
}

---------------------------------------------------------------------------





div.para_box02 div.para_box02_right {
width: 250px;
float: left;
margin: 0;
padding: 0;
_text-align: left;
}



ul.list-lower02 li {
display: inline;
margin: 0;
padding-left: 15px;
background: url("../images2/arrow02.gif") 0 4px no-repeat;

}

/*-- ie7用記述 --*/
*:first-child+html ul.list-lower02 li {
clear: both;
margin: 0;
}


---------------------------------------------------------------------------