@charset "utf-8";

html {
	color:#444;
	font-family:"ヒラギノ角ゴ ProN W3","メイリオ","Hiragino Kaku GothicPro", osaka, sans-serif;
	font-size:62.5%;
}

body {
	font-size:28px;
	font-size:2.8rem;
	max-width:640px;
	margin:0 auto;
}

.end {
	margin-right:0 !important;
	margin-bottom:0 !important;
}

a {
	color:#2a88d1;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:focus {
	overflow:hidden;
	outline:none;
}

.b {font-weight:bold;}
.m {font-size:20px;font-size:2.0rem;}
.s {font-size:10px;font-size:1rem;}
.center {text-align:center;}
.lefttxt {text-align: left;}

.red {color:#c70101;}
.gre{ color:#038888;}

.fl{
	font-size:130%;
}

.mb0 {margin-bottom:0px !important;line-height:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.ml20 {margin-left: 10px !important;}

.pb20 {margin-bottom: 20px !important;}

.pict {float:left;margin:0 15px 15px 0;}
.pict-r { float:right;;margin:0 15px 15px 0;}

table {
	width:100%;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}

table tr th {
	background:url(../../img/bg_black.png) repeat 0px 0px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	padding:2%;
}

table tr td {
	background:#fff;
	padding:2%;
	border-right:1px solid #ddd;
}

table tr td.first {
	border-left:1px solid #ddd;
}

table.table_common {
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	margin-bottom:20px;
}

table.table_common tr {
	border-bottom:1px solid #ddd;
}

table.table_common tr th,
table.table_common tr td {
	text-align:left;
	padding:8px 12px;
	border-right:1px solid #ddd;
}

table.table_common tr th {
	background:#999;
	line-height:2rem;
	font-weight:normal;
}

.must {
	float:right !important;
	border-radius:0 !important;
	padding:2px 6px !important;
	box-shadow:none !important;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}


/* ------------------------------------------------
	■ clearfix ■
------------------------------------------------ */
.cf,
header,
#wrap,
footer,
nav,
#main { zoom: 1;overflow:hidden;}

.cf:before, .cf:after,
header:before, header:after,
#wrap:before, #wrap:after,
footer:before, footer:after,
nav:before, .nav:after,
#main:before, #main:after { content: ""; display: table; }

.cf:after,
header:after,
#wrap:after,
.footer:after,
nav:after,
#main:after { clear: both; }



/* ------------------------------------------------
	■ common ■
------------------------------------------------ */
#wrap section {
	margin-bottom:10%;
}


#wrap section h1 {
	font-size:1.2em;
	color:#fff;
	padding:2.5% 0 2.5% 3.125%;
	margin:0 0 3%;
	background:#008787;
}

#wrap section .sectionWrap {
	padding:0 3.125%;
}

.body_sub #wrap {
	padding:120px 0 0 0;
}



/* ------------------------------------------------
	■ header ■
------------------------------------------------ */
header {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	position:fixed;
	width:97.825396826%;
	z-index:100;
	width:640px;
	border-bottom:10px solid #eee;
	padding-top:10px;
	padding-bottom:0 !important;
}

header p {
	float:left;
	margin:0 1.587301587% 0 0;
	padding:0;
}

header p.menu {margin:0 0 0 10px;padding:30px 24px 0 19px;}
header p.logo {margin:0 30px 0 0;padding:14px 0 0 0 ;}
header p.contact {margin:0 10px 0 0; padding:0; height:100px;}
header p.tel { padding:0; height:100px;}

nav {
	border-top:10px solid #eee;
	background:#fff;
	width:100%;
	position:relative;
	margin-top:100px;
}

nav ul li {
	padding-right:3.125%;
	border-bottom:1px dotted #ccc;
}

nav ul li a {
	/*background:url(../../img/icon_arrow.png) no-repeat right center;*/
	background-size:6%;
	display:block;
	padding:3% 3.125%;
	color:#555;
	text-decoration:none;
}


/* ------------------------------------------------
	■ main ■
------------------------------------------------ */
.main{
	padding-top:118px;
	margin-bottom:4%;
}


/* ------------------------------------------------
	■ contents ■
------------------------------------------------ */
.btn_works {
	width:60%;
	margin:0 auto;
}

.btn_tel {
	margin:0 auto;
}

.btn_contact {
	margin:0 auto;
}

