@charset "utf-8";

/* general */
html, body {
    overflow-x: hidden;
}
body {
	font-size: 15px;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #000;
	background: url(../images/common/bk_img01.png) repeat top left;
}

a,
a:visited {
	color: #5F8525;
}
a:hover {
	color: #C00;
	text-decoration: none;
}
a:hover > img:not(.no-alpha) {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
    -moz-opacity:0.6;
	opacity: 0.6;
	display: list-item !important;
}


/*----- header -----*/

h1 {
	font-size: 12px;
	color: #FFF;
	margin: 0;
	top: 10px;
}
h2.top_ttl {
	margin:0 10px;;
	border-bottom: 4px #FFF dotted;

}
#h2_area{
	padding: 20px 0;
	background-image:url(../images/common/h2_bk_grn.gif), url(../images/common/h2_bk_white.gif);
	background-repeat: repeat;
	background-clip: content-box, border-box;
}
.page h2{
	border-bottom: 1px #FFF solid;
	font-size: 30px;
	color: #FFF;
	padding-left: 60px;
	line-height: 1.6;
}
h2 span{
	font-size: 15px;
	padding-left: 20px;
	vertical-align: middle;
}
h2.company{ background: url(../images/content/company/h2_ttl_icon.png) no-repeat 10px top;}
h2.flow{ background: url(../images/content/flow/h2_ttl_icon.png) no-repeat 10px top;}
h2.business{ background: url(../images/content/business/h2_ttl_icon.png) no-repeat 10px top;}
h2.price{ background: url(../images/content/price/h2_ttl_icon.png) no-repeat 10px top;}
h2.staff{ background: url(../images/content/staff/h2_ttl_icon.png) no-repeat 10px top;}
h2.works{ background: url(../images/content/works/h2_ttl_icon.png) no-repeat 10px top;}


h3.top_h3 img{
	margin: -20px 0 0 -5px;
}
.page h3{
	font-size: 25px;
	font-weight: bold;
	padding-left: 70px;
	line-height: 2.0;
	margin: 0;
}
.company h3{
	background:url(../images/content/company/h3_ttl_icon.png) no-repeat top left;
	color: #F49063;
	border-bottom: 4px #F49063 dotted;
}
.business h3{
	background:url(../images/content/business/h3_ttl_icon.png) no-repeat top left;
	color: #E65D88;
	border-bottom: 4px #E65D88 dotted;
}
.works h3{
	background:url(../images/content/works/h3_ttl_icon.png) no-repeat top left;
	color: #79D02B;
	border-bottom: 4px #79D02B dotted;
}
.staff h3{
	background:url(../images/content/staff/h3_ttl_icon.png) no-repeat top left;
	color: #976BC6;
	border-bottom: 4px #976BC6 dotted;
}
.flow h3{
	background:url(../images/content/flow/h3_ttl_icon.png) no-repeat top left;
	color: #6679D1;
	border-bottom: 4px #6679D1 dotted;
}
.price h3{
	background:url(../images/content/price/h3_ttl_icon.png) no-repeat top left;
	color: #E9B830;
	border-bottom: 4px #E9B830 dotted;
}
h3.news{
	margin-bottom: 30px;
}
p.ttl01{
	background: url(../images/common/h4_icon01.png) no-repeat top left;
	padding-left: 30px;
	font-size: 15px;
	font-weight:bold;
	line-height: 1.6;
}

p.ttl02{
	font-weight:bold;
	font-size: 15px;
	line-height: 1.6;
}
p.ttl02 span.num{
	background-color: #FFDC37;
	color: #FFF;
	border-radius: 30px;
	font-size: 16px;
	padding: 0 6px;
	margin-right: 10px;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #79D02B;
    color: #FFF;
    padding: 15px;
    border-radius: 5px;
    margin-top: -10px;
}


/*----- news h2 -----*/

h2.ttl_img{
	font-size: 25px ;
	font-weight: bold ;
	padding-left: 70px;
	line-height: 2.0;
	margin: 0 ;
	background:url(../images/content/company/h3_ttl_icon.png) no-repeat top left;
	color: #F49063;
	border-bottom: 4px #F49063 dotted ;
}



hr {
	margin: 5px 0 10px;
	border-top: 1px solid #ddd;
}

#header {
	z-index: 1;
	height: 68px;
}
.info_area{
	padding-top: 20px;
	text-align: right;
	box-sizing:	content-box;
}
.img_inline{
	display: inline !important;
}


/*----- gnavi -----*/

