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

/*
 font-color:	#595757;
 main-color navy :	#122a88;
 second-color green :	#8dc21f;
 sub-color light blue(border) :	#e8eaf2;
 sub-color light blue(bg) :	#ebeffc;
important-color orange :	#ff801e;
 
	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;
	font-style:normal;
	font-size:100%;
	line-height:1.45em;
}

mark{	
	background:none;
		}

ol,ul {    list-style: none;    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    }

a img{    border:none;    }

img	{vertical-align:top;	} 

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
	}

body{
	word-break:normal;
	color:#272E22;
	}

/*	clearfix
----------------------------------*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{	display:inline-block;	}
/* Hides from IE-mac \*/
* html .clearfix{	height:1%;	}
.clearfix{	display: block;	}

/* End hide from IE-mac */

/*	frame
----------------------------------*/

body{
	font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:84%;
	color:#595757;
	}
	
#heading{
	background:url(../-images/-common/heading-bg.gif) repeat 0 0 #122a88;
	color:#FFF;
	height:150px;
	border-top:1px solid 	#e8eaf2;
	-moz-box-shadow:0px 4px 2px #d8dceb;
	-webkit-box-shadow:0px 4px 2px #d8dceb;
	box-shadow:0px 4px 2px #d8dceb;
}

#heading hgroup{
	padding:40px 0 0 0;
	height:110px;
}

#heading hgroup h1{
	font-size:250%;
	margin:0 0 8px 0;
}

#heading hgroup h2{
	font-weight:normal;
}

hgroup{	margin:0 0 .6em 0;}

@media screen and  (min-width: 320px) and (max-width: 768px) {

#heading{
	padding:10px;
	height:80px;
	font-size:80%;
	margin:0;
}
#heading hgroup{
	padding:0;
	margin:0;
	background-image:none;
}

}

@media screen and (min-width: 1200px) {

.inner{
	width:1200px;
	margin:0 auto;
}

#side{
	width:200px;
	margin:40px 0;
	float:left;
}

html #main{
	width:980px;
	margin:30px 0;
	float:right;
	clear:none;
}

}

@media screen and (min-width: 769px) and (max-width: 1199px) {

.inner{
	width:769px;
	margin:0 auto;
}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
.inner{
	min-width:320px;
	width:100%;
	overflow:hidden;
}
}

header{
	padding:20px 0 0 0;
	height:150px;
	border-bottom:3px solid #122a88;
    -moz-box-shadow: 0px 1px 1px #d8dceb;
    -webkit-box-shadow: 0px 1px 1px #d8dceb;
    box-shadow: 0px 1px 1px #d8dceb;
	}

@media screen and  (min-width: 320px) and (max-width: 768px) {
header{
	height:auto;
	padding:10px 0 0 0;
	border:none;
	}
}

footer{
	background:#e8eaf2;
	padding:2em 0 0 0;
	min-height:150px;
	-moz-box-shadow:inset 0px 4px 2px #d8dceb;
	-webkit-box-shadow:inset 0px 4px 2px #d8dceb;
	box-shadow:inset 0px 4px 2px #d8dceb;
}

footer .copyright{
	margin:30px 0 0 0;
	padding:1em;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	color:#FFF;
	text-align:right;
	background:url(../-images/-common/footer-logo.gif) no-repeat 7px 12px #122a88; 
}

footer .copyright span{
	text-decoration:underline;
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
footer{
	padding:0;
	min-height:inherit;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
}
	
/* header */
header .logo{
	display:block;
	float:left;
	width:105px;
	height:85px;
}

@media screen and  (min-width: 320px) and (max-width: 767px) {
header .logo{
	display:block;
	float:left;
	margin:0 0 0 .3em;
	width:60px;
	height:55px;
}
}

header .logo img{	width:100%;}

@media screen and (min-width: 1200px) {
header #subnav{
	float:left;
	width:1095px;
	height:85px;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
header #subnav{
	float:left;
	width:663px;
	height:85px;
}
}

@media screen and  (min-width: 320px) and (max-width: 767px) {
header #subnav{
	float:none;
	height:85px;
}
}