p.btn {
	text-align:center;
	margin-bottom:12px;
}

p.btn a {
	background: #02a3a3; /* Old browsers */
	background: -moz-linear-gradient(top,  #02a3a3 38%, #008787 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#02a3a3), color-stop(100%,#008787)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #02a3a3 38%,#008787 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #02a3a3 38%,#008787 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #02a3a3 38%,#008787 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #02a3a3 38%,#008787 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a3a3', endColorstr='#008787',GradientType=0 ); /* IE6-9 */
	padding:28px 80px;
	text-decoration:none;
	color:#fff;
	border-radius:5px;
	display:inline-block;
}

p.btn a span {
	background:url(../../img/arrow_white.png) no-repeat left center;
	padding:4px 0 4px 40px;
}
#wrap section .distress_bg01{
	margin:0 ;
	padding:10px 10px;
	background-color:#b6d798;
}
#wrap section .distress_bg02{
	margin:0;
	padding:10px 10px;
	background-color:#93c0b4;
}
#wrap section .distress_bg03{
	margin:0;
	padding:10px 10px;
	background-color:#87acba;
}
#wrap section .choice_bg{
	margin:0;
	padding:10px 10px;
	background-color:#f2b75a;
}

#distress_list ul {
	padding:15px 5px 10px 5px;
	margin:0 0 20px;
}

.distress01{
	border-radius:8px;
	padding:30px 16px;
	margin:10px 0 8px 0;
	color:#444444;
	background-color:#ffffff;
	border:1px solid #508025;
}
.distress02{
	border-radius:8px;
	padding:30px 16px;
	margin:10px 0 8px 0;
	color:#444444;
	background-color:#ffffff;
	border:1px solid #457a16;
}
.distress03{
	border-radius:8px;
	padding:30px 16px;
	margin:10px 0 8px 0;
	color:#444444;
	background-color:#ffffff;
	border:1px solid #3c495c;
}
.choice{
	border-radius:8px;
	padding:30px 16px;
	margin:10px 0 8px 0;
	color:#444444;
	background-color:#ffffff;
	border:1px solid #bb8949;
}
.distress01 img,.distress02 img ,.distress03 img,.choice img {
display: inline-block;
vertical-align: middle;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}
.distress01 .txt,.distress02 .txt,.distress03 .txt,.txt,.choice .txt {
display: inline-block;
vertical-align: middle;
line-height:1.4;
width:500px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}

.res_under{
	margin:0px 3.125%;
	padding:20px 0 0 0;
	border:4px solid #cccccc;
	background:#ffffff;

}


#distress_list .intro {
/*	border:7px solid #d3eeee;
*/	padding:25px 13px;
	background-color:#43a9ac;
}

#distress_list .intro_inner{
	border:4px solid #cccccc;
	background:#ffffff;
	padding:20px;
}
#distress_list .intro_inner p{
	font-size:28px;
	font-size:2.8rem;
	line-height:1.4;
	}

#distress_list .intro dl dt,.res_under_inner dl dt {
	background: #e7e7e7 none repeat scroll 0 0;
    margin: 0 0 10px;
    padding: 1.4%;
    text-align: center;
}

#distress_list .intro dl dd,.res_under_inner dl dd  {
	text-align:center;
}
#distress_list .intro dl dd.catch {
	padding:10px 20px 20px 20px;
	line-height:1.2;
	text-align:center;
	color:#005a5b;
}
.res_under_inner dl dd.catch {
	padding:10px 20px;
	line-height:1.2;
	text-align:center;
	color:#005a5b;
}
.section_flow01 dl dd.catch{
	line-height:1.4;
	text-align:center;
	color:#005a5b;
}

.zenkoku {
	font-size:1.4em;
}



.section_flow02 h2 span,
.section_flow03 h2 span {
	/*background:url(../../img/icon_plus.png) no-repeat right center;*/
	padding-right:50px;
	display:block;
}

/*.section_flow02 h2.active span,
.section_flow03 h2.active span {background:url(../../img/icon_minus.png) no-repeat right center;}*/

.your-class img {width:98%;}

.works {
	padding:0 3.125%;
	margin:0 0 70px;
}

.works p.title {
	text-align:center;
	margin:0 0 14px;
}

.works ul li {
	float:left;
	width:290px;
	margin:0 20px 20px 0;
}

.works ul li:nth-child(2n) {
	margin-right:0;
}

