@charset "UTF-8";
/*

******カラーコード基本******

キーカラー：#339933

*/


/*テキスト系-------------*/


.title01{
	font-size:1.2em;
	height:50px;
	line-height:45px;
	overflow:hidden;
	font-weight:bold;
	padding-left:20px;
	background:url(../img/second/title01_bg.jpg) no-repeat;
	position:relative;
	margin-bottom:20px;
}
	.title01 span{
		display:block;
		position:absolute;
		top:15px;
		left:20px;
		font-size:10px;
		font-weight:normal;
		color:#339933;
	
	}
	
.title01_02 {
	font-size:1.2em;
	height:50px;
	line-height:45px;
	overflow:hidden;
	font-weight:bold;
	padding-left:20px;
	background:url(../img/second/title01_bg02.jpg) no-repeat;
	position:relative;
	margin-bottom:20px;
}
	.title01_02 span{
		display:block;
		position:absolute;
		top:15px;
		left:20px;
		font-size:10px;
		font-weight:normal;
		color:#f9622d;
	
	}
	
.title02{
	font-size:1.2em;
	height:40px;
	line-height:45px;
	overflow:hidden;
	font-weight:bold;
	padding-left:20px;
	background:url(../img/second/title02_bg.jpg) no-repeat;
	margin-bottom:20px;
}
.title03{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2;
	padding-left:20px;
	background:url(../img/second/title03_bg.jpg) no-repeat;
	margin-bottom:20px;
}
.title04{
	font-size:1.2em;
	background:#d6ebd6;
	padding:8px 10px;
	margin-bottom:20px;
}

.lead{
	font-weight:bold;
	font-size:1.1em;
}


/*リスト系-------------*/


/*点なし*/
.listPlane {
	margin-bottom:1em;
}
	.listPlane li{
		line-height:1.2;
		margin-bottom:.5em;
	}
/*点あり*/
.listDoted {
	margin-bottom:1em;
}
	.listDoted li{
		list-style: inside disc;
		margin-left:.9em;
		text-indent:-.9em;
		line-height:1.2;
		margin-bottom:.5em;
	}
/*連番*/
.listNumber {
	margin-bottom:1em;
}
	.listNumber li{
		list-style: inside decimal;
		margin-left:1.1em;
		text-indent:-1.15em;
		line-height:1.2;
		margin-bottom:.5em;
	}
/*矢印*/
.listArrows {
	margin-bottom:1em;
}
	.listArrows li{
		line-height:1.2;
		padding-left:10px;
		background: url(../img/common/listmark01.gif) 0 .35em no-repeat;
		margin-bottom:.5em;
	}
/*定義*/
.dl01 dt{
	line-height:1.2;
	font-weight:bold;
	margin-bottom:.75em;
}
	.dl01 dd{
		line-height:1.4;
		margin-bottom:1em;
	}
	
