@charset "utf-8";
/* CSS Document */

@import url("normalize.css");
@import url("colorbox.css");
@import url("jquery.maximage.css");
/*@import url("../js/animation/css/animsition.css");
/*
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197%
*/

html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: "UD Shin Go Light"; background: #001B41 url(../images/body-bg.jpg) no-repeat; font-size: 0.8em; color: #333333; background-size: 100% auto; font-size: 80%; line-height: 180%; }
body { overflow-x: hidden; }
body, h1, h2, h3, h4, h5, h6, p, nav, section, ul, ol, li { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
a { color: #006699; overflow: hidden; }
a:hover { color: #FF6600; font-weight: bold; }
a img { border: none; }
.inner { width: 960px; height: auto; margin: 0px auto; position: relative; }

/* -------------------------------------

Universal styles

-----------------------------------------*/
.clearfix { width: 100%; }
.clearfix:after { content: ""; display: block; clear: both; }
.clr { clear: both; }






/* coomon
--------------------------------------------*/

header,footer { max-width: 1140px; width: inherit; margin: 0px auto; }
header { background-color: #fff;}
#mainbody { background: #fff; z-index: 50; margin: 0px auto; max-width: 1140px; }
#container { }

header .inner { height: 110px; background-color: #FFFFFF; }

#logo { position: absolute; top: 12px; left: 0px; background: url(../images/00_logo.gif) no-repeat; margin: 0px; }
#logo a { display: block; width: 260px; height: 80px; text-indent: -9999px; }

nav ul { list-style: none; float: right; padding-top: 50px; }
nav ul li { display: inline;}
nav ul li span {margin-left: 10px; margin-right: 10px;}
nav ul li a { color:#999; text-decoration:none;}
nav ul li a:hover { color:#333;}

.tel { margin: 0px auto; width: 100%; background-color: #FFFFFF; padding: 20px 0px; }
.fb { background:#fff;}
.fb .inner { width: 920px; margin: 0px auto;}

footer { background: url(../images/footer_bg.jpg) repeat; color: #333333; font-family: "Reimin Light"; }

#message { background-image: url(../images/message_bg.png); background-repeat: repeat; }
#message .mds { color: #FFE600; font-size: 1.4em; line-height: 2em; }
#message .body { padding: 30px 0px 30px 300px; color: #FFFFFF; }
#message img { width: 274px; height: 200px; position: absolute; left: 0px; }

footer img { position: absolute; width: 207px; height: 153px; right: 0px; bottom: 0px; }
footer ul { list-style: none; margin-bottom: 20px; margin-top: 0px; padding-top: 20px; }
footer ul li.name { font-size: 1.2em; letter-spacing: 0.2em; }
#copy { font-size: 0.8em;}



#contentbody { width: 960px; margin: 0px auto; }
#pagebody { padding: 20px 0px 100px 0px; width: 100%; }
#pheader { width: 960px; height: 84px; text-indent: -9999px; }

.service #pheader { background: url(../images/00_pheader2.png); }
.work #pheader { background: url(../images/00_pheader3.png); }
.qa #pheader { background: url(../images/00_pheader4.png); }
.contact #pheader { background: url(../images/00_pheader5.png); }

/*--------------------------------------
 TOP
 -------------------------------------*/
.home header { max-width: 100%; background-color: #FFFFFF; height: 110px; }
.home #mainImage { width: 100%; height: 400px; text-align: center; }
.home #mainImage .photo { width: 462px; height: 343px; position: absolute; bottom: -30px; right: 0px; }
.home #mainbody { background: #fff url(../images/hm_mainline.jpg) no-repeat center 0px; padding-top: 90px; max-width: 100%;}
.home #mainbody .inner {}


.home #mainbody .sec1 { margin: 0px auto; width: 920px; }
.home #mainbody .sec1 h2 { width: 960px; text-align: center; height: 50px; }
.home #mainbody .sec1 h3 { color: #999900; text-align: center; font-size: 1.2em; }
.home #mainbody .sec1 .content { padding: 30px 0px; }
.home #mainbody .sec1 .p1 { width: 400px; margin: 30px; float: left; }
.home #mainbody .sec1 .p1 .mds { font-size: 1.6em; line-height: 2em; background-image: url(../images/hm_icon.gif); background-repeat: no-repeat; padding-left: 60px; padding-top: 7px; color: #999900; }
.home #mainbody .sec1 .p1 .body {}

.home #mainbody .sec2 { padding: 30px 0px;}
.home #mainbody .sec2 .inner { text-align: center;}
.home #mainbody .sec2 .txtlink { font-size: 1.4em;}



 .home footer {max-width: 100%;}
 
 /*--------------------------------------
 service
 -------------------------------------*/
 .service #pagebody {}
 
 .service .sec1 { padding-bottom: 50px; }
 .service .sec1 h2 { color: #CC3366; font-size: 1.8em; line-height: 1.8em; }
 .service .sec1 h3 { color: #666666; }
 .service .sec1 .p1 { padding-top: 30px; }
 .service .sec1 img { float: left; margin-right: 20px; margin-bottom: 30px; }
 .service .sec1 .p2 {}
 
 .service .sec2 { margin-top: 30px; padding-bottom: 70px; }
 .service .sec2 h2 { background-color: #3399CC; color: #FFFFFF; padding: 10px; clear: both; }
 .service .sec2 .body { background-color: #E8E8E8; padding: 10px 10px; margin: 0px auto; width: 920px; }
 .service .sec2 ul { margin: 0px; padding: 0px; width: 920px; }
 .service .sec2 ul li { list-style-type: none; width: 220px; margin: 5px; float: left; }
 
 .service .sec3 {}
 .service .sec3 h2 {}
 .service .sec3 h3 { padding: 20px 0px; text-align: center; }
 .service .sec3 .con { padding-bottom: 30px;}
 .service .sec3 .con img { float:left; margin-right: 20px;}
 .service .keisan { border-collapse: collapse; width: 960px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 30px; }
 .service .keisan .th1 { padding: 5px; background-color: #E6E6E6;}
 .service .keisan .th2 { border-top: 1px solid #666;}
 .service .keisan .th3 { font-size:14px; background-color:#C9ECED; border-top: 3px double #666;}
 .service .keisan .td1 { text-align: center; border-top: 1px solid #666; padding: 5px; width: 20%; }
 .service .keisan .td2 { text-align: center; font-size:14px; background-color:#C9ECED; border-top: 3px double #666; font-weight: bold;}
.service .closing {font-size: 14px; font-weight: bold;}
 
 
 /*--------------------------------------
 WORK
 -------------------------------------*/
 .work section { padding: 19px; border: 1px solid #CCCCCC; border-radius: 5px; width: 920px; }
 .work section h2 { border-bottom: 1px solid #CCCCCC; line-height: 2em; }
 .work section h3 {color: #ccc; font-family:"Helvetica W01 Bd Cn";}
 .work section .before { width: 440px; float: left; padding-top: 20px; }
 .work section .after { width: 440px; float: right; padding-top: 20px; }
 .work section ul { margin-left: -5px; margin-right: -5px; }
 .work section ul li { float: left; list-style-type: none; margin: 0px 5px; }
 
 /*--------------------------------------
 Q&A
 -------------------------------------*/
 .qa dl {}
 .qa dl dt { background-color: #00A0E9; color: #FFFFFF; padding: 5px 10px; }
 .qa dl dd { margin: 20px 0px 40px 0px;}



 /*--------------------------------------
 REFORM
 -------------------------------------*/

.reform .cf {
	display: block;
	min-height: 1%;
}
.reform .cf:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .reform  .cf {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.reform .taC {
	text-align:center !important;
}
.reform .taL {
	text-align:left !important;
}
.reform .taR {
	text-align:right !important;
}
.reform .flL {
	float:left;
	width:220px;
	text-align:left;
}
.reform .flR {
	float:right;
	width:220px;
	text-align:right;
}
.reform img {
	vertical-align:top;
}
.reform header { 
	max-width: 100%;
	background-color: #fff;
	height: 110px;
}
.reform #mainbody {
	background:#fff;
	max-width:100%;
	padding:50px 0 100px;
}
.reform footer {max-width: 100%;}
.reform .section+.section {
	margin-top:90px;
}
.reform .mainImg {
	text-align:center;
	height:310px;
}
.reform .reformMain {
	background:url(../images/reform/bg_reform.gif) 0 0 repeat;
	width:100%;
}
.reform .reformMain .reformInner {
	width:980px;
	margin:0 auto;
	padding:50px 0;
	text-align:center;
	position:relative;
}
.reform .reformMain .reformInner .reformFace01 {
	position:absolute;
	left:0;
	bottom:0;
}
.reform .reformMain .reformInner .reformFace02 {
	position:absolute;
	right:0;
	bottom:0;
}
.reform .reformTit01 {
	margin-bottom: 15px;
	text-align: center;
	font-size: 30px;
	color: #F18A23;
	font-family: "Shin Go Light";
}
.reform .reformInner .lead {
	font-size: 18px;
	line-height: 36px;
}
.reform .reformTit02 {
	margin-bottom:20px;
}
.reform #mainbody .reformInner {
	width:980px;
	margin:0 auto;
	text-align:left;
}
.reform .reformL {
	float:left;
	width:470px;
}
.reform .reformR {
	float:right;
	width:470px;
}
.reform .reformTab01 table {
	border:none;
	width:100%;
}
.reform .reformTab01 table th {
	background:#dbdbdc;
	text-align:center;
	padding:20px 0;
	border:1px #dbdbdc solid;
}
.reform .reformTab01 table th span {
	background:url(../images/reform/ico_reform01.gif) 0 center no-repeat;
	font-size:20px;
	padding:2px 0 2px 38px;
	color:#3d3942;
}
.reform .reformTab01 table td {
	border-left:1px #dbdbdc solid;
	border-right:1px #dbdbdc solid;
	border-bottom:1px #fff solid;
	background:#f6f6f6;
	font-size:15px;
	color:#101b0e;
	padding:10px;
	overflow:hidden;
}
.reform td.last {
	border-bottom:none !important;
}
.reform .reformTab02 {
	position:relative;
}
.reform .reformTab02 .reformIco01 {
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-15px;
	z-index:99;
}
.reform .reformTab02 table {
	width:100%;
}
.reform .reformTab02 table th {
	background:#eeebcd;
	padding:15px 10px;
	font-weight:normal;
	color:#101b0e;
	font-size:15px;
	border:1px #eeebcd solid;
	overflow:hidden;
}
.reform .reformTab02 table td {
	border-left:1px #dbdbdc solid;
	border-right:1px #dbdbdc solid;
	border-top:1px #dbdbdc solid;
	font-size:15px;
	color:#101b0e;
	padding:10px;
	overflow:hidden;
}
.reform .reformTxt01 {
	font-size:18px;
	font-weight:bold;
}
.reform .reformTab03 {
	margin-bottom:45px;
}
.reform .reformTab03 table {
	border:none;
	width:100%;
}
.reform .reformTab03 table th {
	background:#f18a23;
	text-align:center;
	padding:20px 0;
	border:1px #f18a23 solid;
}
.reform .reformTab03 table th span {
	background:url(../images/reform/ico_reform02.gif) 0 center no-repeat;
	font-size:20px;
	padding:2px 0 2px 38px;
	color:#fff;
}
.reform .reformTab03 table td {
	border-left:1px #f2d2b2 solid;
	border-right:1px #f2d2b2 solid;
	border-bottom:1px #f2d2b2 solid;
	font-size:15px;
	color:#101b0e;
	padding:10px;
	overflow:hidden;
}
.reform .reformTab03 table td.price {
	background:#eeebcd;
	padding:15px 10px;
	font-weight:normal;
	color:#e71f19;
	border:1px #eeebcd solid;
	overflow:hidden;
}
.reform h2 {
	background:url(../images/reform/bg_h2.gif) 0 bottom repeat-x;
	margin-bottom:30px;
}
.reform h2 span {
	border-bottom:2px #175ca3 solid;
	font-size:20px;
	display:inline-block;
	font-weight:bold;
	padding:0 10px 10px 45px;
	position:relative;
}
.reform h2 span:before {
	position:absolute;
	content:"";
	background:url(../images/reform/ico_reform04.gif) 0 0 no-repeat;
	top:0;
	left:8px;
	width:23px;
	height:23px;
}
.reform .reformList {
	overflow:hidden;
}
.reform .reformList+.reformList {
	border-top:1px #cabfa6 dashed;
	margin-top:30px;
	padding-top:30px;
}
.reform .reformList li {
	float:left;
	width:295px;
	border:1px #f3f3f3 solid;
	background:#f3f3f3;
	margin-right:20px;
	list-style:none;
	color:#101b0e;
}
.reform .reformList li.last {
	margin-right:0 !important;
}
.reform .reformList li .reformImg {
	position:relative;
}
.reform .reformList li .reformImg:before {
	position:absolute;
	content:"";
	background:url(../images/reform/ico_reform05.png) 0 0 no-repeat;
	width:31px;
	height:11px;
	bottom:0;
	left:15px;
	z-index:99;
}
.reform .reformList li:first-child {
	width:29px;
	background:none;
	border:none !important;
}
.reform .reformList li .reformListIn {
	padding:10px;
	color:#101b0e;
}
.reform .reformList li h3 {
	font-size:15px;
	margin-bottom:10px;
	font-weight:normal;
}
.reform .reformList li  p+p {
	margin-top:15px;
}

/* contact
--------------------------------------------*/

.contactwrap{
	padding:5px 15px;
}
.contactwrap .formTitle{
    color: #555555;
    font-size: 140%;
    text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
    font-weight: bold;
    margin: 30px 0 10px;
}

.contactwrap dt.first {
    margin-top: 0;
    padding-top: 0;
}
.contactwrap dt {
    clear: both;
    font-size: 110%;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 20px;
}
.contactwrap dd{
	margin:0;
}
.required{
    color: #be0000;
    font-size: 80%;
}
.contactwrap input, .contactwrap textarea {
	box-sizing: border-box;
	color: #555555;
	margin-bottom: 5px;
	padding: 5px;
	vertical-align: middle;
}
.contactwrap input[type="text"], .contactwrap textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    box-shadow: 1px 4px 5px -6px rgba(0, 0, 0, 0.5) inset;
}
.contactwrap table.ipt02{
	width:100%;
}
.contactwrap table.ipt02 th{
	width:4%;
	text-align:left;
	font-weight:normal;
	font-size:110%;
}
.contactwrap table.ipt02 td {
    width: 46%;
}
.contactwrap table.ipt02 label {
    padding: 5px 10px 0 0;
}

.contactwrap td input {
    width: 100%;
}
.contactwrap table.ipt02 input {
    margin-right: 3%;
    width: 97%;
}
.contactwrap table.ipt03{
	width:100%;
}
.contactwrap table.ipt03 th{
	width:10%;
	text-align:left;
	font-weight:normal;
	font-size:110%;
}
.contactwrap table.ipt03 td{
	width:90%;
}
.htextarea-8{
	height:200px !important;
}

.contactwrap div.terms {
    font-size: 100%;
    height: 150px;
    line-height:1.5;
    margin: 25px 0 10px;
    overflow-y: scroll;
    padding: 15px 20px;
	background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    box-shadow: 1px 4px 5px -6px rgba(0, 0, 0, 0.5) inset;
}
.contactwrap .submit{
	width: 194px;
	height: 49px;
	border: 0;
	padding: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background: url(../images/btn_send.png);
	background-size: 194px 49px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

.contactwrap div.consent {
	margin-bottom: 15px;
}
.contactwrap div.consent p {
	text-align: left;
}
div.sslseal {
    margin: 20px 0 0;
    text-align: right;
}

div.sslseal img {
    cursor: pointer;
    height: auto;
    max-width: 200px;
}


.contactwrap div.consent ul {
	list-style: outside none none;
	text-align: left;
}

.contactwrap div.consent ul li {
    display: inline;
}

.contactwrap div.consent ul li input {
    width: auto;
}