@charset "UTF-8";

/*

******カラーコード基本******

キーカラー：デザインに応じる

*/

/*パンくず-------------*/

.pankuzu {
	background:#f0f0f0;
	line-height:30px;
	height:30px;
	width:100%;
	overflow:hidden;
}
	.pankuzu li{
		display:inline-block;
		*display: inline;
		*zoom: 1;
		font-size:10px;
		color:#666;
		white-space:nowrap;
		line-height:1.2;
	}
	.pankuzu li a{
		padding-right:5px;
	}
	.pankuzu li a:after{
		content:">";
		text-decoration:none;
		color:#999;
	}

/*ページトップボタン-------------*/

#pagetop{
	position:fixed;
	right:20px;
	bottom:20px;
}
#pagetop:hover{
	bottom:25px;
	transition: bottom 0.3s ease;
}
	#pagetop a img{opacity:.5}
	#pagetop a:hover img{
		opacity:1;
		transition: opacity 0.3s ease;
	}
	
	
/*テキスト系-------------*/

.title01{
	font-size:2em;
	margin:1em 0;
}
.title02{
	font-size:1.75em;
	margin:1em 0;
}
.title03{
	font-size:1.5em;
	margin:1em 0;
}
.title04{
	font-size:1.25em;
	margin:1em 0;
}

.lead{
	font-size:1.2em;
}

/*リスト系-------------*/

/*点なし*/

.listPlane {
	margin-bottom:1em;
}
	.listPlane li{
		line-height:1.4;
		margin-bottom:.5em;
	}
	
/*点あり*/
.listDoted {
	margin-bottom:1em;
}
	.listDoted li{
		list-style: inside disc;
		margin-left:1em;
		text-indent:-1em;
		line-height:1.4;
		margin-bottom:.5em;
	}
	
