@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul:after,dl:after,.clearfix:after,#container:after,#wrapper:after,.section1:after,.section2:after,#footer:after,#footer #footer-inner:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
#header ul,.content1 h2,.content2 h2,.content3 h2{position:absolute}
#header,#container,#footer,.mailmagazine-first,.content1,.content2,.content3,.content1 p{position:relative}
#header ul li,#footer .footer-about,#footer .footer-btn,#footer .footer-info li{float:left}
#footer .footer-info,.mailmagazine .mailmagazine-box .mailmagazine-box-img{float:right}
#footer #footer-inner{margin-left:auto;margin-right:auto}
/*#header #header-img{text-indent:100%;white-space:nowrap;display:block;overflow:hidden}*/
img{vertical-align:bottom}
/*#header{width:100%}
#header ul{right:10px;top:50px}
#header ul li{margin-left:10px}
#header a{color:red;text-decoration:none}
#header a:link{color:red}
#header a:visited{color:red}
#header a:hover{color:red}
#header a:active{color:red}
#header a:hover{text-decoration:underline}*/
.left{float:left;display:inline}
.right{float:right;display:inline}
.clear{clear:both}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignright{text-align:right}
.verticalT{vertical-align:top}
.verticalM{vertical-align:middle}
.verticalB{vertical-align:bottom}
.mr2{margin-right:2px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mb0{margin-bottom:0px !important}
.mb2{margin-bottom:2px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.ml2{margin-left:2px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.pdt5{padding-top:5px}
.pdt10{padding-top:10px}
.pdt15{padding-top:15px}
.pdt20{padding-top:20px}
.pdt25{padding-top:25px}
.pdt30{padding-top:30px}
.pdl5{padding-left:5px}
.pdl10{padding-left:10px}
.pdl15{padding-left:15px}
.pdl20{padding-left:20px}
.pdl25{padding-left:25px}
.pdl30{padding-left:30px}
.f9{font-size:9px}
.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f17{font-size:17px}
.f18{font-size:18px}
.f19{font-size:19px}
.f20{font-size:20px}
.f25{font-size:25px}
.f30{font-size:30px}
em{font-style:normal;font-weight:bold}
.bold{font-weight:bold}
.italic{font-style:italic}
.red{color:#ff0000}
.white{color:#fefefe}
.blue{color:#0000ff}
.black{color:#000000}
.orange{color:#ffa500}
.aqua{color:#00ffff}
.lime{color:#00ff00}
.olive{color:#808000}
.silver{color:#c0c0c0}
.yellow{color:#ffff00}
.gray{color:#808080}
.maroon{color:#800000}
.purple{color:#800080}
.green{color:#008000}
.navy{color:#000080}
table{border-collapse:collapse;border-spacing:1;empty-cells:show}
.layout-marginL,.mailmagazine,.content1,.content2,.content3,.case1,.case2,.qa1,.qa2,.partner1,.partner2,.voice1,.voice2,.voice3{margin-left:53px}
.mailmagazine .mailmagazine-box{border:1px solid #81b6db}
body{color:#000;text-align:center;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Trebuchet MS",Osaka,verdana,arial,clean,sans-serif;font-size:14px;line-height:1.9}
#container{margin-left:auto;margin-right:auto;width:910px;padding-bottom:30px;text-align:left}
@media (max-width: 909px){#container{width:100%}}

/*20140701追加変更*/
#header1 {width:903px; height:630px; background:url("../img/common/main1.jpg") no-repeat left top; }
#header2 {width:903px; height:630px; background:url("../img/common/main2.jpg") no-repeat left top; }
#header3 {width:903px; height:630px; background:url("../img/common/main3.jpg") no-repeat left top; }
h1#header-img { width:763px; float:left;
display:inline;
height:200px;
text-indent:100%;
white-space:nowrap;
overflow:hidden; 
}

.gslTag {
	float:left;
	margin-top:20px;
	width:120px;
	font-size:11px;
	line-height:1.3; } 
	
.gslTag table td {
	font-size:11px;
	color:#444;
}

.gslTag a:link,.gslTag a:visited {
	color:#444;
	text-decoration:none;
}
.gslTag a:hover,.gslTag a:active {
	text-decoration:underline;
}

#footer-top{background:url("../img/common/footer-top-bg.png") no-repeat center top;height:154px}
#footer{width:100%;padding-top:33px;padding-bottom:27px;background:#036eb8;text-align:left}
#footer #footer-inner{width:805px}
#footer .footer-about .footer-about-logo{height:24px;margin-bottom:8px}
#footer .footer-about p{height:14px;margin-bottom:6px}
#footer .footer-about img{vertical-align:top}
#footer .footer-btn{margin-left:15px}
#footer .footer-info{border:1px solid #81b7dc;background:#6c9bd2}
#footer .footer-info li{padding:5px 23px 5px 14px}
#footer .footer-info li.footer-info-email{background:url("../img/common/footer-contact-border.png") no-repeat left center;padding-left:18px}
.content-strong-text{font-weight:bold;color:#ea5514}
.content-strong-text02{font-weight:bold;color:#cf000e}
.mailmagazine{margin-bottom:13px}
.mailmagazine .mailmagazine-box{width:773px;padding-left:8px;padding-right:17px;padding-bottom:15px;border-top:none}
.mailmagazine .mailmagazine-box .mailmagazine-box-img{margin:8px 0px 8px 0px;}
.mailmagazine .mailmagazine-box .mailmagazine-box-text{padding:15px 0px 0px 0px;}
.mailmagazine .mailmagazine-box .mailmagazine-box-text p{margin-bottom:3px}
.mailmagazine .mailmagazine-box .mailmagazine-box-text p.pdt10{margin-bottom:10px}
.mailmagazine-first{top:-22px}.content1,.content2,.content3{padding-top:230px;width:795px;padding-left:30px}
.mailmagazine_img{margin:0px 0px 10px 0px;}
.mailmagazine_company{text-align:right;}
.content1 h2,.content2 h2,.content3 h2{top:45px;left:17px}
.content1{background:url("../img/top/content1/bg.jpg") no-repeat left top;height:1385px}
.content1 p{width:302px;padding-left:55px;margin-bottom:10px;top:-20px}
.content2{background:url("../img/top/content2/bg.jpg") no-repeat left top;height:438px;padding-top:250px}
.content2 ol{margin-bottom:40px}
.content2 ol li{margin-bottom:15px}
.content2 p{width:700px}
.content3{background:url("../img/top/content3/bg.jpg") no-repeat left top;height:995px;padding-top:290px}
.content3 p{width:302px;padding-left:55px;margin-bottom:10px}
.case1,.case2{margin-bottom:15px;padding-top:115px;padding-left:40px}
.case1 p,.case2 p{width:555px}
.case1{background:url("../img/top/case1-bg.png") no-repeat left top;width:762px;height:187px}
.case2{background:url("../img/top/case2-bg.png") no-repeat left top;width:779px;height:188px;margin-bottom:30px}
.qa1,.qa2{padding-left:60px;width:754px}
.qa1 p,.qa2 p{width:385px}
.qa1{background:url("../img/top/qa1-bg.jpg") no-repeat left top;padding-top:330px;height:565px;margin-bottom:30px}
.qa1 .qa1-text-01{margin-bottom:290px}
.qa2{background:url("../img/top/qa2-bg.jpg") no-repeat left top;padding-top:250px;height:528px}
.qa2 p{text-indent:14px}
.partner1,.partner2{padding-left:328px;width:474px}
.partner1 p,.partner2 p{width:435px}
.partner1{background:url("../img/top/partner-01.jpg") no-repeat left top;padding-top:156px;height:301px}
.partner1 .partner1-text-01{margin-bottom:55px}
.partner2{background:url("../img/top/partner-02.jpg") no-repeat left top;padding-top:156px;height:299px;margin-bottom:30px}
.partner2 .partner2-text-01{margin-bottom:55px}
.voice1,.voice2,.voice3{padding-left:80px;padding-right:80px;width:642px}
.voice1 h3,.voice2 h3,.voice3 h3{padding-left:178px;font-size:18px;font-weight:bold;margin-bottom:20px}
.voice1{background:url("../img/top/voice/img-01.png") no-repeat left top;padding-top:145px;height:376px}
.voice2{background:url("../img/top/voice/img-02.png") no-repeat left top;padding-top:155px;height:366px}
.voice3{background:url("../img/top/voice/img-03.png") no-repeat left top;padding-top:155px;height:460px}

/*20150519追加変更*/
/*---------------- #page ----------------*/
#page {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 700px;
	-webkit-box-shadow: 3px 0px 5px rgba(0, 0, 0,.3), -3px 0px 5px rgba(0, 0, 0,.3);
	box-shadow: 3px 0px 5px rgba(0, 0, 0,.3), -3px 0px 5px rgba(0, 0, 0,.3);
	margin: 0 auto;
	background: #fff;
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* Font size auto adjust */
	-moz-text-size-adjust: none; /* Font size auto adjust */
}

#page a:link {
	text-decoration: none;
}

#page a:visited {
	text-decoration: none;
}

#page img {
	vertical-align: top;
}

#page p, dl, ol, ul {
	margin-bottom: 1em;
}

#page ul li {
	margin-bottom: 5px;
}

/*---------------- header ----------------*/
#page header.global {
	clear: both;
	padding: 10px 0;
	background: #333;
	color: #fff;
	margin-top: 15px;
}

#page header.global h1 {
	padding: 0 15px;
	text-align: center;
	font-size: 150%;
}

/*---------------- footer ----------------*/
#page footer.global {
	clear: both;
	padding: 10px 5px;
	background: #333;
	color: #fff;
	margin-bottom: 15px;
}

#page footer.global h2 {
	text-align: center;
}

#page footer.global a {
	color: #cccccc;
	font-size: 150%;
}

/*---------------- main ----------------*/
#page .main {
	clear: both;
	padding: 15px;
	font-size: 108%;
}

#page table {
	margin: 0 0 10px;
	width: 100%;
	font-size: 108%;
	table-layout: fixed;
}

#page table th {
	width: 25%;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #FFFFCC; /* #eee; */
	text-align: left;
	vertical-align: middle;
}

#page table td {
	padding: 10px;
	border: 1px solid #ccc;
}

.inputText {
	width: 97%;
	padding: 3px;
	font-size: 130%;
}

.inputSelect {
	padding: 3px;
	font-size: 130%;
	max-width: 97%;
}

.inputText.inputTextShort {
	width: 45%;
}

.inputText.inputTextShortest {
	width: 20%;
}

textarea {
	width: 70%;
	height: 150px;
	padding: 3px;
}

.formBtn {
	font-size: 140%;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	width: 150px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	border-radius: 6px;
	box-shadow: 0 2px 2px #CCC;
}

.center-text {
	text-align: center;
	margin: 0;
}

.error {
	color: #FF0000;
}

span.require {
	color: red;
	font-weight: bold;
}
.Timer{
    text-align:center; 
    width:100%; 
    margin:0px auto 10px; 
    padding:10px 0; 
    font-size:1.2em; 
    color:#fff; 
    text-shadow:1px 1px 1px #ccc; 
    font-weight:700; 
    line-height:30px; 
    border:1px solid #ef007c; 
    background: #a80077; /* Old browsers */
    background: #efc5ca; /* Old browsers */
    background: -moz-linear-gradient(top,  #efc5ca 0%, #d24b5a 41%, #ba2737 57%, #f18e99 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efc5ca), color-stop(41%,#d24b5a), color-stop(57%,#ba2737), color-stop(100%,#f18e99)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efc5ca 0%,#d24b5a 41%,#ba2737 57%,#f18e99 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efc5ca 0%,#d24b5a 41%,#ba2737 57%,#f18e99 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efc5ca 0%,#d24b5a 41%,#ba2737 57%,#f18e99 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 41%,#ba2737 57%,#f18e99 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */
} 

.jissekiimg{
	margin:0px 0px 0px 53px;
}

.jisseki{
	margin:0px 0px 0px 53px;
}

.jisseki li{
	float:left;
}