@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}



/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.9666%;
	padding-left: 1.5166%;
	padding-right: 1.5166%;
}

#menu_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;

}
p#f:first-letter{
}


/* 見出し */
h1{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-bottom: 0;
	font-size:24px;
	line-height:26px;
	color:#1aaf16;
}

h1:before, h1:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: 1aaf16;
}

h1:before {left:0;}
h1:after {right: 0;}



/*見出し斜め線*/



h4{
position: relative;
display: inline-block;
padding: 0 55px;
font-size:18px;
color:#1aaf16;
line-height:22px;
}
h4:before, h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #006400;
}

h4:before {left:0;}
h4:after {right: 0;}




p#strong3{
 	font-size: 14px;
	color:#203744;
	line-height:18px;
	text-align:center;
	}

p#strong5{
 	font-size: 14px;
	color:#f08300;
	line-height:18px;
	text-align:center;
	padding:10px;
	}

p#strong6{
 	font-size: 16px;
	color:#000;
	line-height:24px;
	text-align:center;
	}
p#strong6.one:first-letter{
    font-size: 2em;
	line-height:120%;
}




p#info{
	text-align:left;
}

.header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align:center;
}
#header_menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}


#header_top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:60px;
}
#header_l {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:3;
}


#header_r {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}
#bussiness {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#bussiness2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#bussiness3_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#bussiness3_2-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#LayoutDiv_topmenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:right;
	position:absolute;
}



#body_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
	position: static;
}
#home_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
	margin-top:10px;
	margin-bottom:10px;
}

#home_contents02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*background-color:#bce2e8;*/
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../image/bg02.png);
	background-repeat:repeat;
}


#top_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#top_contents02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0.5em;
	text-align:center;
}

#top_contents_left {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0.5em;
	text-align:left;
}



#footer_r {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top:10px;
}

#footer_c1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top:10px;
}

#footer_c2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top:10px;
	text-align:left;
}

#footer_l {
	clear: none;
	float: left;
	width: 50%;
	margin-left: 0;
	margin-top:10px;
	text-align:left;
}

#tel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#footer_bottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:8px;
}

#sub_title {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	margin-bottom:20px;
}

#sub_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}

#top_box3-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#top_box3-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#top_box3-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#sub_box3-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
}

#sub_box3-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
}

#sub_box3-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
}
#sub_box3-4 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
}


#sub_box5-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
	text-align:center;
}

#sub_box5-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
	text-align:center;
}

#sub_box5-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
	text-align:center;
}

#sub_box5-4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
	text-align:center;
}

#sub_box5-5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
	text-align:center;
}

#top_contents02_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}

#top_contents02_2-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}

#kaisya_contents_menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
}

#box_staff01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	text-align:center;
	height:250px;
}

#box_staff02 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	height:250px;
	text-align:center;
}

#box_staff03 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	height:250px;
	text-align:center;
}

#box_staff04 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	height:250px;
	text-align:center;
}

#box_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#box_2-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

	#box_gyoumu_2-1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  }

	#box_gyoumu_2-2 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  }

.ta1 {
width: 90%;/*テーブルの幅*/
margin-top:5px;/*テーブルの上にスペース*/
margin-left:5%;/*左にスペース*/
margin-bottom:5px;/*下に少しスペース*/
margin-right:5%;
font-size:x-small;
}

.ta1.status {
text-align:center;
}

.ta1.num {
text-align:right;
}

.ta1 th,.ta1 td {
padding:10px 10px;
}

.ta1 th {
border-bottom:double 3px #cccccc;
}

.ta1 td {
border-bottom:dotted 1px #cccccc;
}

#box_4-1 {
	clear: both;
	float: left;
	margin-left:0;
	width: 99%;
	display: block;
	background-color: #FFFFFF;
	margin-bottom:20px;
	}
#box_4-2 {
	clear: both;
	float: left;
	margin-left:0;
	width: 99%;
	display: block;
	background-color: #FFFFFF;
	margin-bottom:20px;
}
#box_4-3 {
	clear: both;
	float: left;
	margin-left:0;
	width: 99%;
	display: block;
	background-color: #FFFFFF;
	margin-bottom:20px;
}
#box_4-4 {
	clear: both;
	float: left;
	margin-left:0;
	width: 99%;
	display: block;
	background-color: #FFFFFF;
	margin-bottom:20px;
}