header .texts{
	float:right;
	margin:0 0 10px 0;
}
@media screen and (min-width: 768px) {
header .texts li{	float:left;}

header .texts li a{
	display:block;
	height:1.5em;
	font-weight:bold;
	text-decoration:none;
	padding:0 2px 0 2em;
	}

header .texts li a:hover{	text-decoration:underline;}

.texts .login {	margin:0 1em 0 0;}
 
.texts .login a{
	background:url(../-images/-common/icon-login.gif) no-repeat 0 0;
	background-size:1.5em 1.5em;
}

 .texts .sitemap a{
	background:url(../-images/-common/icon-sitemap.gif) no-repeat 0 0;
	background-size:1.5em 1.5em;
}

html>/**/body  header  .texts .login a,
html>/**/body  header  .texts .sitemap a
 {
	background/*\**/:none\9;
}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
header .texts li{	float:left;}

header .texts li a{
	display:block;
	height:2.5em;
	font-size:70%;
	font-weight:bold;
	text-decoration:none;
	padding:2em .5em .2em .5em;
	text-align:center;
	}

header .texts li a:hover{	text-decoration:underline;}

.texts .login {	margin:0 .5em 0 0;}
 
 .texts .login a{
	background:url(../-images/-common/icon-login.gif) no-repeat top center;
	background-size:2.2em 2.2em;
}

 .texts .sitemap a{
	background:url(../-images/-common/icon-sitemap.gif) no-repeat top center;
	background-size:2.2em 2.2em;
}
}
@media screen and (min-width: 768px) {
 .buttons{
	 clear:right;
	 float:right;
 }
 
 .buttons li{
	width:190px;
	float:left;
 }

 .buttons li a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	border:solid 3px #c0de85;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #8dc21f; /* Old browsers */
	background: -moz-linear-gradient(top,  #8dc21f 0%, #84b51d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc21f), color-stop(100%,#84b51d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8dc21f 0%,#84b51d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8dc21f 0%,#84b51d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8dc21f 0%,#84b51d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8dc21f 0%,#84b51d 100%); /* W3C */
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:.7em 1.5em;
	font-size:110%;
	letter-spacing:.08em;
	text-indent:1.2em;
}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
 .buttons{
	clear:both;
	background: #8dc21f; /* Old browsers */
	background: -moz-linear-gradient(top,  #8dc21f 0%, #84b51d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc21f), color-stop(100%,#84b51d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8dc21f 0%,#84b51d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8dc21f 0%,#84b51d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8dc21f 0%,#84b51d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8dc21f 0%,#84b51d 100%); /* W3C */
	border-top:solid 3px #c0de85;
	border-bottom:solid 3px #c0de85;
 }
 
 .buttons li{
	 width:50%;
	 float:left;
 }

 .buttons li a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	width:100%;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:1em 0;
	font-size:85%;
	text-indent:1em;
}
.buttons .newaccount a{
	border-right:solid 1px #c0de85;
}

}
 .buttons li a:hover{	background:#9dc251;}

@media screen and (min-width: 768px) { 
.buttons .newaccount{
	margin:0 .5em 0 0;
}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
.buttons .newaccount{
	margin:0;
}
}

.buttons span{	
	display:block;
	width:100%;
	}

@media screen and (min-width: 768px) { 

.buttons .newaccount a span{
	background:url(../-images/-common/icon-newaccount.gif) no-repeat 0 2px;
	background-size:1.2em 1.2em;
}

.buttons .contact a span{
	background:url(../-images/-common/icon-contact.gif) no-repeat 0 2px;
	background-size:1.2em 1.2em;
}
html>/**/body  .buttons li a{
	text-indent/*\**/:0em\9
}
html>/**/body  .buttons .newaccount a span,
html>/**/body  .buttons .catalog a span,
html>/**/body  .buttons .contact a span{
	background/*\**/:none\9
}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
.buttons .newaccount a span{
	background:url(../-images/-common/icon-newaccount.gif) no-repeat 2em 2px;
	background-size:1em 1em;
}

.buttons .contact a span{
	background:url(../-images/-common/icon-contact.gif) no-repeat 2em 3px;
	background-size:1em 1em;
}
}

/* 現在地表示 */

#about #globalnav .about span,
#service #globalnav .service span,
#step #globalnav .step span,
#faq #globalnav .faq span,
#simulation #globalnav .simulation span{
	color:#8dc21f;
}
#globalnav{	clear:both;}

@media screen and (min-width: 1200px) {
#globalnav li{
	width:200px;
	float:left;
}

