@charset "utf-8";

.wpcf7-mail-sent-ok{
    display: block;
    position: fixed;
    top: 0;
    text-align: center;
    background: white;
    color: #ff0202;
    font-weight: bold;
    padding: 20px;
}

.sbox {
  overflow: scroll;   /* スクロール表示 */ 
  height: 150px;
}

#company em{
	font-size: 16px;
	font-style: normal;
	letter-spacing:0.1em;
	word-spacing: 1em;	
}

.bigcopy em{
		font-style: normal;
		font-size: 26px;
}


/* ----------------------------------------------------------------------
 メニューカラー
---------------------------------------------------------------------- */
/*あそぶ*/
#menu-item-13 a{
	background-color:#82C0CD !important;
}
#menu-item-13 a:hover{
	background-color:  !important;
}
/*エネルギー*/
#menu-item-15 a{
	background-color:#64B561 !important;
}
/*企業情報*/
#menu-item-16 a{
	background-color:#BE91BC !important;
}
/*保険*/
#menu-item-17 a{
	background-color:#CB6C58 !important;
}
/*保養所*/
#menu-item-18 a{
	background-color:#C73576 !important;
}
/*温泉*/
#menu-item-20 a{
	background-color:#E4AB5A !important;
}
/*お問合せ*/
#menu-item-14 a{
	background-color:#845D9E !important;
}
/*不動産*/
#menu-item-21 a{
	background-color:#0077B3 !important;
}

/*ルネッサ*/
#menu-item-1899 a{
	background-color:#6eb99b !important;
}

#menu-item-13 a,#menu-item-14 a,#menu-item-15 a,#menu-item-16 a,#menu-item-17 a,#menu-item-18 a,#menu-item-19 a,#menu-item-20 a,#menu-item-21,#menu-item-1899 a{
	width:99px
}

