@charset "Shift_JIS";
/* CSS Document */

/*-reset-*/

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;
}

ul,ol {
    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;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
img{
	vertical-align:bottom;
}

/************** layout base ********************/

.clearfix{
overflow:hidden;
}
/*-
.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	min-height: 1px;
}
-*/



a{
	color:#0054A9;
	/* text-decoration:none; */
}
a:hover{
	text-decoration:underline;
}

a:visited{color:#005193;}

/*繝懊ち繝ｳrollover*/
a:hover img.rollover{filter:Alpha(opacity:70);
-moz-opacity:0.70;
opacity:0.70;}



sup {
	line-height: 100%;
	font-size:10px;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	font-size:10px;
	vertical-align: -0.1em;
}

.txtLeft{
text-align:left;
}
.txtRight{
text-align:right;
}
.txtCenter{
text-align:center;
}
.txtRed{
	color:#C7131D;
}


.fLeft{ float:left;}
.fRight{ float:right; }
.fNon{
	float:none !important;
}

.mTop0{ margin-top:0 !important;}
.mTop5{ margin-top:5px !important;}
.mTop10{ margin-top:10px !important;}
.mTop15{ margin-top:15px !important;}
.mTop20{ margin-top:20px !important;}
.mTop25{ margin-top:25px !important;}
.mTop30{ margin-top:30px !important;}
.mTop35{ margin-top:35px !important;}
.mTop40{ margin-top:40px !important;}
.mTop45{ margin-top:45px !important;}
.mTop50{ margin-top:50px !important;}

.mBtm0{ margin-bottom:0 !important;}
.mBtm5{ margin-bottom:5px !important;}
.mBtm10{ margin-bottom:10px !important;}
.mBtm15{ margin-bottom:15px !important;}
.mBtm20{ margin-bottom:20px !important;}
.mBtm25{ margin-bottom:25px !important;}
.mBtm30{ margin-bottom:30px !important;}
.mBtm35{ margin-bottom:35px !important;}
.mBtm40{ margin-bottom:40px !important;}
.mBtm45{ margin-bottom:45px !important;}
.mBtm50{ margin-bottom:50px !important;}
.mBtm55{ margin-bottom:55px !important;}
.mBtm60{ margin-bottom:60px !important;}
.mBtm65{ margin-bottom:65px !important;}
.mBtm70{ margin-bottom:70px !important;}
.mBtm80{ margin-bottom:80px !important;}
.mBtm85{ margin-bottom:85px !important;}
.mBtm90{ margin-bottom:90px !important;}
.mBtm100{ margin-bottom:100px !important;}

.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.ml30{ margin-left:30px !important;}

.mr0{ margin-right:0px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr30{ margin-right:30px !important;}
.mr60{ margin-right:60px !important;}
.mr65{ margin-right:65px !important;}


.pBtm0{ padding-bottom:0 !important;}
.pBtm5{ padding-bottom:5px !important;}
.pBtm10{ padding-bottom:10px !important;}
.pBtm15{ padding-bottom:15px !important;}
.pBtm20{ padding-bottom:20px !important;}
.pBtm25{ padding-bottom:25px !important;}
.pBtm30{ padding-bottom:30px !important;}
.pBtm35{ padding-bottom:35px !important;}
.pBtm40{ padding-bottom:40px !important;}
.pBtm45{ padding-bottom:45px !important;}
.pBtm50{ padding-bottom:50px !important;}
.pBtm60{ padding-bottom:60px !important;}

.pr15{ padding-right:15px !important;}

.pl60{ padding-left:60px !important;}



/************** layout base ********************/
body{
background:#ffffff;
text-align:center;
font-family:"���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
line-height:1.2;
}

div,p,dl{
text-align:left;
}

p,dt,dd,li,td,th{
color:#333333;
font-size:14px;
line-height:1.7em;
}
p{
	font-size:18px;
}
h1,h2,h3,h4,h5,h6{
color:#333333;
font-size:14px;
text-align:center;
}

#wrap{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:0 0 112px 0;
}

/*****************  head  ***********************/

/*****************  footer  ***********************/
#footer{
	background:#cccccc;
	margin:79px 0 0 0;
	padding:22px 0 17px 0;
}
#footer div.clearfix{
	width:560px;
	margin:0 auto;
}
#footer p{
	font-size:14px;
	color:#281e1b;
}
#footer p#copy{
	overflow:hidden;
	width:900px;
	padding:19px 0 0 0;
	margin:0 auto 0 auto;
	text-align: center;
	font-size:10px;
}
/*--fixFooter--*/
#fixFooter{
	position:fixed;
	bottom:0;
	background:url(images/bg_fixfoot.png) repeat;
	width:100%;
	padding:25px 0 24px;
 z-index: 999;
	text-align:center;
	box-shadow:0px -2px 5px 0px #dfdede;
}
#fixFooter img{
	margin:0 7px;
	vertical-align:middle;
}

#fixSide{
 position: fixed;
 top: 10px;
 right: 0;
 padding-right: 10px;
 z-index: 999;
}

/*****************  contents  ***********************/

#contents{
	/*width:1000px;
	margin:0 auto;*/
}
/*----------------------------*/

