@CHARSET "UTF-8";

.main .main-menu {
	clear:both;
}
.main .main-menu ul {
	width:100%;
}
.main .main-menu li {
	text-align:center;
	width:195px;
	line-height:16px;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	position:relative;
}
.main .main-menu li:last-child {
	margin-right:0px;
}
.main .main-menu a {
	text-decoration: none;
	display: block;
	font-size: 18px;
    background: #FC7F77;
	padding: 25px 5px 20px;
	color:#fff;
	height:65px;
	box-sizing:border-box;
}
.main .main-menu li:hover a,
.main .main-menu li.selected a	{
	/*  background: #CDCDCD; */
	border:1px #FC7F77 solid;
	color:#DA524B;
	background:#fff;
}
.main .main-menu li:hover::after {
    content: '';
    display: block;
    position: absolute;
    left: 87px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid #FC7F77;
    z-index: 10;
}
.main .main-menu .unused {
	text-decoration: none;
	display: block;
	font-size: 18px;
    background: #CDCDCD;
	padding: 25px 5px 20px;
	color:#fff;
	height:65px;
	box-sizing:border-box;
}
.main .main-menu .unused:hover  {
	text-decoration: none;
	display: block;
	font-size: 18px;
    background: #CDCDCD;
	padding: 25px 5px 20px;
	color:#fff;
	height:65px;
	box-sizing:border-box;
}
.main .index-bnr {
	margin-left:30px;
	margin-bottom: 2em;
}
.main .index-bnr:after {
	height: 0;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	min-height: 1%;
}
.main .index-bnr li {
	float:left;
	margin-bottom:30px;
	margin-right:30px;
}
.main .index-bnr li:last-child {
	margin-right:0px;
}
.main .index-info .info-head {
	border-bottom:2px dashed #FC7F77;
}
.main .index-info .info01 .info-head p a {
	background:#FFA39E;
    font-size:.8em;
    text-decoration:none;
}
.main .index-info .info01 .info-head p a:hover {
    background:#FC7F77;
    text-decoration:none;
}
.main .index-info .info02 .info-head p a {
	background:#8EB755;
}
i.color01_01{color:#DA524B;
}
i.color01_02{color:#FC7F77;
}
ul.info_list {
    margin:0;
    padding:0 0 1em 1em;
    list-style:none;
}
ul.info_list li{
    margin:0;
    padding:0;
    line-height:1.5;
    color:#4D4D4D;
    font-size:1em;
}
ul.info_list li a{
    margin:0;
    padding:0;
    color:#4D4D4D;
    text-decoration:none;
}
ul.info_list li a:hover{
    margin:0;
    padding:0;
    color:#4D378F;
    text-decoration:underline;
}
.main .index-product {
	clear:both;
	margin:0 30px;
}
.main .index-product h2 {
	border-bottom:6px solid #FC7F77;
	padding:5px 10px;
	margin-bottom:20px;
}
.main .index-product p {
	margin-bottom:10px;
}
.main .index-product li {
	float:left;
	margin-right:20px;
	height:215px;
}
.main .index-product li:nth-child(4n){
	margin-right:0;
}
.main .index-group {
	clear:both;
	padding-top:20px;
	margin:0 30px;

}
.main .index-group h2 {
	border-bottom:6px solid #FC7F77;
	padding:5px 10px;
	margin-bottom:20px;
}
.main .index-group li {
	float:left;
	margin-right:27px;
	height:100px;
}
.main .index-group li:nth-child(4n){
	margin-right:0;
}

.main .index-contact {
	clear: both;
	margin:50px 30px 0px 30px;
/*    margin:50px 30px;*/
}

.main .index-contact:after {
	height: 0;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	min-height: 1%;
}
.main .index-contact h2 {
	border-bottom:3px solid #FC7F77;
	padding: 5px 10px 0 10px;
    margin-bottom: 0px;
    text-align: center;
    padding-bottom: 20px;
}
.index-contact address span a {
      background:#FC7E77;
	  color:#fff;
	  margin:0 auto;
	  padding:5px;
	  display:block;
	  border-radius:5px 5px 5px 5px;
	  text-decoration:none;
	  width:40%;
	  border:1px solid #FC7E77;
}

.index-contact address span a:hover {
      background:#fff;
	  color:#666;
	  text-decoration:none;

}