/* ----------------------------------------------------------------------
 企業情報
---------------------------------------------------------------------- */
.mi{
width: 147px ;
display: -webkit-inline-box;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
padding: 23px;
}
/*まず、フォーム全体の囲み罫や背景などを指定*/
.wpcf7-form {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	color: #666;
	background: #F0F8F1;
	/*↓背景グラデーションの指定*/
	background: -moz-linear-gradient(top, #FBFCFC, #F0F8F1);
	background: -webkit-linear-gradient(top, #FBFCFC, #F0F8F1);
	background: linear-gradient(#FBFCFC, #F0F8F1);
}
/*リスト要素<ul>を初期化*/
.wpcf7-form ul {
	padding: 0;
	margin: 0
}
/*<li>も初期化し、ボーダーなどを指定*/
.wpcf7-form ul li {
	list-style: none;
	margin: 0px;
	padding: 4px;
}
/*最初の<li>にはボーダーをつけない（:first-child疑似クラスによる指定）*/
.wpcf7-form ul li:first-child {
	border-top: none;
}
/* span要素をブロック化しフロートでフォーム部品と横に並べる*/
.wpcf7-form ul li span {
	/*width: 210px;*/
	/*float: left;/* floatでなく、CSS3 の「display: inline-block」を使う手もアリ 
	display: inline-block;*/
}
.wpcf7-form-control-wrap{
	width: 500px !important;
}
/*「:after」で <li>の末尾でフロートをクリア*/
.wpcf7-form ul li:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;     /*←フロートをクリア*/
}
/* テキスト入力部品の見た目を統一する */
.wpcf7-form ul li label .txtfiled, form#form1 select {
	padding: 10px 5px;
font-size: 14px;
	margin: 0px;
	color: #666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
	background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 380px;
}
.mesho{
	width:200px;
	float:left;
}


.wpcf7-form select {
	/*selectは250では大きすぎるので*/
	width: 100px;
}
/*チェックボックス、ラジオボタンのブロックの指定*/
.wpcf7-form ul li p {
}
/*チェックボックス、ラジオボタンの label要素を横に並べる*/
.wpcf7-form ul li p label {
	margin-right: 2em;
	display: block;
	float: left;
}
/*input要素とテキストがくっつかないように右にマージンを少し*/
.wpcf7-form ul li p label input {
	margin-right: 0.5em;
}
/*チェックボックス、ラジオボタンの label要素にロールオーバー時の変化を指定する*/
.wpcf7-form ul li p label:hover {
	background : #FFF;
	color: #096;
	font-weight: bold;
}
/*チェックボックスの<label>の横幅を統一する（<p>にクラス名.checkをつけて）*/
.wpcf7-form ul li p.check label {
	width: 9em;
}
/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/
.wpcf7-form ul li input[type="submit"], .wpcf7-form ul li input[type="reset"] {
	cursor: pointer;     /*←これでカーソルを指先型に変化させる*/
	font-size: 130%;
	font-weight: bold;
	width: 430px;
	font-size: 18px;
	padding: 5px 0;
	margin-right: 0.5em;
	border-style: none;
	color: #fff;
	background: #90E733;
	/*↓背景グラデーションの指定です*/
	background: rgb(255,183,107); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,183,107,1)), color-stop(50%, rgba(255,167,61,1)), color-stop(51%, rgba(255,124,0,1)), color-stop(100%, rgba(255,127,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0 ); /* IE6-9 */
	/*↓以下、ボックスの角丸、シャドウ、テキストシャドウの指定*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.wpcf7-form ul li input[type="submit"]:hover, .wpcf7-form ul li input[type="reset"]:hover {
	/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
	opacity: 0.8;/*font-size:135%;*/
}
.wpcf7-form .yubin {
}
.wpcf7-form .jyusho {
}
.wpcf7-form .jyusho span {
}
.wpcf7-form .jyusho .txtfiled {
}
.wpcf7-form .ywaku {
	padding: 10px 5px;
	margin: 0px;
	color: #666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
	background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.wpcf7-form .line {
	width: 100%;
	border-bottom: solid 1px #fff
}
.wpcf7-form .come {
	width: 100%;
}
.wpcf7-form .mokuteki span {
	width: 300px;
}
/* ----------------------------------------------------------------------
 企業情報
---------------------------------------------------------------------- */

#company {
	border-collapse: collapse;
	width: 100%;
}
#company th.t_top {
	border-top: #BE91BC 4px solid;
}
#company th {
/* border-bottom: #BE91BC 1px dotted; */
text-align: left;
/* padding: 10px; */
font-weight: normal;
}
#company td.t_top {
	border-top: #676767 4px solid;
}
#company td {
/* border-bottom: #676767 1px dotted; */
/* text-align: left; */
padding: 3px;
}
#company tr:hover {
	background: #E9E9E9;
}
/* ----------------------------------------------------------------------
 お問い合わせボタン
---------------------------------------------------------------------- */


/*あそぶテーマカラー*/
.btn_asobu {
	background: #CB6C58 !important;
}
/*温泉テーマカラー*/
.btn_onsen {
	background: #E4AB5A !important;
}
/*保養所テーマカラー*/
.btn_hoyoujyo {
	background: #C73576;
}
/*保険テーマカラー*/
.tc_hoken_moji {
	color: #CB6C58;
}
.btn_hoken {
	background: #CB6C58;
}
.btn {
	border: 1px solid #DDD;
	width: 350px;
	padding: 25px 0;
}
.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
}
.btn2 {
	border: 1px solid #DDD;
	width: 250px;
	padding: 10px 0;
}
.btn2 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: block;
}

#company tr{
border-bottom: solid 1px #C5C5C5;
padding:30px;
}


/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */


a img {
	border: none;
	verticle-align: top;
}
a, a:visited {
	outline: none;
	color: #333;
}
a:hover {
}
p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 160%;
	text-justify: auto
}
ul {
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 0%;
}
ul li {
	margin: 0;
	padding: 0;
	line-height: normal;
	zoom: 1;
}
ol {
	margin: 0 0 2em 19px;
	padding: 0;
}
ol li {
	padding: 0 0 5px 0;
	line-height: normal;
}
dl {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 0%;
}
dl dt, dl dd {
	margin: 0;
	padding: 0;
	line-height: normal;
	zoom: 1;
}
dl dt {
	font-weight: bold;
}
form, table, input, textarea, dl, dt, dd {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	width: 100%;
	border: 0;
}
cite {
	text-align: right;
	display: block;
}
object {
	display: block;
	margin: 0 auto;
	height: auto;
}
del {
	color: #333;
}
hr {
	border: 1px solid #ccc;
	margin: 40px 0;
}
.wp-caption-text {
	text-align: center;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
.clear {
	clear: both;
}
input[type="text"], input[type="password"], textarea, select {
	outline: none;
}
/* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */

.post p {
	line-height: 2;
	margin: 0 0 2em 0;
}
/* headline */
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	clear: both;
	line-height: 1.2;
	font-weight: 600;
	margin: 0 0 24px 0;
}
.post h1 {
	font-size: 150%;
}
.post h2 {
	font-size: 140%;
}
.post h3 {
	font-size: 130%;
}
.post h4 {
	font-size: 120%;
}
.post h5 {
	font-size: 110%;
}
.post h6 {
	font-size: 100%;
}
/* image */
.post img {
	height: auto;
	max-width: 100%;
}
.post img.centered, div.centered {
	display: block;
	margin: 15px auto;
}
.post img.aligncenter, div.aligncenter {
	display: block;
	margin: 15px auto;
}
.post img.alignright, div.alignright {
	margin: 10px 0 30px 30px;
	display: inline;
}
.post img.alignleft, div.alignleft {
	margin: 10px 30px 30px 0;
	display: inline;
}
.post .wp-caption {
	background: #fff;
	border: 1px solid #ccc;
	max-width: 96%;
	padding: 14px 3px 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.post .wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.post .wp-caption .wp-caption-text {
	padding: 10px 0 0;
}
/* table */
.post table {
	margin: 0 0 24px 0;
}
.post td, .post th {/* border:1px solid #ccc; padding:10px 15px 7px; line-height:2; */
}
.post th {
	background: #f2f2f2;
	font-weight: normal;
}
/* block quote */
.post blockquote {
	margin: 0 0 24px 0;
	padding: 27px 30px 1px;
	background: #f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.post blockquote:before {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: normal;
	line-height: 40px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 10px;
	color: #999;
}
.post blockquote:after {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: normal;
	text-align: left;
	line-height: 60px;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 7px;
	right: -2px;
	color: #999;
}
/* list */
.post li, .post dt, .post dd {
	line-height: 2;
}
.post ul, .post ol, .post dl {
	margin-bottom: 24px;
}
.post ol {
	list-style: decimal outside none;
	margin-left: 1.5em;
}
.post ul {
	list-style: disc outside none;
	margin-left: 1.3em;
}
.post li > ul, .post li > ol {
	margin-bottom: 0;
}
.post dt {
	font-weight: bold;
}
.post dd {
	margin-bottom: 1em;
}
/* captions */
.post .wp-caption {
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.post .wp-caption-text {
	text-align: center;
	font-size: 12px;
	font-style: italic;
	line-height: 2;
	margin: 9px auto;
}
.post .wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
/* etc */
.post pre {
	margin: 0 0 24px 0;
	line-height: 1.5;
	background: #f2f2f2;
	padding: 15px;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/* next page */
#post_pagination {
	margin: 0 0 30px 0;
	clear: both;
}
#post_pagination h5 {
	margin: 0 10px 0 0;
	float: left;
	line-height: 30px;
	font-size: 12px;
}
#post_pagination a, #post_pagination p {
	float: left;
	display: inline-block;
	background: #eee;
	margin: 0 5px 0 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #333;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
}
#post_pagination p {
	background: #999;
	color: #fff;
}
#post_pagination a:hover {
	background: #333;
	color: #fff;
}
/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_widget {
	margin: 0 0 20px 0;
	font-size: 11px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 15px 15px 10px;
	position: relative;
}
.side_widget ul {
	margin: 0;
}
.side_widget li ul {
	margin: 10px 0 0 0;
}
.side_widget li {
	line-height: 170%;
	margin: 0 0 10px 0;
	padding: 0 0 0 9px;
	background: url(img/common/bullet1.gif) no-repeat left 8px;
}
.side_widget a {
}
.side_widget img {
	height: auto;
	max-width: 100%;
	width: auto;
}
.side_headline {
	margin: -15px -15px 15px;
	line-height: 3px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	background: url(img/common/headline1.gif) repeat-x left bottom;
	padding: 0 15px;
	border-bottom: 1px solid #ccc;
}
/* tcd archive list */
#tcd_archive_list li span {
	display: inline-block;
	width: 6px;
	width: 8px;
	text-indent: -9999px;
	background: url(img/common/arrow_right.png) no-repeat right 6px;
	margin-right: 5px;
	cursor: pointer;
}
#tcd_archive_list li span.open {
	background: url(img/common/arrow_bottom.png) no-repeat right 6px;
}
#tcd_archive_list li {
	background: none;
	padding: 0;
}
#tcd_archive_list li ul {
	margin: 10px 0 0 12px;
	display: none;
}
#tcd_archive_list2 li {
	background: none;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
