@import "../css/reset.css";@import "../css/skeleton.css";@import "../css/superfish.css";@import "../css/flexslider.css";@import "../css/touchTouch.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Meiryo UI,'メイリオ,Verdana','ＭＳ Ｐゴシック',sans-serif; font-size:12px; line-height:18px; color:#000; min-width:960px; background:#232324;-webkit-text-size-adjust: none;}
.main {width:960px;padding:0;margin:0 auto;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#000;outline:none; text-decoration:none; cursor:pointer;}
a:hover{
	color: #333333;
	text-decoration: none;
}

.button{
	display: inline-block;
	padding: 3px 11px 6px;
	margin: 16px 1px 1px;
	font-size: 12px;
	color: #fff;
	border-radius: 7px;
	background-repeat: repeat-x;
	background-image: url(../images/button.jpg);
	background-color: #2185c5;
	box-shadow: 0 0 1px #767b7a;
}
.button:hover{
	background-color: #2185c5;
	color: #fff
}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 32px 0px 21px;}
header h1{padding: 6px 0 0 2px;width:150px;float:left;}
header h1 a {
	display: block;
	width: 165px;
	height: 60px;
	background: url(../images/logo.png) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
header .top_header_logo{padding: 6px 0 0 2px;width:150px;float:left;}
header .top_header_logo a {
	display: block;
	width: 165px;
	height: 60px;
	background: url(../images/logo.png) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

/*********************************content*************************************/
#content {padding:35px 0px 117px 0px;}
.cont_pad{padding:165px 0 117px 0 !important;}

.top_box{ background: url(../images/main_box.jpg) repeat-x #fff;height:116px;}
.height{height:344px !important;}

.content_box{background-color:#FFF;}
/*===============================>> Paragraphs <<=============================*/

p {
	margin-bottom: 18px;
	color: #333333;
}
.p2{ margin-bottom:10px;}
.p3{margin-bottom:15px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/news_marker.png) 0 4px no-repeat; padding-left:20px;margin-bottom:6px;}
.list1 a:hover{text-decoration:underline;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{
	font-size: 24px;
	line-height: 29px;
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Meiryo UI,'メイリオ,Verdana','ＭＳ Ｐゴシック',sans-serif;
	margin-bottom: 17px;
	border-bottom: thin dashed #3A5DFF;
}

h2.ind{ margin-bottom:24px;}
h2.ind1{ margin-bottom:19px;}
h2.ind2{ margin-bottom:15px;}
h2.ind3{ margin-bottom:22px;}
/*================================>> GOOGLE FONTS  <<========================================*/


/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure,.top_img2{ float:left;}
.ext_list>li>div, .ext_box>div{ float:right;}

.offer{
	margin-bottom: 52px;
	color: #333333;
	font-size: 14px;
}
.services .title, .products .title, .offer .title{
	background-color: #2185c5;
	color: #fff;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	padding: 6px 0 8px;
	border:none;
}
.offer img{margin-bottom:28px;}
.offer:hover .title{
	background-color: #FF5700;
}

.feat_serv{}
.feat_serv>li{margin-bottom:32px;}
.feat_serv>li>figure,.top_img2{padding: 5px 0 0 0;}
.feat_serv>li>div{width:220px;}

.news{margin: -3px 0 0 0;}
.news>li{background: url(../images/news_marker.png) 2px 4px no-repeat;padding: 0 0 13px 22px;}
.news .date{
	color: #2185c5;
	margin-bottom: 5px;
}
/*********************************page_2*************************************/
.box1{margin-bottom:51px;}
.box1 img{margin-bottom:28px;}

.list3{margin-top:-2px;}
.list3>li{margin-bottom:13px;}
.list3>li>span{color:#cc2320;display:inline-block;margin-bottom:5px;}
.det_link, .service_item .title, .red, .faq span, .resources span, .list1 a{
	color: #FF5F00;
	font-size: 14px;
	font-weight: bold;
}
/*********************************page_3*************************************/
.products{padding:4px 0 25px 0;}
.products .lightbox-image{margin-bottom:28px; display:inline-block;}
/*********************************page_4*************************************/
.s_banner{display:inline-block;margin-top:27px;}
.staff>li>div{
	width: 492px;
	font-size: 14px;
}
.staff>li{margin-bottom:32px;}
.staff>li>figure{padding-top:5px;}

.resources{}
.resources>li{margin-bottom:11px;}
.resources>li>figure{padding-top:2px;}
.resources>li>div{width:230px;margin-top:-1px;}
/*********************************page_5*************************************/
.m_bot1{margin-bottom:40px;}
/*********************************page_6*************************************/
.services{padding-top:4px;margin-bottom:53px;}
.services img{ margin: 0 auto;}
.services .img_wrap{text-align:center;padding:16px 0 11px 4px;}

.service_item{
	margin-bottom: 25px;
	padding-bottom: px;
}
.service_item>div{width:220px;}
.service_item>figure{padding-top:4px;}
.det_link{display:inline-block;margin-top:11px;}
.det_link:hover{text-decoration:underline;}
/*********************************page_7*************************************/


/* Contact form */
#contact-form {padding:5px 0 0 0;position: relative;}
#contact-form .success {width: 100%;top: 0;left: 0;padding: 15px 0;background: #b1b1b1;text-align: center;z-index: 99;position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #b1b1b1; color:#484c51; padding:16px 15px 17px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:264px;}
#contact-form textarea {overflow:auto; width:428px; height:162px;resize:vertical; float:left; margin: 0 0 0 0;}
#contact-form label {display:inline-block; padding-bottom:10px; min-height:50px; overflow:hidden;position: relative;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:15px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;position: absolute;top: 15px;right:5px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:19px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin-bottom:15px;display:inline-block;padding-top:5px;}
#map_canvas {
    width:460px;
	height:269px;
}
.adress{}
.adress span{ display:inline-block; width:108px;}
.adress dt{ margin-bottom:18px;}
.adress a{}
.adress a:hover,.demo:hover{ text-decoration:underline;}

/****************************footer************************/
footer {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	background-color: #4095CB;
	position: relative;
}
footer, footer a{font-size:14px;color:#fff;}

.privacy{padding-top:5px;}
#form1{overflow:hidden;min-height: 60px;position: relative;font-size: 18px; line-height: 22px; color: #fff; font-family: Georgia ,serif; float:right;margin: 0 0 0;}
#form1 a{border:none;margin:0;padding: 2px 24px 3px; border-radius:5px; font-family:'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Meiryo UI,'メイリオ,Verdana','ＭＳ Ｐゴシック',sans-serif;margin-left:9px;font-size:14px;}
#form1 input{display:inline-block;background-color:#f2f2f2;box-shadow: 1px 1px #5f5f60;border:none;margin: 0 0 0 13px;padding: 5px 5px 6px;width:149px;border-radius:3px; font-family:'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Meiryo UI,'メイリオ,Verdana','ＭＳ Ｐゴシック',sans-serif;}

#form1 .error{display: none;position: absolute;top: 25px;left: 0;font-size: 11px;color: red;}
#form1 .invalid .error{display: block !important;}
#form1 label{}
#form1 .success{position: absolute;width: 100%;left: 0;top: 0;text-align: center;padding: 5px 0; background: #fff;display: block;color: #000;font-size: 11px;line-height: 14px;z-index: 999;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 header {padding: 32px 0px 0px;}
.sf-menu > li > a{width: 80px;}
.main{width: 768px;}
.feat_serv > li > div, .staff > li > div, .resources > li > div, .service_item > div {
	width: auto;
	margin: 0;
	overflow: visible;
	float: none;
	color: #333333;
}
.feat_serv > li > figure, .staff > li > figure, .resources > li > figure, .service_item > figure, .top_img2{margin-right: 20px;}
#content{padding-bottom: 30px;}
header h1{margin-bottom: 30px;}
.products img, .s_banner img, .img{width: 100%;}
.s_banner{display: block;}
.products .lightbox-image {display: block;}
#contact-form input, #contact-form textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;}
#contact-form label{display: block;}
header.top_header .top_header_logo{float:none;}

}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
.main{width: 420px;}
header .top_header_logo,
header h1{float: none;margin-bottom: 30px;}
.banner{top: 35px;left: 15px;font-size: 18px;line-height: 22px;}
.cont_pad {padding: 10px 0 50px !important;}
.offer a:first-child{display: block;}
.offer img, .box1 img{width: 100%;}
.offer{margin-bottom: 0;}
#newsletter{float: none;}
footer{padding-bottom: 0;}
footer .privacy{position: absolute;left: 0;bottom: 0;}
footer .container_12{padding-bottom: 40px;}
footer .wrapper{position: static;}
.top_box{height: auto;}
.top_mailbnr{margin:18px 0 0 0 !important;}
 ul.top_wrapper>div{width:220px;margin:0 0 0 -13px !important;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width: 300px;}
 #form1 a{margin-left: 0;margin-top: 15px;}
 #form1 .error{top: 33px;left: auto;right: 5px;}
 #form1 input{float: none;clear: both;width: 290px;margin:10px 0 0 0;}
 .service_item > figure{margin: 0 0 15px;float: none;}
 .service_item > figure img{width: 100%;}
 .banner{top: 24px;}
 #form1 .success{padding: 20px 0;}
 .top_mailbnr{margin:0 0 20px 0 !important;}
 ul.top_wrapper>div{width:220px;margin:0 0 0 -13px !important;}
 header.top_header .top_header_logo{float:none;}
}

/* --- 表全体 --- */
.example table {
	border: 1px solid #999;
}
.example td {
	border: 1px solid #CCC;
	background-color: #ffffff;
	text-align: left;
	font-size: 14px;
	color: #333333;
	width: auto;
	padding: 8px;
}
.example th {
	border: 1px solid #CCC;
	background-color: #E7E7E7;
	padding: 8px;
	background-image: url(images/th-tail.gif);
	background-repeat: repeat-x;
	color: #666;
	font-size: 14px;
}

/**/
.table2 {
	border-collapse: collapse;
	width: 100%;
	padding-bottom: px;
}
.table2 th.t_top {
	border-top: 4px solid #FD3500;
}
.table2 th {
	border-bottom: #cccccc 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: bold;
}
.table2 td.t_top {
	border-top: #b3b3b3 4px solid;
	border-bottom-style: dotted;
}
.table2 td {
	border-bottom: #cccccc 1px dotted;
	text-align: left;
	padding: 10px;
}
.table2 tr:hover {
    background: #3D80DF;
    color: #FFFFFF;
}

.text-pk {
	color: #F60;
	font-size: 14px;
}
.text-bl {
	color: #03C;
}

header.top_header {padding: 32px 0px 21px;}
header.top_header .top_header_logo{padding: 6px 0 0 2px;width:150px;float:left;}
header.top_header .top_header_logo a {
	display: block;
	width: 165px;
	height: 60px;
	background: url(../images/logo.png) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

.button2{
	display: inline-block;
	padding: 0 11px 6px;
	margin: 4px 1px 1px;
	font-size: 12px;
	color: #fff;
	border-radius: 7px;
	background-repeat: repeat-x;
	background-image: url(../images/button.jpg);
	background-color: #2185c5;
	box-shadow: 0 0 1px #767b7a;
}
.button2:hover{
	background-color: #2185c5;
	color: #fff
}

img.top_img{
}

h2.title{
	line-height: 0;
	margin: 0;
	border:none;
}

p.top_txt {
	margin-bottom: 0;
}

p.top_txt2 {
	margin-bottom: 18px;
}

p.top_txt3 {
	margin: 0;
}

p.top_txt4 {
	width:100%;
	clear:both;
	margin:0 0 18px 0;
}

h3.top_ttl{
	margin:0;
	padding:0;
	font-weight:bold;
}

h3.top_ttl2{
	clear:both;
	width:100%;
	margin:35px 0 0 0;
}

/*.top_img2{
	margin:5px 0 0 0;
	float:left;
	width:67px;
	overflow:hidden;
}*/
.top_mailbnr{
	margin:18px 0 18px 0;
}

ul.top_wrapper {
	width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
	padding:0;
}
.mt22{
	margin-top:22px !important;
}

dl.news{margin: -3px 0 0 0;}
/*dl.news>dt{background: url(../images/news_marker.png) 2px 4px no-repeat;padding: 0 0 5px 22px;}
dl.news dt.date{
	color: #2185c5;
	margin-bottom: 0;
}*/
/*dl.news dd{
	margin:0;
	padding:0 0 22px 22px;
}*/

.offer_box{
	overflow:hidden;
    margin-bottom: 20px;
}

h1.ttl_h1{
	font-size: 24px;
	line-height: 29px;
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Meiryo UI,'メイリオ,Verdana','ＭＳ Ｐゴシック',sans-serif;
	margin:0 10px 17px 10px;
	border-bottom: thin dashed #3A5DFF;
	padding:0;
}

p.h1_txt{
	padding:0 10px;
}

ul.top_news_wrap{
    margin: -3px 0 0 0;
	padding:0;
}

ul.top_news_wrap li{
    background: url(../images/news_marker.png) 2px 4px no-repeat;
    padding: 0 0 13px 22px;
}


.address{
	padding:20px 0 0;
	margin-bottom:0;
}