@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2014-10-30
 -------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:bottom;}
ol,ul {list-style:none;}

/*----------------------------------------------------
 common
--------------------------------------------------- */
html, body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 14px;
	line-height: 1.5;
	color:#666666;
	height:100%;
	background:#FFF;
	line-break: strict;
	-webkit-text-size-adjust: 100%;
}

/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,a:visited,a:active{
	color:#000;
	text-decoration:none;
   -webkit-tap-highlight-color:transparent;
}

/*----------------------------------------------------
	#header
--------------------------------------------------- */
header#header{
    background : -webkit-gradient(linear, left top, left bottom, from(#d2edff), to(#fff));
    background : -webkit-linear-gradient(top, #d2edff, #fff);
    background : linear-gradient(to bottom, #d2edff, #fff);
	border-bottom:1px solid #E5E5E5;
	width:100%;
	height:60px;
	position:relative;
}
header#header h1{
	padding:10px;
	display:inline-block;
	line-height:1;
	width:35%;
}
header#header .logo{
	position:absolute;
	top:10px;
	left:10px;
	width:70%;
}
header#header .headNavBtn{
	background:#F2F2F2;
	border:1px solid #2D5BAD;
	border-radius:3px;
	padding:5px 10px;
	color:#2D5BAD;
	position:absolute;
	top: 14px;
	right:10px;
	cursor:pointer;
}

#headNavBox{
	background:#FFF;
	display:block;
}
#headNavBox #slideMenu .headNavBtnClose{
	background:#F2F2F2;
	border:1px solid #2D5BAD;
	border-radius:3px;
	margin-bottom:10px;
	padding:5px 10px;
	color:#2D5BAD;
	position:absolute;
	top: 14px;
	right:10px;
	cursor:pointer;
}

/* slideMenu */
#headNavBox #slideMenu{
	border-bottom:1px solid #dcdcdc;
	background:#FFF;
	position:absolute;
	top:-1100px;
	left:0;
	width:100%;
	padding:30px 0 10px;
}
#headNavBox #slideMenu p{
	border-bottom:1px solid #dcdcdc;
	padding:0 20px 10px;
}
#headNavBox #slideMenu p img{
	width:88%;
}

/* serviceMenu_list */
#headNavBox #slideMenu nav ul.serviceMenu_list{
	margin-bottom:30px;
	overflow:hidden;
}
#headNavBox #slideMenu nav ul.serviceMenu_list li{
	border-bottom:1px solid #dcdcdc;
	color:#4385DC;
	font-size:15px;
	line-height:18px;
	position:relative;
	box-sizing:border-box;
	display:block;
}
#headNavBox #slideMenu nav ul.serviceMenu_list li a{
	color:#4385DC;
	display:block;
	text-decoration:none;
	padding:10px 15px;
}
#headNavBox #slideMenu nav ul.serviceMenu_list li a::before,
#headNavBox #slideMenu nav ul.serviceMenu_list li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:12px;
	height:2px;
	background:#4385DC !important;
	border-radius:4px;
}

/* officeMenu_list */
#headNavBox #slideMenu nav ul.officeMenu_list{
	margin-bottom:30px;
	overflow:hidden;
}
#headNavBox #slideMenu nav ul.officeMenu_list li{
	width:50%;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	color:#4385DC;
	font-size:15px;
	line-height:18px;
	position:relative;
	box-sizing:border-box;
	display:block;
	float:left;
}
#headNavBox #slideMenu nav ul.officeMenu_list li.empty{
	border-bottom:1px #ccc solid;
	height: 39px;
}
#headNavBox #slideMenu nav ul.officeMenu_list li a{
	color:#4385DC;
	display:block;
	text-decoration:none;
	padding:10px 15px;
}
#headNavBox #slideMenu nav ul.officeMenu_list li a::before,
#headNavBox #slideMenu nav ul.officeMenu_list li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:12px;
	height:2px;
	background:#4385DC !important;
	border-radius:4px;
}

