@charset "utf-8";/* -- メインデザインCSS -- */
/*-----------------------------------------------
 全体設定
 -----------------------------------------------*/
body{
	margin: 0 auto;
	background-color: #f0f1ee;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
	font-size: 11.5pt;
	line-height: 1.6em;
	color: #535353;
}

/*-----------------------------------------------
 横幅調整 & リンク
 -----------------------------------------------*/
.cont-area{ width: 1000px; margin: 0 auto; }

a{ color: #003; }
a:link{ color: #003; }
a:visited{ color: #003; }
a:hover{ color: #ee6500; }

/*-----------------------------------------------
 hタグ
 -----------------------------------------------*/
#Top{
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #000;
	z-index: 5;
}
h1{
	width: 1000px;
	margin: 0 auto;
	font-size: 8.5pt;
	line-height: 1.4em;
	color: #fff;
}
h2{
	margin-bottom: 20px;
	font-size: 27pt;
	line-height: 1.45em;
	color: #1296cf;
}
h3{
	margin-bottom: 30px;
	font-size: 39pt;
	line-height: 1.4em;
}
h3 .orange{ color: #ed9206; }
h3 .aqua{ color: #1296cf; }

/*-----------------------------------------------
 ヘッダー
 -----------------------------------------------*/
#Header{
	position: absolute;
	top: 0;
	width: 100%;
	height: 82px;
	margin: 0;
	padding: 0;
	background-color: #2295d7;
}
#Header .cont-area{
	width: 1260px;
}

#Header .logo{
	float: left;
	width: 237px;
	margin-top: 23px;
}
#Header .logo img{
	width:75%;
}
#Header .top-link{
	margin: 38px 0 0 17px;
	float: left;
}
#Header .top-link ul{
	margin-left:-56px;
	margin-top:-5px;
}
#Header .top-link ul li{
	float: left;
	margin-right: 1px;
	font-weight: bold;
	font-size: 10.5pt;
}

#Header .top-link a{ padding: 2px 8px 0; color: #fff; }
#Header .top-link a:link{ color: #fff; }
#Header .top-link a:visited{ color: #fff; }
#Header .top-link a:hover{ color: #2295d7; background-color: #fff; }

#Header .top-link a.on{ color: #2295d7; background-color: #fff; }
#Header .top-link a.on:link{ color: #2295d7; }
#Header .top-link a.on:visited{ color: #2295d7; }
#Header .top-link a.on:hover{ color: #1e81b9; }

#Header .top-tel{
	position: relative;
	float: right;
	width: 286px;
	height: 72px;
	padding: 0 10px;
	background-color: #fff;
	z-index: 6;
}
#Header .top-tel p{ line-height: 1.3em; margin: 0 0 6px; }
#Header .top-tel .fl-r{ margin-top: 3px; }

/*-----------------------------------------------
 コンテンツ
 -----------------------------------------------*/
#Article{
	position: relative;
	top: 82px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#top-image{
	position: relative;
	height: 589px;
	margin-bottom: 70px;
/*	background: url(../images/bg/top-image.png) 0 0 repeat-x #ebebec; */
	text-align: center;
}
#top-image-in{
	background-position: center 30px;
	background-repeat: no-repeat;
	height: 589px;
}
#top-image-in img{ margin-top: 160px; }

#top-image2{
	overflow: hidden;
	margin-bottom: 70px;
	background: url(../images/bg/top-image2.png) 0 0 repeat-x #dadad9;
	text-align: center;
}
#top-image2 img{ margin-top: 25px; }
#top-image3{
	overflow: hidden;
	margin-bottom: 70px;
	text-align: center;
}
#top-image3 img{ margin-top: 45px; }

.contents{
	clear: both;
	overflow: hidden;
	width: 1000px;
	margin: 0 auto 70px;
	padding: 0;
}

p{
	margin: 0 0 26px 0;
	padding: 0;
}

.line01{
	height: 505px;
	margin-bottom: 40px;
	background: url(../images/bg/line01.png) 0 0 repeat-x #e5d7ad;
	text-align: center;
}
.line02{
	background: url(../images/bg/line02.png) 0 bottom repeat-x #f0f1ee;
}
.line02 .contents{ width: 1100px; padding-left: 100px; }
.line03{
	background: url(../images/bg/line01.png) 0 0 repeat-x #f0f1ee;
	text-align: center;
}
.line04{
	margin-bottom: 70px;
	background-color: #fff;
	text-align: center;
}
.line05{
	position: relative;
	background: url(../images/bg/line05.png) 0 0 repeat-x #f0f1ee;
	text-align: center;
}
.line06{
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 27px;
	background: url(../images/bg/line06.png) 0 bottom repeat-x;
	text-align: center;
}

.fl-img{ margin: 50px 0 45px; }
.fl-img li{
	float: left;
	margin-left: 15px;
}
.fl-img li:first-child{ margin-left: 0; }

.fl-img02{ margin: 55px 0 0; }
.fl-img02 li{
	float: left;
	margin-left: 28px;
}
.fl-img02 li:first-child{ margin-left: 0; }

/* index */
.portfolio{
	width: 485px;
	float: left;
	margin-bottom: 60px;
}
.portfolio:first-child{ margin-right: 30px; }

.portfolio p{ margin-bottom: 10px; }

.portfolio .type, .portfolio .work, .portfolio .feature{
	margin-top: 20px;
	padding: 23px 0 0 85px;
}
.portfolio .type{ background: url(../images/home/text06.png) 0 0 no-repeat; font-size: 10.5pt; }
.portfolio .work{ background: url(../images/home/text07.png) 0 0 no-repeat; }
.portfolio .work img{ margin-right: 6px; }
.portfolio .feature{ background: url(../images/home/text08.png) 0 0 no-repeat; font-size: 10pt; line-height: 1.6em; }

