@charset "utf-8";


/* ==========================================================================
   リセット
========================================================================== */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
    font-family: helvetica, arial,"メイリオ","Hiragino Kaku Gothic ProN",Osaka, "MS PGothic",sans-serif;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea {
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}

.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
 
/* よく使うCSS start
 
img {
    max-width:100%;
}
 
table {
    width:100%;
}
 
a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
 
よく使うCSS end -----
時々使うCSS3 start ---
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
 
角丸 {
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}
 
トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 
グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}
 
スマホ対応
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
 
時々使うCSS3 end */


/* ==========================================================================
   ネイティブCSS
========================================================================== */

/* editor */
 
p {
    display: block;
    margin: 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 




/* ==========================================================================
   ページ全体
========================================================================== */

body {
	background: #ffffff url(img/page_bg01.gif);
}
.container {
	width: 100%;
	margin: 0px;
	padding: 0px;
}






/* ==========================================================================
   ヘッダ
========================================================================== */
.header_wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #000000 url(img/head_bg01.png);
}


.header_area {
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	height: 100px;
	min-width:700px;
	max-width:1600px;
}

.head_left {
	-webkit-box-sizing: border-box; /* Safari,Google Chrome用 */
	-moz-box-sizing: border-box; /* Firefox用 */
	box-sizing: border-box;
	width:25%;
	/*min-width:270px;*/
	display:inline-block;
	*display:inline;/* IE6 */
	*zoom:1;/* IE6 */
	/*float:left;*/
	/*vertical-align:bottom;*/
	/*background: #cccccc;*/
}
.head_title {
	font-size:100%;
	margin:0;
	padding:3px 0 0 10px;
	/*line-height:1;*/
}
.head_title img {
	margin:0;
	padding:0;
}

.head_right {
	-webkit-box-sizing: border-box; /* Safari,Google Chrome用 */
	-moz-box-sizing: border-box; /* Firefox用 */
	box-sizing: border-box;
	/**/vertical-align:bottom;
	/**/float:right;
	display:inline-block;
	*display:inline;/* IE6 */
	*zoom:1;/* IE6 */
	/*width:600px;*/
	width:73%;
	min-width:480px;
	text-align:right;
	/*padding-top:16px;*/
	/*position:absolute;*/
}
/* ==========================================================================
   font/laungage
========================================================================== */
.language {
	font-size: 63%;
    display:inline-block;
    *display: inline;/* IE6 */
    *zoom: 1;
    margin:0;
    padding: 0 0 4px 0;
    /*width: 274px;*/
    /*height:20px*/
    /*line-height:1;*/
	height: 37px;
}
.language1 {
    font-size: 63%;
    display: inline-block;
    margin: 0px;
    padding: 20px 0px 4px;
    height: 37px;
}
.language p {
	line-height:1;
	margin:0;
	padding:0;
    vertical-align:bottom;
	color: #ffffff;
}
.language img {
	margin: 0;
	padding: 0;
	margin-right:4px;
}
.language a {
	color: #ffffff;
	text-decoration: none;
}
.language a:hover{
	color: #fccccc;
	text-decoration: underline;
}
/* ==========================================================================
   サーチメニュー
========================================================================== */

.search_area {
	display:inline-block;
    *display: inline;/* IE6 */
    *zoom: 1;
    margin: 7px 0 0 0 ;
    padding: 0;
    width:280px; 
    /*vertical-align:bottom;*/
	height: 37px;
}
.search_area img {
	padding: 1px 5px 1px 5px;
}
.search_area2 {
    display: inline-block;
    margin: 0px 0px 20px;
    padding: 9px 12px 9px;
    width: 236px;
    border: 3px double #FFBFBF;
    background: #FCFFFF none repeat scroll 0%;
}

#cse-search-box {
	margin: 0;
	padding: 0;
}


/* ==========================================================================
   メインメニュー
========================================================================== */

