@charset "utf-8";
/* CSS Document */

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	background: #FAEDEB;
}
/* ------------------------------------- /
/   Header
/* ------------------------------------- */
#header {
	padding-top: 5px;
	background-color: #FCDBEB;
	background: url(../img/bg-img.png) repeat-x;
}
 
footer {
	background: url(../img/bg-f.png) repeat-x;
	height: 153px;
}
footer p {
	margin: 0;
	padding: 40px 0;
	color: #000;
}
footer a:link {
	background-color: rgba(255,255,255,0.7);
}

/* ------------------------------------- /
/   Page Top
/* ------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #D7468B;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #E37EAF;
}

.img-full {
    min-width: 100%;
}
.box01 {
	margin-bottom: 20px;
	padding: 15px 15px;
}
.box02 {
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	background: #fff;
}
.box03 {
	margin: 10px;
	padding: 10px;
	background: #FAE9E6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: solid 1px #F5CAC2;
	overflow: auto;
	height: 250px;
}
.box03b {
	margin: 10px;
	padding: 10px;
	background: #FBF5E5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: solid 1px #ECC964;
	overflow: auto;
	height: 250px;
}
.box03c {
	margin: 10px;
	padding: 10px;
	background: #DCF2FC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: solid 1px #72CEF5;
	overflow: auto;
	height: 250px;
}
.box-news{
	overflow: auto;
	height: 100px;
}
.boxgreet {
	margin: 10px;
	padding: 10px;
	background: #FBF5E5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: solid 1px #EC9F64;
	overflow: auto;
}
.boxgreet h4{
	font-size: 1.12em;
	border-bottom: 1px dotted #666;
}
.linkbox a:hover{
    background-color:#FFF;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
.linkbox-img a:hover img{
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
}

/*  Title
/--------------------------------- */
.h1-01 {
	color: #000;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}
.h2-01 {
	border-left: 12px solid #CC0033;
	background-color: #CC3366;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 4px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.h2-02 {
	border-left: 12px solid #00559B;
	background-color: #369BCC;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 4px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.h2-03 {
	border-left: 12px solid #FF801E;
	background-color: #FFC807;
	color: #000000;
	font-size: 1.2em;
	padding: 4px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.h3-01 {
	color: #076489;
	font-size: 1.2em;
	padding: 12px 4px 15px 50px;
	background: url(../img/h3-01.png) no-repeat;
}
.h6-01 {
	font-size: 1em;
	font-weight: bold;
	background-color: #F2DEDE;
	padding: 6px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.h6-02 {
	font-size: 1em;
	font-weight: bold;
	background-color: #C6DBE8;
	padding: 6px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.5em;
}
.h6-03 {
	font-size: 1em;
	font-weight: bold;
}
.h6-title {
	font-size: 1em;
	font-weight: bold;
	padding: 6px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.h6-04 {
	border-left: 12px solid #666;
	border-bottom: 1px solid #666;
	color: #000;
	font-size: 1.1em;
	padding: 4px;
}
.h6-05 {
	width: 140px;
	border: 1px solid #666;
	color: #000;
	font-size: 1.1em;
	padding: 6px;
	background: #eee;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	text-align: center;
}
.h6-06 {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background-color: #F529A8;
	padding: 6px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.5em;
}
.bg-green {
	background-color: #A2DAA7;
}
.bg-yellowgreen {
	background-color: #DCF7B4;
}
.bg-pink {
	background-color: #FB9FC3;
}
.bg-orange {
	background-color: #FBB65F;
}
.bg-water {
	background-color: #72CEF5;
}
.bg-purple {
	background-color: #CDA6F8;
}
.bg-yellow {
	background-color: #FCF887;
}
.bg-red {
	background-color: #F47777;
}
.bg-blue {
	background-color: #B7CAEB;
}
.bg-coral {
	background-color: #F5CAC2;
}
.bg-yamabuki {
	background-color: #ECC964;
}
.bg-white {
	background-color: #fff;
}


/*  DL
/--------------------------------- */

dl.news {
    height: 150px;
    overflow: auto;
    line-height: 1;
	margin-left: 8px;
}
dl.news dt{
    float: left;
    clear: both;
    width: 7.2em;
	padding: 5px;
	background: #eee;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	margin: 0 5px;
	text-align:center;
}
dl.news dd{
	padding: 5px 0;
	margin-left: 8em;
	border-bottom: #ccc 1px dotted;
}
dl.qa {
	margin: 20px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
dl.qa dt {
    padding: 10px 10px 10px 20px;
    background-color:#B7DBFF;
}
dl.qa dd {
    padding: 20px 40px 20px 60px;
    background-color:#ddeeff;
	text-indent:-1.2em;
}
dl.dlstripe {
	margin: 20px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
dl.dlstripe dt {
    padding: 10px 10px 10px 20px;
    background-color: #CFE0FB;
	border-top: 1px solid #5E97F1;
}
dl.dlstripe dd {
    padding: 20px 40px 20px 60px;
    background-color: #E8F0FD;
}
dl.dlcontact {
	width: 480px;
    margin: 0 auto 0;
	padding-top: 20px;
	padding-bottom: 40px;
}
dl.dlplot dt {
    padding: 10px 10px 10px 20px;
}
.note dt {
  position: relative;
}
.note dt span {
  position: absolute;
}
.note dd {
  padding-left: 1em;
}

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

ol.flow {
	padding: 0;
	list-style: none;
	counter-reset: number;
}
ol.flow li {
	position: relative;
	margin: 1em 0 1em 2em;
	font-size: 1.2em;
	color: #F56767;
	font-weight: bold;
}
ol.flow li:before {
	counter-increment: number;
	content: counter(number);
	position:absolute;
	background: #FD4848;
	width: 1.5em;
	height: 1.5em;
	left: -2em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 150%;
}
ol.flow2 {
	list-style: none;
	counter-reset: number;
}
ol.flow2 li {
	position: relative;
	margin: 1em;
	padding: 0.3em;
	font: 1.1em #000;
	font-weight: bold;
	background: #D4E8F0;
	border-radius: 4px;
}
ol.flow2 li:before {
	counter-increment: number;
	content: counter(number);
	position:absolute;
	background: #017EAC;
	width: 1.5em;
	height: 1.5em;
	left: -2em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 150%;
}
ul.ulhorizon {
	list-style: none;
	padding: 0;
}
ul.ulhorizon li{
	display: inline-block;
	padding: 0 6px;
}
ul.ulhorizon li + li {
	border-left:1px solid #CCC;
}
ol.number-c	{
	position: relative;
	margin:0;
	padding:0;
}

ol.number-c li  {
	list-style: none;
	list-style-position:outside;
	margin:0;
	padding-left:2em;
}
ol.number-c li span {
	position: absolute;
	left:0;
	margin:0 0 0 0.5em;
}
ol.number-c li a {
	display:block;
	color:#000;
}
ol.number-c li a:hover {
	background: #fff;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;	
	text-decoration: none;
}
ul.ulmaru,.ulmaru li {
	padding:0px;
	margin:0px;
}
.defaultlist
,.defaultlist li{
	padding: 0px;
	margin: 0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.ulmaru li {
	position:relative;
	display: block;
	padding: 5px 0px 5px 30px;
	background: #FF77C7;
	color: #fff;
	border-radius:15px 0px 0px 15px;
}
.ulmaru li:after {
	content:'';
	display:block; 
	position:absolute;
	width:14px;
	height: 14px;
	top:7px;
	left:5px;
	background: #fff;
	border-radius: 10px;
}
/*eco with pro*/
ul.concept-ecowithpro {
  border: solid 2px #DCF7B4;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.concept-ecowithpro li {
  line-height: 1.5;
  padding: 0.5em 0.5em;
  list-style-type: none!important;
  font-size: 1.1em;
  color:deeppink;
}

ul.concept-ecowithpro li:before {
  font-family: "FontAwesome";
  content: "\f138";
  position: absolute;
  left : 1em;
  color: lightseagreen;
}
/*  フォント
/--------------------------------- */

.f01 {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
}
.f01b {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	background: #eee;
}
.f02red {
	color: #f00;
}
.f02redl {
	color: #f00;
	font-size: 1.2em;
}
.f_pink-s {
	color: #ED81CB;
	font-size: 0.9em;
}
.f03coral {
	color: #F5CAC2;
}
.f03pinkl{
	font-size: 1.2em;
	color: #FF0096;
	font-weight: bold;
}
.f04yamabuki {
	color: #ECC964;
}
.f05 {
	color: #EA3684;
	background:#FFE5F9;
	border-radius:5px;
}
.f06 {
	color: #FD6C0A;
	background:#F8F1CF;
	border-radius:5px;
}
.f07{
	color: #C50303;
	background:#FDE6E7;
	border-radius:5px;
}
/*  線
/--------------------------------- */

.hr-440 {
    max-width: 440px;
    border-color: #999;
}
.hr-red {
	width: 90%;
	border-color: #A94442;
	border-style: dotted;
}
.hr-gr {
	width: 90%;
	border-color: #999;
	border-style: dotted;
}
hr {
	border-color: #999;
	border-style: solid;
}
.kakomi {
    margin: 10px 0;
	padding: 10px 30px;
    border: #F2DEDE 1px dotted;
	background-color:#FAF3F3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.img-left {
    float: none;
    margin: 0 auto 0;
}
.img-right {
    float: none;
    margin: 0 auto 0;
}
.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.m0 {margin: 0px!important; }
.mt0 {margin-top: 0px!important; }
.mt5 {margin-top: 5px!important; }
.mt10{margin-top:10px!important; }
.mt15{margin-top:15px!important; }
.mt20{margin-top:20px!important; }

.ml0 {margin-left: 0px!important; }
.ml5 {margin-left: 5px!important; }
.ml10{margin-left:10px!important; }
.ml15{margin-left:15px!important; }
.ml20{margin-left:20px!important; }
.ml40{margin-left:40px!important; }
.ml60{margin-left:40px!important; }
.ml200{margin-left:200px!important; }
.ml240{margin-left:240px!important; }
.ml300{margin-left:280px!important; }

.mr0 {margin-right: 0px!important; }
.mr5 {margin-right: 5px!important; }
.mr10{margin-right:10px!important; }
.mr15{margin-right:15px!important; }
.mr20{margin-right:20px!important; }
.mr40{margin-right:20px!important; }
.mr60{margin-right:20px!important; }


.mb0 {margin-bottom: 0px!important; }
.mb5 {margin-bottom: 5px!important; }
.mb10{margin-bottom:10px!important; }
.mb15{margin-bottom:15px!important; }
.mb20{margin-bottom:20px!important; }

.margin-b15 {
	margin: 15px;
}

@media screen and (max-width:767px){
p.titleimg img{
	margin-bottom: 10px;
}
p.titleimg span{
	color: #D7468B;
	background: rgba(255,255,255,0.5);
	font-weight: bold;
}
}

@media screen and (min-width:768px) {
/*  nav
/*--------------------------------- */
.navbar {
    border-radius: 0;
	padding: 0;
}
 .navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}
.navbar .nav li {
    display: table-cell;
    float: none;
}
.navbar-nav > li > a {
	text-align: center;
	font-weight: bold;
}
.navbar .nav ul.submenu li {
	display: list-item;
}
.img-left {
    float: left;
    margin-right: 25px;
}
.img-right {
    float: right;
    margin-left: 25px;
}
p.titleimg {
	position:relative;
}
p.titleimg span{
	position:absolute;
	top: 30px;
	left: 40px;
	width: 80%;
	color: #fff;
	font-size: 1.15em;
	background: rgba(0,0,0,0.1);
}
}
@media screen and (min-width:992px){
p.titleimg {
	position:relative;
}
p.titleimg span{
	position:absolute;
	top: 40px;
	left: 100px;
	line-height: 1.5em;
	font-weight: bold;
	color: #fff;
	font-size: 1.15em;
	background: rgba(0,0,0,0.1);
}


}
@media screen and (min-width:1200px){

}