#kochira {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

/* --------------------------------------------------
   上下円
-------------------------------------------------- */


.midasien {
position: relative;
color: #008000;
font-size: 24px;
padding: 18px 0;
text-align: center;
margin: 1.5em 0;
font-weight:bold;
}
.midasien:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 65px;
border-radius: 50%;
border: 2px solid #008000;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
	
#box_service01 {
	clear: both;
	float: left;
	margin-left: 0.8%;
	width: 47%;
	display: block;
	background-image:url(../service/image/create.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#fff;
}

#box_service02 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 47%;
	display: block;
	background-image:url(../service/image/mente.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#800080;
}

#box_service03 {
	clear: both;
	float: left;
	margin-left: 0.8%;
	width: 47%;
	display: block;
	background-image:url(../service/image/repair.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#fff;
}

#box_service04 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 47%;
	display: block;
	background-image:url(../service/image/plan.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#000;
}





/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.9333%;
	padding-left: 1.0333%;
	padding-right: 1.0333%;
}

#menu_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #666;
	position: fixed;
	z-index:1000;
	background-image:url(../image/top_bg.png);
	background-repeat:repeat-x;

}

p#f:first-letter{
}


/* 見出し */
h1{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-bottom: 0;
	color:#1aaf16;
  	font-size:36px;
}

h1:before, h1:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: 1aaf16;
}

h1:before {left:0;}
h1:after {right: 0;}



/*見出し斜め線*/


h4{
position: relative;
display: inline-block;
padding: 0 55px;
font-size:24px;
color:#1aaf16;
line-height:30px;
}
h4:before, h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #006400;
}

h4:before {left:0;}
h4:after {right: 0;}



p#strong3{
 	font-size: 16px;
	color:#203744;
	line-height:28px;
	text-align:center;
	}

p#strong5{
 	font-size: 16px;
	color:#f08300;
	line-height:28px;
	text-align:center;
	padding:10px;
	}
p#strong6{
 	font-size:18px;
	color:#000;
	line-height:32px;
	padding:10px;
	text-align:center;
	}

p#strong6.one:first-letter{
    font-size: 2em;
	line-height:120%;
}




p#info{
	font-size:1.2em;
	text-align:center;
	line-height:2.0em;
	
}


/* ヘッダーの色設定 */
.header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align:center;
}
#header_menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header_top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:60px;
}
#header_l {
	clear: both;
	float: left;
	margin-left: 0;
	width: 55%;
	display: block;
	text-align:left;
	z-index:3;
}


#header_r {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 40%;
	display: block;
	text-align:right;
	font-size: 8pt;
}

#bussiness {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#bussiness2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#bussiness3_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#bussiness3_2-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#LayoutDiv_topmenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}




#body_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
	position: static;
}
#home_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
	margin-top:20px;
	margin-bottom:20px;
}

#home_contents02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*background-color:#bce2e8;*/
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../image/bg02.png);
	background-repeat:repeat;
}


#top_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#top_contents02 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0.5em;
	text-align:center;
}

#top_contents_left {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0.5em;
}


#footer_r {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top:10px;
}

#footer_c1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top:10px;
}

#footer_c2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top:10px;
	text-align:left;
}

#footer_l {
	clear: none;
	float: left;
	width: 50%;
	margin-left: 0;
	margin-top:10px;
	text-align:left;
}

#tel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}

#footer_bottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:8px;
}

#sub_title {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	margin-bottom:20px;
}

#sub_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}

#top_box3-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#top_box3-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.5%;
	display: block;
}

#top_box3-3 {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 48.5%;
	display: block;
}



#sub_box3-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 33.3%;
	display: block;
	margin-bottom:10px;
}

#sub_box3-2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 33.4%;
	display: block;
	margin-bottom:10px;
}

#sub_box3-3 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 33.3%;
	display: block;
}
#sub_box3-4 {
	clear: none;
	float: left;
	margin-left: 20%;
	width: 60%;
	display: block;
}