#tcd_archive_list2 ul li {
	float: left;
	font-weight: normal;
	font-size: 11px;
	line-height: 100%;
}
#tcd_archive_list2 ul li a {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}
#tcd_archive_list2 ul li:last-child a {
	border: none;
}
/* banner */
.ml_ad_widget {
	margin: 0 0 20px 0;
	border: none;
	padding: 0;
	background: none;
}
.ml_ad_widget img {
	height: auto;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
	display: block;
}
/* PR post */
.pr_widget {
	margin: -10px 0 20px 0;
	border: none;
	padding: 0;
	background: none;
}
.pr_widget ul {
	margin: 0;
}
.pr_widget ul li {
	background: url(img/common/dot1.gif) repeat-x left bottom;
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
	font-weight: bold;
}
.pr_widget a {
	text-decoration: none;
	color: #333;
	background: url(img/common/arrow_yellow.gif) no-repeat left 5px;
	padding: 0 0 0 12px;
	display: block;
}
.pr_widget a:hover {
	text-decoration: underline;
	color: #9a9a00;
}
.pr_widget ul li:last-child {
	background: none;
	padding-bottom: 0;
}
#footer_widget .pr_widget {
	margin-top: -10px;
}
/* Ranking */
.ranking_widget ul {
	margin: -10px 0 0 0;
}
.ranking_widget ul li {
	background: url(img/common/dot1.gif) repeat-x left bottom;
	padding: 8px 0;
	margin: 0;
}
.ranking_widget span {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #888;
	color: #fff;
	float: left;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 10px 0 0;
}
.ranking_widget a {
	text-decoration: none;
	top: 3px;
	position: relative;
}
.ranking_widget ul li:last-child {
	background: none;
	padding-bottom: 0;
}
.ranking_widget .rank1 span, .ranking_widget .rank2 span, .ranking_widget .rank3 span {
	background: #8c0000;
}
/* News, Press */
.news_widget_list {
	margin: -15px 0 -10px;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.news_widget_list li {
	margin: 0 0 -1px 0;
	padding: 13px 0px 10px;
	background: none;
	background: url(img/common/dot1.gif) repeat-x left bottom;
}
.news_widget_list .news_date {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 100%;
	color: #888;
}
.news_widget_list .news_title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
.news_widget_list .news_title:hover {
	text-decoration: underline;
}
a.news_widget_list_link {
	position: absolute;
	right: 10px;
	top: 11px;
	text-decoration: none;
	font-size: 11px;
	background: url(img/common/arrow1.png) no-repeat left 4px;
	padding: 0 0 0 12px;
	font-weight: bold;
	color: #999;
}
a.news_widget_list_link:hover {
	text-decoration: underline;
}
/* calendar */
#wp-calendar {
	margin: 0 auto;
	width: 100%;
	font-size: 11px;
	border-collapse: separate;
	table-layout: fixed;
}
#wp-calendar th, #wp-calendar td {
	color: #333;
	padding: 0;
	line-height: 240%;
	text-align: center;
}
#wp-calendar td a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #333;
	background-color: #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wp-calendar td a:hover {
	text-decoration: none;
	color: #fff;
	background: #ccc;
}
#wp-calendar caption {
	padding: 7px 0;
}
#wp-calendar thead th, #wp-calendar tfoot td {
	border: none;
	padding: 0;
	line-height: 200%;
}
#wp-calendar #prev, #wp-calendar #next {
	line-height: 200%;
}
#wp-calendar #prev a, #wp-calendar #next a {
	text-decoration: none;
	background: none;
	color: #333;
}
#wp-calendar #prev a:hover, #wp-calendar #next a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background: #ccc;
}
#wp-calendar td#today {
	font-weight: bold;
}
/* styled post list1 */
.styled_post_list1 {
	margin: 0;
}
.styled_post_list1 li {
	background: none;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(img/common/dot1.gif) repeat-x left bottom;
}
.styled_post_list1 li.last {
	background: none;
	margin: 0;
	padding: 0;
}
.styled_post_list1 .info {
}
.styled_post_list1 .info .date {
	margin: 2px 0 5px 0;
	line-height: 100%;
	color: #004b64;
	font-weight: bold;
}
.styled_post_list1 .info .title {
	font-size: 12px;
	margin: 0;
	padding: 0 0 5px 0;
	display: block;
	font-weight: bold;
}
.styled_post_list1 .image {
	float: left;
	display: block;
	margin: 0 15px 0 0;
	width: 100px;
	height: 70px;
	background: #000;
}
.styled_post_list1 .image img {
	width: 100px;
	height: 70px;
	opacity: 1;
	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
.styled_post_list1 .image:hover img {
	opacity: 0.5;
}
.styled_post_list1 .excerpt {
	clear: both;
	padding: 7px 0 0 0;
}
#footer_widget .styled_post_list1 li {
	background: none;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(img/common/dot1.gif) repeat-x left bottom;
}
#footer_widget .styled_post_list1 li.last {
	background: none;
	margin: 0;
	padding: 0;
}
/* styled post list2 */
.styled_post_list2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.styled_post_list2 li {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	line-height: 100%;
	background: url(img/common/dot1.gif) repeat-x left bottom;
}
.styled_post_list2 li.last {
	margin: 0;
	padding: 0;
	background: none;
}
.styled_post_list2 .image {
	display: block;
	margin: 0 0 15px 0;
	background: #000;
}
.styled_post_list2 .image img {
	width: 100%;
	height: auto;
	display: block;
	opacity: 1;
	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
.styled_post_list2 .image:hover img {
	opacity: 0.5;
}
.styled_post_list2 .date {
	margin: 0 0 10px 0;
	line-height: 100%;
	color: #004b64;
	font-weight: bold;
}
.styled_post_list2 .title {
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	font-weight: bold;
	line-height: 160%;
}
.styled_post_list2 .excerpt {
	clear: both;
	padding: 7px 0 0 0;
	line-height: 180%;
}
#footer_widget .styled_post_list2 li {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	line-height: 100%;
	background: url(img/common/dot1.gif) repeat-x left bottom;
}
#footer_widget .styled_post_list2 li.last {
	margin: 0;
	padding: 0;
	background: none;
}
/* search */
.widget_search label {
	display: none;
}
.widget_search #search-box, .widget_search #s {
	width: 168px;
	height: 33px;
	margin: 0 -2px 5px 0;
	border: 1px solid #ccc;
	background: #f2f2f2;
	padding: 0 10px;
	box-shadow: 2px 2px 3px 0px #ddd inset;
}
.widget_search #search-btn input, .widget_search #searchsubmit {
	border: none;
	width: 80px;
	height: 35px;
	background: #bbb;
	color: #fff;
	cursor: pointer;
	display: block;
	float: right;
}
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover {
	background: #666;
	color: #fff;
}
/* archive category dropdown */
.widget_archive select, .widget_categories select {
	border: 1px solid #ddd;
	padding: 6px 10px;
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 0 20px 0;
}
/* ----------------------------------------------------------------------
 other page
---------------------------------------------------------------------- */
/* author profile */
.author_social_link {
	margin: 15px 0 12px 0;
}
.author_social_link li {
	float: left;
	font-size: 11px;
	margin: 0 4px 0 0;
}
.author_social_link li a {
	display: block;
	text-decoration: none;
	background: #ccc;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.author_social_link li.author_link a {
	color: #fff;
}
.author_social_link li.twitter a {
	background-color: #16b9dc;
	color: #fff;
}
.author_social_link li.twitter a:hover {
	background-color: #09d4ff;
}
.author_social_link li.facebook a {
	background-color: #3B5998;
	color: #fff;
}
.author_social_link li.facebook a:hover {
	background-color: #4674d3;
}
/* page nav */
.page_navi {
	margin: 20px 0 15px 0;
}
.page_navi h4 {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #888;
}
.page_navi ul {
	margin: 0;
}
.page_navi li {
	float: left;
}
.page_navi a, .page_navi a:hover, .page_navi span {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	padding: 13px 15px;
	line-height: 100%;
	margin: 0 4px 4px 0;
	background: #bbb;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.page_navi a:hover {
	color: #fff;
	text-decoration: none;
}
.page_navi span.dots {
	background: none;
}
.page_navi span.current {
	color: #fff;
	background: #333;
}
.page_navi p.back {
	margin: 0;
}
.page_navi p.back a, .page_navi p.back a:hover {
	display: inline-block;
	padding: 10px 15px;
}
/* ---------- clearfix hack ---------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block;
}
/* end MacIE5 */




