@charset "UTF-8";


/******************************* - CSS Reset - *****************************/
* {
	margin: 0;
	padding: 0;
}



/******************************* - Global Settings - *****************************/
html {overflow-y:scroll;}
body {
	color: #000;
	font-size: 16px;
	font-family:'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,Geneva,Arial,Helvetica,sans-serif;
	line-height:1.8;
	letter-spacing:0;
	text-align:center;
	margin:0 auto;
	padding:0;
	background:#d61518;
}
h1,h2,h3,h4,h5,h6,ul,dl,ol,p {
	font-size:100%;
	font-weight:normal;
}
p,li,dd {}
p {margin:0;}
li {list-style-type:none;}
img {border:0; vertical-align:bottom;}
hr {display:none; clear:both;}
address {font-style:normal;}
strong {font-weight:bold;}
.clear {clear:both !important;}
.hide {display:none;}

a {overflow:hidden;}
a:link {
	color: #1D2088;
	text-decoration:none;
}
a:visited {
	color: #1D2088;
	text-decoration:none;
}
a:hover {
	color: #d71718;
	text-decoration:underline;
}
a:active {
	color: #d71718;
	text-decoration:underline;
}


.ClearFix:after { /*for modern browser*/
    content: ".";
    clear: both;
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
}



/******************************* - Layout - *****************************/
/* ================================[wrapper] */
#wrapper {
	text-align:left;
	width:900px;/*916px*/
	margin:0 auto;
	padding:0 8px;
	background:#fff url(../images/body_bg.png) repeat-y top center;
}




/* ================================[Header] */
#header {
}




/* ================================[gNav] */
#gNav {}




/* ================================[breadcrumbs] */
#breadcrumbs {}




/* ================================[contents] */
#contents {
	margin:0 auto;
	padding:20px 20px 40px 20px;
}




/* ================================[main] */
#main {
	float:left;
	width:640px;
}
/* -------------[home/] */
#home #main h1 {
	font-size:21px;
	font-weight:bold;
	color:#D71718;
	margin:10px 0 0px 0;
}
#home #main .info_txt {
	margin:0 0 20px 0;
}

#home .home_info {}
#home .home_info h2 {
	background:#000;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 0px;
	padding:0px 0 0 15px;
	height:30px;
	line-height:30px;
}
#home .home_info h2 span {
	background:#000 url(../images/parts_triangle_01.png) no-repeat center left;
	padding:0px 0 0 18px;
}
#home .home_info ul {
	margin:15px 0 0 0;
}
#home .home_info ul li {
	display:inline;
}
#home .home_info ul li.spot,
#home .home_info ul li.mpcollection {
	margin:0 20px 0 0;
}

/*facebook*/
iframe ._2p3a {
	width:100% !important;
	min-width:100% !important;
}


/* -------------[/about] */
#about #main p.title,
#spot #main p.title,
#transportation p.title,
#mpcollection p.title,
#goodsshop p.title,
#festival p.title,
#tour p.title {
	background:#000;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin:0 0 0 0px;
	padding:0px 0 0 15px;
	height:30px;
	line-height:30px;
}
#about #main .about_info,
#spot #main .spot_info,
#mpcollection .mpcollection_info,
#goodsshop .goodsshop_info,
#festival .festival_info {
	padding:20px 10px 0 15px;
}
#about #main .about_info h1 {
	font-size:21px;
	font-weight:bold;
	color:#D71718;
}
#about #main .about_info_txt {
	background:url(../images/about__about_info_bg.jpg) no-repeat top right;
	margin:20px 0 0 0 ;
}
#about #main .about_info_txt p {
	margin:0px 0 40px 0;
	line-height:2.0;
}


/* -------------[/spot] */
#spot #main .spot_info .spot_map {
	padding:0 0px 0 0;
}
#spot #main .spot_info .spot_map_L {
	float:left;
	width:320px;
		/*border:1px solid #333;*/
}
#spot #main .spot_info .spot_map_L p {
	margin:20px 0 0px 0;
}
#spot #main .spot_info .spot_map_R {
	float:right;
}