#sub_box5-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
}

#sub_box5-2 {
	clear: none;
	float: left;
	margin-left: 1.8%;
	width: 49%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-4 {
	clear: none;
	float: left;
	margin-left: 1.8%;
	width: 49%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
	margin-bottom:10px;
}

#top_contents02_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
}

#top_contents02_2-2 {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 49%;
	display: block;
}

#kaisya_contents_menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
}

#box_staff01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	height:250px;
}

#box_staff02 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	height:250px;
}

#box_staff03 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	height:250px;
	display: block;
}

#box_staff04 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	height:250px;
	display: block;
}

#box_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#box_2-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

	#box_gyoumu_2-1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 50%;
  display: block;
  }

	#box_gyoumu_2-2 {
  clear: none;
  float: left;
  margin-left: 0;
  width: 50%;
  display: block;
  }

.ta1 {
width: 90%;/*テーブルの幅*/
margin-top:5px;/*テーブルの上にスペース*/
margin-left:5%;/*左にスペース*/
margin-bottom:5px;/*下に少しスペース*/
margin-right:5%;
font-size:small;
}

.ta1.status {
text-align:center;
}

.ta1.num {
text-align:right;
}

.ta1 th,.ta1 td {
padding:10px 10px;
}

.ta1 th {
border-bottom:double 3px #cccccc;
}

.ta1 td {
border-bottom:dotted 1px #cccccc;
}

#box_4-1 {
	clear: both;
	float: left;
	margin-left:0;
	width: 48%;
	display: block;
	background-color: #FFFFFF;
	}
#box_4-2 {
	clear: none;
	float: left;
	margin-left:2%;
	width: 48%;
	display: block;
	background-color: #FFFFFF;
}
#box_4-3 {
	clear: both;
	float: left;
	margin-left:0;
	width: 48%;
	display: block;
	background-color: #FFFFFF;
}
#box_4-4 {
	clear: none;
	float: left;
	margin-left:2%;
	width: 48%;
	display: block;
	background-color: #FFFFFF;
}

#kochira {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:10px;
	margin-bottom:10px;
	font-size:large;
	font-weight:bold;
}

/* --------------------------------------------------
   上下円
-------------------------------------------------- */


.midasien {
position: relative;
color: #008000;
font-size: 36px;
padding: 30px 0;
text-align: center;
margin: 1.5em 0;
font-weight:bold;
}
.midasien:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 90px;
border-radius: 50%;
border: 2px solid #008000;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

#box_service01 {
	clear: both;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/create.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#fff;
}

#box_service02 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/mente.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#800080;
}

#box_service03 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/repair.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#fff;
}

#box_service04 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/plan.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#000;
}

	



}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 90%;
	max-width: 1200px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}

#menu_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #666;
	position: fixed;
	z-index:1000;
	background-image:url(../image/top_bg.png);
	background-repeat:repeat-x;

}

p#f:first-letter{
    font-size: 2.5em;
	line-height:120%;
}



/* 見出し */
h1{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-bottom: 0;
  	font-size:36px;
	line-height:42px;
	color:#1aaf16;
}

h1:before, h1:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: #1aaf16;
}

h1:before {left:0;}
h1:after {right: 0;}





h4{
position: relative;
display: inline-block;
padding: 0 55px;
font-size:26px;
color:#1aaf16;
}
h4:before, h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #006400;
}

h4:before {left:0;}
h4:after {right: 0;}




p#strong3{
 	font-size: 18px;
	color:#203744;
	line-height:32px;
	text-align:center;
	}

p#strong5{
 	font-size: 18px;
	color:#f08300;
	line-height:32px;
	text-align:center;
	padding:10px;
	}

p#strong6{
 	font-size: 24px;
	color:#000;
	line-height:42px;
	padding:10px;
	text-align:center;
	}
p#strong6.one:first-letter{
    font-size: 2em;
	line-height:120%;
}



p#info{
	font-size:1.2em;
	text-align:center;
	line-height:2.0em;
	
}



.header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align:center;

}
#header_menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header_top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:60px;
}
#header_l {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	text-align:left;
}


