@charset "utf-8";

/* ////////////////////////////////////////////
 *                 RESET
 * //////////////////////////////////////////// */

/* clearfix
------------------------------------------*/
.clear{ clear: both; }
.clearfix:before,
.clearfix:after{ content: ""; display: table; }
.clearfix:after{ clear: both; }
.clearfix { zoom: 1; }

/* base
------------------------------------------*/
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #444;
    font-size: 13px;
    line-height: 1.6;
	font-family: Helvetica, HiraKakuProN-W3, sans-serif;
	word-break: break-all;
	-webkit-text-size-adjust: none;
}
a{ color: #3b6da0; text-decoration: none; }

img{ vertical-align: bottom;}

/* web font (font-sizeは、14px, 28px, 42px, 56px, 70px, 98pxだときれいに表示される)
------------------------------------------*/
.fa{
	font-size: 14px;
	vertical-align: middle;
}

/* general class
------------------------------------------*/
/* radius */
.bradius5{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* text-shadow */
.tshadow01{
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* gradient */
.gradient01{
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.2)),
		color-stop(50%, rgba(255, 255, 255, 0.1)),
		color-stop(51%, rgba(0, 0, 0, 0.0)),
		color-stop(100%, rgba(0, 0, 0, 0.1))
	);
	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.25),
		0 2px 2px 0 rgba(0, 0, 0, 0.15),
		0 -1px 0 0 rgba(0, 0, 0, 0.25);
}
.gradient02{
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.15)),
		color-stop(100%, rgba(0, 0, 0, 0.15))
	);
	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.2),
		0 2px 2px 0 rgba(0, 0, 0, 0.15),
		0 -1px 0 0 rgba(0, 0, 0, 0.2);
}

/* frame
------------------------------------------*/
header{
	background: #fff;
	border-top: #077051 5px solid;}
header h1{
	float: left;
	padding: 0 0 1px 0;
}
#home header h1{
	float: none;
	margin: 0;
	text-align: center;
}
header .home-btn{
	float: right;
	margin: 15px 10px 0 0;
}
header .home-btn a{
	display: inline-block;
	padding: 6px 12px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #1ead7f;
}
header .gnav{
	margin: 0 10px 10px 10px;
	text-align: center;
	background-color: #1ead7f;
}
header .gnav li{
	display: inline-block;
	padding: 8px 0;
	width: 33%;
	-webkit-box-shadow:
		inset 1px 0 0 0 rgba(255, 255, 255, 0.35),
		inset -1px 0 0 0 rgba(0, 0, 0, 0.25);
}
header .gnav li:first-child{
	-webkit-box-shadow:
		inset -1px 0 0 0 rgba(0, 0, 0, 0.25);
}
header .gnav li:last-child{
	-webkit-box-shadow:
		inset 1px 0 0 0 rgba(255, 255, 255, 0.35);
}
header .gnav li a{
	display: block;
	margin: 0 5px;
	color: #fff;
	font-weight: bold;
}
header .mainvisual{
	padding: 0 10px 10px 10px;
	text-align: center;
}
#slideshow{
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
#slideshow li{
	width: 100%;
	opacity: 0;
}
#slideshow li:first-child{
	position: relative;
}
#slideshow li img{
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.banner{
	padding: 10px 10px 0 10px;
	background: #444;
}
.banner ul li{
	padding: 0 0 10px 0;
	text-align: center;
}
.banner ul li img{
	max-width: 100%;
}