#globalnav li a{
	display:block;
	width:199px;
	height:45px;
	color:#595757;
	font-size:110%;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	text-align:center;
	padding:20px 0 0 0;
	border-bottom:3px solid #122a88;
	letter-spacing:.1em
}
}

@media screen and (min-width: 768px) and (max-width: 1199px)  {
#globalnav li{
	width:128px;
	float:left;
}

#globalnav li a{
	display:block;
	width:127px;
	height:45px;
	color:#595757;
	font-size:80%;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	text-align:center;
	padding:20px 0 0 0;
	border-bottom:3px solid #122a88;
	letter-spacing:.1em;
}
}

@media screen and  (min-width: 320px) and (max-width: 767px) {
#globalnav li{
	width:33%;
	min-height:3em;
	float:left;	
}

#globalnav li a{
	display:block;
	color:#595757;
	font-size:71%;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	text-align:center;
	padding:1em 0;
	border-bottom:3px solid #122a88;
}
}

#globalnav li a span{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#d8dceb;
	margin:2px 0 0 0;
}

#globalnav .top,
#globalnav .about,
#globalnav .service,
#globalnav .step,
#globalnav .faq{
	background:url(../-images/-common/globalnav-bg.gif) no-repeat right bottom;
}

@media screen and  (min-width: 320px) and (max-width: 767px) {
#globalnav .top,
#globalnav .about,
#globalnav .service,
#globalnav .step,
#globalnav .faq{
	background:none;
}
#globalnav .about,
#globalnav .faq{
	border-left:1px solid #d1d5e4;
	border-right:1px solid #d1d5e4;
}
}

#globalnav a:hover{	border-bottom:3px solid #465db8;}

/* localnav*/

#localnav ul li{
	border-bottom:1px solid #d1d5e4;
	padding:10px 0;
}

#localnav ul li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding:10px 5px 10px 10px;
	border-left:4px solid #FFF;
}

#localnav ul li a:hover{
	border-left:4px solid #d1d5e4;
	}
	
@media screen and  (min-width: 320px) and (max-width: 767px) {

#localnav ul{
	background:#ebeffc;
	padding-top:10px;
}

#localnav ul li{
	border-bottom:1px solid #d1d5e4;
	background:#ebeffc;
	padding:0;
}

#localnav ul li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding:15px 5px 15px 10px;
	border-left:none;
	color:#595757;
}

#localnav ul li a:hover{
	border-left:none;
	}

}

/* パンくずリスト  */

#main .breadcrum-list{	
	font-size:80%;
	margin:3px 0;
	padding:0;
	}

.breadcrum-list li{	
	float:left;
	list-style-type:none!important;
	}
.breadcrum-list li:before {	content:"> ";	}
.breadcrum-list li.top:before {	content:no-close-quote;	}

.breadcrum-list li a{	
	padding-right:4px;
	text-decoration:none;
	}
.breadcrum-list li a:hover{
	text-decoration:underline;
}

.breadcrum-list:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.breadcrum-list{	display:inline-block;	}

/* Hides from IE-mac \*/
* html .breadcrum-list{	height:1%;	}

.breadcrum-list{	display: block;	}

@media screen and  (min-width: 320px) and (max-width: 767px) {

.breadcrum-list{	
 display:none;
}
}
/* footer */

@media screen and (min-width: 769px) and (max-width: 1199px) {

footer ul.buttons{
	max-width:768px;
	margin:0 auto 2em;
}

}

footer ul.sitemap{
	float:left;
	width:12em;
	margin:0 0 0 1em;
}

footer ul.sitemap li{
	font-size:85%;
	margin:0 0 0.5em 0;
	list-style-type:disc;
}

footer ul.sitemap li a{
	color:#595757;
	text-decoration:none;
}

footer ul.sitemap li a:hover{	text-decoration:underline;}


