/* CSS Document */
/*************************************
 	リセット
 *************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
html { overflow-y: scroll; }
img{ border:0;}
/*
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul { list-style:none; }

fieldset, img { border:0; }
table {
	border-collapse: collapse;
	border-spacing:0;
}
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
*/
/*************************************
 	共通
 *************************************/

body {
	font: 12px/1.6 "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#404040;
	background:url(../img/backimg.jpg) top repeat-x;
}

.b0 { margin-bottom:0px!important; }
.b5 { margin-bottom:5px!important; }
.b10 { margin-bottom:10px!important; }
.b20 { margin-bottom:20px!important; }
.b30 { margin-bottom:30px!important; }
.b40 { margin-bottom:40px!important; }
.b50 { margin-bottom:50px!important; }
.b60 { margin-bottom:60px!important; }
.b70 { margin-bottom:70px!important; }
.b80 { margin-bottom:80px!important; }
.t0 { margin-top:0px!important; }
.t5 { margin-top:5px!important; }
.t10 { margin-top:10px!important; }
.t20 { margin-top:20px!important; }
.t30 { margin-top:30px!important; }
.t40 { margin-top:40px!important; }
.t50 { margin-top:50px!important; }
.t60 { margin-top:60px!important; }
.t-5 { margin-top:-5px!important; }
.t-10 { margin-top:-10px!important; }
.l0 { margin-left:0px!important; }
.l5 { margin-left:5px!important; }
.l10 { margin-left:10px!important; }
.l12 { margin-left:12px!important; }
.l20 { margin-left:20px!important; }
.l25 { margin-left:25px!important; }
.l30 { margin-left:30px!important; }
.l40 { margin-left:40px!important; }
.l50 { margin-left:50px!important; }
.l60 { margin-left:60px!important; }
.l70 { margin-left:70px!important; }
.l80 { margin-left:80px!important; }
.l90 { margin-left:90px!important; }
.l100 { margin-left:100px!important; }
.l110 { margin-left:110px!important; }
.l-5 { margin-left:-5px!important; }
.l-10 { margin-left:-10px!important; }
.l-20 { margin-left:-20px!important; }
.r0 { margin-right:0px!important; }
.r5 { margin-right:5px!important; }
.r10 { margin-right:10px!important; }
.r20 { margin-right:20px!important; }
.r30 { margin-right:30px!important; }
.r40 { margin-right:40px!important; }
.r50 { margin-right:50px!important; }
.r60 { margin-right:60px!important; }
.lh12 { line-height:1.2em !important; }
.lh13 { line-height:1.3em !important; }
.lh14 { line-height:1.4em !important; }
.lh15 { line-height:1.5em !important; }
.lh16 { line-height:1.6em !important; }
.lh17 { line-height:1.7em !important; }
.lh18 { line-height:1.8em !important; }
.lh19 { line-height:1.9em !important; }
.lh20 { line-height:2.0em !important; }
.lh22 { line-height:2.2em !important; }
.lh24 { line-height:2.4em !important; }
.lh26 { line-height:2.6em !important; }

/*クリア*/
.clearfix:after { content: ""; display: block; clear: both; }

