@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	border:0;
	padding:0;
}

body {
	position:relative;
	margin:0 auto;
	font-size:12px;
	color:#000;
	line-height:150%;
	background-color:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color:#00C;
}

a:hover {
	color:#C00;
}

a:visited {
	color:#00C;
}

#wrapr {
	width:980px;
	margin:0 auto;
}

#header {
	position:relative;
	width:980px;
	height:87px;
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#midl {
	width:980px;
	background-color:#fff;
	background-image:url(img/link_bak.png);
	background-position:left;
	background-repeat:repeat-y;
}

#main {
	width:822px;
	float:right;
	margin-bottom:40px;
	background-color:#ffffff;
}

#link {
	width:158px;
	float:left;
}

#footer {
	width:980px;
	height:24px;
	margin:0 auto;
	background-image:url(img/footer.png);
	background-position:center;
	background-repeat:repeat-x;
	line-height:24px;
	font-size:12px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
}

#header h1 {
	position:absolute;
	left:8px;
	top:10px;
}

#header .navilink {
	width:936px;
	height:24px;
	position:absolute;
	left:22px;
	top:54px;
}

#header .navilink ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:18px;
}

#header .navilink li {
	display:block;
	float:left;
	width:150px;
	height:24px;
	line-height:24px;
	font-size:14px;
	text-align:center;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
}

#header .navilink a {
	color:#fff;
	text-decoration:none;
}

#header .navilink a:hover {
	color:#d30;
}

#header .navilink a:hover li {
	background-color:rgba(255,255,255,0.3);
}

#header .navilink a li.naviitem_now {
	background-color:rgba(0,100,0,0.3);
}
	
#header .navilink a:hover li.naviitem_now {
	background-color:rgba(255,255,255,0.3);
}

.floatend {
	clear:both;
    font-size:1%;
    line-height:1%;
    width:1%;
}

#main h2 {
	width:700px;
	height:36px;
	line-height:36px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin:39px auto;
	background-image:url(img/h2.png);
	background-position:center;
	background-repeat:no-repeat;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
}

#main h3 {
	height:40px;
	width:100%;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	color:#f63;
	text-align:center;
	margin:20px auto;
	background-image:url(img/h3.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
}

#main h4 {
	font-size:16px;
	text-align:center;
	color:#900;
	margin:20px auto 15px;
	width:300px;
	border-bottom:1px #900 dotted;
}

#main h5 {
	font-size:14px;
	text-align:center;
	color:#090;
	margin:18px auto 8px;
	width:200px;
	border-bottom:3px #090 double;
}

#main .title_img {
	width:822px;
	height:182px;
	background-image:url(img/top.jpg);
	margin-top:41px;
	position:relative;
}

#main .title_img h2 {
	background:none;
	width:600px;
	margin:0;
	color:#63B;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
	position:absolute;
	top:5px;
	left:10px;
	text-align:left;
	font-size:26px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:100%;
}

#main .title_img p {
	color:#93B;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
	position:absolute;
	right:10px;
	bottom:8px;
	text-align:right;
	font-size:26px;
	line-height:100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0;
}
	

#main .left {
	width:572px;
	float:left;
}

#main .left2 {
	width:250px;
	float:left;
	text-align:center;
}

#main .leftmap {
	width:350px;
	float:left;
	text-align:center;
	margin-left:82px;	
}

#main .right {
	width:250px;
	float:right;
	text-align:center;
}

#main .rightmap {
	width:308px;
	float:right;
	text-align:left;
	margin-right:82px;
}

#main .right img {
	margin:0;
}

#main .half_left {
	width:50%;
	float:left;
	text-align:center;
}

#main .half_right {
	width:50%;
	float:left;
	text-align:center;
}

#main .text_right {
	width:80%;
	margin:0.5em auto;
	text-indent:1em;
	text-align:right;
}

#main p {
	width:80%;
	margin:0.5em auto;
	text-indent:1em;
}

#main ul {
	list-style-type:none;
	width:80%;
	margin:20px auto;
}

#main ul.mark {
	list-style-type:disc;
	list-style-position:inside;
	padding-left:8em;
	text-indent:-3em;
}

#main ul.mark_nomargin {
	list-style-type:disc;
	list-style-position:inside;
	padding-left:1.5em;
	text-indent:-1em;
}

#main ul.wide li {
	margin-bottom:10px;
}

#main li {
	position:relative;
}

#main dl {
	width:80%;
	margin:0.5em auto;
	line-height:23px;
}

#main dt {
	margin-top:5px;
	width:20%;
}

#main dd {
	margin-top:-23px;
	margin-left:20%;
	width:80%;
}

#main dd.up1 {
	margin-top:-46px;
}
#main dd.up2 {
	margin-top:-69px;
}

#main dd.withimg {
	width:60%;
}


#main dl dl {
	width:98%;
	margin-left:2%;
	margin-right:0px;
}
#main dl dl dt {
	width:50px;
}

#main dl dl dd {
	margin-left:50px;
}

#main dl dl.dl_wide {
	width:98%;
	margin-left:0px;
	margin-right:0px;
}
#main dl dl.dl_wide dt {
	width:60px;
}

#main dl dl.dl_wide dd {
	margin-left:60px;
}

