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

/* ボディに関するCSS
--------------------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;	
}

img
{	border:none; }

form
{	margin: 0; }

ul
{	list-style-type: none; }

body{
	font:normal normal 12px/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	background:url('../images/header_bg.gif') repeat-x 50% 0%;
	background-color: white;
}

.both
{	clear: both; }

.bold
{	font-weight:bold; }


/* リンクに関するCSS
--------------------------------------------------------------------------------*/
/*リンク文字の色*/
a:link
{	color: blue; }
/*訪問済みリンクの色*/
a:visited {
	color: blue;
}
/*マウスオーバーの時の色*/
a:hover {
	text-decoration: none;
	color: skyblue;
}

a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*クリックしている時の色（背景色つき）*/
a:active
{    color: #CCC; }

/* ページ構造に関するCSS 
--------------------------------------------------------------------------------*/

#header {
	margin: 0 auto 10px auto;
	padding-top: 20px;
	width: 850px;
	text-align: left;
	background:url('../images/header.jpg') no-repeat 50% 0%;
}

#menu{
	margin:0 auto 10px auto;
	width:850px;
	height:45px;
}

#main_contents {
	margin:0px auto;
	width:850px;
	text-align: left;
}

#footer {
	margin-top: 10px;
	width: 100%;
	height: 192px;
	background: url('../images/footer_bg.jpg') repeat-x 50% 0%;
}


/* ヘッダーに関するCSS 
--------------------------------------------------------------------------------*/

#header p.header_left{
	margin:15px 0 0 0;
	width:672px;
	float:left;
}
#header p.header_right{
	margin:0 0 0 auto;
	width:178px;
	float:right;
}
#header p.header_right a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* ヘッダーに関するCSS 
--------------------------------------------------------------------------------*/

#menu ul li
{	float:left; }

#menu ul li a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* メインコンテンツに関するCSS 
--------------------------------------------------------------------------------*/

/*左側*/
#left_contents{
	width:200px;
	float:left;
}
#left_contents ul li{
	width:200px;
	line-height:100%;
}
#left_contents ul li.li_bottom5
{	margin-bottom:5px; }
#left_contents ul li.li_textlink{
	padding-top:2px;
	height:84px;
	background:url('../images/menu_bg01.jpg') repeat-y 50% 50%;
}
#left_contents ul li p{
	margin:0px 20px 5px 0;
	font-size:120%;
	text-align:right;
	line-height:110%;
}
#left_contents ul li a:link,#left_contents ul li a:visited{
	color:#333;
	text-decoration:none;
}
#left_contents ul li a:hover{
	color:#3fb03a;
	text-decoration:none;
}
#left_contents ul li img{
	vertical-align:bottom;
}
#left_contents ul li a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#left_contents p.banner
{	margin-top:20px; }

/*右側*/
#right_contents{
	width: 635px;
	float: right;
}
#right_contents h1
{	margin-bottom:15px; }
#right_contents h2
{	margin-bottom:5px; }
#right_contetns h3
{	margin-bottom:10px; }

/* フッターに関するCSS
--------------------------------------------------------------------------------*/
/*フッターリンク*/
#footer div{
	margin:0 auto;
	width:850px;
	height:192px;
	text-align:left;
	background:url('../images/footer.jpg') no-repeat 50% 0%;
}
#footer .p_catch{
	padding:8px 0 0 0;
}
#footer .p_button{
	margin:0px 0 0 655px;
	padding:7px 0 0 0;
	width:160px;
	height:59px;
}
#footer .p_link{
	margin:30px auto 0 auto;
	width:850px;
	text-align:center;
}
#footer .p_link a:link,#footer .p_link a:active
{	color:black; }
#footer .p_link a:visited
{	color:#030; }
#footer .p_link a:hover
{	color:#999; }
#footer .p_copy{
	margin:5px auto 0 auto;
	width:850px;
	text-align:center;
}