@charset "UTF-8";
/*----- clearfixの設定 -----*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
/*----- 画像の位置設定 -----*/
img {
	vertical-align:bottom;
}
/*----- ページトップに戻るの設定 -----*/
.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 55px;
}
.pagetop a {
 display: block;
 width: 50px;
 height: 50px;
 background-color: #333;
 text-align: center;
 color: #fff;
 font-size: 24px;
 text-decoration: none;
 line-height: 50px;
}
/*----- validateのエラーメッセージの設定 -----*/
.error {
	color: #E36062;
}
/*----- body, innerの設定 -----*/
body {
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-color: #FFFFFF;
}
.inner, #wrapper {
	margin: 0 auto;
	width: 980px;
}
/*==========================================
 ホーム
===========================================*/
header h1 {
	width: 520px;
	margin: 20px 0px;
	float: left;
}
header h1 img#title {
	margin-left: 5px;
}
header #language {
	width: 460px;
	float: right;
}
header #language ul {
	margin-top: 10px;
}
header #language ul li {
	margin-right: 5px;
	padding-right: 5px;
	line-height: 1;
	border-right: 1px solid #000000;
	float: right;
	font-size: 12px;
}
header #language ul .lang_first {
	margin-right: 0px;
	padding-right: 0px;
	border-right-style: none;
}
header #language ul a:link, #language ul a:visited {
	color: #000000;
	text-decoration: none;
}
header #language ul a:hover, #language ul a:active {
	color: #BBBBBB;
	text-decoration: none;
}
header #opening_hours {
	width: 460px;
	height: 78px;
	float: right;
}
header #opening_hours .hours {
	margin-top: 20px;
	font-size: 26px;
	line-height: 1;
	float:right;
}
header #opening_hours .holiday {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1;
	float:right;
}
nav {
	clear: both;
	background-color: #ededed;
}
nav ul li {
	display: block;
	float: left;
}
#top_main {
	clear: both;
	background-color: #000000;
	position: relative;
}
#top_main #top_slider {
	position: relative;
	left: 50%;
	margin-left: -1469px;
	min-width: 2940px;
	z-index: 1;
}
#top_main #cover-left, #top_main #cover-right {
	display: block;
	width: 980px;
	height: 400px;
	position: absolute;
	top: 0;
	z-index: 2;
	background: transparent url("../img/home/slider/shadow.png") repeat scroll 0 0;
}
#top_main #cover-left {
	left: 50%;
	margin-left: -1469px;
}
#top_main #cover-right {
	left: 50%;
	margin-left: 490px;
}
#container1 {
	clear: both;
	padding-bottom: 71px;
	background-color: #f7f7f9;
}
#container1 h1 {
	color: #555555;
	font-size: 24px;
	margin-top: 35px;
}
#container1 ul li {
	margin-right: 9px;
	float: left;
}
#container1 ul .activity_end1 {
	margin-right: 10px;
}
#container1 ul .activity_end2 {
	margin-right: 0px;
}
#container2 {
	clear: both;
	background-color: #FFFFFF;
}
#container2 #left_column {
	float: left;
	widh: 760px;
}
#container2 #left_column #news {
	margin-top: 50px;
	width: 760px;
	height: 274px;
	border: 1px solid #CCCCCC;
}
#container2 #left_column #news h1 {
	padding: 9px 0 9px 20px;
	color: #555555;
	font-size: 20px;
	background-color: #CCCCCC;
	line-height: 1;
}
#container2 #left_column #news #news_frame {
	height: 190px;
	overflow-y: scroll;
}
#container2 #left_column #news .news_date {
	float: left;
	width: 25%;
	height: 35px;
	border-bottom: 1px dotted #CCCCCC;
	margin-left: 2%;
}
#container2 #left_column #news .news_first {
	margin-top: 10px;
}
#container2 #left_column #news .news_date .date {
	margin: 14px 10px 7px 10px;
	display: inline-block;
	color: #555555;
	line-height: 1;
}
#container2 #left_column #news .news_date .tag {
	display: inline-block;
}
#container2 #left_column #news .news_topic {
	float: right;
	width: 71%;
	height: 35px;
	border-bottom: 1px dotted #CCCCCC;
	margin-right: 2%;
}
#container2 #left_column #news .news_topic .topic {
	margin: 14px 0 7px 0;
	display: inline-block;
	color: #555555;
	line-height: 1;
}
#container2 #left_column #news .news_topic .topic a:link, #news .news_topic .topic a:visited {
	color: #5A6BA8;
	text-decoration: underline;
}
#container2 #left_column #news .news_topic .topic a:hover, #news .news_topic .topic a:active {
	color: #7681A7;
	text-decoration: underline;
}
#container2 #left_column #news #news_all {
	float: right;
	margin: 16px 20px 0 0;
	line-height: 1;
}
#container2 #left_column #news #news_all #arrow {
	line-height: 1;
	font-size: 18px;
	color: #C93D3F;
}
#container2 #left_column #news #news_all a:link, #news_all a:visited {
	color: #555555;
	text-decoration: none;
}
#container2 #left_column #news #news_all a:hover, #news_all a:active {
	color: #999999;
	text-decoration: none;
}
#container2 #left_column #calendar {
	width: 760px;
	margin-top: 20px;
	margin-bottom: 50px;
}
#container2 #right_column {
	float: right;
	width: 200px;
}
#container2 #right_column #admission {
	margin: 50px 0 20px 0;
}
#container2 #right_column aside ul li {
	margin-bottom: 10px;
}
footer {
	clear: both;
	background-color: #707070;
}
footer h1 {
	margin: 45px 0 10px 0;
	text-align: center;
}
footer h1 img {
	padding: 5px 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
footer p {
	margin-bottom: 30px;
	text-align: center;
}
footer p small {
	font-size: 9px;
	color: #FFFFFF;	
}
/*==========================================
 ページ共通
===========================================*/
.root_nav {
	clear: both;
	margin-top: 5px;
}
.root_nav ul li {
	float: left;
}
.root_nav	 ul li a:link, .root_nav	ul li a:visited {
	color: #BBBBBB;
	text-decoration: none;
}
.root_nav ul li a:hover, .root_nav	ul li a:active {
	color: #BBBBBB;
	text-decoration: underline;
}
#content {
	clear: both;
	margin-bottom: 15px;
}
#content .side_nav {
	margin-top: 17px;
	width: 180px;
	float: left;
}
#content .side_nav ul li {
	width: 180px;
	height: 49px;
	border-top: 1px dashed #000000;
	line-height: 50px;
	font-size: 16px;
}
#content .side_nav ul .side_nav_end {
	border-bottom: 1px dashed #000000;
}
#content .side_nav ul li:hover {
	background-color: #EEEEEE;
}
#content .side_nav ul li a:link, .side_nav ul li a:visited, .side_nav ul li a:hover, .side_nav ul li a:active {
	color: #000000;
	text-decoration: none;
}
/*==========================================
 お知らせ一覧
===========================================*/
#news_content {
	margin-top: 17px;
}
#news_content a:link, #news_content a:visited {
	color: #5A6BA8;
	text-decoration: underline;
}
#news_content a:hover, #news_content a:active {
	color: #7681A7;
	text-decoration: underline;
}
#news_content .news_section {
	float: left;
	width: 475px;
	border: 1px solid #CCCCCC;
	margin: 0 26px 26px 0;
}
#news_content .news_section_end {
	margin-right: 0px;
}
#news_content .news_section_frame {
	width: 435px;
	margin: 20px auto;
}
#news_content .news_section .news_title {
	float: left;
	position: relative;
	width: 435px;
	border-bottom: 3px solid #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 12px;
}
#news_content .news_section .news_title img {
	float: left;
}
#news_content .news_section .news_title h1 {
	float: left;
	font-size: 21px;
	width: 365px;
	margin-left: 5px;
	line-height: 1.1;
}
#news_content .news_section h2 {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 10px;
}
/*==========================================
 新規会員希望の方へ
===========================================*/
#admission_content {
	margin-top: 17px;
}
#admission_content .introduction h1 {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	margin: 40px 0 15px 0;
}
#admission_content .introduction h2 {
	font-size: 20px;
	line-height: 1;
	text-align: center;
	margin-bottom: 40px;
}
#admission_content .membership_fee h1 {
	font-size: 20px;
	line-height: 1;
	text-align: center;
	margin-bottom: 30px;
}
#admission_content .membership_fee ul {
	width: 740px;
	height: 220px;
	margin: 0 auto;
}
#admission_content .membership_fee ul li {
	float: left;
	margin-right: 40px;
	position: relative;
}
#admission_content .membership_fee ul .icon_end {
	margin-right: 0;
}
#admission_content .membership_fee ul li p {
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
#admission_content .membership_fee ul li p .icon {
	position: absolute;
	top: 155px;
	right: 0;
	left: 0;
}
#admission_content .membership_fee ul li p .fee {
	position: absolute;
	top: 180px;
	right: 0;
	left: 0;
}
#admission_content .privilege h1 {
	font-size: 20px;
	line-height: 1;
	text-align: center;
	margin: 40px 0 30px 0;
}
#admission_content .privilege ul {
	width: 740px;
	height: 140px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0 auto;
	padding-top: 30px;
}
#admission_content .privilege ul li {
	font-size: 20px;
	line-height: 1;
	margin-left: 90px;
	margin-bottom: 10px;
}
#admission_content .contact h1 {
	font-size: 20px;
	line-height: 1;
	text-align: center;
	margin: 50px auto 30px;
}
#admission_content .contact .button {
	width: 400px;
	display: block;
	margin: 0 auto 35px;
}
/*==========================================
 AWIAについて
===========================================*/
#introduction_content {
	margin-top: 17px;
	float: right;
	width: 760px;
}
#introduction_content h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}
#introduction_content #introduction1 .left_column {
	float: left;
	width: 500px;
	margin-top: 30px;
}
#introduction_content #introduction1 .right_column {
	float: right;
	width: 230px;
	margin-top: 30px;
}
#introduction_content #introduction2 {
	clear: both;
	margin-top: 40px;
}
#introduction_content #introduction2 #goal {
	margin-top: 20px;
}
#introduction_content #introduction3 {
	clear: both;
	margin-top: 40px;
	margin-bottom: 30px;
}
#introduction_content #introduction3 #organization {
	margin-top: 20px;
}
#introduction_content #introduction3 #organization table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#introduction_content #introduction3 #organization th, td {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px;
}
#introduction_content #introduction3 #organization th {
	width: 180px;
	vertical-align: middle;
	background-color: #EEEEEE;
}
#introduction_content #introduction3 #organization td {
	width: 580px;
}
/*==========================================
 活動紹介
===========================================*/
#activities_content {
	margin-top: 17px;
	float: right;
	width: 760px;
}
#activities_content #subtitle {
	clear: both;
}
#activities_content #subtitle h1 {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 2px solid #959595;
	margin-bottom: 20px;
}
#activities_content .left_column {
	float: left;
	width: 500px;
	margin-top: 15px;
	margin-bottom: 30px;
}
#activities_content .left_column h1 {
	font-size: 20px;
	font-weight: bold;
}
#activities_content .left_column p {
	margin-bottom: 10px;
}
#activities_content .right_column {
	float: right;
	width: 230px;
	margin-top: 15px;
}
#activities_content .right_column img {
	float: right;
	margin-bottom: 20px;
}
#activities_content .left_column h2 {
	font-size: 16px;
	font-weight: bold;
}
#activities_content .left_column h2 span {
	font-size: 14px;
	font-weight: normal;
}
#activities_content .left_column dl dd {
    margin: -1.5em 0 0;
    padding-left: 9.0em;
}
/*==========================================
 活動者からのコメント
===========================================*/
#comment_content {
	margin-top: 17px;
}
#comment_content .comment_frame {
	float: left;
	width: 475px;
	height: 305px;
	border: 1px solid #CCCCCC;
	margin: 0 26px 26px 0;
}
#comment_content .comment_frame_end {
	margin-right: 0px;
}
#comment_content .comment_frame h1 {
	font-size: 22px;
	width: 435px;
	border-bottom: 3px solid #2ECC71;
	margin: 20px auto 10px;
	line-height: 1.2;
}
#comment_content .comment_frame p#summary {
	width: 435px;
	margin: 0 auto 15px;
}
#comment_content .comment_frame img {
	float: left;
	margin: 0 20px 20px;
}
#comment_content .comment_frame .comment {
	float: left;
	width: 270px;
	height: 170px;
	background-color: #F2F2F2;
	border-radius: 5px;
}
#comment_content .comment_frame .comment p {
	width: 240px;
	margin: 12px auto;
}
/*==========================================
 情報提供
===========================================*/
#information_content {
	margin-top: 17px;
	float: right;
	width: 760px;
}
#information_content #subtitle h1 {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 2px solid #959595;
}
#information_content #fine #download h1, #backnumber h1 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	margin-bottom: 10px;
}
#information_content #fine #download {
	margin-top: 40px;
}
#information_content #fine #download img {
	width: 300px;
	margin: 0 0 40px 230px;
}
#information_content #fine #backnumber {
	margin-bottom: 30px;
}
#information_content #fine #backnumber ul li {
	float: left;
	margin: 0 10px 10px 0;
	width: 180px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	color: #555555;
	line-height: 40px;
	background-color: #CCCCCC;
}
#information_content #fine #backnumber ul .bl-hover {
	background-color: #D8D8D8;
}
#information_content #fine #backnumber ul .new_line {
	clear: both;
	margin-left: 100px;
}
#information_content #fine #backnumber ul li a:link, #backnumber ul li a:visited {
	color: #555555;
	text-decoration: none;
}
#information_content #fine #backnumber ul li a:hover, #backnumber ul li a:active {
	color: #555555;
	text-decoration: none;
}
#information_content #link {
	margin-bottom: 35px;
}
#information_content #link .link_frame {
	width: 718px;
	margin-top: 20px;
	border: 1px solid #CCCCCC;
	padding: 20px;
}
#information_content #link .link_frame h1 {
	font-size: 24px;
	line-height: 1;
	display: inline;
	padding: 1px 0;
	border-bottom: 1px dotted #000000;
}
#information_content #link .link_frame p {
	line-height: 1;
	font-size: 16px;
	margin: 15px 0;
}
#information_content #link .link_frame ul li {
	float: left;
	width: 349px;
	line-height: 1;
	font-size: 16px;
	margin-bottom: 7px;
}
#information_content #link .link_frame ul .new_line {
	clear: both;
	margin-right: 20px;
}
#information_content #link .link_frame ul .end_line {
	margin-bottom: 0;
}
#information_content #link .link_frame ul li a:link, #link .link_frame ul li a:visited {
	color: #5A6BA8;
	text-decoration: none;
}
#information_content #link .link_frame ul li a:hover, #link .link_frame ul li a:active {
	color: #7681A7;
	text-decoration: underline;
}
/*==========================================
 イベント写真
===========================================*/
#content .side_nav_gallery ul li {
	line-height: 1.2;
	font-size: 14px;
}
#content .side_nav_gallery ul li p {
	margin: 5% 0;
}
#gallery_content {
	float: right;
	width: 760px;
}
#gallery_content .event_section {
	margin-bottom: 30px;
}
#gallery_content .event_title {
	border-bottom: 2px solid #959595;
}
#gallery_content .event_title h1 {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	margin: 17px 0 0;
	display: inline-block;
	float: left;
}
#gallery_content .event_title h2 {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 2px;
}
#gallery_content .event_title h3 {
	font-size: 13px;
	line-height: 1;
	margin-bottom: 4px;
}
#gallery_content ul {
	clear: both;
}
#gallery_content ul li {
	float: left;
	margin-left: 13px;
	margin-top: 13px;
}
#gallery_content .li_first {
	margin-left: 0px;
}
#gallery_content .li_end {
	margin-left: 14px;
}
#gallery_content ul li img {
	box-shadow: 3px 3px 3px 0 #cccccc;
}
/*==========================================
 アクセス
===========================================*/
#access_content {
	position: relative;
	margin-top: 10px;
}
#access_content #access_map {
	width: 980px;
	margin: 0 auto 75px;
	position: relative;
}
#access_content #access_map #map1 {
	width: 464px;
	height: 464px;
	position: relative;
	top: 30px;
	left: 0;
}
#access_content #access_map #map2 {
	width: 529px;
	height: 501px;
	position: absolute;
	top: 10px;
	right: 0;
}
#access_content #access_direction {
	width: 980px;
}
#access_content #access_direction .access_section {
	float: left;
	width: 318px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-bottom: 30px;
}
#access_content #access_direction .access_section_end {
	margin-right: 0px;
}
#access_content #access_direction .access_section .access_section_frame {
	width: 290px;
	margin: 15px auto;
}
#access_content #access_direction .access_section .section_title {
	height: 25px;
	margin-bottom: 5px;
}
#access_content #access_direction .access_section .section_title img {
	float: left;
}
#access_content #access_direction .access_section .section_title h1 {
	float: left;
	display: inline;
	font-size: 20px;
	line-height: 1;
	margin-left: 10px;
	padding: 1px 0;
	border-bottom: 1px dotted #000000;
}
#access_content #access_direction .access_section p {
	clear: both;
}
/*==========================================
 お問い合わせ
===========================================*/
#contact_content #tel h1 {
	margin: 20px 0 3px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
}
#contact_content #tel .tel_frame {
	width: 978px;
	height: 150px;
	margin: 0 auto 35px;
	border: 1px solid #cccccc;
	position: relative;
}
#contact_content #tel .tel_frame dl {
	font-size: 28px;
	line-height: 1.2;
	width: 291px;
	height: 63px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#contact_content #tel .tel_frame dl dd {
	margin: -1.2em 0 0 0;
	padding-left: 2.5em;
}
#contact_content #mail h1 {
	margin-bottom: 3px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
}
#contact_content #mail .mail_frame {
	width: 978px;
	height: 333px;
	margin: 0 auto 35px;
	border: 1px solid #cccccc;
}
#contact_content #mail .mail_frame #dataInput {
	float: left;
	margin-top: 45px;
}
#contact_content #mail .mail_frame #commentInput {
	float: left;
	margin-top: 45px;
	height: 219px;
}
#contact_content #mail .mail_frame #dataInput .label_position {
	margin-left: 45px;
}
input {
	height: 37px;
	width: 318px;
	padding: 0;
	margin: 0 35px 0 45px;
	color: #000000;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	font-size: 16px;
}
textarea {
	height: 217px;
	width: 531px;
	padding: 0;
	margin: 0 45px 0 0;
	color: #000000;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	font-size: 16px;
}
input::-webkit-input-placeholder, textarea.phColor::-webkit-input-placeholder {
	color: #999999;
}
input:-ms-input-placeholder, textarea.phColor:-ms-input-placeholder {
	color: #999999;
}
input::-moz-placeholder, textarea.phColor::-moz-placeholder {
	color: #999999;
}
#contact_content #mail .mail_frame #confirmBtn #submit {
	width: 120px;
	height: 40px;
	float: right;
	margin: 14px 45px 0 0;
	border-radius: 20px;
	background-color: #f19ec2;
	border-style: none;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}