.main .index-contact .item01 {
	position: absolute;
	top: 72px;
	left: 19px;
}
.main .index-contact .item02 {
	position: absolute;
	top: 105px;
	left: 19px;
}
.main .index-contact .item03 {
	position: absolute;
	top: 183px;
	left: 32px;
}
.main .index-contact .item04 {
	position: absolute;
	top: 182px;
	left: 350px;
}
/* .main .index-contact .item05 {
	position: absolute;
	top: 315px;
	left: 113px;
}
.main .index-contact .item05 li {
    float: left;
    margin-right: 50px;
}
.main .index-contact .item05 li:last-child {
    margin-right: 0;
}
.main .index-contact .item05::after {
    content: '';
    display: block;
    clear: both;
}
 */
 .main .index-contact .item08 {
	position: absolute;
	top: 60px;
	right: 100px;
}
.pr5 {padding-right: 5px;}
.index-contact_box{
    margin:0;
    padding:2em 0 1em 0;
    clear:both;
}
.index-contact_box:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    min-height: 1%;
}
.index-contact_inner{
    margin:0 auto;
    padding:.5em;
    width:52%;
    max-width:600px;
    text-align:center;
    float:left;
}
.contact_img01{
    float:left;
    margin:0;
}
.contact_img02{
    float:right;
    margin:0;
}
.index-contact h3 {
    padding:.5em;
    margin:0;
    text-align:center;
    color:#B92E27;
    font-size:1.5em !important;
}
.index-contact address{
      margin:0;
      padding:0;
      color:#333333;
      font-size:.8em;
      font-style: normal;
}
.tel_text{
     margin:.5em auto 0 auto;
     padding:.5em 0 0 45px;
     line-height:1.0;
     color:#FC7E77;
     background:url(../../img/18hakusei/index/tel_bg_18.png) left center no-repeat;
     width:40%;
     font-size:2em;
     text-align:left;
}
.fax_text{
     margin:0;
     padding:0;
     line-height:1.0;
      color:#333333;
     font-size:1em;
}
.mail_box{
    margin:0;
    padding:2em 0 0 0;
    width:100%;
}
.mail_text{
    margin:0;
    padding:0 0 0 0;
    font-size:.8em;
    color:#4D4D4D;
}
.contact_btn{
     margin:1em auto .5em auto;
     text-align:center;
    font-size:1em;
     display:block;
     width:70%;
}

.contact_btn a{
     padding:.5em;
     text-align:center;
     border:#FC7E77 solid 1px;border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    box-shadow:0px 0px 5px 3px #e0e0e0;
    -moz-box-shadow:0px 0px 5px 3px #e0e0e0;
    -webkit-box-shadow:0px 0px 5px 3px #e0e0e0;
    color:#4D4D4D;
    text-decoration:none;
    display:block;
}
.contact_btn a:hover{
     padding:.5em;
     text-align:center;
     border:#FC7E77 solid 1px;
     border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    box-shadow:0px 0px 5px 3px #e0e0e0;
    -moz-box-shadow:0px 0px 5px 3px #e0e0e0;
    -webkit-box-shadow:0px 0px 5px 3px #e0e0e0;
    color:#FFF;
    text-decoration:none;
    background:#FC7E77;
    display:block;

}
.contact_btn a i{
    color:#FC7E77;
}
.contact_btn a:hover i{
   color:#FFFFFF;
}

.item05 {
    margin:0 auto;
    padding:2em 0;
    clear:both;
    list-style:none;
    width:90%;
}
.item05:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    min-height: 1%;
}
.item05 li {
    float:left;
    margin-right:1em;
    width:30%;
    text-align:center;
}
.item05 li a:hover img{ filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

table.work tr th,
table.work tr td
{
	padding:5px 15px;
}

table.work tr th:nth-child(1) {
    background: #ffd5d2;
	width:30%;
}

table.work tr td:nth-child(2) {
	width:70%;
}

.contact table th {
    background: #fff1f0;
}
/*　作業の様子　*/

.page-product p {
	margin:20px 10px;
	font-size:90%;
}

.page-product span.title {
	padding:5px;
	text-align:center;
	background:#666;
	font-weight:bold;
	color:#fff;
	border-radius:2px;
}

.page-product {
	margin:0 30px;
}

.page-product ul,
.page-product ul.one {
	margin-left:20px;
}
.page-product li {
	border:1px #ccc solid;
	margin-right:15px;
	width:500px;
	margin-bottom:20px;
	border-radius:8px;
	background-color:#FFF;
	float: left;
}

.page-product li img {
	padding:10px

}
.page-product li:nth-child(4n){
	margin-right:0;
}


.page-product ul.one li {
	border:1px #ccc solid;
	margin-right:15px;
	width:100%;
	margin-bottom:20px;
	border-radius:8px;
	background-color:#FFF;
	float: left;
}

.page-product ul.work2 {
	margin-right:10px;
	width:100%;
	margin-bottom:20px;
	border-radius:8px;
	background-color:#FFF;
}

.page-product ul.work2 li {
	text-align:center;
	padding:10px 5px;
	width:30%;

}

.page-product ul.work2 li:nth-child(4n){
	margin-right:15px;
}