#header_r {
	clear: none;
	float: left;
	margin-left: 0;
	width: 30%;
	display: block;
	text-align:right;
	font-size: 9pt;
	margin-top: 2px;
	margin-bottom: 10px;

}

#bussiness {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#bussiness2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}

#bussiness3_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
}

#bussiness3_2-2 {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 49%;
	display: block;
}




#LayoutDiv_topmenu {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 100%;
 	 display: none;
}



#body_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
	position: static;
}

#home_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
	margin-top:30px;
	margin-bottom:30px;
}

#home_contents02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*background-color:#e0ebaf;*/
	margin-top:30px;
	margin-bottom:30px;
	background-image:url(../image/bg02.png);
	background-repeat:repeat;
}

#top_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
}

#top_contents02 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
	margin-top:0.5em;
	text-align:left;
}

#top_contents_left {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 28.5714%;
	display: block;
	margin-top:0.5em;
	text-align:left;
}


#footer_r {
	clear: both;
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	margin-top:10px;
}

#footer_c1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	margin-top:10px;
}

#footer_c2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	margin-top:10px;
	text-align:left;
}

#footer_l {
	clear: none;
	float: left;
	width: 25%;
	margin-left: 0;
	margin-top:10px;
	text-align:left;
}

#tel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}

#footer_bottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:8px;
}

#sub_title {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	margin-bottom:20px;
}

#sub_contents01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}
#top_box3-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 30%;
	display: block;
}

#top_box3-2 {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 30%;
	display: block;
}

#top_box3-3 {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 30%;
	display: block;
}



#sub_box3-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 30%;
	display: block;
}

#sub_box3-2 {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 30%;
	display: block;
}

#sub_box3-3 {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 30%;
	display: block;
}

#sub_box3-4 {
	clear: none;
	float: left;
	margin-left: 20%;
	width: 60%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 18.3673%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-2 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 18.3673%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-3 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 18.3673%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-4 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 18.3673%;
	display: block;
	margin-bottom:10px;
}

#sub_box5-5 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 18.3673%;
	display: block;
	margin-bottom:10px;
}

#top_contents02_2-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
}

#top_contents02_2-2 {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 49%;
	display: block;
}

#kaisya_contents_menu {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
}

#box_service01 {
	clear: both;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/create.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#fff;
}

#box_service02 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/mente.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#800080;
}

#box_service03 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/repair.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#fff;
}

#box_service04 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	background-image:url(../service/image/plan.png);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
	color:#000;
}

#box_staff01 {
	clear: both;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	height:auto;
}


#box_staff02 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	height:auto;
}

#box_staff03 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	height:auto;
}

#box_staff04 {
	clear: none;
	float: left;
	margin-left: 0.8%;
	width: 23.8%;
	display: block;
	height:auto;
}



#box_top01 {
	clear: both;
	float: left;
	margin-left:0;
	width: 25%;
	display: block;
    border: 1px solid #ddd;
    box-sizing:border-box;
	position: relative;/*相対配置*/
	background-color: #FFFFFF;
	}
#box_top02 {
	clear: none;
	float: left;
	margin-left:0;
	width: 25%;
	display: block;

    border: 1px solid #ddd;
    box-sizing:border-box;
	position: relative;/*相対配置*/
	background-color: #FFFFFF;
}
#box_top03 {
	clear: none;
	float: left;
	margin-left:0;
	width: 25%;
	display: block;
    border: 1px solid #ddd;
    box-sizing:border-box;
	position: relative;/*相対配置*/
	background-color: #FFFFFF;
}
#box_top04 {
	clear: none;
	float: left;
	margin-left:0;
	width: 25%;
	display: block;
    border: 1px solid #ddd;
    box-sizing:border-box;
	position: relative;/*相対配置*/
	background-color: #FFFFFF;
}

	.box_top {
  position: absolute;/*絶対配置*/
  color: #000;/*文字は白に*/
  top: 10%;
  left: 0;
  }

	#box_2-1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 49.1525%;
  display: block;
  }

	#box_2-2 {
  clear: none;
  float: left;
  margin-left: 1.6949%;
  width: 49.1525%;
  display: block;
  }

	#box_gyoumu_2-1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 49.1525%;
  display: block;
  }

	#box_gyoumu_2-2 {
  clear: none;
  float: left;
  margin-left: 1.6949%;
  width: 49.1525%;
  display: block;
  }

