@charset"utf-8";

/*========================================
    下層ページのCSS
========================================*/

#subpage #navi{
	margin-top:10px;
}
#wrapper #footer{
	height:25px;
}



#breadlist{
	margin-bottom:40px;
	overflow:hidden;
}
#breadlist li{
	float:left;
	margin-right:5px;
}
#breadlist li:after{
	content:">";
	margin-left:5px;
}
#breadlist li.now{
	font-weight:bold;
}
#breadlist li.now:after{
	content:"";
	margin-right:0;
}

#contents{
	font-size:1.5em;
	line-height:1.75em;
	padding-bottom:25px;
	color:#444;
}

table{
	width:100%;
	border:1px solid #ddd;
	margin-bottom: 40px;
	border-collapse:separate;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
th{
	vertical-align:top;
	padding-right:3em;
	padding-left:2em;
	text-align:left;
}
th,td{
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #ddd;
}
th.last,td.last{
	border-bottom:none;
}


h3{
	clear:both;
	padding:15px;
	background:#e5e5e5;
	margin-bottom:20px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
h3 img{
	vertical-align:top;
}


.boxTwo{
	width:480px;
	margin-bottom:30px;
}


.achivement #pagenavi a{
	text-align:center;
	display:block;
	margin:0 auto 20px;
	padding:10px 20px;
	border:1px solid #97c1e9;

	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow: #aee4e4 0px 0px 20px inset;
	-moz-box-shadow: #aee4e4 0px 0px 20px inset;
	box-shadow: #aee4e4 0px 0px 20px inset;

	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition:  background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition:  background 0.2s ease-in-out;
}
.achivement #pagenavi a:hover{
	background-color:#aee4e4;
}
.achivement #pagenavi a img{
	vertical-align:middle;
}
.achivement .boxTwo div img{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.achivementContents {
	margin-bottom:40px;
	overflow:hidden;
}
.achivementContents img{
	margin-bottom:20px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.achivementContents img.float_left{
	margin-right:20px;
	max-width:200px;
}
.achivementContents div.float_right{
	width:760px;
}

#achivementList div{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	text-align:center;
}
#achivementList div:nth-child(2n){
	margin-right:0;
}
#achivementList.achivementContents img{
	margin-bottom:0;
}

.achivementContents h4{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
}

.scriptVertical span{
	font-size:1.2em;
	display:block;
	font-weight:bold;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
}

.serviceBox{
	padding:20px;
	background:url(../service/img/demo.gif) no-repeat 50% 50%;
	overflow:hidden;
	margin-bottom:35px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	min-height:250px;
}

.serviceBox h3{
	padding:0;
	background:none;
	margin-bottom:1em;
	font-size:1.6em;
	line-height:1.5em;
}
.serviceBox.imgRight img{
	float:right;
	margin-left:20px;
	max-width:300px;
}
.serviceBox.imgLeft img{
	float:left;
	margin-right:20px;
	max-width:300px;
}
.serviceBox div{
}
.serviceBox.imgRight div{
	float:left;
	width:620px;
}.serviceBox.imgLeft div{
	float:right;
	width:620px;
}

.form th{
	width:14em;
}

.form td{
	padding-right:2em;
}

#contactMessage{
	border:1px solid #ccc;
	padding:25px 60px;
	background-color:#e5e5e5;
	margin-bottom:20px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#mailfrom_hidden_object{
	display:none;
}
#contactCheck{
	text-align:center;
	width:490px;
	margin:0 auto 20px;
	padding:20px;
	border:1px solid #97c1e9;

	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow: #aee4e4 0px 0px 20px inset;
	-moz-box-shadow: #aee4e4 0px 0px 20px inset;
	box-shadow: #aee4e4 0px 0px 20px inset;

}
#contactCheck h4{
	font-weight:bold;
	color:#328bb5;
	font-size:1.1em;
}
#contactCheck p{
	margin-bottom:1em;
}

#mfp_buttons{
	margin-bottom:100px;
}
#mfp_buttons ul{
	overflow:hidden;
	width:40%;
	margin:0 auto;
}
#mfp_buttons ul li{
	float:left;
	width:50%;
	text-align:center;
}

#mfp_buttons input{
	padding:15px 50px;
}

#button_mfp_goconfirm{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding:15px 50px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #00b8c9), color-stop(1.00, #a1eaf9));
	background: -webkit-linear-gradient(#00b8c9, #a1eaf9);
	background: -moz-linear-gradient(#00b8c9, #a1eaf9);
	background: -o-linear-gradient(#00b8c9, #a1eaf9);
	background: -ms-linear-gradient(#00b8c9, #a1eaf9);
	background: linear-gradient(#00b8c9, #a1eaf9);
}
#button_mfp_goconfirm:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b1f7ff), color-stop(1.00, #67c9d2));
	background: -webkit-linear-gradient(#b1f7ff, #67c9d2);
	background: -moz-linear-gradient(#b1f7ff, #67c9d2);
	background: -o-linear-gradient(#b1f7ff, #67c9d2);
	background: -ms-linear-gradient(#b1f7ff, #67c9d2);
	background: linear-gradient(#b1f7ff, #67c9d2);
}

#button_mfp_reset{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #888;
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding:15px 50px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ababab), color-stop(1.00, #fff));
	background: -webkit-linear-gradient(#ababab, #fff);
	background: -moz-linear-gradient(#ababab, #fff);
	background: -o-linear-gradient(#ababab, #fff);
	background: -ms-linear-gradient(#ababab, #fff);
	background: linear-gradient(#ababab, #fff);

}
#button_mfp_reset:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ababab));
	background: -webkit-linear-gradient(#fff, #ababab);
	background: -moz-linear-gradient(#fff, #ababab);
	background: -o-linear-gradient(#fff, #ababab);
	background: -ms-linear-gradient(#fff, #ababab);
	background: linear-gradient(#fff, #ababab);
}