@charset "utf-8";

/* CSS Document */

/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/
/* Base
---------------------------------------*/
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
blockquote {
	margin			: 0;
	padding			: 0;}

th{
	font-weight		: normal;
	text-align		: left;}

ol,ul { 
	list-style		: none;}

img{
	border			: 0;
	vertical-align	: bottom; }
	
/* headline */
h1 h2 h3 ol ul li {
	position		:absolute;}

.clearfix {
	overflow		: hidden;}
.clearfix:after {
	content			: "";
	display			: block;
	clear			: both;
	height			: 1px;
	overflow		: hidden;}
/*\*/
* html .clearfix {
	height			: 1em;
	overflow		: visible;}
/**/

.clear {
	clear			: both;}

/* Link
---------------------------------------*/
a{
	color			: #2b9c73;
	text-decoration	: underline;}

a:hover {
	color			: #cc9900;
	text-decoration	: none;}
	a.copyurl{ color:#2b9c73; text-decoration:none;}
	.copyurl:hover	{ color:#231815; text-decoration:underline;}
	.link		{ color:#231815; text-decoration:underline;}
	.link:hover	{ color:#cc9900; text-decoration:none;}

/* position */
.po_l{ text-align:left; }
.po_r{ text-align:right; }
.po_c{ text-align:center; }
.po_t{ vertical-align:top; }
.po_b{ vertical-align:bottom; } 
.sph8{ margin:8px 0 2px 0;}
.clr_cha{ color:#2b9c73;}
.clr_blu{ color:#005982;}
.clr_pin{ color:#a4005b;}
.clr_aka{ color			: #cc3333;}
.font_b{ font-weight:bold;}
.font_l	{ font-size:114%;}
.font_s{ font-size:84%}

/* Top
---------------------------------------*/
body{
	font-family		: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","メイリオ","Meiryo","Osaka",Verdana,Arial, Helvetica, sans-serif;
	background		: url(../../common/images/bg_contens.jpg) top repeat-x #ffffff;
	text-align		: center;}
	
 
#top_bg{
	width			: 912px;
	text-align		: center;
	margin-right	: auto;
	margin-left		: auto;
	position		: relative;
	background		: url(../../images/bg_head.jpg) top repeat-x #ffffff;}

/* Header
---------------------------------------*/
#head{
	position		: relative;
	width			: 900px;
	margin-right	: auto;
	margin-left		: auto;
	text-align		: left;}

#head ul.MainMenu {
	clear				: both;
	padding			: 9px 0 10px 0;
	height			: 50px;
	overflow		: hidden;
}
	#head ul.MainMenu li {
		float			: left;
	}

/* Logo */
#head .HL {
float			: left;
width			: 200px;
padding			: 0 0 2px;
}
/* RightButton */
#head .HR {
float			: right;
width			: 600px;
}
#head .HR .Top {
padding			: 0px 0 10px 0;
}
body#Guda #head .HR .Top {
padding			: 0 0 10px 0 !important;
}
/* SiteChange */
#head .HR .Top ul.SiteChange {
	clear				: both;
	padding			: 0 0 4px 0;
	height			: 50px;
	overflow		: hidden;
}
	#head .HR .Top ul.SiteChange li {
		float			: right;
		margin:0 0 0 4px;
	}

/* FontChange */
#head .HR dl {
float			: right;
}
#head .HR dl dt {
float			: left;
}
#head .HR dl dt img {
display			: block;
float			: left;
}
#head .HR dl dd {
float			: left;
}
#head .HR dl dd ul li {
float			: left;
margin			: 0 0 0 4px;
}

/* SiteMenu */
#head .HR ul.SiteMenu {
float			: right;
margin			: 0px 0 0px 0;
}
#head .HR ul.SiteMenu li {
font-size		: 62%;
float			: left;
padding			: 0 0 0 20px;
}
#head .HR ul.SiteMenu li img {
float			: left;
}
#head .HR ul.SiteMenu li a.link{
	background:url(../images/arrow_smc.gif) no-repeat left center;
	padding-left:12px;
}

/* Contents
---------------------------------------*/
#contents {
	width			: 912px;
	position		: relative;
	margin-right	: auto;
	margin-left		: auto;}

/* Flash */
#contents #flash{
	width			: 912px;}
	
/* Navi */
#contents #menu{
	width			: 200px;
	float			: left;
	text-align		: left;
	margin-top		: 18px;
	padding-left	: 6px;}

#contents #menu .info{
	width			: 180px;
	float			: left;
	text-align		: left;
	margin-top		: 8px;
	margin-left		: 8px;
	font-size		: 77%;
	line-height		: 140%;}