@media screen and  (min-width: 320px) and (max-width: 767px) {

footer ul.site{
	width:100%;
	margin:0;
	background:#ebeffc;
	padding:.5% 0 0 0;
	-moz-box-shadow:0px 4px 2px #d8dceb;
	-webkit-box-shadow:0px 4px 2px #d8dceb;
	box-shadow:0px 4px 2px #d8dceb;
}

footer ul.site li{
	width:49%;
	float:left;
	list-style-type:none!important;
	font-size:85%;
	margin:0 .5% .5% .5%;
	list-style-type:disc;
}

footer ul.site li a{
	display:block;
	padding:1em 0 1em;
	background:#FFF;
	text-indent:1em;
	font-weight:bold;
}

footer ul.outside{
	width:100%;
	margin:1.5em auto;
	padding:0;
	border-left:1px solid #ebeffc;	
}

footer .outside li{
	list-style-type:none!important;
	display:block;
	float:left;
	height:3em;
	width:20%;
}

footer .outside li a{
	height:2em;
	display:block;
	padding:1.5em .2em;
	font-size:80%;
	border-right:1px solid #595757;
	text-align:center;
	line-height:1.4em;
}

}

footer ul.logos{
	clear:right;
	float:right;
	margin:30px 0 0 0;
	width:310px;
}

footer ul.logos li{
	float:left;
	width:90px;
}

footer ul.logos li.ssl{
	width:115px;
	margin:10px 15px 0 0;
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
footer ul.logos{
	clear:both;
	margin:80px 0 0 0;
}
}

@media screen and  (min-width: 320px) and (max-width: 767px) {
footer ul.logos{
	clear:both;
	float:none;
	width:315px;
	margin:0 auto;
	padding:4em 0 0 0;
}


}

footer ul.logos li img{	width:100%;}

/* フッターキャンペーン  */

#footer-campaign{
	height:327px;	
	overflow:hidden;
	background:url(../-images/footer-banner-pc-trial-campaign-bg.gif) repeat-x bottom center;
}

#footer-campaign .inner{
	width:1280px;
	position:relative;
}

#footer-campaign p.action{
	position:absolute;
	top:240px;
	left:810px;
}

#footer-campaign .sp{
	display:none;
}

@media screen and (min-width: 768px) and (max-width: 1199px)  {

html #footer-campaign{
	background:url(../-images/footer-banner-tab-trial-campaign-bg.gif) repeat-x center bottom;
	height:210px;
}

#footer-campaign .inner{
	width:768px;	
}

#footer-campaign .inner img{
	width:100%!important;
}

#footer-campaign p.action{
	width:240px;
	position:absolute;
	top:158px;
	left:490px;
}

}

@media screen and  (min-width: 320px) and (max-width: 768px) {
html #footer-campaign{
	background:none;
	height:auto;
}
	
#footer-campaign .inner{
	width:100%;
}

#footer-campaign .pctab{
	display:none;
}
#footer-campaign .sp{
	display:inherit;
}
#footer-campaign .inner img{
	width:100%!important;
}

#footer-campaign p.action{
	width:100%;
	position:static;
}

}

/*	tags
----------------------------------*/

a{
	color:#122a88;
	text-decoration:underline;
	}

a:hover{	text-decoration:none;}

a:visited{	color:#5e6688;}

a img:hover{	opacity:0.7;	}

a.no_hover img:hover{	opacity:1.0;	}

@media screen and (min-width: 768px) { 
.pagetop{	
	text-align:right;
	padding:1em 0 3em 0;
	clear:both;
	}
	
main .pagetop a{	padding:.2em;	}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
#main p.pagetop{	
	text-align:center;
	background:#e8eaf2;
	-moz-box-shadow:inset 0px 4px 2px #d8dceb;
	-webkit-box-shadow:inset 0px 4px 2px #d8dceb;
	box-shadow:inset 0px 4px 2px #d8dceb;
	margin:0 0 1em 0;
	}
#main .pagetop a{	
	display:block;
	padding:1em 0;	
}
}

@media screen and (min-width: 768px) { 
#main article{
	padding:1em 1em 30px 1em;
	margin:0 0 50px 0;
	border-bottom:1px dotted #d1d5e4;
}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
#main article{
	padding:0 0 2em 0;
	margin:0;
}
}

@media screen and (min-width: 1200px) {

#main h1{
	font-size:170%;
	padding:.4em 0;
	margin:.1em 0 .6em 0;
	background:url(../-images/-common/h1-bg.jpg) no-repeat bottom left;
	background-size:100% 6px;
	border-bottom:1px solid #122a88;
	}

#main h1 span {
	margin:0 .5em 0 0;
	}
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
#main h1{
	font-size:170%;
	padding:.4em 0;
	margin:.1em 0 .6em 0;
	background:url(../-images/-common/h1-bg.jpg) no-repeat bottom left;
	background-size:100% 6px;
	border-bottom:1px solid #122a88;
	}