.ta1 {
width: 90%;/*テーブルの幅*/
margin-top:5px;/*テーブルの上にスペース*/
margin-left:5%;/*左にスペース*/
margin-bottom:5px;/*下に少しスペース*/
margin-right:5%;
}

.ta1.status {
text-align:center;
}

.ta1.num {
text-align:right;
}

.ta1 th,.ta1 td {
padding:10px 10px;
}

.ta1 th {
border-bottom:double 3px #cccccc;
}

.ta1 td {
border-bottom:dotted 1px #cccccc;
}

#box_4-1 {
	clear: both;
	float: left;
	margin-left:0;
	width: 24%;
	display: block;
	background-color: #FFFFFF;
	}
#box_4-2 {
	clear: none;
	float: left;
	margin-left:1%;
	width: 24%;
	display: block;
	background-color: #FFFFFF;
}
#box_4-3 {
	clear: none;
	float: left;
	margin-left:1%;
	width: 24%;
	display: block;
	background-color: #FFFFFF;
}
#box_4-4 {
	clear: none;
	float: left;
	margin-left:1%;
	width: 24%;
	display: block;
	background-color: #FFFFFF;
}

#kochira {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:20px;
	margin-bottom:30px;
	font-size:large;
	font-weight:bold;
}

/* --------------------------------------------------
   上下円
-------------------------------------------------- */


.midasien {
position: relative;
color: #008000;
font-size: 48px;
padding: 40px 0;
text-align: center;
margin: 1em 0;
font-weight:bold;
}
.midasien:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 110px;
border-radius: 50%;
border: 2px solid #008000;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


}

html,body{
     height:100%;
}
body{
  color:#3d3d3d;
  background-color:#fff;!important;
  /*background-image:url(../image/bg.gif);*/
  margin:0;
  padding:0;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:15px;
  line-height : 140% ;
}


#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

#contents{
     padding-bottom:500px; /*フッターの高さと同じ*/
}
#footer{
	position: absolute;
	width: 100%;
	height:500px;
	/*background-image:url(../image/bg_footer_bottom.png);*/
	background-color:#1aaf16;
	background-repeat:repeat-x;
	background-position:bottom;
	bottom:0;
	font-size:12px;
	color: #fff;
}
#footer_bottom2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #fff;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}




#menu_contents02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #fdf5e6;
}

#sub_contents02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
}

#contents100 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#home_contents03 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*background-color:#ffffe0;*/
	/*background-image:url(../image/bg03.png);
	background-repeat:repeat-x;*/
}




.clear { clear:both; }  

#padding {
	padding-top:5px;
	padding-bottom:5px;
}