.option-service{
	float: left;
	width: 321px;
	height: 195px;
	margin: 3px 3px 12px 12px;
	padding-top: 16px;
	background-color: #fff;
	box-shadow: 0 0 3px #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	behavior: url(https://www.glad-cube.com/css/PIEssl.htc);
}
.option-service.adjust{ margin-left: 3px; }

a:hover .option-service{ opacity: 0.65; filter: alpha(opacity=65); }

/* diagnosis */

/* product */
.ani-sample{
	min-height: 300px;
	margin-bottom: 30px;
	background-color: #bbbcbb;
}

.form-area{
	width: 1000px;
	padding: 1px 0 0;
	background: url(../images/bg/form.png) 0 0 no-repeat;
}
.form-title{
	margin: 40px 0 0;
	padding: 0 35px 15px;
	background: url(../images/bg/form-hr.png) center bottom no-repeat;
}
.form-title img{ margin-bottom: 5px; }
.f-block{
	padding: 15px 0 19px;
	background: url(../images/bg/form-hr.png) center bottom no-repeat;
}
.f-block p{ margin-bottom: 0; }

.f-name{
	float: left;
	width: 194px;
	padding-left: 105px;
	background: url(../images/product/required.png) right center no-repeat;
}
.f-input{ float: left; margin-left: 35px; }
.f-input input,
.f-input textarea{ width: 322px; padding: 4px 13px 3px 5px; border: 1px solid #c8c6c6; box-shadow: 1px 1px 2px #ccc inset; }
.f-input textarea{ width: 560px; height: 130px; }
.f-input input:focus,
.f-input textarea:focus{ border: 1px solid #2295d7; background-color: #e5e5e5; box-shadow: 1px 1px 2px #aaa inset; }
.form-button{
	padding: 30px 0 50px;
	background: url(../images/bg/form-btm.png) center bottom no-repeat;
	text-align: center;
}

/* sitest */
.line05 .mask{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 367px;
}
.line05 .mask img{ width: 100%; height: 100%; position: relative; z-index: 10; }
.line05 .contents img{ position: relative; z-index: 11; }

/* company,law */
.cominfo{
	padding: 1px;
	background-color: #fff;
}
.cominfo a{ text-decoration: underline; }
.cominfo table{
	width: 930px;
	margin: 30px 0 40px 30px;
	border-collapse: separate;
	border-spacing: 3px;
}
.cominfo table th, .cominfo table td{
	padding: 10px 0 10px 10px;
}
.cominfo table th{ width: 230px; background-color: #dbdbda;}
.cominfo table td{ border: 1px solid #dcdcdb; font-size: 11pt; }

/* privacy */
.privacy{
	padding: 30px 30px 60px;
	background-color: #fff;
	font-size: 10.7pt;
}
.privacy h2{
	margin-bottom: 30px;
	font-size: 26pt;
	line-height: 1.4em;
	color: #535353;
}
.privacy ul{ margin-left: 15px; }
.privacy ul li{ padding-left: 2em; text-indent: -2.7em; }
.privacy ul.type2 li{ padding-left: 1em; text-indent: -1.7em; }
.privacy .border{ margin-bottom: 20px; padding: 7px; border: 3px solid #fc0000; }

/*-----------------------------------------------
 フッター
 -----------------------------------------------*/
#Footer{
	position: relative;
	width: 100%;
	margin-top: 100px;
	background-color: #2295d7;
	font-size: 9pt;
	text-align: left;
}

#Footer #btm-sns{ padding-bottom: 20px; background-color: #f0f1ee; }
#Footer #btm-sns .snslist{ text-align: right; }
#Footer #btm-sns .snslist li{ float: right; margin-right: 6px; }
#Footer #btm-sns .snslist li.fb iframe{ border: none; overflow: hidden; width: 120px; height: 21px; }
#Footer #btm-sns .snslist li.tw iframe{ width: 90px!important; }
#Footer #btm-sns .snslist li.g1 #___plusone_0{ width: 50px!important; }

#Footer #page-top{ background-color: #f0f1ee; }

#Footer .footer-link{
	float: left;
	margin-top: 20px;
}

#Footer .footer-link ul{ float: left; margin-right: 50px; }
#Footer .footer-link ul li{ margin-bottom: 5px; }

#Footer .footer-link ul li a{
	padding-left: 13px;
	background: url(../images/bg/arrow01.png) 0 3px no-repeat;
	color: #fff;
}
#Footer .footer-link a:link{ color: #fff; }
#Footer .footer-link a:visited{ color: #fff; }
#Footer .footer-link a:hover{ color: #ffffcc; }

#Footer .footer-tel{
	margin-top: 20px;
	float: right;
	width: 285px;
	height: 78px;
	padding: 5px 16px 0;
	background-color: #fff;
}
#Footer .footer-tel p{ margin: 0 0 8px; }
#Footer .footer-tel .fl-r{ margin-top: 3px; }

#Footer .logo{ text-align: right; margin: 45px 0 20px; }
#Footer .cont-area .logo p{
	text-align: left;
	display: inline-block;
	float: left;
	color: white;
	font-size: 10px;
	line-height: normal;
	margin: 15px 0;
}

@media screen and (max-width: 800px){
#Footer .cont-area .logo{
	margin-bottom: 0;
}
#Footer .cont-area .logo p{
	display: block;
	background: #1B6687;
	width: 100%;
	margin-bottom: 0;
	padding: 5px 0;
}