.main_menu_wrapper {
	margin:-8px;
	padding: 0;
	height:30px;
	border:none;
	z-index:0;
	width:100%;
	/*display:block;
	vertical-align: middle;*/
	/*margin-left: auto;
	min-width:480px;*/
    /*background: #e3e3fb;*/
}
.main_menu {
	margin:0;
	padding: 0;
	/**/width:100%;
	/**/margin-left: auto;
    /*background: #e3d4f1;*/
}

.main_menu ul,
.main_menu ul li {
	margin:0;
	padding: 0;
	list-style-type:none;
	/*display:block;*/
	position:relative;
	width: auto;
	/*min-width:100px;*/
	/*margin-right: auto;*/
	font-size: 90%;

}
.main_menu ul {
	text-align: right;
    width: 100%;
	/*margin-right: auto;*/
}
.main_menu ul li {
	float:right;
	/*padding: 4px 15px 0 17px; */
	/*background: url(img/link_icon01.jpg) no-repeat 0% 7px; */
	/*background: #eeeecc;*/
}


.main_menu a {
	color: #333333;
	text-decoration: none;
}
.main_menu a:hover{
	color: #aa3333;
	text-decoration: underline;
}


/* ==========================================================================
   リンク共通
========================================================================== */



/* ==========================================================================
   スライド
========================================================================== */
.slider_area {
}

.slider-pro_style {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #ffffff;
}


/* ==========================================================================
   ピックアップ
========================================================================== */

.pickup_area {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(img/pickup_bg01.gif);
}
.pickup_top {
	width: 90%;
	margin: 0px auto;
	padding: 30px 0 15px 0;
	min-width:900px;
	max-width:1600px;
}

/* table-cellとfixedで均等割り付け中 */

.pickup_top ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.pickup_top ul li {
  display: table-cell;
  vertical-align: middle;
}

.pickup_bottom {
	width: 90%;
	margin: 0px auto;
	padding: 15px 0 30px 0;
	min-width:900px;
	max-width:1600px;
}

.pickup_bottom ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.pickup_bottom ul li {
  display: table-cell;
  vertical-align: middle;
}
/* table-cellとfixedで均等割り付け中　end */

/* ==========================================================================
   メインエリア
========================================================================== */

.main_area {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.main_area_container {
	max-width: 1100px;
	margin: auto;
	padding: 20px;
}
.main_area_container img {
	border: 1px solid #ffcccc;
}
.main_left_container {
	margin: 0;
	padding: 0;
	float: left;
	width: 800px;

}
/* ==========================================================================
   右エリア
========================================================================== */

.main_right_container {
	margin: 0;
	padding: 0;
	float: right;
	width: 300px;

}
.main_right_wrapper {
	margin: 0 15px;
	padding: 0;
	width: 262px;
}


/* ==========================================================================
   新着情報
========================================================================== */

.news_area {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #FFFFFF ;
}
.news_container {
	border: 1px solid #FFBFBF;
	width: 760px;
	margin: 0 15px;
	padding: 0;
}
.news_area h2{
	margin: 3px 3px 15px 3px;
	padding: 5px 10px;
	width: auto;
	background: #FFF2F2 ;
}
.news_container ul {
	margin: 5px 0px 0px 0px;
}
.news_container ul li {
	font-size: 16px;
	margin: 0px 0px 5px 0px;
}
.news_container dl {
	margin: 10px 15px 0px 15px;
	padding: 0;
}

.news_container dt {
	float: left;
	margin: 3px;
	padding: 10px 0px;
	width: 33%;
	font-size: 93.8%;
}

.news_container dd {
	float: right;
	margin: 3px;
	padding: 10px 0px;
	width: 65%;
	font-size: 93.8%;
	color: #688C00;
}
.news_container p.backnumber {
	margin: 3px;
	padding: 5px 10px;
	width: auto;
	background: #eeeeee ;
	font-size: 12px;
	text-align: right;
}

.news_container a {
	/*color: #333333;*/
	color: #688C00;
	text-decoration: none;
}
.news_container a:hover{
	color: #aa3333;
	text-decoration: underline;
}


/* ==========================================================================
   新着情報 アイコン
========================================================================== */
.news_icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	min-width:60px;
	padding:2px 5px;
	line-height:1.2;
	font-size:9px;
	text-align:center;
	margin:0 0 0 10px;
}
.news_icon a {
	text-decoration:none;
}
.news_icon1 {
	background:#D96D00;
	color:#ffffff;
}
.news_icon1 a {
	color:#ffffff;
}



