@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,
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:#2b9c73; 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_pin{ color			: #a4005b;}
	.clr_blu{ color			: #005982;}
	.clr_aka{ color			: #cc3333;}
	.clr_ora{ color			: #e05002;}
	.font_b	{ font-weight	: bold;}
	.font_s	{ font-size		: 85%}
	.font_l	{ font-size		: 107%}
	.bg_cha	{ background	: url(../../common/images/bg_cha.gif)}
	.bg_kog	{ background	: #231815}
	.bg_gre { background	: #fefdf3;border:1px solid #2b9c73;width:160px;padding:6px 10px 10px 10px;margin:10px 0;}

.MP0 { margin:0; padding:0;}
.MT10{ margin:10px 0 0 0;}
.MT20{ margin:20px 0 0 0;}

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

#Guda #top_bg{
	width			: 912px;
	text-align		: center;
	margin-right	: auto;
	margin-left		: auto;
	position		: relative;
	background		: url(../../common_guda/images/bg_head.jpg) top repeat-x #ffffff;}

#Guda #top_bg_index{
	width			: 912px;
	text-align		: center;
	margin-right	: auto;
	margin-left		: auto;
	position		: relative;
	background		: url(../../common_guda/images/bg_head_index.jpg) top repeat-x #ffffff;}

#head{
	position		: relative;
	width			: 900px;
	margin-right	: auto;
	margin-left		: auto;
	text-align		: 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;
}
body#Guda #head .HR ul.SiteMenu li a.link{
	background:url(../images/arrow_smg.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		: 6px;
	padding-left	: 6px;}

#Guda #contents #menu{
	width			: 200px;
	float			: left;
	text-align		: left;
	margin-top		: 0;
	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			: 600px;
	float			: left;
	text-align		: left;
	margin-top		: 18px;
	margin-left		: 70px;

	font-size		: 85%;
	line-height		: 160%;
	margin-bottom	: 10px;}

body#Guda .Index #main{
	width			: 620px;
	float			: left;
	text-align		: left;
	margin-top		: 18px;
	margin-left		: 60px;

	font-size		: 85%;
	line-height		: 160%;
	margin-bottom	: 10px;}

#contents #main .pan{
	width			: 600px;
	text-align		: right;
	_font-size:77%;
	font-size		: 77%;
	line-height		: 140%;
	padding:4px 0;
	margin			: 4px 0px 4px 0px;}

#contents #main .box620{
	width			: 600px;
	font-size		: 80%;
	line-height		: 160%;
	margin-bottom	: 16px;}

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

#contents #main .BoxGuide{
	width			: 600px;
	font-size		: 100%;
	line-height		: 160%;}

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

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

#contents #main .BoxInfo{
	width			: 600px;
	font-size		: 90%;
	line-height		: 140%;
	border-top		: 1px solid #a5a5a5;
	border-left		: 1px solid #a5a5a5;}

#contents #main .BoxInfo th{
	border-right	: 1px solid #a5a5a5;
	border-bottom	: 1px solid #a5a5a5;
	text-align		: center;}

#contents #main .BoxInfo td{
	border-right	: 1px solid #a5a5a5;
	border-bottom	: 1px solid #a5a5a5;
	text-align		: center;}

#contents #main .BoxEnt{
	width			: 600px;
	font-size		: 90%;
	line-height		: 140%;
	border-top		: 1px solid #a5a5a5;
	border-left		: 1px solid #a5a5a5;}

#contents #main .BoxEnt th{
	border-right	: 1px solid #a5a5a5;
	border-bottom	: 1px solid #a5a5a5;
	text-align		: center;
	background	: url(../../common/images/bg_cha.gif);}

#contents #main .BoxEnt td{
	border-right	: 1px solid #a5a5a5;
	border-bottom	: 1px solid #a5a5a5;
	text-align		: left;}
#contents #main .BoxEnt td.po_c{
	text-align:center;
}

#contents #main .BoxPhoto{
	background-color: #1b0600;
	background		: url(../../common/images/bg_gray.gif)  repeat-y;
	text-align		: left;}

#contents #main .BoxPhoto img{
margin:4px 0 4px 0;}

#contents #main .BoxPhoto .hidari{
	float			: left;
	padding			: 16px 15px 16px 20px;
	width			: 267px}

#contents #main .BoxPhoto .migi{
	float			: right;
	padding			: 20px 20px 20px 0;
	width			: 267px}

#contents #main .BoxPhoto span{
	color			: #231815;
	font-size		: 77%;
	line-height		: 140%;
	margin-bottom	: 10px;}

#contents #main .BoxPhoto .photo02{
	width			: 138px;
	float			: left;}
	