h3 {
  padding: .5em .75em;
  border: 1px solid #ccc;
  font-size:18px;
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f2));
  background:-webkit-linear-gradient(top, #fff, #f3f3f2);
  background:-moz-linear-gradient(top, #fff, #f3f3f2);
  background:-o-linear-gradient(top, #fff, #f3f3f2);
  background:linear-gradient(to bottom, #fff, #f3f3f2);
}

h3.green {
  padding: .5em .75em;
  border:none;
  font-size:16px;
  text-align:center;
  background:-webkit-gradient(linear, left top, left bottom, from(#c7dc68), to(#9acd32));
  background:-webkit-linear-gradient(top, #c7dc68, #9acd32);
  background:-moz-linear-gradient(top, #c7dc68, #9acd32);
  background:-o-linear-gradient(top, #c7dc68, #9acd32);
  background:linear-gradient(to bottom, #c7dc68, #9acd32);
  color:#000;
}


.hidarimidasi {
  padding: .10em 0 .10em .75em;
  border-left: 6px solid #2ca9e1;
}



/* --------------------------------------------------
   Google Noto Sans JP
-------------------------------------------------- */

.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}
/* -------------------------------------------------- */
p{
	text-align:left;
	margin:10px;
	padding:10px;
}
p.mpnone{
	text-align:left;
	margin:0;
	padding:0;
}
p.center{
	text-align:center;
	margin:10px;
	padding:10px;
}

p.right{
	text-align:right;
	margin:10px;
	padding:10px;
}

p.syomei{
	width:180px;
}

#syomei{
	margin-left:auto;
}

p.title{
	text-align:center;
	margin:0;
	padding:0;
	color:#228b22;
}

p#strong{
 	font-size: 28px;
	color:#000;
	line-height:32px;
	text-align:center;
	}
p#strong2{
 	font-size: 16px;
	color:#2ca9e1;
	line-height:24px;
	text-align:center;
	}	
	
p#strong4{
 	font-size: 16px;
	color:#000;
	line-height:24px;
	text-align:center;
	}	
p#strong7{
  	font-size:24px;
	line-height:32px;
	text-align:center;
	
}

	
	
p.midasi{
 	font-size: 32px;
	color:#000;
	margin-left:10px;
	border-bottom: solid 1px #158b2b;
	line-height:34px;
	}

p.midasi#one:first-letter {
font-size: 1.5em;
color: #158b2b;
}



.fonts{
	font-size:small;
}

.fonts_s{
	font-size:10px;
}

.circle {
      color: #000;
      background-color:#ffd900;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
      border-radius: 50%;
    }

.circle2 {
      color: #000;
      background-color:#9acd32;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
      border-radius: 50%;
    }

.circle3 {
      color: #fff;
      background-color:#d7cf3a;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
      border-radius: 50%;
    }

.circle4 {
      color: #000;
      background-color:#9acd32;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
      border-radius: 50%;
    }

.circle5 {
      color: #000;
      background-color:#006400;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
      border-radius: 50%;
    }

.sikaku1 {
      color: #fff;
      background-color:#228b22;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
    }

.sikaku2 {
      color: #000;
      background-color:#9acd32;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
    }

.sikaku3 {
      color: #000;
      background-color:#e0ebaf;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
    }

.sikaku4 {
      color: #fff;
      background-color:#006400;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
    }

.sikaku5 {
      color: #000;
      background-color:#006400;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 10%x;
      text-align: center;
      display: inline-block;
    }



#border{
		text-decoration: underline dotted;
}

/*リストスタイル*/
nav ul.no {
	padding: 0;
	margin: 0;
	font-size:12px;
}

nav li.no {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

ul.ya li {
	position: relative;
	text-align:left;
}
ul.ya li::after,
ul.ya li::before {
	display: block;
	content: '';
	position: absolute;
}
ul.ya li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #66cc33;
	border-radius: 100%;
}
ul.ya li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*リストスタイル２*/
ul.ku li {
	position: relative;
}
ul.ku li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*リスト円２*/

ul.en li {
	position: relative;
	text-align:left;
	list-style:none;
}
ul.en li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 1px solid #b8d200;
	border-radius: 100%;
}

/*リスト円*/
ul.circle li {
	position: relative;
	text-align:left;
	list-style-type:circle;
}

/*リスト■*/
ul.square li {
	position: relative;
	text-align:left;
	list-style-type:square;
}

a{
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
}


a:link{
  color:#fff ;
  text-decoration:none;
  font-weight:bold;
}

a:active { 
  color: #fff; 
  font-weight:bold;
}

a:visited {/*訪問後のリンク*/
    color:#fff  ;
  font-weight:bold;
}

a:hover{
  color:#000;
  font-weight:bold;
}

a.menu{
  color:#ffffff;
  text-decoration:none;
}


a.kuro{
  color:#000;
  text-decoration:none;
}


a.kuro:link{
  color:#000 ;
  text-decoration:none;
}

a.kuro:active { 
  color: #008000; 
}

a.kuro:visited {/*訪問後のリンク*/
    color:#000  ;
}

a.kuro:hover{
  color:#008000;
}

a.g1{
  color:#5d310c;
}


a.g1:link{
  color:#006633 ;
  text-decoration:underline;
}

a.g1:active { 
  color: #000; 
}

a.g1:visited {/*訪問後のリンク*/
    color:#006633  ;
}

