@charset "UTF-8";
/* CSS Document */

/* All */
body,h1,h2,h3,h4,h5,h6,p { font-family:
	"Lucida Grande","segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif !important;
	color:#525252;
}
a { color:#109988;}
a:hover { text-decoration:underline;}
h2#site-title { font-size:12px; line-height:12px;}

.alp a:hover, a.alp:hover { filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;}
.line_box { border:#ccc 2px solid; padding:16px;}
.floatleft { float:left;}
.floatright { float:right;}
.comment { color:#808080; font-size:12px; line-height:20px !important;}

.marker { background: linear-gradient(transparent 80%, #fbb03b 80%); font-weight:bold; color:#333;}
h4 { font-size:20px;}
h5 { font-size:25px; line-height:44px; text-align:center; color:#109988; padding-bottom:0 !important;}
.red { color:#ed1c24;}
.brown { color:#8c6239;}
.orange { color:#f7931e;}
.green { color:#109988;}
h6 { font-size:22px; color:#109988; text-indent:45px; height:20px; margin-bottom:20px; background: url(img/point.png) 10px top no-repeat;  background-size: auto 73%;}
.impact { font-size:22px;}
.bigger { font-size:larger;}

#content ul.no-list { margin:0; }
#content ul.no-list li { list-style:none; text-indent:0;}

.clear {
	clear: both;}
.margin-top-20	{
	margin-top:20px;}
.margin-bottom-20	{
	margin-bottom:20px;}
.text-center	{
	text-align:center;}
.relative { position:relative;}
.bottom { bottom:20px; right:20px; position:absolute;}

/* Base */
.wrapper { max-width:1000px;}
.container { max-width:900px;}
#primary { width: 72.64%;}
#secondary { width: 24.28%;}
#secondary img { width:100%;}

#main { padding-top:0;}
header { position:relative;} 
	#branding { margin-top:0;}
.hgroup-wrap { padding:0;}
#site-logo { margin:0;}
nav#access { position:absolute; width:715px; margin:0 auto; top:0; right:0; border:none;}
	#access a, #access li { padding:0;}
	.contacthead { position:absolute; top:0; right:50px;}
	.contacthead a { display:block; width:237px; height:70px; background:url(img/contact2.png) left top no-repeat;}
	.contacthead a:hover { background:url(img/contact2_on.png) left top no-repeat; color:#fff; text-decoration:none;}
.info_area { text-align:right;}
a.contact_bt { display:block; width:294px; height:34px; background:url(img/access02.png) left top no-repeat; margin: 0 0 0 auto; background-size:100% auto;}
a.contact_bt:hover {  background:url(img/access02_on.png) left top no-repeat; color:#fff; text-decoration:none; background-size:100% auto;}
	
.content { padding-bottom:32px;}

.current-menu-item img { height:70px;}

.title_bg, .widget-title, .sbc-title {
	color:#fff;
	display:inline-block;
	padding:10px 11px 10px 17px !important;
    font-size:20px; line-height:20px;
	letter-spacing: 2px;
  background : -moz-linear-gradient(50% 0% -90deg,rgba(51, 168, 153, 1) 0%,rgba(16, 153, 136, 1) 64.25%,rgba(0, 129, 111, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(51, 168, 153, 1) 0%, rgba(16, 153, 136, 1) 64.25%, rgba(0, 129, 111, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(51, 168, 153, 1) ),color-stop(0.6425,rgba(16, 153, 136, 1) ),color-stop(1,rgba(0, 129, 111, 1) ));
  background : -o-linear-gradient(-90deg, rgba(51, 168, 153, 1) 0%, rgba(16, 153, 136, 1) 64.25%, rgba(0, 129, 111, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(51, 168, 153, 1) 0%, rgba(16, 153, 136, 1) 64.25%, rgba(0, 129, 111, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33A899', endColorstr='#00816F' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(51, 168, 153, 1) 0%, rgba(16, 153, 136, 1) 64.25%, rgba(0, 129, 111, 1) 100%);
  border-radius : 0px 7px 0px 0px;
  -moz-border-radius : 0px 7px 0px 0px;
  -webkit-border-radius : 0px 7px 0px 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33A899',endColorstr='#00816F' , GradientType=0);}

.title_bg.long { width:100%; padding-right:0px !important; padding-left:0px !important; text-indent:17px; margin-top:20px; margin-bottom:40px;}
.title_bg.long.first { margin-top:0px;}


/* top */
area:hover { background:#ff6600;}
.sbc-calendar-month {border-width:2px;}
.greet p { font-size:16px; line-height:30px;}
.greet .button { position:static; margin-top:0;}

/* area */
.news_area { width:100%; background:#f2fff2 url(img/news_line2.png) left bottom no-repeat;position: relative; }
.news_area h3.title_bg { font-size:16px; line-height:16px; position:absolute; margin-top:-30px; padding:7px 10px 7px 13px !important;left: 0px;}
.news_area dl { width:223px; float:left; }
.news_area dt, .news_area dd { padding:12px 0; margin:0 0 0 16px;}
.news_area dt { color:#109988; background:url(img/news_line1.png) left bottom repeat-x;}
.news_area dd { }
.news_area dd a { color:#525252;}

.pickup_area { margin-top:28px; padding-bottom:32px;}
.pickup_area .box { float:left; margin-left:13px;}
.pickup_area .box h2 { padding-bottom:4px !important;}
.pickup_area .box:first-child { margin-left:0;}
.pickup_area h2, .pickup_area .line { width:286px;}
.pickup_area h2 { font-size:20px; color:#109988; border:#109988 2px solid; padding:4px 0; text-align:center;}
.pickup_area .line { border:#ccc 2px solid; border-top:none; height:320px; position:relative;}
.pickup_area .line img { width:100%;}
.pickup_area p { padding:10px; margin:0;}
.pickup_area a { color:#f15a24; display:block; position:absolute; bottom:0; width:97%; text-align:right; padding:10px 0;}

.photo { }
.photo.floatleft { margin:0 14px 0 0;}
.photo.floatright { margin:0 0 0 14px;}
.inphoto.floatright { margin:0 0 30px 25px;}
.photo iframe { background:#eee; border:#ccc 1px solid;}

.button {
	font-size:17px;
	letter-spacing: 2px;
	color:#fff;
	padding:8px 42px;
	margin-top:20px;
	display:inline-block;
  background : #F15A24;
  border-radius : 5px;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
}
.button_side {
	font-size:20px;
	text-align:center;
	text-indent:20px;
	letter-spacing: 2px;
	color:#109988;
	padding:10px 0;
	margin-top:14px;
	display:inline-block;
	width:100%;
  background:url(img/star.png) 10px center no-repeat;
  background-size:9%;
  border:#ccc 1px solid;
  border-radius : 5px;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
}
.button:hover, .button_side:hover { filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}
	
.topline { border-top:#ccc 1px solid;}
hr.dot_line { height:2px; border:none; margin:22px 0; padding:0; background:url(img/dot_line.png) left center repeat-x; background-size: auto 100%;}
.dot_area { border:1px dotted #ccc; display:inline-block; padding:0px 12px;}

/* Footmenu */
footer a { color:#525252;}
footer a:hover { text-decoration:underline; color:#aaa;}
footer .container { max-width:100% ; padding:0; text-align:center;}
.copyright {  margin:0 auto; border-top:#109988 1px solid;}
#site-generator .copyright { width:100%; padding:16px 0 0;}
#site-generator { border:none;}
.footmenu { margin:10px 0;}




/* entry */

h1.entry-title { padding:16px 0 16px 18px; font-size:30px; font-weight:bold; line-height:45px; color:#109988; margin:0 0 25px 0; background: right top no-repeat; border-top: 3px solid #109988; border-bottom:1px solid #e6e6e6;}
/* -- header --------------------------------------------------- */
h1.entry-title.about { background-image:url(img/pages/about_titlebg.png);}
h1.entry-title.info { background-image: url(img/pages/info_titlebg.png);}
h1.entry-title.visit { background-image: url(img/pages/visit_titlebg.png);}
h1.entry-title.other { background-image: url(img/pages/other_titlebg.png);}
h1.entry-title.blog { background-image: url(img/pages/blog_titlebg.png);}

h2.entry-title { padding:0 0 0 18px !important; font-size:20px; font-weight:bold; line-height:20px; color:#109988;}
p.date { color:#aaa; font-size:11px; text-align:right;}
.entry-content { padding:0 10px 10px 10px;}
 
.page_menu { text-align:center;}
.page_menu ul { display:block; display:inline-block; margin:0 0 20px 0 !important; }
.page_menu li { list-style:none; text-indent:0; float:left; margin:0 7px; height:26px;}
.page_menu li a { padding:8px 40px; border:2px solid #109988; font-size:15px; color:#109988 !important;
  border-radius : 7px;  -moz-border-radius : 7px;  -webkit-border-radius : 7px;}


.main_catch {}
.main_catch .floatright img { padding:0 0 20px 50px;}
.main_catch p {  padding:0 20px 0 20px; font-size:16px; line-height:30px;}

.in_page {}
.in_page p { margin:0 10px 16px 10px; font-size:16px; line-height:30px;}
.in_page table td, .in_page li { font-size:16px; line-height:30px;}

.movie {}
.movie iframe { float:left; margin:0 0 0 0;}
.movie iframe:first-child { margin:0 14px 0 0;}

.step { background:url(img/arrow.png) 30px 0 no-repeat; min-height:150px;}
.step p { padding-top:20px;}


/* about */
.about_profile	{
	width:435px;}
.about_profile01	{
	font-size: 18px;
	line-height: 30px;
	padding: 40px 0 0 0;
	margin:0 !important;}
.about_profile02	{
	width: 434px;
	border:solid 1px #CCC;
	border-radius : 15px;
	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;}
.about_profile02 ul{
	padding:20px;
	margin:0 !important;}
.about_profile02 li{
	list-style-type:none;
	border-bottom:dotted #CCC 2px;
	padding:3px;}
.about_profile_primary{
	width:400px;
	padding:20px;
	border:solid 1px #CCC;
	font-size:14px;
	line-height:20px;
	}
.inmap iframe { margin-right:30px;}



/* -- info --------------------------------------------------- */

.info_01{
	width:400px;
	padding:14px 14px 0 14px;
	margin:20px 0 ;
	border:solid 1px #CCC;}
.info_01 ul {}
.info_01 ul li.title { list-style:none; margin-left:-28px;}
	
.info_02{
	width:400px;
	padding:10px 15px;
	margin:20px 0 ;
	border:solid 1px #CCC;}
.info_02 td{
	padding:2px 15px;}
	
	
/* -- visit --------------------------------------------------- */
.visit_video	{
	margin: 0 30px 20px;}
	
	
	
/* -- contact --------------------------------------------------- */
.contact_sub	{
	float:left;
	font-weight: bold;
	margin-top:7px;}

.contact_input {
	float:right;
	margin-right:50px;
	margin-bottom:0;
	width:650px;}

.submit, input[type="submit"], .wpcf7-submit {
	letter-spacing: 2px;
	background:#fff !important;
	font-size:15px;
	color:#109988 !important;
	margin: 0 auto;
	text-align:center !important;
	display:block;
	padding:8px 20px;
	border:2px solid #109988 !important;
	border-radius : 7px;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
}
input[type="submit"]:hover, .wpcf7-submit:hover {
	color:#FF8900 !important;
	background:#fff;
	border:2px solid #FF8900 !important;
}


/* -- blog --------------------------------------------------- */
#secondary.blog .widget .widget-title {
	font-size: 19px;
	color:#333;
	text-indent: 20px;
	letter-spacing: 2px;
	padding: 10px 0 10px 20px;
	margin-top: 14px;
	display: inline-block;
	width: 90%;
	background: transparent url("img/star.png") no-repeat scroll 10px center / 9% auto;
	border-bottom: 1px solid #808080;
	border-radius: 15px; -moz-border-radius : 15px; -webkit-border-radius : 15px;}
	
#secondary.blog .widget { margin-bottom:10px;}
#secondary.blog .textwidget { padding:10px 20px; line-height:28px;}
#secondary.blog .textwidget a { color:#525252;}
#secondary.blog .textwidget a:hover { text-decoration:underline; color:#aaa;}

.page_prev, .page_next { padding:0 10px 0 10px; height:20px;}
.page_prev { }
.page_next { float:right;}


/* qanda */
dl.qalist {}
dl.qalist dt, dl.qalist dd { float:left; padding:10px; border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; margin-bottom:10px;}
dl.qalist dt { background:#d7f7d7; font-size:16px; font-weight:bold; color:#109988; width:160px; clear:both;}
dl.qalist dd:before { content:" "; background:#d7f7d7; height:5px; width:20px; display:block; position:absolute; margin-left:-30px; margin-top:7px;}
dl.qalist dd { background:#f2f2f2; font-size:12px; width:670px; margin-left:20px;}
dl.qalistlong {}
dl.qalistlong dt, dl.qalistlong dd { float:left; padding:14px; border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px;}
dl.qalistlong dt { background:#d7f7d7; font-size:16px; font-weight:bold; color:#109988; width:880px; clear:both;}
dl.qalistlong dd { background:#f2f2f2; font-size:12px; width:880px; margin-bottom:20px; line-height:22px;}


/* スライダー */

#main_img { width:900px; height:396px;}
.slider {
	width: 600px;
	height: 396px;
	overflow: hidden;
	position: relative;
}

.slider .slideSet {
	position: absolute;
	background-color: #FBF6E6;
}

.slider .slide {
	width: 600px;
	height: 396px;
	float: left;
}
.slideside { float:right; width:300px;}
.sliderbt { position:absolute; z-index:100; right:10px; bottom:10px;}
button { font-size:2px; line-height:2px; width:15px; height:15px; display:inline-block; cursor:pointer; background:#fff; border:#b3b3b3 1px solid;  border-radius : 15px;  -moz-border-radius : 15px;  -webkit-border-radius : 15px; color:#fff; margin:0 10px 0 0;}
.sliderbt.one button.slider-one, .sliderbt.two button.slider-two, .sliderbt.three button.slider-three {
	background:#525252; border:#525252 1px solid;  color:#525252;}
	
	
h4.green.mgset {
    padding-bottom: 3px !important;
}
.entry-content p {
    font-size: 16px;
    line-height: 24px;
}

	
/* カスタマイズ */	
body { background: none;}
.wrapper {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
header {
    position: relative;
    width: 1000px;
    overflow: hidden;
}
nav#access {
    position: relative;
	width:100%;
    margin: 0 auto;
	text-align:center;
}

h4.green.mgset {
    padding-bottom: 3px !important;
}

ul.root { }
ul.root li { float:none !important;}
ul.root li a { background:none; width:165px; height:22px !important; display:block; padding:10px 0 !important; margin-bottom:10px; text-align:center; border-right: #ccc 1px solid; color:#333 !important; font-size:16px !important;}
ul.root li:first-child a { border-left: #ccc 1px solid; padding-left:2px !important;}
ul.root li a:hover { color:#109988 !important; text-decoration:underline; background:#f2fff2;}

.contacthead a {
    width: 287px;
    height: 80px;
}
.container { max-width:1000px; width:1000px;}
	.contacthead {
    right: 0;
}
#main_img {
    width: 1000px;
}
.news_area {
    background-size: 1000px;
}
.news_area dl {
    width: 248px;
}
.pickup_area h2, .pickup_area .line {
    width: 320px;
}
.pickup_area p { font-size:16px; line-height:30px;}
.pickup_area .line { height:410px;}
.pickup_area a { font-size:16px; line-height:30px;}

footer .container {
    width: 100%;
}