#main h1 span {
	margin:0 .5em 0 0;
	}
}


#main h1{
	font-size:170%;
	padding:.4em 0;
	margin:.1em 0 .6em 0;
	background:url(../-images/-common/h1-bg.jpg) no-repeat bottom left;
	background-size:100% 6px;
	border-bottom:1px solid #122a88;
	}

#main h2{
	font-size:150%;
	padding:.3em 0;
	margin:.1em 0 .6em 0;
	background:url(../-images/-common/h2-bg.gif) repeat-x bottom left;
	}
	
#main h3{
	font-size:140%;
	padding:.2em 0;
	margin:.1em 0 .6em 0;
	border-bottom:2px solid #122a88;
	}

#main h4{
	font-size:130%;
	padding:.1em 0;
	margin:.1em 0 .6em 0;
	border-bottom:1px solid #122a88;
	}

#main h5{
	font-size:120%;
	padding:.1em 0;
	margin:.1em 0 .6em 0;
	border-bottom:1px dotted #122a88;
	}

#main h6{
	font-size:110%;
	padding:.1em 0;
	margin:.1em 0 .4em 0;
	border-bottom:1px solid #d1d5e4;
	}

#main p{
	margin:0 0 1.5em 0;
	line-height:1.8em;
	}


@media screen and  (min-width: 320px) and (max-width: 768px) {
#main h1{
	padding:.8em .3em;
	font-size:120%;
	}

#main h2,	
#main h3,
#main h4,
#main h5,
#main h6{
	margin:.5em;
	font-size:110%;
	}
#main img{
	width:90%;
	float:none;
	padding:5%;
}
#main p{
	margin:0 .5em 1.5em .5em;
	line-height:1.8em;
	}
}

#main strong{
	color:#8dc21f;
}

#main a{	padding:0 2px;}

#main dl{	margin:1em 1em 1.5em 1em;}

#main ul,#main ol{	margin:1em 1em 1.5em 2em;}

@media screen and  (min-width: 320px) and (max-width: 768px) {
#main ul,#main ol{	margin:1em 1em 1.5em 2.5em;}
}

#main dt{
	font-weight:bold;
	padding:.1em 0;
	margin:0 0 .5em 0;
	font-size:115%;
	border-bottom:1px solid #d1d5e4;
}

#main dd{	margin:0 0 1.2em 1em;}

#main ul li,#main ol li ul li{
	list-style-type:disc;
	margin:0 0 .5em 0em;
}

#main ol li,#main ul li ol li{
	list-style-type:decimal;
	margin:0 0 .5em 0em;
}

#main table{
	margin:1em 1em 1.5em 1em;
	border:2px solid #595757;
}
#main table caption{
	text-align:left;
	font-size:80%;
}
tr:nth-child(even){ background:#ebeffc; }

@media screen and (min-width: 768px) { 
#main table th,#main table td{
	padding:1em 2em;
	border:1px solid #595757;
}
}
@media screen and  (min-width: 320px) and (max-width: 768px) {
#main table th,#main table td{
	padding:1em .2em;
	border:1px solid #595757;
}
}

#main table th{
	background: #122a88; /* Old browsers */
	background: -moz-linear-gradient(top,  #122a88 0%, #0c1d5e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#122a88), color-stop(100%,#0c1d5e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #122a88 0%,#0c1d5e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #122a88 0%,#0c1d5e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #122a88 0%,#0c1d5e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #122a88 0%,#0c1d5e 100%); /* W3C */
	color:#FFF;
}

#main hr{border-bottom:1px solid #d1d5e4;}

input{
	padding:.5em;
	margin:0 0 .5em 0;
	font-size:110%;
}

/*  Design
----------------------------------*/

#main .button,button.button{
	display:inline-block;
	background: #122a88; /* Old browsers */
	background: -moz-linear-gradient(top,  #122a88 0%, #0c1d5e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#122a88), color-stop(100%,#0c1d5e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #122a88 0%,#0c1d5e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #122a88 0%,#0c1d5e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #122a88 0%,#0c1d5e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #122a88 0%,#0c1d5e 100%); /* W3C */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:solid 3px #7785bb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:.7em 1.5em;
	font-size:110%;
	letter-spacing:.08em;
	margin:1em 0;
	line-height:1.4em;
}