/* menu_list */
#headNavBox #slideMenu nav ul.menu_list{
	overflow:hidden;
}
#headNavBox #slideMenu nav ul.menu_list li{
	border-top:1px solid #dcdcdc;
	color:#00288C;
	font-size:15px;
	line-height:18px;
	position:relative;
	box-sizing:border-box;
	display:block;
}
#headNavBox #slideMenu nav ul.menu_list li a{
	color:#00288C;
	display:block;
	text-decoration:none;
	padding:10px 15px;
}
#headNavBox #slideMenu nav ul.menu_list li a::before,
#headNavBox #slideMenu nav ul.menu_list li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:12px;
	height:2px;
	background:#00288C !important;
	border-radius:4px;
}
/* list common */
#headNavBox #slideMenu nav ul li a::before{
	margin-top:-4px;
	margin-left:0px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#headNavBox #slideMenu nav ul li a::after{
	margin-top:3px;
	margin-left:0px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.hidden{
	display:none;
}

/*----------------------------------------------------
	#wrapper
--------------------------------------------------- */
#wrapper{
	position:relative;
	width:100%;
}
#wrapper img{
	width:100%;
}

/*----------------------------------------------------
	#footer
--------------------------------------------------- */
#footer{
	position:relative;
	width:100%;
	text-align:center;
}
#footer a{
	color:#666;
}
#footer .fotBox{
	border-top:1px solid #E6E6E6;
	padding: 30px 10px;
}
/********** #contact **********/
#footer #contact{
	padding: 5%;
	border:10px solid #daf2b5;
	color:#fba09d;
}
#footer #contact h1{
	background:url(../images/common/contact_bgLine.gif) 5px center repeat-x #FFF;
}
#footer #contact h1 span{
	background:#FFF;
	padding:0 10px;
}
#footer #contact #tel{
	width:80%;
	margin:0 auto;
	padding-top:10px;
}
#footer #contact #text{
	padding-top:15px;
	font-size:13px;
}
#footer #contact #btn{
	background:url(../images/common/contact_mail.gif) 95% center no-repeat #fba09d;
	background-size:15%;
	border-radius:40px;
	width:95%;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin:15px auto 0;
	padding-left:7%;
	text-align: left;
	line-height:40px;
}
#footer #contact #btn a{
	color:#FFF;
	display:block;
}
/********** ul#pqvMenu **********/
#footer ul#pqvMenu{
}
#footer ul#pqvMenu li{
	background:url(../images/common/pqvMenu_icon.gif) 97% center no-repeat;
	background-size:7%;
	border:1px solid #36B2CC;
	border-radius:3px;
	color:#36B2CC;
	font-size: 16px;
	margin-bottom:10px;
	padding:10px;
	text-align:left;
}
#footer ul#pqvMenu li a{
	color:#36B2CC;
	display:block;
}
#footer p.pqvMenu_01{
	background:url(../images/common/pqvMenu_01.gif) left center no-repeat;
	background-size:13%;
	padding-left:70px;
}
#footer p.pqvMenu_02{
	background:url(../images/common/pqvMenu_02.gif) left center no-repeat;
	background-size:13%;
	padding-left:70px;
}
#footer ul#pqvMenu li p.pqvMenu_03{
	background:url(../images/common/pqvMenu_03.gif) left center no-repeat;
	background-size:13%;
	padding-left:70px;
}
/********** #information **********/
#footer #information{
	padding-top:20px;
}
/********** #fotMenu_s **********/
#footer #fotMenu_s{
}
#footer #fotMenu_s table.clrhack{
	width:100%;
}
#footer #fotMenu_s table.clrhack td{
	width:50%;
	background:#FFF;
	text-align:center;
	border:1px solid #E6E6E6;
	font-size:13px;
}
#footer #fotMenu_s table.clrhack td a{
	display:block;
	padding: 5%;
}
/********** #fotMenu_l **********/
#footer #fotMenu_l{
}
#footer ul#fotMenu_l li{
	background:url(../images/common/outLink_icon.gif) right center no-repeat;
	background-size:8%;
	border-bottom:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
	font-size:13px;
}
#footer ul#fotMenu_l li a{
	padding: 3%;
	display:block;
}
/********** p#copy **********/
#footer p#copy{
	font-size: 0.8em;
	padding: 20px 0;
}