#spot #main .spot_info .spot_street,
#spot #main .spot_info .spot_sign,
#spot #main .spot_info .spot_station {
	clear:both;
	padding:30px 0px 30px 0;
	border-bottom:1px solid #ccc;
}
#spot #main .spot_info .spot_street_L,
#spot #main .spot_info .spot_sign_L,
#spot #main .spot_info .spot_station_L {
	float:left;
	width:320px;
}
#spot #main .spot_info .spot_street_R,
#spot #main .spot_info .spot_sign_R,
#spot #main .spot_info .spot_station_R  {
	float:right;
}
#spot #main .spot_info .spot_street_C,
#spot #main .spot_info .spot_sign_C,
#spot #main .spot_info .spot_station_C {
	clear:both;
	padding:15px 0 0 0;
	text-align:right;
}
#spot #main .spot_info .spot_station_C ul + ul li {
	padding:10px 0 0px 0;
}
#spot #main .spot_info .spot_street_C ul li,
#spot #main .spot_info .spot_sign_C ul li,
#spot #main .spot_info .spot_station_C ul li {
	float:left;
	display:block;
	width:145px;
	margin:0 0px 0 10px;
	overflow:hidden;
	text-align:center;
}
#spot #main .spot_info .spot_street_C ul li:first-child,
#spot #main .spot_info .spot_sign_C ul li:first-child,
#spot #main .spot_info .spot_station_C ul li:first-child {
	margin:0;
}
#spot #main .spot_info .spot_street_C ul li p.pic,
#spot #main .spot_info .spot_sign_C ul li p.pic,
#spot #main .spot_info .spot_station_C ul li p.pic {
	margin:0 0 2px 0;
}
#spot #main .spot_info .spot_street_C ul li p,
#spot #main .spot_info .spot_sign_C ul li p,
#spot #main .spot_info .spot_station_C ul li p {
	font-size:14px;
}
#spot #main .spot_info ul li p.txt img {/*googlemap icons*/
	vertical-align:middle;
	width:16px;
	height:32px;
	margin:1px 5px 0 0;
}

#spot #main .spot_info .spot_street_L p,
#spot #main .spot_info .spot_sign_L p,
#spot #main .spot_info .spot_station_L p {
	margin:10px 0 0 0;
}


/* -------------[/transportation] */
#transportation p.title span {
	background:#000 url(../images/parts_triangle_01.png) no-repeat center left;
	padding:0px 0 0 18px;
}
#transportation .top_info {
	padding:20px 0 10px 0;
}
#transportation .top_info p {
	padding:20px 20px 0 20px;
}
#transportation .transportation_info .train,
#transportation .transportation_info .bus,
#transportation .transportation_info .taxi {
	margin:30px 0 0 0;
	padding:0 10px;
}
#transportation .transportation_info .train h2,
#transportation .transportation_info .bus h2,
#transportation .transportation_info .taxi h2 {
	margin:0 0 15px 0;
}
#transportation .transportation_info .train a:hover img ,
#transportation .transportation_info .bus a:hover img ,
#transportation .transportation_info .taxi a:hover img {
	filter: alpha( opacity=60 );/*for IE6,7*/
	-ms-filter: "alpha( opacity=60 )";/*for IE8*/
	opacity: 0.6;
}
#transportation .transportation_info .bus,
#transportation .transportation_info .taxi {
	padding-top:30px;
	border-top:1px solid #ccc;
}

.transportation_info .train_L,
.transportation_info .bus_L,
.transportation_info .taxi_L {
	float:left;
}
.transportation_info .train_R,
.transportation_info .bus_R,
.transportation_info .taxi_R {
	float:right;
	width:320px;
}
.transportation_info .bus_C,
.transportation_info .taxi_C {
	clear:both;
	padding:20px 0 0 0;
}