#main .button:hover{	background:#293e99;}

@media screen and  (min-width: 320px) and (max-width: 768px) {
#main .button{
	display:block;
	width:78%;
	margin:0 auto;
}
}

.bg{
	padding:1em;
	margin:1em;
	background:#ebeffc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.important{	color:#ff801e!important;}

/*  Modal window
----------------------------------*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #122a88;
    display: none;
}

.modal{
	display:none;
	backgrond:#FFF;
	border:1px  solid #122a88;
}

.modal-inner{
	background:#FFF;
	padding:3em 2em 1em;
}

.modal-close{
	display:block;
	float:right;
	position:relative;
	top:-1em;
	left:10px;
	font-weight:bold;
	font-size:130%;
	text-decoration:none;
}

#login{	width:320px;}

#login dl{	margin:1em 0 .5em;}

#login dl dt{
	width:50px;
	float:left;
	clear:both;
	font-weight:bold;
	font-size:120%;
	padding:.5em 0;
	margin:0 0 .3em 0;
}

#login dl dd input{	width:180px;}

#login h5{
	text-align:center;
	margin:0 0 1em  0;
}

/*  Layout
----------------------------------*/

.font-s{	font-size:80%;	}
.font-l{	font-size:120%;	}
.font-ll{	font-size:150%;	}

.blank-m-zero{	margin:0!important;	}
.blank-p-zero{	padding:0!important;	}

.blank-m-bottom5{	margin-bottom:5px!important;	}
.blank-m-bottom10{	margin-bottom:10px!important;	}
.blank-m-bottom15{	margin-bottom:15px!important;	}
.blank-m-bottom20{	margin-bottom:20px!important;	}
.blank-m-bottom30{	margin-bottom:30px!important;	}
.blank-m-bottom50{	margin-bottom:50px!important;	}

.blank-m-top5{	margin-top:5px!important;	}
.blank-m-top10{ margin-top:10px!important;	}
.blank-m-top15{	margin-top:15px!important;	}
.blank-m-top20{	margin-top:20px!important;	}
.blank-m-top30{	margin-top:30px!important;	}
.blank-m-top50{	margin-top:50px!important;	}

.blank-m-all5{ margin:5px!important;	}
.blank-m-all10{ margin:10px!important;	}
.blank-m-all15{ margin:15px!important;	}
.blank-m-all30{ margin:30px!important;	}

.blank-p-bottom5{	padding-bottom:5px!important;	}
.blank-p-bottom10{	padding-bottom:10px!important;	}
.blank-p-bottom15{	padding-bottom:15px!important;	}
.blank-p-bottom20{	padding-bottom:20px!important;	}
.blank-p-bottom30{	padding-bottom:30px!important;	}
.blank-p-bottom50{	padding-bottom:50px!important;	}

.blank-p-top5{	padding-top:5px!important;	}
.blank-p-top10{	padding-top:10px!important;	}
.blank-p-top15{	padding-top:15px!important;	}
.blank-p-top20{	padding-top:20px!important;	}
.blank-p-top30{	padding-top:30px!important;	}
.blank-p-top50{	padding-top:50px!important;	}

.blank-p-all5{ padding:5px!important;	}
.blank-p-all10{ padding:10px!important;	}
.blank-p-all15{ padding:15px!important;	}
.blank-p-all30{ padding:30px!important;	}

ul.list-blank-m-bottom3 li{	margin-bottom:3px;	}
ul.list-blank-m-bottom5 li{	margin-bottom:5px;	}
ul.list-blank-m-bottom10 li{	margin-bottom:10px;	}

.ly-clear{	clear:both;	}
.ly-clear-left{	clear:left;	}
.ly-clear-right{	clear:right;	}
.ly-left{	float:left;	}
.ly-right{	float:right;	}
.inline-left{ text-align:left;	}
.inline-right{	text-align:right;	}
.inline-center{	text-align:center;	}
.ly-dpblock{	display:block;	}

.width100p{
	width:90%;
	margin:1em auto;
}

/*--3dsファイルについての注意事項--*/
/*--3dsファイル出力方法--*/

.btn_area{
	width:750px;
	overflow:auto;
	/*background-color:#F7BE19;*/
}

.btn_area img{
	float:left;
	display:inline;
}

.btn_area .left_attn_btn{
	margin-right:8px;
}