/*************************************************************
【見出し】
*************************************************************/
.news_headline1 {
	margin: 80px 0 25px 0 !important;
	border-left: 8px solid #444;
	border-bottom: 1px dotted #999;
	line-height: 30px !important;
	font-size: 1.2em;
	padding: 0 0 0 14px !important;
}
.news_headline2 {
	margin: 40px 0 20px 0 !important;
	border-left: 6px solid #666;
	line-height: 26px !important;
	font-size: 1.1em;
	padding: 0 0 0 12px !important;
}
/*************************************************************
【ボタン 青・緑】
*************************************************************/
a.button {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 15px 0px;
	height: 34px;
	line-height: 35px;
	margin: 0 4px 4px 0;
	background: #008ece;
	display: inline-block;
	text-decoration: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: -moz-linear-gradient(top, rgba(0,216,255,1) 0%, rgba(0,142,206,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,216,255,1)), color-stop(100%, rgba(0,142,206,1)));
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#008ece', GradientType=0 );
	border: 1px solid #009de1;
	text-shadow: 1px 1px 0px #0085bf;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button:hover {
	color: #fff;
	text-decoration: none;
	background: #0ddaff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ddaff', endColorstr='#0ddaff', GradientType=0 );
}
a.button:active {
	box-shadow: none;
	bottom: -2px;
	position: relative;
}
.post a.button2 {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 15px 0px;
	height: 34px;
	line-height: 35px;
	margin: 0 4px 4px 0;
	background: #36bf00;
	display: inline-block;
	text-decoration: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: -moz-linear-gradient(top, rgba(65,231,0,1) 0%, rgba(54,191,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(65,231,0,1)), color-stop(100%, rgba(54,191,0,1)));
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41e700', endColorstr='#36bf00', GradientType=0 );
	border: 1px solid #2da000;
	text-shadow: 1px 1px 0px #227a00;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button2:hover {
	color: #fff;
	text-decoration: none;
	background: #7bf013;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bf013', endColorstr='#7bf013', GradientType=0 );
}
a.button2:active {
	box-shadow: none;
	bottom: -2px;
	position: relative;
}
.morebutton {
	margin: 50px 5px 50px 5px;
	text-align: center;
}
a.button3 {
	background: #999;
	border-radius: 3px;
	color: #FFF !important;
	font-size: 13px;
	line-height: 100%;
	padding: 12px 16px;
	text-decoration: none;
}
a.button3:hover {
	color: #fff !important;
	background: #3F7985;
	text-decoration: none;
}
/**************************************************************
【fontの設定】
**************************************************************/
.text70 {
	font-size: 70%
}			/* フォントサイズ70% */
.text80 {
	font-size: 80%
}
.text90 {
	font-size: 90%
}
.text100 {
	font-size: 100%
}
.text110 {
	font-size: 110%
}
.text120 {
	font-size: 120%
}
.text130 {
	font-size: 130%
}
.text140 {
	font-size: 140%
}
.text150 {
	font-size: 150%
}
.text160 {
	font-size: 160%
}
.text170 {
	font-size: 170%
}
.text180 {
	font-size: 180%
}
.text190 {
	font-size: 190%
}
.text200 {
	font-size: 200%
}
.text210 {
	font-size: 210%
}
.text220 {
	font-size: 220%
}
.b {
	font-weight: 700
}				/* 太字 */
.u {
	text-decoration: underline
}	/* 下線 */
/**************************************************************
【colorの設定】
**************************************************************/
.red {
	color: red
}				/* 赤色 */
.blue {
	color: #2ca9e1
}		/* 青色 */
.green {
	color: #82ae46
}		/* 緑色 */
.orange {
	color: #ff7d00
}		/* 橙色 */
.yellow {
	color: #fff000
}		/* 黄色 */
.pink {
	color: #ff0084
}		/* ピンク */
.gray {
	color: #999
}
/**************************************************************
【background-colorの設定】
**************************************************************/
.bg-yellow {
	background: #ff0
}		/* 黄色の文字背景 */
.bg-blue {
	background: #4ab0f5
}	/* 青色の文字背景 */
.bg-red {
	background: red
}			/* 赤色の文字背景 */
/****************************************************************
【align 配置の設定】
*****************************************************************/
.align1 {
	text-align: center !important
}	/* 中央寄せ */
.align2 {
	text-align: right !important
}	/* 右寄せ */
.align3 {
	text-align: left !important
}		/* 左寄せ */
/****************************************************************
【float 回り込みの設定】
*****************************************************************/
.r-flo {
	float: right;
	margin: 10px
}	/* 右に回り込み */
.l-flo {
	float: left;
	margin: 10px
}	/* 左に回り込み */
.f-clear {
	clear: both
}			/* 回り込みの解除 */
/****************************************************************
【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60%
*****************************************************************/
a img.linkimg {
	background: none!important
}
a:hover img.linkimg {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none!important;
}
/*************************************************************
【行間の設定】
*************************************************************/
.lh20 {
	line-height: 20px;
}
.lh21 {
	line-height: 21px;
}
.lh22 {
	line-height: 22px;
}
.lh23 {
	line-height: 23px;
}
.lh24 {
	line-height: 24px;
}
.lh25 {
	line-height: 25px;
}
/*************************************************************
【marginの設定】
*************************************************************/
.m0 {
	margin: 0 !important
}			/* margin 0px を指定するクラス */
.mt0 {
	margin-top: 0 !important
}		/* margin-top0px を指定するクラス */
.mr0 {
	margin-right: 0 !important
}		/* margin-right0px を指定するクラス*/
.mb0 {
	margin-bottom: 0 !important
}	/* margin-bottom0px を指定するクラス*/
.ml0 {
	margin-left: 0 !important
}		/* margin-left0px を指定するクラス*/
.m5 {
	margin: 5px !important
}
.mt5 {
	margin-top: 5px !important
}
.mr5 {
	margin-right: 5px !important
}
.mb5 {
	margin-bottom: 5px !important
}
.ml5 {
	margin-left: 5px !important
}
.m10 {
	margin: 10px !important
}
.mt10 {
	margin-top: 10px !important
}
.mr10 {
	margin-right: 10px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.ml10 {
	margin-left: 10px !important
}
.m15 {
	margin: 15px !important
}
.mt15 {
	margin-top: 15px !important
}
.mr15 {
	margin-right: 15px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.ml15 {
	margin-left: 15px !important
}
.m20 {
	margin: 20px !important
}
.mt20 {
	margin-top: 20px !important
}
.mr20 {
	margin-right: 20px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.ml20 {
	margin-left: 20px !important
}
.m25 {
	margin: 25px !important
}
.mt25 {
	margin-top: 25px !important
}
.mr25 {
	margin-right: 25px !important
}
.mb25 {
	margin-bottom: 25px !important
}
.ml25 {
	margin-left: 25px !important
}
.m30 {
	margin: 30px !important
}
.mt30 {
	margin-top: 30px !important
}
.mr30 {
	margin-right: 30px !important
}
.mb30 {
	margin-bottom: 30px !important
}
.ml30 {
	margin-left: 30px !important
}
.m35 {
	margin: 35px !important
}
.mt35 {
	margin-top: 35px !important
}
.mr35 {
	margin-right: 35px !important
}
.mb35 {
	margin-bottom: 35px !important
}
.ml35 {
	margin-left: 35px !important
}
.m40 {
	margin: 40px !important
}
.mt40 {
	margin-top: 40px !important
}
.mr40 {
	margin-right: 40px !important
}
.mb40 {
	margin-bottom: 40px !important
}
.ml40 {
	margin-left: 40px !important
}
.m45 {
	margin: 45px !important
}
.mt45 {
	margin-top: 45px !important
}
.mr45 {
	margin-right: 45px !important
}
.mb45 {
	margin-bottom: 45px !important
}
.ml45 {
	margin-left: 45px !important
}
.m50 {
	margin: 50px !important
}
.mt50 {
	margin-top: 50px !important
}
.mr50 {
	margin-right: 50px !important
}
.mb50 {
	margin-bottom: 50px !important
}
.ml50 {
	margin-left: 50px !important
}
.m55 {
	margin: 55px !important
}
.mt55 {
	margin-top: 55px !important
}
.mr55 {
	margin-right: 55px !important
}
.mb55 {
	margin-bottom: 55px !important
}
.ml55 {
	margin-left: 55px !important
}
.m60 {
	margin: 60px !important
}
.mt60 {
	margin-top: 60px !important
}
.mr60 {
	margin-right: 60px !important
}
.mb60 {
	margin-bottom: 60px !important
}
.ml60 {
	margin-left: 60px !important
}
.m65 {
	margin: 65px !important
}
.mt65 {
	margin-top: 65px !important
}
.mr65 {
	margin-right: 65px !important
}
.mb65 {
	margin-bottom: 65px !important
}
.ml65 {
	margin-left: 65px !important
}
.m70 {
	margin: 70px !important
}
.mr70 {
	margin-right: 70px !important
}
.mb70 {
	margin-bottom: 70px !important
}
.ml70 {
	margin-left: 70px !important
}
.m75 {
	margin: 75px !important
}
.mt75 {
	margin-top: 75px !important
}
.mr75 {
	margin-right: 75px !important
}
.mb75 {
	margin-bottom: 75px !important
}
.ml75 {
	margin-left: 75px !important
}
.m80 {
	margin: 80px !important
}
.mt80 {
	margin-top: 80px !important
}
.mr80 {
	margin-right: 80px !important
}
.mb80 {
	margin-bottom: 80px !important
}
.ml80 {
	margin-left: 80px !important
}
/**************************************************************
【paddingの設定】
**************************************************************/
.p0 {
	padding: 0 !important
}			/* padding-0px を指定するクラス */
.pt0 {
	padding-top: 0 !important
}		/* padding-top0px を指定するクラス */
.pr0 {
	padding-right: 0 !important
}	/* padding-right0px を指定するクラス */
.pb0 {
	padding-bottom: 0 !important
}	/* padding-bottom0px を指定するクラス */
.pl0 {
	padding-left: 0 !important
}		/* padding-left0px を指定するクラス */
.p5 {
	padding: 5px !important
}
.pt5 {
	padding-top: 5px !important
}
.pr5 {
	padding-right: 5px !important
}
.pb5 {
	padding-bottom: 5px !important
}
.pl5 {
	padding-left: 5px !important
}
.p10 {
	padding: 10px !important
}
.pt10 {
	padding-top: 10px !important
}
.pr10 {
	padding-right: 10px !important
}
.pb10 {
	padding-bottom: 10px !important
}
.pl10 {
	padding-left: 10px !important
}