/* ==========================================================================
   カレンダー
========================================================================== */

.calendar {
	width: 262px;
	margin: 0px auto 20px;
	padding: 0;
	background: #ffffff;
	border: 1px solid #FFBFBF;
}
.widgettitle{
	margin: 3px;
	padding: 5px 10px;
	width: auto;
	background: #FFF2F2 ;
}

.calendar p.backnumber {
	margin: 3px;
	padding: 5px 10px;
	width: auto;
	background: #eeeeee ;
	font-size: 12px;
	text-align: right;
}

#wp-calendar {
	border: 0px solid #000000;
	margin: auto;
}
#wp-calendar caption {
	margin: 0;
	padding: 3px 10px;
	width: auto;
	font-size: 12px;
	text-align: center;
	color: #00688C;
}
#wp-calendar th {
	margin: 0;
	padding: 8px 0;
	width: 36px;
	/*height: 26px;*/
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #000000;
}

#wp-calendar td {
	margin: 0;
	padding: 5px 0;
	width: 36px;
	/*height: 26px;*/
	font-size: 14px;
	text-align: center;
	border: 0px solid #000000;
}

.calendar_sat {
	color: #688C00;

}
.calendar_sun {
	color: #FF4C4C;
}
.calendar_today {
	color: #3333ef;
	background: #FACFE6;
	display: block;
	border: 0px none;
}
.calendar li {
	list-style: none;
}
/* ==========================================================================
   サイドメニュー　リンク
========================================================================== */

.travel_agent {
	width: 262px;
	margin: 0px auto 20px;
	padding: 0;
	background: #ffffff;
	text-align: center;
}

.right_link_list {
	width: 262px;
	margin: 0px auto;
	padding: 0;
	background: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
}

.right_link_list p {
	margin: 15px auto 5px auto;
	padding: 0;
	text-align: center;
	line-height: 2.0em;
}



/* ==========================================================================
   バナー
========================================================================== */

.banner_area {
}
/* ==========================================================================
   フッター
========================================================================== */

.footer_wrapper {
	background: url(img/foot_bg01.png);
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #B20000;
}

.footer_area {
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	/*height: 100px;*/
	min-width:700px;
	max-width:1600px;
}

.page_top {
	width: 94%;
	margin: auto;
	padding: 0px;
	min-width:700px;
	max-width:1600px;
}
.page_top p{
	/**/width: 150px;
	margin-left: auto;
}
.page_top a{
	display: block;
	margin: 0 auto 10px auto;
	padding: 5px 20px;
	font-size: 12px;
	text-align: center;
	color:#ffffff;
	background: #000000;
	border: 1px solid #B20000;
	text-decoration: none;
}
.page_top a:hover{
	text-decoration: underline;
	background: #333311;
}

.footer_content {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #000000;
}
.address {
	float: left;
	padding-left: 15px;
	width:auto;
}
.address p{
	line-height: 1.8;
	font-size: 87.5%;
}
.foot_linklist {
	min-width:60%;
	float: right;
	margin:0px;
	padding: 0px;
}
.foot_linklist table{
	width:100%;
	margin:50px 0px 10px 0px;
	padding: 30px 50px 0px 0px;
	border:none;
}