#mainimg{
	margin-bottom:30px;
}
/*----------------------------*/
#hint{
}
#hint >div{
	position:relative;
}
#hint p{
	position:absolute;
	top:240px;
	left:68px;
	z-index:5;
}
#hint #hintTxt01{}
#hint #hintTxt02{ top:195px; left:495px;}
#hint #hintTxt03{ top:210px; }
#hint #hintTxt04{ top:220px; left:500px;}
#hint #hintTxt05{ top:190px; }
/*----------------------------*/
#reason{
}
#reason .txt{
	height:75px;
	margin:-75px 0 0 72px;
	color:#FFFFFF;
}
#reason #reasonTxt02{
	height:200px;
	padding-bottom:0;
	margin-top:-200px;
}
#reason div{
	background:url(images/bg_reason.png) no-repeat left top;
	height:340px;
	padding:30px 58px 0 75px;
}
#reason div .fLeft{
	margin:0 88px 0 0;
}
#reason div h3{
	margin:80px 0 15px 0;
	text-align:left;
}
#reasonTxt03{
	color:#FFFFFF;
}
/*----------------------------*/
#success{
	margin:0 0 10px 0;
}
/*----------------------------*/
#voice{
}
#voiceList{
	margin:35px 0 0 0;
}
#voiceList li{
	overflow:hidden;
	position:relative;
}
#voiceList p{
	position:absolute;
	left:45px;
	top:130px;
	width:420px;
	font-size:14px;
	color:#FFFFFF;
}
#voice02 p,
#voice04 p{
	left:auto;
	right:35px;
}
#voice02 p{
	top:120px;
}
#voice > div{
	background:url(images/bg_book.png) no-repeat center bottom;
}
#voice > div > ul{
	height:158px;
	text-align:center;
	font-size:0;
}
#voice > div > ul li{
	display:inline-block;
	margin:0 9px;
	vertical-align:top;
}
#voice > div > ul li img{
	margin-bottom:15px;
}
/*----------------------------*/
	


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



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


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


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


/*----------------------------*/
#contactForm {
	width:900px;
	margin:40px auto 45px auto;
}
#contactForm h2{
	margin-bottom:20px;
	text-align:center;
}


#contactForm dl dt{
	font-weight:bold;
}
#contactForm span.inputBox{
	color:#333333;
	display:block;
	margin:20px 0 10px 0;
}
#contactForm table{
	width:100%;
	border-collapse:collapse;
	border:0px;
	margin:0 0 20px 0;
}
#contactForm table th{
	width:200px;
	border-bottom:12px solid #ffffff;
	background:#d8d0cc;
	color:#421b07;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
}
#contactForm table td{
	border-bottom:12px solid #ffffff;
	padding:10px 0 10px 24px;
}
#contactForm table th:last-child,
#contactForm table td:last-child{
	border-bottom:none;
}
#contactForm table td input{
	margin-right:5px;	
}
#contactForm table td input.w100{
	width:100px;
	height:30px;
	margin-right:5px;
}
#contactForm table td input.w300{
	width:300px;
	height:30px;
	margin-right:15px;
}
#contactForm table td textarea{
	width:674px;
	height:170px;
}
#contactForm table td.companyname input{
	width:674px;
	height:30px;
}
#contactForm table td.postalcode input{
	width:180px;
	height:30px;
	margin-right:15px;
}
#contactForm span.txtRed,
#contactForm table th span{
	color:#c8141e;
	font-weight:bold;
}
#contactForm span.note{
	font-size:13px;
}
#contactForm span.f15{
	font-size:15px;
}
#contactForm span.f20{
	font-size:20px;
	vertical-align:bottom;
}
#contactForm table label{
	margin:0 20px 0 0;
}
#contactForm select{
	height:30px;
}
#otherTxt{
	height:28px;
}
#contactForm h3{
	padding:0 0 10px 0;
	text-align:left;
}
#contactForm p{
	margin:0 0 50px 0;
	font-size:14px;}
	
#contactForm td.pref select{
	width:150px;
    background-color: #eeeeee;
    background: -moz-linear-gradient(top, #FFFFFF, #eeeeee); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#eeeeee)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#eeeeee');
	 border-radius:4px;
	
}
/**/
#resetBtn{
	border:none;
	background:url(images/btn_clear.png) no-repeat left top;
	width:241px;
	height:46px;
	text-indent:-9999px;
	margin:0 65px 0 0;
}
#confBtn{
	border:none;
	background:url(images/btn_next.png) no-repeat left top;
	width:241px;
	height:46px;
	text-indent:-9999px;
}
.button{
	padding:10px 30px;
	background:#0055aa;
	color:#fff;
	font-size:20px;
	border:none;
	cursor:pointer;
}

#resetBtn:hover,
#confBtn:hover{
	cursor:pointer;
}


#contactForm table.err td{
}

#contactForm table.err td .msg{
	color:#C7131D;
}


/*-downloadArea-*/
.downloadArea{
	text-align:center;
}
.downloadArea p { text-align:center; }
.downloadArea p span { border: solid thin #DB2F31; padding:3px 10px; color:rgba(255,255,255,1.00); background-color:rgba(138,0,2,1.00);}
.downloadArea li{
	display:inline-block;
	margin:0 20px;
	vertical-align:top;
}
.downloadArea li img { margin-bottom:5px;}
.downloadArea li a { font-size:15px;}