.transportation_info .img_zoom {
	margin:5px 0 0 0;
	color:#d71718;
	text-align:center;
}
.transportation_info .img_zoom span {
	padding:0 0 0 18px;
	background:url(../images/parts_triangle_02.png) no-repeat center left;
}
.transportation_info .attention {
	margin:5px 0 0 0;
	font-size:12px;
}
.transportation_info .more_link {
	clear:both;
	padding:20px 0 0 0px;
	font-size:14px;
}
.transportation_info .more_link span {
	padding:0px 0 0 16px;
	background:url(../images/parts_arrow_01.png) no-repeat top left;
}
/*.transportation_info .more_link a:link,
.transportation_info .more_link a:visited {
	color:#1D2088;
	text-decoration:none;
}
.transportation_info .more_link a:hover,
.transportation_info .more_link a:active {
	color:#d71718;
	text-decoration:underline;
}*/
.transportation_info .contact {
	font-size:14px;
	margin:20px 0 0 0;
}


/* -------------[/mpcollection] */
.mpcollection_L {
	float:left;
	width:320px;
}
.mpcollection_R {
	float:right;
	padding:0;
}

.mpcollection_txt,
.mpcollection_imgs {
	clear:both;
	padding:20px 0 0 0;
}

.mpcollection_imgs {
	text-align:center;
	padding-bottom:30px;
}
.mpcollection_imgs .mpcollection_L2 {
	margin:5px 0 0 0;
}
.mpcollection_imgs p.img {
}

.mpcollection_access {
	clear:both;
	padding:20px 0 0 0;
	border-top:1px solid #ccc;
}
.mpcollection_access .mpcollection_L {
	width:350px;
}
.mpcollection_access .mpcollection_L h2,
.goodsshop_access .goodsshop_L h2 {
	font-size:18px;
}
.mpcollection_access .mpcollection_L .zip_title,
.goodsshop_access .goodsshop_L .zip_title {
	font-size:21px;
	font-weight:bold;
	line-height:1.3;
}
.mpcollection_access .mpcollection_L .zip_address,
.mpcollection_access .mpcollection_L .tel,
.goodsshop_access .goodsshop_L .zip_address,
.goodsshop_access .goodsshop_L .tel {
	font-size:16px;
}
.mpcollection_access .mpcollection_L .tel {
	margin:-5px 0 0 0;
}

.mpcollection_access .mpcollection_R {}


/* -------------[/goodsshop] */
.goodsshop_L {
	float:left;
	/*width:320px;*/
}
.goodsshop_R {
	float:right;
	padding:0;
}

.goodsshop_txt {
	clear:both;
	padding:20px 0 10px 0;
}
.goodsshop_imgs {
	clear:both;
	padding:20px 0 0 0;
}

.goodsshop_txt .more_link span {
	padding:0px 0 0 17px;
	background:url(../images/parts_arrow_01.png) no-repeat center left;
}

.goodsshop_imgs {
	text-align:center;
	padding-bottom:30px;
}
.goodsshop_imgs p.img {
	min-height:205px;
}

.goodsshop_access {
	clear:both;
	padding:20px 0 0 0;
	border-top:1px solid #ccc;
}
.goodsshop_access .goodsshop_L {
	width:350px;
}
.goodsshop_access .goodsshop_R {
}


/* -------------[/original_goods_info] */
#goodsshop .original_goods_info {
	margin:5px 0 0 0;
}
#goodsshop .original_goods_info .ogi_innr {
	display:flex;
		flex-direction:row;
		flex-wrap:wrap;
	padding:20px 10px 10px 15px;
}
#goodsshop .original_goods_info dl {
	width:50%;
}
#goodsshop .original_goods_info dl:nth-of-type(3) {
	margin-top:30px;
}
#goodsshop .original_goods_info dl dt {
	margin:0 0 4px 0;
	font-weight:bold;
}
#goodsshop .original_goods_info dl dt:before {
	content:"▼";
	padding:0 2px 0 0;
}
#goodsshop .original_goods_info dl dd {
	margin:0 0 5px 0;
	line-height:1.4;
}



/* -------------[/festival] */
.festival_L {
	float:left;
	width:320px;
}
.festival_R {
	float:right;
	padding:0;
}