a.g1:hover{
  color:#ff6600;
}



a.g{
  color:#5d310c;
}


a.g:link{
  color:#006633 ;
}

a.g:active { 
  color: #000; 
}

a.g:visited {/*訪問後のリンク*/
    color:#006633  ;
}

a.g:hover{
  color:#ff6600;
}


a.r:link{
  color:#cc0000 ;
  text-decoration:none;
}

a.r:active { 
  color: #000; 
}

a.r:visited {/*訪問後のリンク*/
    color:#ff0000  ;
}

a.r:hover{
  color:#4169e1;
}

a.st {
  padding: 0 .3em;
  transition: all .3s;
  color:#ff66cc;
}
a.st:hover {
  color: #fff;
  background-color: #2ecc71;
}

a.kuro2{
  color:#000;
  text-decoration:none;
  font-weight:bold;
}


a.kuro2:link{
  color:#000 ;
  text-decoration:none;
}

a.kuro2:active { 
  color: #000; 
  font-weight:bold;
}

a.kuro2:visited {/*訪問後のリンク*/
    color:#000  ;
}

a.kuro2:hover{
  color:#fff;
}


/* 吹き出し */
#fukidasi_ue {
	position: relative;
	padding: .5em .75em;
	background-color: #9acd32;
	border-radius: 6px;
}
#fukidasi_ue:after {
	position: absolute;
	bottom: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 15px solid #9acd32;
}

/* 吹き出し左 */
#fukidasi_hidari {
	position: relative;
	padding: .5em .75em;
	background-color: #9acd32;
	border-radius: 6px;
}
#fukidasi_hidari:after {
	position: absolute;
	bottom: 40%;
	left: -25px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 15px solid #9acd32;
}

#fukidasi_sita {
	position: relative;
	padding: .5em .75em;
	background-color: #9acd32;
	border-radius: 6px;
}
#fukidasi_sita:after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #9acd32;
}





.coder {
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;
	background-color:#FFF;
}

/* --------------------------------------------------
   coder Table2
-------------------------------------------------- */
.coder2 {
    border-spacing: 0;
	
    border: 1px solid #ccc;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
         -o-border-radius: 20px;
            border-radius: 20px;
    box-shadow: 0 1px 1px #ccc;
	background-color:#f0fff0;
}
/* --------------------------------------------------
   coder Table3
-------------------------------------------------- */
.coder3 {
    border-spacing: 0;
	
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    border: 1px solid #ccc;
    background:#FFF;
}

/*ついてくるボタン　設定
---------------------------------------------------------------------------*/
.floating {
    bottom: 0;
	left:0;
	position: fixed;
	z-index: 103;
}

.floating a {
    width: 100%;
    padding: 0;
    text-align: center;
    display: block;
}

.scr {
  overflow: auto;   /* スクロール表示 */
  width: 100%;
  height: 290px;
  background-color: #fff;
  text-align:left;
}

.border_radius_s {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


.cha {
	color:#5d310c;
}
.white {
	color:#fff;
}


.mizu {
	color:#0096c8;
}
.orange {
	color:#ff6600;
}
.ki {
	color:#90c31f;
}

.green {
	color:#009944;
	font-weight:bold;
}


.midori {
	color:#228b22;
	font-size:small;
}

.red {
	color:#ff0000;
	font-size:small;
}
.red_n {
	color:#ff0000;
}

.color1 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ccc;
  }



.color3 {
	background-color:#c3d825;
	color: #180614;
	padding:5px;
	line-height:150%;
}

.bold	{ font-weight:bold;
}
/*ふちどり*/
.box_solid{
    margin:10px;
    height:auto;
    position: relative;
    background:#e9e9e9;
}

.box_solid:before{
    content: '';
    z-index: 1;
    position: absolute;
    border: 1px solid #fff;
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px;
    -moz-box-shadow: 0 0 0 1px #eee;
    -webkit-box-shadow: 0 0 0 1px #eee;
    box-shadow: 0 0 0 1px #eee;
}



/*点線ふちどり*/
.box{
    margin:10px;
    height:auto;
    position: relative;
    background:#e9e9e9;
}