nav .nav-title{
	padding: 8px 10px;
	color: #fff;
	font-size: 15px;
	background-color: #1ead7f;
}
nav ul{
	background: #f0f0f0;
}
nav ul li a{
	display: block;
	color: #444;
}
nav ul li span{
	display: block;
	padding: 5px 10px;
	color: #444;
	font-size: 12px;
	border-top: #fff 1px solid;
	border-bottom: #ccc 1px solid;
}
nav ul li li span{
	padding: 5px 10px 5px 20px;
}
nav ul li li li span{
	padding: 5px 10px 5px 30px;
}
nav ul li span a{
	background: url(/images/sphone/nav-btn.gif) no-repeat right 50%;
	-webkit-background-origin: content-box;
	-webkit-background-size: 6px 9px;
}
footer{
	background-color: #fff;
}
.footer-icon{
	padding: 12px 0 0 0;
	text-align: center;
}
.footer-icon li{
	display: inline-block;
	margin: 0 3px 8px 3px;
}
.footer-icon li a{
	color: #444;
	font-size: 11px;
}
.footer-icon li a img{
	display: block;
}
.footer-about{
	color: #fff;
	font-size: 11px;
	text-align: center;
	background-color: #077051;
}
.footer-about a{
	color: #fff;
}
footer .information{
	padding: 10px;
	font-size: 11px;
	text-align: left;
}
footer .fnav{
	margin: 0 0 10px 0;
	text-align: center;
}
footer .fnav li{
	display: inline;
	margin: 0 5px;
}
footer .fnav a{
	display: inline-block;
	padding: 6px 12px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #1ead7f;
}
footer .copyright{
	padding: 5px 0;
	border-top: #398D74 1px solid;
}
footer .script{
	height: 0;
	overflow: hidden;
}

/* googlemap */
.googlemap{
	width: 100%;
	height: 150px;
}

/* etc
------------------------------------------*/
.information-area{
}
.information{
}
.information-title{
	margin: 0 0 10px 0;
	padding: 8px 10px;
	color: #fff;
	font-size: 15px;
	background-color: #1ead7f;
}
.information-once{
	padding: 0 10px 10px 10px;
	background: #fff;
}
.information-img{
	float: left;
	margin: 0 10px 0 0;
}
.information-img img{
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.information-date{
	color: #888;
	font-size: 11px;
}
.information-subtitle a{
	color: #444;
	font-weight: bold;
}
.information-btn{
	padding: 0 10px;
	text-align: right;
	border-top: #ccc 1px solid;
}
.information-btn a{
	display: inline-block;
	padding: 5px 20px 5px 0;
	color: #444;
	font-size: 12px;
	background: url(/images/sphone/nav-btn.gif) no-repeat right 50%;
	-webkit-background-size: 6px 9px;
}

.page-title{
	padding: 8px 10px;
	color: #fff;
	font-size: 15px;
	background-color: #1ead7f;
}
.entry-title{
	padding: 5px 10px;
	color: #444;
	font-size: 14px;
	background-color: #fff;
}
.entry-title a{
	color: #444;
}
.entry-meta-area{
	margin: 0 10px 10px 10px;
	font-size: 11px;
}
.bookmarks{
}
.bookmarks .bookmarks-btn{
	float: left;
	display: inline;
	margin: 0 5px 0 0;
}
.bookmarks .twitter{
	margin: 0 5px 0 0;
}
.entry-meta{
}
.entry-body{
	padding: 10px;
}
.entry-img{
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100%;
}
.entry-body h3{
	clear: both;
	margin: 10px 0;
	padding: 0 0 0 5px;
	font-size: 15px;
	font-weight: bold;
	border-left: #1ead7f 5px solid;
	border-bottom: #ccc 1px dotted;
}
.entry-body h4{
	clear: both;
	margin: 10px 0;
	border-bottom: #ccc 1px solid;
}
.entry-body h5{
	clear: both;
	margin: 10px 0;
	font-weight: bold;
}
.entry-body p{
	margin: 0 0 10px 0;
}
.entry-body strong{
	font-weight: bold;
}
.entry-body ol{
	margin: 0 0 20px 0;
}
.entry-body ol li{
	margin: 0 0 0 25px;
	list-style: outside decimal;
}
.entry-body ul{
	margin: 0 0 20px 0;
}
.entry-body ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}
.entry-body ul li ul{
	margin: 0 0 15px 0;
}
.entry-body ul li ul li{
	margin: 0 0 0 20px;
	list-style: outside circle;
}
.entry-body table.table01{
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.entry-body table.table01 th{
	padding: 5px;
	width: 20%;
	background: #f0f0f0;
	border: #ccc 1px solid;
}
.entry-body table.table01 td{
	padding: 5px;
	border: #ccc 1px solid;
}
.entry-body img{
	max-width: 100%;
	height: auto;
}

.category-image{
	float: left;
	margin: 0 10px 0 0;
}
.category-description{
	overflow: hidden;
}
.category-more{
	margin: 10px -10px -10px -10px;
	padding: 0 10px;
	text-align: right;
	border-top: #ccc 1px solid;
}
.category-more a{
	display: inline-block;
	padding: 5px 20px 5px 0;
	color: #444;
	font-size: 12px;
	background: url(/images/sphone/nav-btn.gif) no-repeat right 50%;
	-webkit-background-size: 6px 9px;
}

.gallery-list-img{
	text-align: center;
}
.jCarousel-container{
	padding: 10px 0 0 0;
}
.jCarousel{
	margin: 0 auto;
	text-align: center;
}
.jCarousel ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.prev-next-btn{
	margin: 0 10px 15px 10px;
	text-align: center;
}
.prev-btn,
.next-btn{
	display: inline-block;
	width: 48%;
}
.prev-btn a,
.next-btn a{
	display: block;
	padding: 6px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.2)),
		color-stop(50%, rgba(255, 255, 255, 0.1)),
		color-stop(51%, rgba(0, 0, 0, 0.0)),
		color-stop(100%, rgba(0, 0, 0, 0.1))
	);
	-webkit-box-shadow:
		inset 0 2px 0 0 rgba(255, 255, 255, 0.25),
		inset 0 0 0 1px rgba(0, 0, 0, 0.35);
	background-color: #1ead7f;
}
.prev-next-btn div a:last-child{
	margin: 0 0 0 1px;
}