/*ボックス*/
.box-gry,
.box-clm,
.box-wht{
    border-radius: 3px;
	padding:10px 10px 0 10px;
	border:1px solid #eee;
	margin-bottom:10px;
}
.box-gry{background:#f5f5f5;}
.box-clm{background:#fbf9f3;}
.box-wht{background:#fff;}


/*テーブル系-------------*/


.table01{
	width:100%;
	table-layout:fixed;
	border-spacing: 0;
	border-collapse: collapse;
	border-top:1px dotted #ccc;
}
	.table01 th,
	.table01 td{
		padding:1em;
		line-height:1.4;
		vertical-align:middle;
		border-bottom:1px dotted #ccc;
	}
	.table01 th{
		font-weight:bold;
		background:#f8f8f8;
	}
	.table01 thead th{
		font-weight:bold;
		background: #E8E8E8;
		background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%);
	}


/*ナビゲーションリスト-------------*/


.navList{
	margin-bottom:10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.navList li.title{
	font-weight:bold;
	line-height:1.2;
	padding:13px 10px;
	
	border:1px solid #eee;
	border-radius:3px 3px 0 0;
	
	background: #E8E8E8;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
	
	text-shadow:0 1px 0 #fff;
}
.navList a{
	position:relative;
	color: #333;
	display:block;
	line-height:1.2;
	text-decoration:none;
	padding:13px 10px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
.navList li:first-child a{border-top:1px solid #eee; border-radius:3px 3px 0 0;}
.navList li:last-child  a{ border-radius: 0 0 3px 3px;}
.navList a small{ font-size:0.8em;}
.navList a:hover{background:#f7f7f7;}
.navList li.selected a{background:#1d85ca; color:#fff;}
.navList a:after{
	content:"5";
	font-family: 'ElegantIcons';
	color:#ccc;
	font-size:20px;
	line-height:20px;
	position:absolute;
	right:5px;
	top:30%;
}


/*イベントリスト用に調整*/
.eventList a{
	padding-right:30px;
}
.eventList a span{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	font-size:12px;
}
.eventList li:nth-child(2n) a{
	background:#f7f7f7;
}



/*ページャー-------------*/


#pageNavi{
	font-size:11px;
	padding-bottom:20px;
	}
#pageNavi .pages,
#pageNavi .current,
#pageNavi .extend,
#pageNavi a{
	display:block;
	float:left;
	margin:0 3px 3px 0;
	color:#339933;
	padding:3px 12px;
	line-height:20px;
	text-decoration:none;
	border:1px solid #339933;
}
#pageNavi previouspostslink,
#pageNavi nextpostslink{
	display:block;
	float:left;
	margin-left:3px;
}
	/*hover*/
	#pageNavi .pages,
	#pageNavi .current,
	#pageNavi a:hover {
		color:#fff;
		background:#339933;
	}
	#pageNavi:before,
	#pageNavi:after {
		content:"";
		display:block;
		overflow:hidden;
	}
	#pageNavi:after {clear:both;}
	#pageNavi {zoom:1;}



/*************************************************
 よく使うプラグインとスタイルセット
**************************************************/
 
 
/*アコーディオン
---------------------------------------*/
.accordion .toggle{
	padding:10px 40px 10px 10px;
	border:1px solid #ddd;
	border-radius:3px;
	margin-bottom:5px;
	cursor:pointer;
	background:url(../img/common/ico_down.png) 98% 50% no-repeat;
}
/*展開中*/
.accordion .toggle:hover{background-color:#f0f0f0;}
.accordion .active {background:url(../img/common/ico_up.png) 98% 50% no-repeat #f0f0f0;}


/*タブ
---------------------------------------*/
.tabsPlaneStyle {
	border-bottom:1px solid #ddd;
}
.tabsPlaneStyle li{
	float:left;
	margin-right:5px;
}
.tabsPlaneStyle li a{
	text-decoration:none;
	color:#333;
	display:block;
	padding:10px;
	text-align:center;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-radius: 3px 3px 0 0;
	background:#eee;
}
/*展開中*/
.tabsPlaneStyle li a:hover{background:#fff;}
.tabsPlaneStyle li.selected a{
	background:#fff;
}

/*中身*/
.tabContentPlane{
	padding:10px;
}
 


/*ボタン
---------------------------------------*/


/*基本設定*/
.btn {
  display: inline-block;
  position:relative;
  padding:4px 12px;
  margin: 0;
  font-size: 13px;
  line-height:20px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  text-decoration:none !important;
  border-radius:3px;
  font-style:normal;
  font-weight:normal;
  box-shadow:inset 0 -2px 0px rgba(0,0,0,.1);
  /* IE7 hack */
  *display: inline;
  *zoom: 1;
  *border: 0;
  *margin-left: .3em;
}
/*hover & focus*/  
.btn:hover,
.btn:focus{
	text-decoration:none;
	opacity:.75;
	filter: alpha(opacity=75);
	transition: opacity 0.3s ease;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
}

/*aタグ以外で使った時の調整*/

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *zoom: 1;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

/*死んでる状態*/

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background: #eee;
  opacity: 0.5;
  filter: alpha(opacity=5);
}

/*サイズセット*/

.btn-mini {
	padding: 0 5px;
	font-size: 10.5px;
}
.btn-small {
	padding: 2px 10px;
	font-size: 11.9px;
}
.btn-large {
	padding: 8px 20px;
	font-size: 17.5px;
}
.btn-block {
	display: block;
	width: 100%;
	padding: 8px 0;
	font-size: 17.5px;
}

/*色関連*/

/*基本（灰）*/
.btn{
	color:#333 !important;
	border:1px solid #ddd;
	background: #f0f0f0;
}

/*赤*/
.btn-red{
	color:#fff !important;
	border:1px solid  rgba(0,0,0,.1);
	background: #ec4536;
}

/*青*/
.btn-blu{
	color:#fff !important;
	border:1px solid  rgba(0,0,0,.1);
	background: #1d85ca;
}

/*緑*/
.btn-grn{
	color:#fff !important;
	border:1px solid  rgba(0,0,0,.1);
	background: #3c9f31;
}

/*黄*/
.btn-yel{
	color:#fff !important;
	border:1px solid  rgba(0,0,0,.1);
	background: #fcbd25;
}

/*黒*/
.btn-blk{
	color:#fff !important;
	border:1px solid  rgba(0,0,0,.1);
	background: #666666;
}

/*グループ化*/
.btn:first-child {
  *margin-left: 0;
}
.btn-group {
  position: relative;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  /* IE7 hack */
  *display: inline;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
  border-radius:0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child{
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
 


/*フォーム
---------------------------------------*/

/*！teble01に上書き！*/
.formTbl th,
.formTbl td{
	padding:1.25em;
	line-height:1.4;
	vertical-align:middle;
	border:1px solid #ddd;
}
.formTbl th{
	width:35%;
	font-weight:bold;
	background:#f5f5f5;
	text-align:left;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.formTbl th.hissu{
	background-image:url(../img/second/ico_hissu.gif);
	background-position: 95% 50%;
	background-repeat:no-repeat;
}
.formTbl td span{
	font-size:11px;
	color:#aaa;
}
/*プライバシー*/
.privacy {}
.privacy li{
	list-style:  decimal outside;
	line-height:1.6;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px dotted #ddd;
}
/*フォームの下*/
.privacyBox{
	text-align:left;
	padding:10px;
	font-size:11px;
	background:#fff;
	border:1px solid #ddd;
	height:200px;
	overflow-y:scroll;
	margin-bottom:15px;
}

/* size */
.input-w50  {width: 50px;}
.input-w100 {width: 100px;}
.input-w150 {width: 150px;}
.input-w200 {width: 200px;}
.input-w250 {width: 250px;}
.input-w500 {width: 500px;}
.input-block{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/* input & textarea */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	padding: 4px 8px;
	font-size: 13px;
	line-height: 1.4;
	color: #333;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025);
	transition: border linear .2s, box-shadow linear .2s;
}
	/* :focus */
	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
		border-color: rgba(82, 168, 236, 0.8);
		outline: 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	}

/* select */
select , input[type="file"] {
	height: 20px;
	line-height: 20px;
}
select[multiple] , select[size] {height: auto;}

/* label */
label{cursor:pointer;}

/* checkbox & radio */
input[type="checkbox"],
input[type="radio"]   {
	vertical-align: text-top;
}
 

/*テキスト入力とくっついたボタン*/
.feedAndBtn {
	overflow:hidden;
	margin-bottom:10px;
}
.feedAndBtn input[type="text"],
.feedAndBtn input[type="number"],
.feedAndBtn input[type="search"],
.feedAndBtn input[type="tel"]{
	width:75%;
	*width:74%;
	float:left;
	border-radius: 3px 0 0 3px;
	height:35px;
}
.feedAndBtn button,
.feedAndBtn html input[type="button"],
.feedAndBtn input[type="reset"],
.feedAndBtn input[type="submit"] {
	width:25%;
	*width:24%;
	height:35px;
	border-radius: 0 3px 3px 0;
	margin-left:-1px;
}
/*エラーメッセージ1行版*/
.errorBox{
	display:block;
	color:#e00;
	border:2px solid #e00;
	text-align:center;
	padding:10px;
	background:#fff;
	margin-bottom:10px;
}
/*ボタンエリア*/
.btnArea{
	text-align:center;
	padding:20px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
	margin:20px 0;
}


/*ソーシャルボタン
---------------------------------------*/


.snsBtn{
	padding:5px 10px;
	background:#f5f5f5;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-bottom:10px;
}
/*cf*/
.snsBtn:before,.snsBtn:after {content:"";display:block;overflow:hidden;}.snsBtn:after{clear:both;}.snsBtn {zoom:1;}

/*buttons*/
.fb-like,
.twitter,
.g-plusone{
	float:left;
}
.fb-like{width:80px;}
.twitter{width:80px;}
.g-plusone{width:80px;}


/*******************************
CMS記事生成時のスタイルリセット　
<div id="#cmsContent">～</div>
*******************************/

/*wrapper*/
#cmsContent{
}
	#cmsContent:before,
	#cmsContent:after {
		content:"";
		display:block;
		overflow:hidden;
	}
	#cmsContent:after {clear:both;}
	#cmsContent {zoom:1;}

/* headlines */
#cmsContent h1{
	font-size:2em;
	margin-bottom:0.8em;
	line-height:1.2em;
}
#cmsContent h2{
	font-size:1.75em;
	margin-bottom:0.8em;
	line-height:1.2em;
}
#cmsContent h3{
	font-size:1.5em;
	margin-bottom:0.8em;
	line-height:1.2em;
}
#cmsContent h4{
	font-size:1.25em;
	margin-bottom:0.8em;
	line-height:1.2em;
}
#cmsContent h5, h6{
	font-weight:bold;
	font-size:1em;
	margin-bottom:0.8em;
	line-height:1.4em;
}