.works ul li dl dt {
	background:#f4edc5 url(../../img/icon_circle.png) no-repeat 12px center;
	margin:0 0 6px;
	padding:8px 8px 8px 36px;
	display:block;
	color:#a78d00;
}

.works .wcup {
	background:#f4edc5;
	padding:20px;
}

.works .wcup dl dt {
	border-bottom:1px solid #897C56;
	padding-bottom:2px;
	margin:0 0 25px;
}

.works .wcup dl dd .photo {
	float:right;
	margin:0 0 0 12px;
}

section.benefit h2 {
	color:#008787;
	font-size:32px;
	font-size:3.2rem;
	/*font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "HG明朝E", "MS PMincho", "MS 明朝", serif;*/
	margin:0 0 10px;
}

section.benefit ul {
	margin:0 0 20px;
}

section.benefit ul li {
	background:url(../../img/border.png) repeat-x left bottom;
	padding:0 0 6px;
	margin:0 0 6px;
}

section.benefit ul li:last-child {
	background:none;
	margin:0;
	padding:0;
}

section.benefit p {
	padding:14px 20px;
	background:#d3eeee;
	color:#146f6f;
}

section.section_faq ul li {
	border:1px solid #ccc;
	border-radius:5px;
	margin:0 0 12px;
	padding:12px;
}

section.section_faq ul li dl dt {
	background:url(../../img/icon_plus.png) no-repeat right center;
	padding-right:50px;
}

section.section_faq ul li dl dt.active {background:url(../../img/icon_minus.png) no-repeat right center;}

section.reason ul li {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9333+0,ff7800+100 */
	background: #ff9333; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9333 0%, #ff7800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9333), color-stop(100%,#ff7800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9333 0%,#ff7800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9333 0%,#ff7800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9333 0%,#ff7800 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9333 0%,#ff7800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9333', endColorstr='#ff7800',GradientType=0 ); /* IE6-9 */

	border-radius:5px;
	margin:0 0 12px;
	padding:12px;
	color:#fff;
}

section.reason ul li dl dt {
	background:url(../../img/icon_plus_white.png) no-repeat right center;
	padding-right:50px;
}

section.reason ul li dl dt.active {background:url(../../img/icon_minus_white.png) no-repeat right center;}


.link_pc {text-align:center;}
.link_pc a {
	display:block;
	border:1px solid #ddd;
	background:url(../../img/arrow_right.png) no-repeat 20px 17px;
	padding:15px 0 15px 68px;
	width:43%;
	text-align:left;
	border-radius:5px;
	margin:0 auto 50px;
	color:#686868;
	text-decoration:none;
}

.link_pc2 {
	text-align:left;
	margin:0px 20px 0px 20px;
	padding:12px;
}
.link_pc2 a {
	display:block;
	border:1px solid #ddd;
	background:url(../../img/arrow_right.png) no-repeat 20px 17px;
	padding:15px 0 15px 68px;
	width:43%;
	text-align:left;
	border-radius:5px;
	margin:0 auto 50px;
	color:#686868;
	text-decoration:none;
}


section.section_faq ul li dl dd,
section.reason ul li dl dd {
	padding-top:14px;
}

section.product ul li {
	float:left;
	width:290px;
	margin:0 20px 12px 0;
}

section.product ul li:nth-child(2n) {
	margin-right:0;
}

section.section_flow h2 {
	background:#ceeded;
	padding:2% 3.125%;
	
	color:#008787;
	font-size:1em;
	margin:0 0 2%;
}

section.section_flow .section_flow01 dl {
	background:#fff;
    border: 5px solid #d1d1d1;
    box-shadow: 0 0 0 1px #ccc inset;
	padding:3.125%;
	margin:0 0 3%;
}

section.section_flow .section_flow01 dl dt {
	background:#e7e7e7;
	text-align:center;
	padding:1.4%;
	margin:0 0 10px;
}

section.section_flow .section_flow03 h3 {
	color:#008787;
	font-size:32px;
	font-size:3.2rem;
/*	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "HG明朝E", "MS PMincho", "MS 明朝", serif;
*/	margin:0 0 10px;
}

section.section_voice ul li p.text {
     background:#ceeded;
	margin:0 0 6px;
	padding:8px 8px 8px 20px;
	display:block;
	color:#038888;
	font-weight:bold;
}
section.section_voice ul li p.text02 {
	line-height:1.5;
	font-weight:bold;
}