/* pagination */
.pagination{
	margin: 0 10px 10px 10px;
	text-align: center;
}

/* comment, trackbacks */
.entry-comment{
	padding: 10px;
}
.entry-comment h2{
	margin: 0 0 5px 0;
	font-size: 14px;
}
#comment-nav{
	margin: 0 0 10px 0;
	list-style: none;
	zoom: 1;
}
#comment-nav:after{
	content: "";
	display: block;
	clear: both;
}
#prev-comments{
	float: left;
}
#next-comments{
	float: right;
}

.trackbacks{
	margin: 0 0 20px 0;
}
.trackbacks-info{
	font-size: 12px;
}
.comments{
}
.comments .asset-meta{
	border-bottom: #ccc 1px solid;
}
.comments p{
	margin: 0 0 0.8em 0;
}
#comments-form label{
	display: block;
	font-weight: bold;
}
#comments-form label span{
	padding: 0 0 0 3px;
	font-weight: normal;
}
#comments-form label span{
}
#comments-form #comment-bake-cookie{
	margin: 10px 0 15px 0;
	width: auto;
}
#comments-form #comment-form-remember-me label{
	display: inline;
}
#comment-form-reply{
	margin: 0 0 5px 0;
}
#comment-form-reply #comment-reply,
#comment-form-reply #comment-reply-label{
	display: inline;
	font-weight: normal;
}
#comments-open-data input,
#comments-form textarea,
#captcha_code{
	margin: 0 0 10px 0;
	padding: 5px;
	width: 100%;
	border: #ccc 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #eee;
	-moz-box-shadow: inset 0 1px 0 0 #eee;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#comments-open-footer{
	margin: 0 0 20px 0;
}

#captcha_code{
	margin: 5px 0;
	width: 30%;
}