.festival_txt,
.festival_imgs {
	clear:both;
	padding:20px 0 0 0;
}

.festival_imgs {
	text-align:center;
}

.festival_pamph {
	padding:20px 0 20px 0;
	border-top:1px solid #000;
}
.festival_pamph:first-child {
	padding:0px 0 20px 0;
	border-top:none;
}

.festival_pamph_inner_L {
	float:left;
}
.festival_pamph_inner_L h2 {
	margin:-10px 0 0 0;
	font-size:24px;
	font-weight:bold;
}
.festival_pamph_inner_R {
	float:right;
	margin:0 25px 0 0;
}
.festival_pamph_inner_R p.img a {
	border:2px solid #ccc;
	display:block;
	padding:1px;
}
.festival_pamph_inner_R p.img a:hover {
	filter: alpha( opacity=70 );/*for IE6,7*/
	-ms-filter: "alpha( opacity=70 )";/*for IE8*/
	opacity: 0.7;
	border:2px solid #d61518;
}
.festival_pamph_inner_R p.txt {
	font-size:12px;
}

.pamphlet {
	clear:both;
	padding:5px;
}
.pamphlet li {
	margin:0 0 7px 0;
}
.pamphlet li a {
	display:block;
  padding: 10px;
	background:#1b2a75;
	color:#fff;
	border-radius:20px;
}
.pamphlet li a:hover {
	filter: alpha( opacity=80 );/*for IE6,7*/
	-ms-filter: "alpha( opacity=80 )";/*for IE8*/
	opacity: 0.8;
}
.pamphlet li span {
	font-size:14px;
	margin:0 0 0 5px;
}

.festival_imgs .festival_R {
	padding:0;
	margin:0;
}
.festival_imgs .festival_R p.img a {
	border:2px solid #ccc;
	display:block;
	padding:1px;
}
.festival_imgs .festival_R p.img a:hover {
	filter: alpha( opacity=70 );/*for IE6,7*/
	-ms-filter: "alpha( opacity=70 )";/*for IE8*/
	opacity: 0.7;
	border:2px solid #d61518;
}
.festival_imgs .festival_R  p.txt {
	line-height:1.4;
	margin:5px 0 0 0;
}
.festival_imgs .festival_R  p.txt span {
	font-size:14px;
}


/* -------------[/tour] */
#tour .tour_info  {
	padding:10px 0px 0 0px;
}

/*course_nav*/
#course_nav {
	padding:10px 0 15px 0;
}
#course_nav ul {
	margin:0;
	padding:0;
}
#course_nav ul li {
	display: inline;
	margin-left:11px;
}
#course_nav ul li:first-child {
	margin-left:0;
}
#course_nav ul li a {}
#course_nav ul li a:hover img {
	opacity: 0.8;
		filter: alpha( opacity=80 );/*for IE6,7*/
		-ms-filter: "alpha( opacity=80 )";/*for IE8*/
	transition:0.1s;
}

/*merit*/
.merit h2 {
	margin:0;
	padding:0px;
	border:1px solid #333;
}
.merit h2 strong {
	margin:0 0 0 7px;
	padding:0 0 0 17px;
	background:url(../images/parts__star_red_01.png) no-repeat left center;
}

.merit h3 {
	margin:15px 0 0 0;
}
.merit h3 + p {
	margin-left:1em;
}
.merit h4 {
	margin:5px 0 0 1em;
	padding:0 0 0 12px;
	background:	url(../images/parts__square_blk_01.png) no-repeat left center;
	font-weight:bold;
}
.merit h5 {
	margin:0px 0 0 1em;
	font-weight:bold;
}
.merit ol {
	margin:0px 0 15px 1em;
	line-height:1.3;
}
.merit ol li {
	display:inline;
	margin:0 3px 0 0;
	padding:0 0 0 17px;
	background:url(../images/parts__triangle_blk_01.png) no-repeat left center;
}
.merit ol li:first-child {
	padding:0;
	background:none;
}