section.section_voice ul li p.text span {
	color:#999;
}









footer ul {
	margin:0 0 20px;
}


footer ul li {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 34%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,#ffffff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 34%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 34%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 34%,#ddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 34%,#ddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #ccc;
	padding:0 3.125% 0 0;
	display:block;
	
}

footer ul li a {
	background:url(../../img/arrow_right.png) no-repeat right center;
	background-size:6%;
	display:block;
	padding:4% 3.125%;
	color:#555;
	text-decoration:none;
	
}

footer .company {
	margin-bottom:20px;
	padding:0 3.125%;
}

footer .company .left {
	float:left;
	margin:0 3.125% 0 0;
	width:34.16666667%;
}

footer small {
	font-size:1em;
	background:#008787;
	color:#fff;
	text-align:center;
	padding:3.125%;
	display:block;
}

#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}



/* ------------------------------------------------
	■ sub ■
------------------------------------------------ */
#catalog dl {
	margin:0 0 40px;
}

#catalog dl dt {
	padding:10px 18px;
	background:#d3eeee;
	color:#146f6f;
}

#catalog dl dd ul li a {
	background:url(../../img/arrow_right.png) no-repeat right center;
	background-size:4%;
	display:block;
	padding:14px 0;
	border-bottom:1px dotted #aaa;
}

#catalog dl dd ul li:last-child a {
	border-bottom:0;
}

.copy {
	color:#008787;
	font-size:32px;
	font-size:3.2rem;
	margin:0 0 20px;
/*	line-height:1.2;
*/}

p.link_common {
	text-align:center;
}

p.link_common a {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 34%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,#ffffff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 34%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 34%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 34%,#ddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 34%,#ddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 ); /* IE6-9 */
	border:1px solid #ccc;
	padding:22px 60px;
	border-radius:5px;
	display:inline-block;
	text-decoration:none;
	text-align:left;
	color:#636363;
}

p.link_common a span {
	background:url(../../img/arrow_right.png) no-repeat left center;
	background-size:8%;
	padding:8px 6px 8px 32px;
	display:inline-block;
}

body.body_sub #wrap p {
	margin:0 0 12px;
}

body.body_sub h1 {
	text-align:center;
}

h2.h2_common {
	padding:10px 18px;
	background:#d3eeee;
	color:#146f6f;
	
	font-size:1em;
	margin:0 0 16px;
}

#contact p{
/*	line-height:1.2;
*/}
#contact p.text{
/*		line-height:1.5;
*/}

#contact .form dl {
	margin:0 0 30px;
}

#contact .form dl dt {
	background:#999;
	color:#fff;
	padding:4px 0 4px 10px;
	margin:0 0 8px;
}

#contact .form dl .txt_rb{
	display: inline;
	padding: 0 0 0 8px;
	color: red;
	font-size: 2rem;
}

#contact .form dl dd {
	padding: 0 0 20px;
}

#contact .form dl dd span {
	display:block;
	color:#999;
}

#contact .form dl dd textarea {
	width:99%;
}

input[type=checkbox] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
input[type=radio] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

#company01 ul li {
	float:left;
	width:290px;
	margin:0 20px 20px 0;
}

#company01 ul li:nth-child(2n) {margin:0 0 20px 0;}

#company01 ul li img {
	display:block;
	width:100%;
	margin:0 0 6px;
}

#company06 ul li {
	float:left;
	width:185px;
	margin:0 14px 14px 0;
	font-size:12px;
	font-size:1.2rem;
}

#company06 ul li:nth-child(3n) {
	margin:0 0 14px 0;
}

#company06 ul li img {
	display:block;
	width:100%;
}

.body_sub .img img {
	width:100%;
}

#bozin_product07 dl,
#bozin_product04 dl,
#atusa_product08 dl,
#atusa_product05 dl,
#atusa_product02 dl,
#product_res dl,
#product10 dl,
#product08 dl,
#product01 dl,
#media dl,
.about_feature dl,
#about_sanko dl{
	margin:0 0 30px;
}