#contents #menu .sakakumo {
	margin:30px 0 0 0;
	border:1px solid #bbbbbb;
	padding:1px;
	font-size:77%;
	line-height:120%;
}
#contents #menu .sakakumo a {
	background:url(../images/arrow_smg.gif) no-repeat left center;
	padding-left:12px;
}
#contents #menu .sakakumo ul {
	padding:0 4px;
	margin-bottom:6px;
}
#contents #menu .sakakumo li {
	padding-left:12px;
	text-indent:-12px;
	margin-bottom:6px;
}
#contents #menu .sakakumo p {
	margin:6px 4px;
	padding:0;
}
/* Main */
#contents #main{
	width			: 620px;
	float			: left;
	text-align		: left;
	margin-top		: 18px;
	padding-left	: 60px;}

#contents #main .bnr {
	margin:0 0 20px 0;
}
#contents #main .bnr img{
	margin:0 0 4px 0;
}
#contents #main .event01{
margin:8px 0 16px 0;
font-size:77%; line-height:160%}

#contents #main .event01 a			{ color:#a4005b; text-decoration:underline; font-weight:bold;}
#contents #main .event01 a:hover{ color:#cc9900; text-decoration:none;}
#contents #main .event01 img		{ vertical-align:middle; margin-right:4px;}
#contents #main .event01 dt 		{	font-size:115%;}
#contents #main .event01 dd			{ margin-bottom:8px; padding-left:4px;
																	background		: url(../../common/images/line01.gif) bottom no-repeat;
																	padding-bottom:10px;}

#contents #main .event02{
margin:8px 0 16px 0;
font-size:77%; line-height:160%}

#contents #main .event02 a			{ color:#005982; text-decoration:underline; font-weight:bold;}
#contents #main .event02 a:hover{ color:#cc9900; text-decoration:none;}
#contents #main .event02 img		{ vertical-align:middle; margin-right:4px;}
#contents #main .event02 dt 		{ color:#005982;	font-size:115%;}
#contents #main .event02 dd			{ margin-bottom:8px; padding-left:4px;
																	background		: url(../../common/images/line01.gif) bottom no-repeat;
																	padding-bottom:10px;}
#contents #main .news{
margin:8px 0 16px 0;
font-size:77%; line-height:160%}

/*
#contents #main .news a			{ color:#2b9c73; text-decoration:underline; font-weight:bold;}
#contents #main .news a:hover	{ color:#2b9c73;}
*/
#contents #main .news img		{ vertical-align:middle; margin-right:4px;}
#contents #main .news dd		{ margin-bottom:8px; padding-left:4px;
	background		: url(../../common/images/line01.gif) bottom no-repeat;
	padding-bottom:10px;}

#contents #main .yukari{
	width:614px;
	height:160px;
	padding:8px 8px 8px 0;
	background:url(../../images/yukari_bg.jpg) no-repeat;
}
#contents #main .yukari h3{
	margin:0 0 0 8px;
}
#contents #main .yukari dl{
	width:145px;
	float:left;
	margin-left:8px;
}
#contents #main .yukari dt{
	margin:8px 0 0 0;
}
#contents #main .yukari dt img{
	float:left;
	margin:0 4px 0 0;
}
#contents #main .yukari dt strong{
	line-height:200%;
}
#contents #main .yukari dt span{
	font-size:77%;
	line-height:80%;
}
#contents #main .yukari dd{
	font-size:70%;
	clear:both;
}

/*.clr_blu{ color:#005982; #contents #main .box620{
	width			: 620px;
	font-size		: 80%;
	line-height		: 160%;
	margin-bottom	: 16px;}

#contents #main .box620 .line02{
	background		: url(../../common/images/line02.gif) bottom no-repeat;}

#contents #main .box620 .line03{
	background		: url(../../common/images/line03.gif) bottom no-repeat;} */

/* To Top */
#up{
	width			: 880px;
	margin-top		: 10px;
	font-size		: 70%;
	line-height		: 200%;
	text-align		: right;}
			
/* Footer
---------------------------------------*/
#foot_bg{
	width			: 100%;
	background		: url(../../common/images/bg_foot.jpg) top repeat-x #ffffff;}

#footer{
	width			: 912px;
	position		: relative;
	margin-right	: auto;
	margin-left		: auto;
	padding-top		: 10px}

#footer #name{
	float			: left;
	width			: 200px;
	margin-left		: 6px;}

#footer #copy{
	font-size		: 64%;
	line-height		: 140%;
	width			: 660px;
	float			: right;
	text-align		: right;
	margin-top		: 4px;
	margin-right	: 10px;}
#footer #copy a{
	color:#cc9900;
}
#footer #copy .copyright{
	margin-top:16px;
}

.bg_gre { background	: #fefdf3;border:1px solid #2b9c73;width:160px;padding:6px 10px 10px 10px;margin:10px 0;}

a:hover img.Rollover{
	opacity:0.7;
	filter: alpha(opacity=70);
}