/*courses*/
#courses {
	padding:20px 0 0 0;
}
#courses #a_course,
#courses #b_course {
	margin:0 0 15px 0;
}
#courses h2 {
	margin:0;
	padding:2px 5px;
	background:#d0111b;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

/*condition*/
.condition {
	margin:20px 0 0 0;
}
.condition h2 {
	margin:0 0 5px 0;
	padding:0px;
	border:1px solid #333;
	font-weight:bold;
		padding:0 0 0 7px;
}
.condition_inner {
	padding:0 10px;
}
.condition_inner > p {
	margin:0 0 5px 0;
	font-size:14px;
	line-height:1.3;
}
.condition h3 {
	margin:10px 0 0 0;
	padding:0 0 0 13px;
	background:url(../images/parts__circle_blk_01.png) no-repeat left center;
	font-size:14px;
}
.condition h3 + p {
	font-size:12px;
}
.condition ol {
	margin:0 0 0 20px;
}
.condition ol li {
	margin:0 0 5px 0;
	list-style:decimal;
	line-height:1.4;
	font-size:12px;
}
.condition ul {
	margin:0 0 0 20px;
}
.condition ul li {
	list-style: disc;
	line-height:1.4;
	font-size:12px;
}
.condition table {
	font-size:12px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.condition table th {
	text-align:center;
	padding:2px 0;
	background:#eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.condition table td {
	padding:2px 5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.condition table td.price {
	text-align:center;
}

/*agency*/
.agency {
	margin:20px 0 0 0;
}
.agency h2 {
	font-size:12px;
}
.agency .logo {
	margin:0 0 0px 0;
}
.agency li {
	display:inline;
	margin:0 0 0 10px;
	font-size:14px;
}
.agency li:first-child {
	margin:0;
}
.agency .manager {
	padding:0 10px 0 12px;
	background:url(../images/parts__square_blk_01.png) no-repeat left center;
}


/*application_mail*/
.application_mail {
	padding:40px 0 0 0;
}
.application_mail h2 {
	margin:0 0 5px 0;
	padding:0px;
	border:1px solid #333;
	font-weight:bold;
		padding:0 0 0 7px;
}
.application_mail p {
	margin:0 0 0 3px;
	padding:0 0 0 17px;
	background:url(../images/parts__triangle_blk_01.png) no-repeat left center;
}
.application_mail p a {
	margin:0 3px 0 0px;
	text-decoration:underline;
	font-weight:bold;
}
.application_mail p a:hover {
	margin:0 3px 0 0px;
	text-decoration:none;
}



/*application_form
.application_form {
	padding:40px 0 0 0;
}
.application_form h2 {
	margin:0 0 5px 0;
	padding:0px;
	border:1px solid #333;
	font-weight:bold;
		padding:0 0 0 7px;
}
.mailform {
	margin:10px 0 0 0px;
	width:100%;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
}
.entry_form strong {
	margin-left:3px;
	color: #C00;
	font-size:12px;
	font-weight:normal;
}
.entry_form label {
	margin-right:5px;
}
.entry_form input {
	padding:2px;
	font-size:14px;
}
.entry_form input.auto_postcodes {
	font-size:12px;
}

.entry_form th {
	padding:6px 10px;
	background:#fffbf0;
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.entry_form td {
	padding:6px 10px;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
}
.entry_form .dotted {
	border-bottom:1px dotted #aaa;
}

.entry_form .submit_btns {
	text-align:center;
	border:none;
}
.entry_form .submit_btns th {
	padding:15px 0;
	background:#f0f0f0;
	border-bottom:1px solid #aaa;
}

.entry_form .submit_btns th input {
	padding:10px;
}
.entry_form .submit_btns th input#submit {
	font-weight:bold;
}

.entry_form .attention {
	margin:5px 0 0 0px;
	line-height:1.4;
	font-size:12px;
}
*/


/*entry_finished
.entry_finished {}
.finished_message {
	padding:15px;
	border:1px solid #333;
	font-size:14px;
}
.finished_message h1 {
	margin:0 0 20px 0;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.finished_message ul {
	margin:20px 0 0 0;
}
.finished_message ul li {
	padding:0 0 0 15px;
	background:url(../images/parts__triangle_blk_01.png) no-repeat left center;
}
*/




/* ================================[side] */
#side {
	float:right;
	width:200px;
}

#side ul {}
#side ul li {
	margin:0 0 5px 0;
}
#side ul li a:hover img ,
#side ul li.about a:hover img,
#side ul li.festival a:hover img ,
#side ul li.ar a:hover img,
#side ul li.badge a:hover img {
	filter: alpha( opacity=70 );/*for IE6,7*/
	-ms-filter: "alpha( opacity=70 )";/*for IE8*/
	opacity: 0.7;
	transition:0.2s;
}
#side ul li.spot {margin-top:10px;}
#side ul li.spot,
#side ul li.transportation,
#side ul li.mpcollection,
#side ul li.goodsshop {
	text-indent:-100000em;
}
#side ul li.spot a,
#side ul li.transportation a,
#side ul li.mpcollection a,
#side ul li.goodsshop a {
	display:block;
	width:200px;
	height:70px;
}
#side ul li.spot a:link,
#side ul li.spot a:visited {background:url(../images/gnav_spot_off.jpg) no-repeat top left;}
#side ul li.transportation a:link,
#side ul li.transportation a:visited {background:url(../images/gnav_transportation_off.jpg) no-repeat top left;}
#side ul li.mpcollection a:link,
#side ul li.mpcollection a:visited {background:url(../images/gnav_mpcollection_off.jpg) no-repeat top left;}
#side ul li.goodsshop a:link,
#side ul li.goodsshop a:visited {background:url(../images/gnav_goodsshop_off.jpg) no-repeat top left;}