#main dl ul {
	width:98%;
	margin-top:-23px;
	margin-left:0px;
	margin-right:0px;
}
#main dl ul.mark {
	padding-left:3em;
	text-indent:-3em;
}
#main dl ul ul {
	margin-left:60px;
	margin-top:0px;
}

	
#main dd.twolines {
	margin-top:-35px;
	margin-bottom:18px;
}

#main table.about {
	width:80%;
	margin:30px auto;
	border:2px solid #dd0000;
	border-spacing:0;
	position:relative;
}

#main dl table.about {
	width:100%;
	position:relative;
}

#main table.about th {
	background-color:#FCC;
	color:#600;
	text-align:center;
	font-weight:bold;
	width:80px;
	padding:8px 5px;
}

#main table.about th.th_top {
	width:auto;
}

#main table.about th.th_wide {
	width:140px;
}

#main table.about th.th_morning {
	background-color:#9FF;
}
#main table.about th.th_afternoon {
	background-color:#FF3;
}
#main table.about th.th_evening {
	background-color:#FC3;
}
#main table.about th.th_night {
	background-color:#C9F;
}

#main table.about th.th_spring {
	background-color:#CF9;
	border-bottom:#960 1px dotted;
}
#main table.about th.th_summer {
	background-color:#FC9;
	border-bottom:#960 1px dotted;
}
#main table.about th.th_fall {
	background-color:#FC3;
	border-bottom:#960 1px dotted;
}
#main table.about th.th_winter {
	background-color:#9CF;
	border-bottom:#960 1px dotted;
}
#main table.about th.th_spring_bottom {
	background-color:#CF9;
	border-bottom:none;
}
#main table.about th.th_title {
	background-color:#CF9;
}


#main table.about td {
	background-color:#FFC;
	color:#000;
	text-align:left;
	padding:8px 5px;
	position:relative;
}

#main table.about td {
	border-bottom:#960 1px dotted;
}
#main table.about td.td_bottom {
	border-bottom:none;
}
#main table.about td.td_center {
	border-right:#960 1px dotted;
}
#main table.about td.td_leftborder {
	border-left:#960 1px dotted;
}


#main table.about ul {
	list-style-type:none;
	list-style-position:inside;
	margin:0;
}

#main .box {
	width:78%;
	margin:30px auto;
	border:3px dotted #FF6633;
	background-color:#FFC;
	padding:8px 5px;
}

#main .box_narrow {
	width:60%;
	margin:30px auto;
	border:3px dotted #FF6633;
	background-color:#FFC;
	padding:8px 5px;
}

#main ol {
	width:80%;
	margin:0.5em auto;
	list-style-position:outside;
	padding-left:4em;
}

#main img {
	margin:0 auto;
}

#main .img2 {
	position:relative;
	left:20px;
	top:20px;
	margin-bottom:20px;
}

#main .img3 {
	position:relative;
	left:90px;
	top:-20px;
}

#main .img4 {
	position:relative;
	left:145px;
	top:10px;
}

#main .bottommargin_narrow {
	margin-bottom:20px;
}

#main .bottommargin {
	margin-bottom:50px;
}

#link ul {
	list-style-type:none;
	margin:35px 0px;
}

#link ul.banners {
	list-style-type:none;
	margin:35px auto;
}

#link ul.section {
	list-style-type:none;
	margin-top:0px;
	margin-left:0px;
}

#link img {
	display:block;
	margin:0px auto;
}

#link h2 {
	width:158px;
	height:24px;
	margin-left:0;
	margin-top:19px;
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#636;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
	background-image:url(img/link_h2.png);
	background-repeat:no-repeat;
	background-position:center;
}

#link h2.moegi {
	background-image:url(img/link_h2_moegi.png);
	color:#060;
}

#link a {
	text-decoration:none;
	border:0;
}

#link .banners li {
	margin:5px auto;
}	
	
#link .section li {
	width:158px;
	height:23px;
	margin-left:0px;
	margin-top:12px;
	text-align:center;
	font-size:14px;
	line-height:23px;
	color:#fff;
	text-shadow: 1px 1px 0.5px rgba(0,0,0,0.65); /*CSS3*/
	background-image:url(img/link_li.png);
	background-repeat:no-repeat;
	background-position:center;
}

.center {
	text-align:center;
	margin:0 auto;
}
.center img {
	vertical-align:middle;
}

strong {
	font-weight:bold;
	color:#993300;
}

.red {
	color:#c00;
}

.blue {
	color:#00c;
}

.green {
	color:#090;
}

.bold {
	font-weight:bold;
}

.float3 {
	width:33.3%;
	float:left;
	text-align:center;
}

#main .img_up {
	position:absolute;
	bottom:40px;
	right:560px;
}
.leftphoto {
	width:200px;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-right:15px;
	margin-bottom:15px;
}

.leftphoto2 {
	width:220px;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-right:15px;
	margin-bottom:15px;
}

.photo1 {
	margin:0px 20px 0px 0px;
}

.photo2 {
	margin:-20px 0px 0px 20px;
}

.width80 {
	width:80%;
	margin:0 auto;
}
#main .width80 p, #main .width80 ul {
	margin-left:0;
	width:auto;
}

.righttext {
	text-align:right;
}

.top_margin {
	margin-top:100px;
}