/*イメージ（画像）を中央に表示*/
.center_ds {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*divを中央に表示*/	
.center {
	margin-left:auto !important;
	margin-right:auto !important;
}

.ta-center {text-align:center;}
.ta-left {text-align:left;}
.ta-right {text-align:right;}

/*　フォント関係　*/
.f10 { font-size:110% !important; }
.f20 { font-size:120% !important; }
.f30 { font-size:130% !important; }
.f40 { font-size:140% !important; }
.f50 { font-size:150% !important; }
.fs90 { font-size:90% !important; }
.fs85 { font-size:85% !important; }
.fs80 { font-size:80% !important; }
.fs75 { font-size:75% !important; }
.fs70 { font-size:70% !important; }
.fw { font-weight:bold !important; }
.fwn{ font-weight:normal !important;}
.c_pink { color:#FB688D; }
.c_red { color:#F5421F; }
.c_blu { color:#258AD4; }
.c_ore { color:#F15A24; }
.c_cha { color:#C3932C; }
.c_kogecha { color:#98024F; }
.c_pul { color:#60157E; }
.c_gre { color:#62A431; }
.c_higre { color:#97C12B; }
.f_sky{ color: #00a0ea; }
.link { cursor:pointer; }

.img_link_on a:hover img{ opacity: 0.5; }

.indent005 {
	text-indent:-0.5em;
	padding-left:0.5em;
}
.indent00 {
	text-indent:0em;
	padding-left:0em;
}
.indent01 {
	text-indent:-1em;
	padding-left:1em;
}
.indent015 {
	text-indent:-1.5em;
	padding-left:1.5em;
}
.indent020 {
	text-indent:-2em;
	padding-left:2em;
}
.indent025 {
	text-indent:-2.5em;
	padding-left:2.5em;
}
/*******************************************
	レイアウト
*******************************************/
#top_area {
	width:1080px;
	height:auto;
	margin:0px auto;
}

.header_box {
	height:79px;
	position:relative;
}

.header_box h1 { padding:28px 0px 0px 20px; }

.header_box #contact{
	position:absolute;
	top:28px;right:0;
}

.header_box #access{
	position:absolute;
	top:28px;right:175px;
}

#main_area {
	width:980px;
	min-height:600px;
	height:auto !important;
	height:600px;
	margin:20px auto 50px auto;
	background:url(../img/content_backimg.jpg) no-repeat top center;
}

#main_area h2{
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	padding-top:30px;
	padding-left:40px;
}


.contents{
	margin:15px 40px 70px 40px;
	overflow:hidden;
}

.l_box{
	width:580px;
	float:left;
}

.r_box{
	width:280px;
	float:right;
	text-align:center;
}

.r_box a img{ margin-bottom: 15px;}

.blog_main_box{
	width:750px;
	margin:0px auto;
	margin-bottom: 70px;
	}


#footer_area {
	width:100%;
	margin:0px auto;
	height:90px;
	color:#FFF;
	font-size:100%;
	background-color:#8DD5F5;
	text-align:center;
	clear:both;
	padding-bottom:10px;
}
.footer_menu{ padding:20px 0px 15px 0px;}

#footer_area a:link {/*未訪問のリンク*/
	color:#FFF;
	text-decoration:none;
}

#footer_area a:visited { color:#FFF; }
#footer_area a:hover {/*マウスをのせたとき*/
	color:#BBB;
	text-decoration:underline;
}
/*******************************************
		メニュー関係
********************************************/

.menu{
	margin-top:10px;
	margin-left:10px;
	}


/*.menu li{display:inline;}*/
.menu li{
	display:block;
	float:left;
	position:relative;
	}

/*プルダウン*/
/*#pull { position: relative; z-index:1000;}
#pull li:hover { color: #fff; }
#pull ul {
	display: none;
	position: absolute;
	top: 52px;
	left:0px;
	padding: 0px;
	width: 160px;
	background: #eee;
	border: solid 1px #ccc;
}

#pull ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none;
}
#pull ul li a {
	color:#333;
	text-decoration:none;
	display: inline-block;
	padding:5px;
	width: 150px;
	height: 20px;
}

#pull ul li a:hover {
	background: #8CCDEB;
	color: #fff;
}
*/

/* Basic code - don't modify */
 
 .droppy { display: block; position: relative; }
  .droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .droppy ul { line-height: 0; } /* IE6 "fix" */
  	.droppy ul a { zoom: 1; } /* IE6/7 fix */
    .droppy ul li { float: none; }
    
/* Essentials - configure this */

.droppy ul { background: #eee; border: solid 1px #ccc;	display: none;
	position: absolute;
	top: 52px;
	left:0px;
	padding: 0px;
	background: #eee;
	border: solid 1px #ccc;}

/* Everything else is theming */
 
.droppy *:hover { background-color: none; }
.droppy ul li a {
  color:#333;
  text-decoration:none;
  display: inline-block;
  padding:5px;
  height: 20px;
  width: 150px;
	background: #eee;
  }
  .droppy ul li a.hover { 	background: #8CCDEB; color: #fff; }
      .droppy ul li a.has-subnav { background-color: #eee }
   .droppy ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */






/*******************************************
 ページトップ
*******************************************/
.page_top {
	clear:both;
	width:880px;
	text-align:right;
	margin:70px auto 0px auto;
	padding:0px;
	
}
.page_top img{vertical-align:bottom;}
.page_top a {}
.page_top a:hover img { opacity: 0.5; }

*+html .page_top{ margin-bottom:-5px;}/*ie7*/

.facebook_box{ margin-left: 8px;}
/*******************************************
 タイトル
*******************************************/
.title_s{
	background:url(../img/title_backimg.jpg) repeat-x;
	}

.title_l {
	width:885px;
	background:url(../img/title_backimg.jpg) repeat-x;
  line-height: 1.5em;  
	}

.title_s, .title_m, .title_l, .title_link {
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
	padding-left:15px;
	margin-bottom:15px;
	height:24px;

	}

.title_sub_01{
	font-size:12px;
	font-weight:bold;
	color:#06F;
	margin-bottom:10px;
	}

/*******************************************
 table
*******************************************/

.table_01, .table_01 th, .table_01 td { border: 1px #E2E2E2 solid; }
.table_01 {
	border-collapse: collapse;
	border-spacing: 0;
}
.table_01 th {
	padding: 4px 10px;
	background: #F2F2EF;
}
.table_01 td {
	padding: 4px 10px;
	background-color:#FFF;
}

.table_02, .table_02 th, .table_02 td { border: 1px #E2E2E2 solid; }
.table_02 {
	border-collapse: collapse;
	border-spacing: 0;
}
.table_02 th {
	padding: 10px 10px;
	background: #F2F2EF;
}
.table_02 td {
	padding: 10px 10px;
	background-color:#FFF;
}

/*******************************************
 テキストボックス
*******************************************/
.txt_05,.txt_10,.txt_15,.txt_20,.txt_30,.txt_40{
}
.txt_05 { padding:5px 5px 0px 5px; }
.txt_10 { padding:5px 10px 0px 10px; }
.txt_15 { padding:5px 15px 0px 15px; }
.txt_20 { padding:5px 20px 0px 20px; }
.txt_30 { padding:5px 30px 0px 30px; }
.txt_40 { padding:5px 40px 0px 40px; }


.txt_img_01{
	width:748px;
	border:solid 1px #2E2E2E;
	line-height:2em;
}

.txt_img_01 h3{
	width:728px;
	color:#FFF;
	background-color:#3E3E2D;
	padding:0px 10px;
}

.txt_img_01 img{
	float:left;
	padding:10px;
}

.txt_img_01 p{
	padding:10px 10px 10px 270px;
	
}

/*******************************************
	ライン
*******************************************/
.line_dotted {
	width:100%;
	height:10px;
	border:none;
	border-top:dashed 1px #CCC;
	color:#FFFFFF;
}

.line_dotted_red {
	width:100%;
	height:1px;
	border:none;
	border-top:dashed 1px #F34343;
	color:#FFFFFF;
}

.line_01 {
	width:100%;
	height:16px;
	border:none;
	background:url(../img/line_dot.png) repeat-x;
	color:#FFFFFF;
}

/*******************************************
	画像関係
*******************************************/
.img_waku {
	border:solid 1px #DDD;
	background-color:F4F4F4;
	padding:5px;
}
.img_c {
	padding:5px;
	margin:0px 0px 6px 6px;
	border:solid 1px #CCC;
	background-color:#FAFAFA;
	margin:0px auto;
	display:block;
}
.img_r {
	padding:5px;
	margin:0px 0px 6px 6px;
	border:solid 1px #CCC;
	background-color:#FAFAFA;
	float:right;
	display:block;
}
.img_l {
	padding:5px;
	margin:0px 6px 6px 0px;
	border:solid 1px #CCC;
	background-color:#FAFAFA;
	float:left;
	display:block;
}
.img_l p, .img_r p, .img_n p {
	margin-top:3px;
	margin-left:3px;
}
.img_r_n {
	margin:0px 0px 6px 6px;
	float:right;
	display:block;
}
.img_l_n {
	margin:0px 6px 6px 0px;
	float:left;
	display:block;
}

/*******************************************
	リスト
*******************************************/
.icon_circle, .icon_decimal, .icon_kara {
	margin-top:5px;
	margin-bottom:5px;
}
.icon_circle li, .icon_decimal li, .icon_kara li {
	margin-bottom:0.4em;
	margin-left:1em;
}
.icon_circle { list-style:circle; }
.icon_decimal { list-style:decimal; padding:0px 0px 0px 15px; }
/*.icon_decimal li{ list-style-type:decimal;}*/

.icon_none{ list-style:none;}

.icon_link li{
	padding-left:18px;
	background: url(../img/icon_01.gif) 0px 3px no-repeat;
	list-style:none;
	margin-bottom:8px;
	}

.mark_link{
	padding-left:18px;
	background: url(../img/icon_01.gif) 0px 3px no-repeat;
	}

/*************************************************
 詳細はこちらボタン
*************************************************/
.details {
  color:#FFF;
  background:#e74c3c;
  text-decoration:none;
  line-height: 40px;
  
  border-radius: 6px;
  width: 150px;
  text-align:center;
  padding: 5px 20px;
  display:box;
  
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  }  

.details:hover{
background:#EC7063;
transition: background-color 0.5s ease 0s;
-webkit-transition: background-color 0.5s ease 0s;
}

/**** Bootstrap オリジナルカスタマイズ ***********/