#contact_content #mail .mail_frame #confirmBtn #submit:hover {
	background-color: #f4b1ce;
}
/*==========================================
 お問い合わせ (confirm.php)
===========================================*/
#contact_content {
	margin-top: 20px;
}
#contact_content .instruction p {
	text-align: center;
	font-size: 16px;
	line-height: 1;
}
#contact_content #contact_form table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 20px auto 15px;
}
#contact_content #contact_form th, #contact_form td {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px;
}
#contact_content #contact_form th {
	width: 180px;
	vertical-align: middle;
	background-color: #EEEEEE;
}
#contact_content #contact_form td {
	width: 560px;
}
#contact_content #contact_form #confirmBtn {
	width: 260px;
	height: 40px;
	margin: 0 auto 35px;
}
#contact_content #contact_form #confirmBtn #backBtn #button, #submitBtn #submit {
	float: left;
	width: 120px;
	height: 40px;
	border-radius: 20px;
	background-color: #999999;
	border-style: none;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
}
#contact_content #contact_form #confirmBtn #submitBtn #submit {
	float: right;
	background-color: #f19ec2;
}
#contact_content #contact_form #confirmBtn #backBtn #button:hover {
	background-color: #AAAAAA;
}
#contact_content #contact_form #confirmBtn #submitBtn #submit:hover {
	background-color: #f4b1ce;
}
/*==========================================
 お問い合わせ (complete.php)
===========================================*/
#contact_content #complete_message {
	margin: 40px 0 30px;
}
#contact_content #complete_message h1 {
	text-align: center;
	font-size: 28px;
	line-height: 1;
	padding-bottom: 20px;
}
#contact_content #complete_message h2 {
	text-align: center;
	font-size: 16px;
}
#contact_content #homeBtn {
	width: 150px;
	height: 40px;
	margin: 0 auto 75px;
	border-radius: 20px;
	background-color: #999999;
	border-style: none;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
}
#contact_content #homeBtn:hover {
	background-color: #AAAAAA;
}
#contact_content a:link, #contact_content a:visited, #contact_content a:hover, #contact_content a:active {
	color: #FFFFFF;
	text-decoration: none;
}