/* lists */
#cmsContent ul{
	margin-bottom:1.8em;
	list-style:disc;
}
#cmsContent ol {
	margin-bottom:1.8em;
	list-style: decimal;
}
#cmsContent li{
	line-height:1.4;
	margin-left: 30px;
}
#cmsContent li ul li,
#cmsContent li ol li{
	font-size:1em;
	margin-left: 20px;
}
#cmsContent li ul,
#cmsContent li ol{
	margin-bottom:0;
}
/* quotes */
#cmsContent blockquote {
	font-family: Georgia, 'Times New Roman', 'Liberation Serif', 'Nimbus Roman No9 L', serif;
	font-size:1.5em;
	line-height:1.2em;
	padding-left:15px;
	border-left:5px solid #ccc;
	margin-bottom:1.2em;
}
#cmsContent blockquote cite {
	display: block;
	margin-top: 1.2em;
}

/* pre */
#cmsContent pre {
	font-family: 'Courier New', 'Liberation Mono', FreeMono, serif;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/* table */
#cmsContent table {
	font-size:1em;
	border:1px solid #CCC
	margin-bottom:1.8em;
}
#cmsContent table caption{
	text-align:left;
	font-weight:bold;
	margin-bottom:.75em;
}
#cmsContent table th{
	background:#F5F5F5;
	text-align:center;
	font-weight:bold;
}
#cmsContent table th,
#cmsContent table td{
	border:1px solid #CCC;
	padding: 0.75em;
}

/* hr */
#cmsContent hr{
	clear:both;
	display:block;
	height:1px;
	background:#CCC;
	margin:1em 0;
	border:none;
}

/* em & strong */
#cmsContent em{font-style:italic !important; color:#333;}
#cmsContent strong{ font-weight:bold !important; color:#333;}

/* float */
#cmsContent .floatLeft{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
#cmsContent .floatRight{
	float:right;
	margin-left:10px;
	margin-bottom:1em;
}