.box:before{
    content: '';
    z-index: 1;
    position: absolute;
    border: 1px dashed #bbb;
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px;
    -moz-box-shadow: 0 0 0 1px #eee;
    -webkit-box-shadow: 0 0 0 1px #eee;
    box-shadow: 0 0 0 1px #eee;
}

/*点線ふちどり*/
.box_orange{
    margin:10px;
    height:auto;
    position: relative;
    background:#fcc800;
}

.box_orange:before{
    content: '';
    z-index: 1;
    position: absolute;
    border: 1px dashed #fff1cf;
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px;
    -moz-box-shadow: 0 0 0 1px #fddea5;
    -webkit-box-shadow: 0 0 0 1px #fddea5;
    box-shadow: 0 0 0 1px #fddea5;
}

#center01 {
    text-align:center;
}

/* パンくずリスト */
.topicpath {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:right;
}

.topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
	font-size:11px;
}
.topicpath ol li:after {
	/* liの後に記号追加 */
	content:" > ";
}

.newicon {
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}
/* 見出し */

h2 {
border-bottom: solid 5px #9acd32;
position: relative;
}

h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 5px #006400;
bottom: -5px;
width: 20%;
}
.hidarimidasi {
  padding: .10em 0 .10em .75em;
  border-left: 6px solid #1aaf16;
}

/*ページトップへ戻るボタン*/

#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 77%;
	z-index:100;
}
#page-top a {
    background: #000;
	/*background: #df161e;*/
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	font-size:xx-large;
}
#page-top a:hover {
    text-decoration: none;
    background: #c9171e;
}
/*ページトップへ戻るボタンここまで*/

#seihin_box3-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 33.3%;
	display: block;
	margin-bottom:10px;
}

#seihin_box3-2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 33.4%;
	display: block;
	margin-bottom:10px;
}

#seihin_box3-3 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 33.3%;
	display: block;
	margin-bottom:10px;
}

#infoblog {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}
.gazouwaku{
	border: 0.5px solid #ccc;/* 外枠の色 */
	padding: 1px;/* 余白 */
	background-color: #ffffff;/* 余白部分の色 */
	text-align: center;
	position: relative;
	overflow: hidden;
}

.ribbon1-2 {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    font-size: 18px;/*フォントサイズ*/
    color: #FFF;/*フォントカラー*/
    background: #90c31f;/*背景色*/
	width:86%;
	text-align:center;
}

.ribbon1-2:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}

.ribbon1-2:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-left: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}

#movie{
width: 100%;
text-align:center;
}
#mv-movie{
width: 100%;
max-width: 480px;
}

/*フレーム比率表示  */ 
#wrapper {
    position: relative;
    width: 100%;
}
#wrapper:before {
    content:"";
    display: block;
    padding-top: 75%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#wra-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h5{
background: #8fc31f;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h5.center{
background: #8fc31f;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
text-align:center;
}



.bg-white{
	background-color: #ffffff;
}

.bg-ten{
	background-image:url(../image/bg02.png);
	background-repeat:repeat;
}
.tel {
    cursor: default;
    pointer-events: none;
}

.wf-roundedmplus1c { 
	font-family: "Rounded Mplus 1c"; 
}

/*上だけ線ボックス*/	
.box11{
    padding: 0.5em 1em;
    margin: 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #f08300;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}	

/* --------------------------------------------------
   角丸四角ボタン
-------------------------------------------------- */

.btn {
	background: -moz-linear-gradient(top,#ffff60 0%,#ffd900);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff60), to(#ffd900));
	background-color:#ffff60;
	border: 1px solid #DDD;
	color:#000;
	padding: 10px 20px;
	border-radius:30px;
	width:30%;
	}
	

.midasi2 {
background: #b7282e;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
border-radius:10px;
text-align:center;
font-size:18px;
color:#fff;
}
.midasi2_form {
background: #1c2087;/*背景色*/
padding: 0.2em;/*文字まわり（上下左右）の余白*/
border-radius:10px;
text-align:center;
font-size:18px;
color:#fff;
margin:10px;
}


.border_redius50 {
	border-radius:50%;
}