#side ul li.spot a:hover,
#side ul li.spot a:active {background:url(../images/gnav_spot_on.jpg) no-repeat top left;}
#side ul li.transportation a:hover,
#side ul li.transportation a:active {background:url(../images/gnav_transportation_on.jpg) no-repeat top left;}
#side ul li.mpcollection a:hover,
#side ul li.mpcollection a:active {background:url(../images/gnav_mpcollection_on.jpg) no-repeat top left;}
#side ul li.goodsshop a:hover,
#side ul li.goodsshop a:active {background:url(../images/gnav_goodsshop_on.jpg) no-repeat top left;}

#spot #side ul li.spot a {background:url(../images/gnav_spot_on.jpg) no-repeat top left;}
#transportation #side ul li.transportation a {background:url(../images/gnav_transportation_on.jpg) no-repeat top left;}
#mpcollection #side ul li.mpcollection a {background:url(../images/gnav_mpcollection_on.jpg) no-repeat top left;}
#goodsshop #side ul li.goodsshop a {background:url(../images/gnav_goodsshop_on.jpg) no-repeat top left;}

#side dl.hamanaka_spot {
	margin:0;
	padding:5px 0 0 0;
}
#side dl dt {}
#side dl dd {}

#side dl.contact_txt {
	margin:15px 0 0 0;
	padding:0;
	line-height:1.4;
}
#side dl.contact_txt dt {
	font-weight:bold;
}
#side dl.contact_txt dd {
	margin:2px 0 0 0;
}




/* ================================[pagetop] */
.page_top {
	position: fixed;
	bottom:15px;
	right:15px;
	font-size:12px;
}
.page_top a {
	text-align: center;
	display: block;
	padding:20px 5px;
	color: #fff;
	text-decoration: none;
	background: #000;
	border-radius: 5px;
	opacity:0.8;
}
.page_top a:hover {
	color: #000;
	background:yellow;
	text-decoration: none;
	opacity:0.8;
}





/* ================================[Footer] */
#footer {
	clear:both;
	text-align:left;
	margin:0 auto;
	width:916px;
	padding:0 0 10px 0;
	/*height:123px;88px*/
	background:url(../images/footer.png) no-repeat top center;
}

#footer p {
	text-align:center;
	color:#fff;
	padding:10px 0 0 0;
	font-size:12px;
}