.foot_linklist th{
	line-height: 1.4;
	font-size: 87.5%;
	margin:10px 50px 10px 50px;
	padding: 0px 0px 0px 0px;
	border:none;
}
.foot_linklist td{
	line-height: 1.6;
	font-size: 81.3%;
	margin:10px 10px 10px 10px;
	padding: 0px 0px 0px 10px;
	width:33%;
	border:none;
}
.foot_linklist td a:before{
	content:"・";
}
.bnr_area {
	margin: 20px auto;
	width:100%;
	padding:0px;
	border:#B20000 1px solid;
	background-color: rgba(255,255,255,0.6);
}
.bnr_area ul {
	margin:0 auto;
	padding:0px;
	text-align:center;
	display:inline-block;
	clear:both;
}
.bnr_area li {
	margin: 5px;
	/*float:left;
	top:50%;*/
	position:relative;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	line-height:1.5em;
}
.bnr_area img {
	margin: 0px;
	padding:0px;

}

.copyright_wrapper {
	background: #000000;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 0%;
}
.copyright p{
	margin: 0 auto;
	padding: 7px 0;
	font-size: 12px;
	color: #ffffff;
	/*width: 1100px;*/
   width: 100%;
	text-align: center;

}

.footer_content a {
	color: #333377;
	text-decoration: none;
}
.footer_content a:hover{
	color: #aa3333;
	text-decoration: underline;
}

/* ==========================================================================
	hack
   ========================================================================== */
/* クリアフィックスハック */
/* For modern browsers */
/*.clearfix:before,*/
.clearfix:after {
    content:" ";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.clear {
	clear:both;
}

/* ==========================================================================
	page title
   ========================================================================== */

.page_title {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	/*background:#dddddd;*/
}
.page_logo {
	margin: 0;
	padding: 0;
	margin: 10px 5px;
	float: left;
	/*background:#ddddff;*/
}
.page_sub_title {
	margin: 0;
	padding: 0;
	font-size: 81.3%;
	margin-top: 26px;
	/*background:#ddffdd;*/
}
.page_content_area {
	border: 1px solid #FFBFBE;
	margin: 0px 20px 30px 15px;
	padding: 10px 0px 0px 0px;
	/*width: 100%;*/
	background: #ffffff;	
}
.page_content {
	/**/
	margin: 0px 5px 0px 5px;
	padding: 0px 10px;
}
.page_content_area2 {
    border: 1px solid #FFBFBE;
    margin: 30px 20px 30px 15px;
    padding: 0px 0px 0px;
    background: #FFF none repeat scroll 0% 0%;
}

.page_content2 {
    margin: 20px 5px;
    padding: 0px 10px;
    height: 140px;/*  */
}
.page_content_area2 h2 {
    margin: 3px 3px 15px;
    padding: 5px 10px;
    width: auto;
    background: #FFF2F2 none repeat scroll 0% 0%;
}
/* ==========================================================================
	page right menu
   ========================================================================== */


.page_area_container {
	width: 1100px;
	margin: auto;
	padding: 20px;
	background:#ffdddd;
}
.page_link_list {
	width: 262px;
	margin: 0px auto;
	padding: 0;
	text-align: center;
}

.page_link_list p {
	margin: 15px auto 5px auto;
	padding: 0;
	text-align: center;
	line-height: 3em;
}
.eo_widget_calendar td.event{ background: #d8dda1 }


/* ==========================================================================
	使わなくなったCSS
   ========================================================================== */

/*.foot_linklist dl{
	float: left;
	margin:0;
	padding: 50px 0 20px 30px;
	list-style-type:none;
	display:block;
	position:relative;
	width: auto;
	margin-right: auto;
}

.foot_linklist dt{
	line-height: 1.8;
	font-size: 87.5%;

}
.foot_linklist dd{
	line-height: 1.8;
	font-size: 81.3%;
	margin:0 0 0 10px;
}*/