#bozin_product07 dl dt,
#bozin_product04 dl dt,
#atusa_product08 dl dt,
#atusa_product05 dl dt,
#atusa_product02 dl dt,
#product_res dl dt,
#product10 dl dt,
#product08 dl dt,
#product01 dl dt,
#media dl dt,.about_feature dt,
#about_sanko dl dt{
	border-left:8px solid #008080;
	border-bottom:1px dotted #aaa;
	padding:8px 0 8px 12px;
	margin:0 0 12px;
}
/*.about_feature dt{
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-left:8px solid #008080;
	border-bottom:1px solid #aaa;
	padding:8px 0 8px 12px;
	margin:0 0 12px;
}*/

#atusa_product02 dl dd ul li,
#product01 dl dd ul li,
#media dl dd ul li{
	list-style-type:circle;
	margin:0 0 0 28px;
}

ol {
	margin:0 0 0 40px;
}

ol li {
	list-style-type:decimal;
	margin:0 0 10px;
}

#bozin_product02 ul li {
	width:290px;
	float:left;
	margin:0 20px 20px 0;
}

#bozin_product02 ul li:nth-child(2n) {
	margin-right:0;
}

#bozin_product02 ul li img {
	display:block;
	width:100%;
}

#bozin_product03 ul {
	padding-left:30px;
}

#bozin_product03 ul li {
	list-style:circle;
}

#about_sanko img{
	display:block;
	width:50%;
	margin:0 auto;
}

/*リンクボックス*/
.linkbox p {
  padding: 14px 20px;
  background: #d3eeee;
  color: #146f6f;
  text-align:center;
}

.linkbox a {
  color: #146f6f;
}

/* voice */
.voice_box{
	border:1px solid #ccc;
	border-radius:5px;
	margin:0 0 25px;
	padding:12px;
}
.voice_txt{
	font-size:14px;
	font-size:1.4rem;
}
.voice_box dl dt{
	background:#038888;
	margin:0 0 6px;
	padding:8px 8px 8px 20px;
	display:block;
	color:#ffffff;
}

.voice_name{
	padding-left:20px;
	font-size:28px;
	font-size:2.8rem;
}
.voice_day{
	padding-left:20px;
	font-size:28px;
	font-size:2.8rem;
}
div.voice_box dl dd h3 {
	color:#027070;
	font-size:28px;
	font-size:2.8rem;
	margin:0 0 10px;
	font-weight:bold;
}
.voicetop{
	padding:5px;
	text-align:right;
	font-size:100%;
}
/* about */

#about_menu{
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
#about_menu li{
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0px;
  border-bottom: 1px dotted #444444;
  display: block;
  overflow:hidden;
   vertical-align:middle;
}
#menu01 li:last-child{
  border-bottom: 0px;
}
#about_menu li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 30px 10px;
  background: #fff;
  color: #038888;
  font-weight: bold;
  text-decoration: none;
}
#about_menu li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  background: #027070;
}
#about_menu li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 40px;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  background: #fff;
}
ul#about_menu li img{
 /*float: left;*/
 width:24%;
 margin-right: 20px;
 display: inline-block;
 vertical-align:middle;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
 }
 ul#about_menu li span.txt{
	 display: inline-block;
vertical-align: middle;
width:380px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
font-size:30px;
font-size:3.0rem;
 }

 h2.h2_about {
	padding:10px 18px;
	background:#d3eeee;
	color:#146f6f;
	
	font-size:1.2em;
	margin:40px 0 16px;
	font-weight:bold;
}
 
 .about_system dl dt {
	color:#027070;
	font-size:30px;
	font-size:3.0rem;
	/*font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "HG明朝E", "MS PMincho", "MS 明朝", serif;*/
	margin:30px 0 30px;
	font-weight:bold;
}

.about_system dl dd .photo {
	/*float:left;*/
	text-align:center;
	margin-bottom:20px;
	padding:0 20px 0 0;
}

 
.left{
	margin:0;
	padding:0 20px 0 0;
	float:left;
}

#about ul {
	padding-left:40px;
}

#about ul li {
	list-style:circle;
	margin-bottom:20px;
}
.vWrap{
	position: relative;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	padding-bottom: 50%;
	padding-top: 69px;
	overflow: hidden;
	z-index:1;
}
 
.vWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

 .about_use dl dt {
	 padding:10px 18px;
	background:#d3eeee;
	color:#146f6f;
	
	font-size:1.2em;
	margin:40px 0 16px;
	display:block;
 }
 .gre-b{
	 border:1px solid #ccc;
	 border-radius:5px;
	 margin:20px 20px;
 }
  .gre-b p{
	   padding:20px 10px 10px 10px;
  }