.container.pd0{
	padding: 0 !important;
}
#gnavi{　
}
#gnavi table{
	margin: 0;
	position: relative;
	top: 0px;
	height: 97px;
}
#gnavi table td {
	overflow: hidden;
	width: 195px;
	height: 97px;
	padding: 0;
	margin: 0;
}
#gnavi table td:last-child {
}
#gnavi table td a.business { background: url(/assets/images/gnavi/g_nav01.png) no-repeat center top;}
#gnavi table td a.company { background: url(/assets/images/gnavi/g_nav02.png) no-repeat center top;}
#gnavi table td a.flow { background: url(/assets/images/gnavi/g_nav03.png) no-repeat center top;}
#gnavi table td a.price { background: url(/assets/images/gnavi/g_nav04.png) no-repeat center top;}
#gnavi table td a.works { background: url(/assets/images/gnavi/g_nav05.png) no-repeat center top;}
#gnavi table td a.staff { background: url(/assets/images/gnavi/g_nav06.png) no-repeat center top;}

#gnavi table td a {
	display: block;
	width: 100%;
	height: 97px;
}
#gnavi table td a:hover {
	background-position: center -97px;
}

/*----- topslider -----*/

p.message_slide{
	margin: -350px 0 0 220px;
  position: absolute;
  text-align: center;
}


/*----- container -----*/

#content{
	margin-bottom: 60px;
}
.page .container{
}

.box_pink{
	border: #E75D89 solid 4px;
	border-radius: 20px;
	background: url(../images/content/top/pink_box_bk.jpg) ;
	background-color: ##EFA9BF;
}


div.box_dot{
	border: #B9B9C8 3px dotted;
	padding: 20px;
}


/*----- footer -----*/

#footer_wrap {
	background: url(../images/footer/footer_bk_img01.png) no-repeat top center;
	height:198px;
	padding-top: 89px;
}

#footer {
	background-color: #79D02B;
	height: 109px;
}
#footer ul {
	margin-top: 20px;
}
#footer ul li {
	background: url(../images/footer/list_icon.png) no-repeat top left;
	padding-left: 32px;
	margin-left: 10px;
}
#footer ul li:first-child{
	margin-left:0;
}
#footer ul li a {
	display: block;
	color: #FFF;
}
#footer li a:hover {
	text-decoration: none;
	background: rgba(255, 255, 255, .3)
}
#footer .copyright{
	color: #FFF;
}



/*----- sidebar ----*/

#sidebar .official-side > div {
	margin-bottom: 10px;
}

#sidebar h3.side_h3{
	margin-top: -10px;
	margin-left: -30px;
	padding-left: 0 !important;
}

.side_box01{
	background-color: #FFF;
	border: #79D02B solid 5px;
	border-radius: 10px;
	padding: 0 15px 35px 15px;
}
ul.info_ul{
	padding-left: 0;
}
ul.info_ul li{
	list-style: none;
	background: url(../images/sidebar/side_list_icon01.png) no-repeat top left;
	padding-left: 30px;
	margin-top: 10px;
}
ul.info_ul li span{
	font-weight: bold;
	padding-right: 10px;
}


/*----- top ----*/

.box_pink{
	background: url(../images/content/top/pink_box_bk.jpg) repeat top left;
	border: #E75D89 solid 5px;
	border-radius: 10px;
	padding: 20px 5px 5px 5px;
}
.box_blue{
	background: url(../images/content/top/blue_box_bk.jpg) repeat top left;
	border: #677AD1 solid 5px;
	border-radius: 10px;
	padding: 20px 5px 5px 5px;
}
.box_ylw{
	background: url(../images/content/top/ylw_box_bk.jpg) repeat top left;
	border: #E9B930 solid 5px;
	border-radius: 10px;
	padding: 20px 5px 5px 5px;
}
.box_grn{
	background: url(../images/content/top/grn_box_bk.jpg) repeat top left;
	border: #70BC29 solid 5px;
	border-radius: 10px;
	padding: 20px 5px 5px 5px;
}
.box_ora{
	background: url(../images/content/top/ora_box_bk.jpg) repeat top left;
	border: #F49063 solid 5px;
	border-radius: 10px;
	padding: 20px 5px 5px 5px;
}
.box_ppl{
	background: url(../images/content/top/ppl_box_bk.jpg) repeat top left;
	border: #C5ADE0 solid 5px;
	border-radius: 10px;
	padding: 20px 5px 5px 5px;
	margin-bottom: 20px;
}

.innner_box{
	background-color: #FFF;
	padding: 20px;
	margin-top: 20px;
	border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}
.page .innner_box{
	margin-top: 0;
	padding: 10px 20px 25px 20px;
}