/*連番*/
.listNumber {
	margin-bottom:1em;
}
	.listNumber li{
		list-style: inside decimal;
		margin-left:1.2em;
		text-indent:-1.25em;
		line-height:1.4;
		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-wht,
.box-gry,
.box-red,
.box-blu,
.box-yel{
	padding:1em 1em 0 1em;
	border-radius: 3px;
	border:1px solid #ddd;
	border:1px solid rgba(0,0,0,0.1);
	margin-bottom:1em;
}
.box-wht{ background:#ffffff;}
.box-gry{ background:#f5f5f5;}
.box-red{ background:#fef1f4;}
.box-blu{ background:#eaf7fa;}
.box-yel{ background:#fcf8e3;}

/*テーブル系-------------*/

.table01{
	width:100%;
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
	.table01 th,
	.table01 td{
		padding:.75em;
		line-height:1.4;
		border:1px solid #ddd;
		vertical-align:middle;
	}
	.table01 th{
		font-weight:bold;
		background:#f0f0f0;
		text-shadow:1px 1px 0 #fff;
	}
	.table01 td{
		background:#fff;
	}
	.table01 thead th{
		font-weight:bold;
		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%);
	}


/*ナビゲーションリスト-------------*/

.navList{
}
.navList li{
	background:#fff;
}
.navList li.title{
	font-weight:bold;
	line-height:1.2;
	padding:13px 10px;
	border:1px solid #ddd;
	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;
	display:block;
	line-height:1.2;
	text-decoration:none;
	padding:13px 10px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.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:#f7f7f7; color:#666;}
.navList a:after{
	content:"\00226b";
	color:#ccc;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	position:absolute;
	right:5px;
	top:30%;
}

/*ページャー-------------*/

.pagination {
	text-align:center;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	border-radius: 3px;
}
.pagination ul > li {display: inline;}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 10px 13px;
	line-height: 20px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .current > a,
.pagination ul > .current > span {
	background-color: #f5f5f5;
}
.pagination ul > .current > a,
.pagination ul > .current > span {
	color: #333;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #ccc;
	cursor: default;
	background-color: transparent;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/*ページャー（Wordpress用）-------------*/

.pageNavi{
	font-size:11px;
	text-align:center;
}
.pageNavi .pages,
.pageNavi .current,
.pageNavi .extend,
.pageNavi a{
	display:inline-block;
	color:#aaa;
	padding:5px 12px;
	line-height:20px;
	text-decoration:none;
	border:1px solid #aaa;
	margin:0 3px 5px 0;
}
.pageNavi .previouspostslink,
.pageNavi .nextpostslink{
}
/*hover*/
.pageNavi .pages,
.pageNavi .current,
.pageNavi a:hover {
	color:#fff;
	background:#aaa;
}


/*************************************************
 よく使うプラグインとスタイルセット
**************************************************/
 
 
/*アコーディオン
---------------------------------------*/
.accordion .toggle{
	position:relative;
	cursor:pointer;
	border-radius:3px;
	border:1px solid #ddd;
	line-height:1.4;
	padding:10px 40px 10px 10px;
	background:#fff;
	margin-bottom:10px;
}
.accordion .toggle:after{
	font-family: 'FontAwesome';
	content: "\f067";
	color:#ccc;
	font-size:14px;
	position:absolute;
	right:10px;
	top:10px;
}
/*hover & active*/
.accordion .toggle:hover,
.accordion .active {
	background:#eee;
}
.accordion .active:after{
	font-family: 'FontAwesome';
	content: "\f068";
	color:#ccc;
	font-size:14px;
	position:absolute;
	right:10px;
	top:10px;
}

/*タブ
---------------------------------------*/
.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:#fff;
}
/*hover & active*/
.tabsPlaneStyle li a:hover,
.tabsPlaneStyle li.selected a{
	background:#eee;
}
/*中身*/
.tabContentPlane{
	padding:10px 0;
}
 
/*ツールチップ
---------------------------------------*/

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 9px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.3s ease;
}
	.tooltip.top {
	  padding: 5px 0;
	  margin-top: -3px;
	}
	
	.tooltip.right {
	  padding: 0 5px;
	  margin-left: 3px;
	}
	
	.tooltip.bottom {
	  padding: 5px 0;
	  margin-top: 3px;
	}
	
	.tooltip.left {
	  padding: 0 5px;
	  margin-left: -12px;
	}
	
.tooltip-inner {
  max-width: 250px;
  padding: 5px;
  color: #ffffff;
  font-size:9px ;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
	.tooltip.top .tooltip-arrow {
	  bottom: 0;
	  left: 50%;
	  margin-left: -5px;
	  border-top-color: #000000;
	  border-width: 5px 5px 0;
	}
	
	.tooltip.right .tooltip-arrow {
	  top: 50%;
	  left: 0;
	  margin-top: -5px;
	  border-right-color: #000000;
	  border-width: 5px 5px 5px 0;
	}
	
	.tooltip.left .tooltip-arrow {
	  top: 50%;
	  right: 0;
	  margin-top: -5px;
	  border-left-color: #000000;
	  border-width: 5px 0 5px 5px;
	}
	
	.tooltip.bottom .tooltip-arrow {
	  top: 0;
	  left: 50%;
	  margin-left: -5px;
	  border-bottom-color: #000000;
	  border-width: 0 5px 5px;
	}


/*************************************************
 よく使うプラグインとスタイルセット
**************************************************/
 
 
/*ボタン
---------------------------------------*/

/* 基本設定 */
.btn {
	/* Reset */
	margin:  0;
	padding: 0;
	position:relative;
	display:inline-block;
	cursor:pointer;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	text-decoration:none !important;
	white-space:nowrap;
}
/*hover & focus*/  
.btn:hover,
.btn:focus{
	opacity:0.6;
	filter: alpha(opacity=60);
	transition: all 0.3s ease;
}

/* button & input Tags */
button,
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%;
}

/* Disabled */
.btn.disabled,
.btn[disabled] {
	cursor: default;
	background: #eee;
	opacity: 0.5;
	filter: alpha(opacity=5);
}

/* サイズ関連 */

.btn {
	font-size:13px;
	padding: 6px 12px;
}
.btn-xs {
	font-size: 10px;
	padding: 3px 6px;
}
.btn-sm {
	font-size: 11px;
	padding: 5px 10px;
}
.btn-lg {
	font-size: 15px;
	padding: 8px 20px;
}
.btn-xl {
	font-size: 17px;
	padding: 10px 30px;
}
.btn-block {
	display: block;
	width: 100%;
	font-size: 17px;
	padding: 10px 20px;
}
.btn-block + .btn-block {
	margin-top: 5px;
}

/* 色関連 */

/*灰*/
.btn{
	color:#333 !important;
	border:1px solid rgba(0,0,0,.1);
	background: #f0f0f0;
}
/*赤*/
.btn-red{
	color:#fff !important;
	border:1px solid rgba(0,0,0,.1);
	background: #ff5b7e;
}
/*青*/
.btn-blu{
	color:#fff !important;
	border:1px solid rgba(0,0,0,.1);
	background: #28c0e0;
}
/*緑*/
.btn-grn{
	color:#fff !important;
	border:1px solid rgba(0,0,0,.1);
	background: #6dd1b7;
}
/*黄*/
.btn-yel{
	color:#fff !important;
	border:1px solid rgba(0,0,0,.1);
	background: #fdc620;
}
/*黒*/
.btn-blk{
	color:#fff !important;
	border:1px solid rgba(0,0,0,.1);
	background: #5a5c61;
}

/* グルーピング */

.btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	/* IE7 */
	*display: inline;
	*zoom: 1;
	*margin-left: .3em;
}
.btn-group > .btn {
	border-radius:0;
	margin-left:-5px;
}
.btn-group > .btn:first-child {
	margin-left:0;
	border-radius:3px 0 0 3px;
}
.btn-group > .btn:last-child {
	border-radius:0 3px 3px 0
}
 
/*フォーム
---------------------------------------*/

/* 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;
	color: #333;
	font-size: 13px;
	line-height: 1.4;
	vertical-align: middle;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	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 {
	outline: 0;
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

/* select */
select {
	height: 30px;
	line-height: 30px;
}
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;
}
.feedAndBtn input[type="text"],
.feedAndBtn input[type="number"],
.feedAndBtn input[type="search"],
.feedAndBtn input[type="tel"]{
	width:75%;
	*width:74%;
	float:left;
	height:35px;
	border-radius: 3px 0 0 3px;
}
.feedAndBtn button,
.feedAndBtn html input[type="button"],
.feedAndBtn input[type="reset"],
.feedAndBtn input[type="submit"] {
	width:25%;
	*width:24%;
	height:35px;
	text-align:center;
	border-radius: 0 3px 3px 0;
	margin-left:-1px;
	box-shadow:none;
}

/*エラーメッセージ*/
.error{
	color:#e00;
}
.errorBox{
	display:block;
	color:#e00;
	border:2px solid #e00;
	text-align:center;
	padding:10px;
	background:#fff;
	margin-bottom:10px;
}

/*ソーシャルボタン
---------------------------------------*/

.snsBtn{
	padding: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;}

.snsBtn > div{
	display:inline-block;
	vertical-align:top;
}

/* buttons */
.fb-like,
.twitter,
.g-plusone{
}
.fb-like  {}
.twitter  {}
.g-plusone{}