/* ////////////////////////////////////////////
 *                 DMANAGER
 * //////////////////////////////////////////// */

 /* forms
------------------------------------------*/
.cf-form{
}
.cf-form-header{
	margin: 0 0 10px 0;
}
.cf-form-main{
}
.cf-form-main p{
	margin: 0;
}
.cf-form-once{
	padding: 10px 0;
	border-top: #ccc 1px solid;
}
.cf-form-once-title{
	font-size: 14px;
	font-weight: bold;
}
.cf-form-once-title span{
	padding: 0 0 0 2px;
	color: #f00;
}
.cf-form-once-title p.summary{
	font-size: 11px;
	font-weight: normal;
}
.cf-form-once-body{
}
.cf-form-once-body p.comment{
	font-size: 11px;
	font-weight: normal;
}
.cf-form-btnarea{
	padding: 0 0 10px 0;
	text-align: center;
}
.cf-form-btnarea div{
	display: inline;
	margin: 0 5px;
}
.cf-form-btnarea div input{
	padding: 6px 12px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.2)),
		color-stop(50%, rgba(255, 255, 255, 0.1)),
		color-stop(51%, rgba(0, 0, 0, 0.0)),
		color-stop(100%, rgba(0, 0, 0, 0.1))
	);
	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.25),
		0 2px 2px 0 rgba(0, 0, 0, 0.15),
		0 -1px 0 0 rgba(0, 0, 0, 0.25);
	background-color: #1ead7f;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.cf-error{
	color: #f00;
	font-size: 11px;
}
.cf-input-text,
.cf-textarea,
.cf-input-name,
.cf-input-mail,
.cf-input-tel,
.cf-input-zip,
.cf-input-address,
.cf-input-y,
.cf-input-get{
	margin: 0 0 3px 0;
	padding: 5px;
	width: 100%;
	border: #ccc 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #eee;
	-moz-box-shadow: inset 0 1px 0 0 #eee;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cf-input-text{
	width: 100%;
}
.cf-textarea{
	width: 100%;
	height: 150px;
}
.cf-select{
	margin: 0 0 3px 0;
}
.cf-input-name{
	width: 30%;
	margin: 0 5px 0 0;
}
.cf-input-mail{
	width: 70%;
	ime-mode: disabled;
}
.cf-input-tel,
.cf-input-zip,
.cf-input-y{
	width: 20%;
	ime-mode: disabled;
}
.cf-input-address{
	width: 70%;
}
.cf-zip-link{
	margin: 0 0 0 5px;
}
.cf-label-radio,
.cf-label-checkbox{
	margin: 0 5px 0 0;
}
.cf-input-radio,
.cf-input-checkbox{
	margin: 0 2px 0 0;
}
.cf-input-get{
	width: 80%;
}

.dm-members .entry-title{
	padding: 5px 10px;
	color: #444;
	font-size: 14px;
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.15)),
		color-stop(100%, rgba(0, 0, 0, 0.15))
	);
	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.2),
		0 2px 2px 0 rgba(0, 0, 0, 0.15),
		0 -1px 0 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.dm-members .flash-error{
	margin: 0 0 10px 0;
	color: #f00;
}
.dm-members .error-message{
	color: #f00;
	font-size: 11px;
}

.member-login-form .text input,
.member-login-form .password input,
.member-add-form .text input,
.member-add-form .password input{
	margin: 0 0 10px 0;
	padding: 5px;
	width: 100%;
	border: #ccc 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #eee;
	-moz-box-shadow: inset 0 1px 0 0 #eee;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.member-login-form label{
	font-weight: bold;
}
.member-login-form .submit,
.member-add-btn{
	text-align: center;
}
.member-login-form .submit input,
.member-add-btn input{
	margin: 0 3px 20px 3px;
	padding: 6px 12px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.2)),
		color-stop(50%, rgba(255, 255, 255, 0.1)),
		color-stop(51%, rgba(0, 0, 0, 0.0)),
		color-stop(100%, rgba(0, 0, 0, 0.1))
	);
	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.25),
		0 2px 2px 0 rgba(0, 0, 0, 0.15),
		0 -1px 0 0 rgba(0, 0, 0, 0.25);
	background-color: #1ead7f;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.member-login-form-forgot{
	font-size: 11px;
}
.member-terms-textarea{
	margin: 0 0 10px 0;
	width: 100%;
	height: 200px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.member-add-form table{
	margin: 0 0 20px 0;
	width: 100%;
	border: #ccc 1px solid;
}
.member-add-form table tr{
	border-bottom: #ccc 1px solid;
}
.member-add-form table th{
	padding: 8px;
	width: 30%;
	font-weight: normal;
	text-align: left;
}
.member-add-form table th span{
	color: #f00;
}
.member-add-form table th p{
	font-size: 11px;
}
.member-add-form table td{
	padding: 8px;
}
.member-add-form table td p{
	font-size: 11px;
}

/* ////////////////////////////////////////////
 *                 JAVASCRIPT
 * //////////////////////////////////////////// */

#modal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#modal-inner{
	position: relative;
	width: 100%;
	height: 100%;
}
#modal-inner .modal-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}
#modal-inner .modal-body{
	display: box;
	display: -webkit-box;
	display: -moz-box;
	box-align: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1001;
}
#modal-inner .modal-body img{
	max-width: 100%;
	max-height: 100%;
}