.gaina_box{

	border-radius: 10px;
	padding: 0 15px;
}
.hikari_box{
	background: url(../images/content/top/pic05.png) no-repeat top right;
	border: 1px #CACAD9 solid;
	border-radius: 10px;
	padding: 0 15px;
	min-height: 690px;
}
.gaina_box p,.hikari_box p{

}
dl.design_dl01 dt{
	background: url(../images/sidebar/side_list_icon01.png) no-repeat center left;
	padding-left: 30px;
}
dl.design_dl01 dd{
	margin-top: 10px;
	padding-left: 30px;
}
dl.dd_nomar dd{
	margin-top: 0;
}
.spot_box01{
  background-repeat: no-repeat;
  background-position: 25px bottom;
  border: 1px #CACAD9 solid;
  border-radius: 10px;
  padding: 30px 0 30px 130px;
  margin-top: 20px;
}

.box_ora .yane{ background-image: url(../images/content/top/spot01_icon.png); padding-bottom: 10px;}
.box_ora .mt{ background-image: url(../images/content/top/spot02_icon.png); background-position: 25px 30px;}
.box_ora .kabe{ background-image: url(../images/content/top/spot03_icon.png); background-position: 25px 35px;}
.box_ora .yuka{ background-image: url(../images/content/top/spot04_icon.png); background-position: 25px 35px;}
.box_ora .door{ background-image: url(../images/content/top/spot05_icon.png);}
.box_ora .st{ background-image: url(../images/content/top/spot06_icon.png);}
.box_ora .cc{ background-image: url(../images/content/top/spot07_icon.png); background-position: 25px 30px;}
.box_ora .totan{ background-image: url(../images/content/top/spot08_icon.png); background-position: left 5px;}

p.spot_ttl01{
  background: url(../images/content/top/spot_ttl01.png) no-repeat top left;
  z-index: 2;
  margin: -40px 0 0 -130px;
  padding: 10px 10px 10px 20px;
}
p.spot_ttl01 a{	color: #FFF;}
p.spot_ttl01 a:hover{ text-shadow:0 0 25px #edf8ff,0 0 20px #edf8ff,0 0 0.40px #edf8ff;}

/*----- company ----*/

.spot_box02{
  border: 1px #CACAD9 solid;
  border-radius: 10px;
  padding: 20px;
  margin-top: 10px;
  z-index: 0;
}
.spot_box02.bk_com{
	background: url(../images/content/company/bk_img01.png) no-repeat bottom right;
}
table.design_table01{
	border-radius: 10px;
	border: 2px #FFDC37 solid;
	z-index: 0;
	background: #FFF;
}
table.design_table01 th{
	border: 0;
	background-image: url(../images/sidebar/side_list_icon01.png) ;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-bottom: #FFDC37 2px dotted;
	border-right: 1px #FFDC37 solid;
	padding-left: 35px !important;
	z-index: 10;
}

table.design_table01 td{
	border: 0;
	border-bottom: #FFDC37 2px dotted;
}

dl.design_dl01 span{
	display: block;
	margin-top: 10px;
}
p.name_text01{
	text-align: right;
	margin-top: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 110%;
	font-weight: bold;
}



/*----- contact ----*/

form {
	margin: 30px;
}
.contact table.formTbl {
  border-top: 1px #A8A8B7;
  border-left: 1px #A8A8B7;
  width: 100%;
  margin: 20px auto 0 auto;
}
.contact table.formTbl th {
  border-width: 1px 0 1px 1px;
  border-bottom-style: solid;
  border-color: #A8A8B7;
  padding: 10px 10px 10px 22px;
  width: 30%;
  line-height: 1.4;
}
.contact table.formTbl td {
  border-width: 1px 1px 1px 0;
  border-bottom-style: solid;
  border-color: #A8A8B7;
  padding: 10px 0 10px 22px;
}
/*----- business ----*/

dl.att_list{
	width: 100%;
}

dl.att_list dt{
	background-color: #E75D89;
	color: #FFF;
	padding: 5px;
	text-align: center;
}
dl.att_list dd{
	border-top: 0 #E75D89 solid;
	border-bottom: 5px #E75D89 solid;
	border-left: 5px #E75D89 solid;
	border-right: 5px #E75D89 solid;
	text-align: center;
}

/*----- flow ----*/

.arw_top{
	background: url(../images/content/flow/arrow01.png) no-repeat top center;
	margin-top: 15px;
	padding-top: 70px;
}

/*----- staff ----*/

.pp_ln img{
	border: 8px #976BC6 solid;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.box_ppl .row{
	margin-top: 15px;
}
.box_ppl table{
	margin-top: 30px;
}