#contents #main .BoxPhoto .photo03{
	width			: 114px;
	float			: left;
	margin-left		: 15px;}
	
#contents #main .BoxPhoto .photo08{
	width			: 146px;
	float			: left;}
	
#contents #main .BoxPhoto .photo09{
	width			: 106px;
	float			: left;
	margin-left		: 15px;}
	
#contents #main ul.ListIndent_chui{
	padding:0 0 0 2.8em;
	text-indent:-2.7em;
}
#contents #main img.guide{
	float:right;
	margin-left:8px;
	border:1px solid #CCC;
	padding:4px;
}
#contents #main .BackLink{
	background:url(../images/arrow_back.gif) no-repeat left center;
	padding-left:20px;
	margin-top:50px;
}
#contents #main .NextLink{
	background:url(../images/arrow_next.gif) no-repeat right center;
	padding-right:20px;
}

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

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

#contents #main #event p.date {
	color:#a4005b;
	font-weight:bold;
	font-size:90%;
}
#contents #main #event p.date_g {
	color:#005982;
	font-weight:bold;
	font-size:90%;
}
#contents #main ul.List {
	margin:10px 0 30px 30px;
	list-style-type:disc;
	font-size:97%;
}
#contents #main #event ol.List {
	margin:0 0 30px 20px;
	list-style-type:decimal;
}
#contents #main .news{
margin:8px 0 16px 0;
font-size:100%;
 line-height:160%}

#contents #main .news a			{ color:#333 text-decoration:underline;}
#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; font-size:90%;}
#contents #main .news h2{
	width			: 600px;
	padding-bottom:10px;
	color			: #2b9c73;
	text-align		: left;
	font-size		: 117%;
	line-height		: 140%;
	background		: url(../../common/images/title03.gif) bottom no-repeat;}

#contents #main .news p.date {
	color:#2b9c73;
	font-weight:bold;
	font-size:90%;
	text-align:right;
}

.ban{
	width			: 600px;
	color			: #a4005b;
	text-align		: left;
	font-size		: 114%;
	line-height		: 140%;
	padding:8px 0;
	background		: url(../../common/images/title01.gif) bottom no-repeat;}
.ban a{
	color:#a4005b;
}
.ban a:hover{
	color:#997205;
	text-decoration:none;
}
h2.guda{
	color			: #005982 !important;
	background		: url(../../common/images/title02.gif) bottom no-repeat !important;
}

.all{
	width			: 600px;
	color			: #2b9c73;
	text-align		: left;
	font-size		: 108%;
	line-height		: 140%;
	padding:8px 0;
	background		: url(../../common/images/title03.gif) bottom no-repeat;}

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

body#Guda #foot_bg{
	width			: 100%;
	background		: url(../../common_guda/images/bg_foot.gif) top repeat-x #ffffff;}

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

#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;
}
body#Guda #footer #copy a{
	color:#666;
}
body#Guda #footer #copy a:hover {
	color:#2b9c73;
}
#footer #copy .copyright{
	margin-top:16px;
}

.BlogItem {
	margin:0 0 30px 0;
}
.BlogItem h2{
	width			: 600px;
	color			: #a4005b;
	text-align: left;
	font-size	: 114%;
	line-height	: 140%;
	padding		: 8px 0;
	background: url(../../common/images/title01.gif) bottom no-repeat;}
.BlogItem h2 a{
	color:#a4005b;
}
.BlogItem h2 a:hover{
	color:#997205;
	text-decoration:none;
}
.BlogItem .Date {
	font-size:85%;
	text-align:right;
	margin:4px 0 0 0;
	padding:0;
}
.BlogItem .font_l{
	font-size:114%;
}
.month {
	width:120px;
	padding:6px 0;
	margin-bottom:10px;
	margin-top:10px;
	border:1px solid #C90;
	background:url(../images/bg_cha.gif);
	text-align:right;
	position:absolute;
	left: 751px;
	top: 15px;
}

.waku {
	border:1px solid #CCC;
	background:#F5F5F5;
	padding:8px;
	margin:10px 0;
}


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

h2.Normal {
	width:auto;
	padding:0 !important;
	background:none !important;
}
#Guda h2{
	width			: 600px;
	padding		:10px 0;
	margin		:10px 0 0 0;
	color			: #b37700;
	text-align	: left;
	font-size		: 114%;
	line-height	: 120%;
	background:url(../../common_guda/images/bg_title.gif) bottom no-repeat;
}

#Guda .Kukai .Maru {
	border:1px solid #dac35c;
	padding:2px;
	font-size:94%;
}
	#Guda .Kukai .Maru p {
		padding:5px;
		margin:0;
	}

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