@charset "utf-8";

/*------------------------------------------------------------------------------ base --*/
html {
	height: 100% !important;
}
body {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
	padding:0;
	text-align: center;
	color:#333;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, div, p, th, td, ul, ol, li, dl, dt, dd, img, p, table {
	list-style: none;
	margin:0;
	padding:0;
	border:none;
}
img {
	vertical-align:bottom;
}
form {
	margin:0;
	padding:0;
}
*:focus {
 outline: none;
}

/*------------------------------------------------------------------------------ common --*/
a:link {
	color:#126bbf;
	text-decoration: none;
}
a:visited {
	color:#126bbf;
	text-decoration: none;
}
a:hover, a:active {
	color:#126bbf;
	text-decoration:underline;
}
a.over:hover{text-decoration:none !important;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}

.link:after{
 content:url("/common/image/icon_link.png");
 vertical-align:middle;
 margin-left:8px;
}
.outside:after{
 content:url("/common/image/icon_outside.png");
 vertical-align:middle;
 margin-left:8px;
}
.file:after{
 content:url("/common/image/icon_file.png");
 vertical-align:middle;
 margin-left:8px;
}
.back:before{
 content:url("/common/image/icon_back.png");
 vertical-align:middle;
 margin-right:8px;
}
.linkB:after{
 content:url("/common/image/icon_link_b.png");
 vertical-align:middle;
 margin-left:8px;
}
.linkW:after{
 content:url("/common/image/icon_link_w.png");
 vertical-align:middle;
 margin-left:8px;
}
.outsideW:after{
 content:url("/common/image/icon_outside_w.png");
 vertical-align:middle;
 margin-left:8px;
}
.fileW:after{
 content:url("/common/image/icon_file_w.png");
 vertical-align:middle;
 margin-left:8px;
}


/*------------------------------------------------------------------------------ header --*/
#header{
	width:1160px;
	height:94px;
	text-align:left;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#header .hdLogo{
	position: absolute;
	top:18px;left:20px;
}
#header ul.hdNavi{
	width:447px;
	height:40px;
	position: absolute;
	top:27px;right:80px;
}
#header ul li{
	float: left;
}
#header #searchBtn{
	width:40px;
	height:40px;
	position: absolute;
	top:27px;right:20px;
	cursor: pointer;
}
#header #searchBox{
	width: 440px;
	height:96px;
	position: absolute;
	top:70px;right:20px;
	background:url("/common/image/search_bg.png") left center no-repeat;
	display: none;
	z-index: 120;
}
#cse-search-box input[type="text"] {
	width: 300px;
	height: 41px;
	padding: 2px 5px!important;
	font-size: 16px;
	border: none!important;
	float:left;
	position: relative;
	top:31px;left:20px;
}
#cse-search-box input[type="image"] {
	position: relative;
	top:31px;left:20px;
}
/*--- overlay ---*/
#overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background:transparent;
	z-index:119;
}

/*------------------------------------------------------------------------------ globalnavi --*/
#globalnavi{
	width:100%;
	border-top:1px solid #dadce1;
	border-bottom:1px solid #dadce1;
}
/*main*/
ul#md_menus{
	width:1000px;
	height:70px;
	margin: 0 auto;
	background:url("/common/image/navi_bg.png") left center no-repeat;
}
ul#md_menus > li{float:left;}
ul#md_menus li .md_menuBtn a{
	display:block;
	position:relative;
	height:70px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center center;
}
ul#md_menus li.nav01 .md_menuBtn a{width:164px;background-image: url("/common/image/navi_know.png");}
ul#md_menus li.nav02 .md_menuBtn a{width:169px;background-image: url("/common/image/navi_start.png");}
ul#md_menus li.nav03 .md_menuBtn a{width:221px;background-image: url("/common/image/navi_master.png");}
ul#md_menus li.nav04 .md_menuBtn a{width:197px;background-image: url("/common/image/navi_everyone.png");}
ul#md_menus li.nav05 .md_menuBtn a{width:249px;background-image: url("/common/image/navi_about.png");}

body#know ul#md_menus li.nav01 .md_menuBtn a:after,
body#start ul#md_menus li.nav02 .md_menuBtn a:after,
body#master ul#md_menus li.nav03 .md_menuBtn a:after,
body#everyone ul#md_menus li.nav04 .md_menuBtn a:after,
body#about ul#md_menus li.nav05 .md_menuBtn a:after{
	content:"";
	position:absolute;
	background-color:#126bbf;
	left:0;bottom:-1px;
	height:4px;
	width:100%;
}

/*sub menu*/
ul#md_menus li .md_list{
	min-width: 170px;
	padding:15px 25px 20px;
	font-size: 14px;
	color: #fff;
	text-align: left;
	position: absolute;
	z-index: 80;
	display: none;
	background:url("/common/image/navi_listbg.png");
}
ul#md_menus li.nav01 .md_list{
	padding:15px 0 20px;
}
ul#md_menus li.nav01 .md_list .frame{
	display: table;
	width: 1000px;
	background:url("/common/image/navi_listbg2.png") left center repeat-y;
}
ul#md_menus li.nav01 .md_list .frame ul{
	display: table-cell;
	width: 25%;
}
ul#md_menus li.nav01 .md_list .frame ul li{
	padding:5px 0 5px 25px;
}
ul#md_menus li.nav01 .md_list .frame ul li.bnr{
	padding-top:10px;
}
ul#md_menus li.nav01 .md_list .frame ul li ul li{
	padding:3px 0;
	text-indent: -1em;
	margin-left: 1em;
}


ul#md_menus li .md_list li{
	padding:5px 0;
}
ul#md_menus li .md_list a{
	display: block;
	color: #fff;
}
ul#md_menus li.nav01 .md_list:before{
 content:url("/common/image/navi_listbg_arw.png");
 position: absolute;
 top:-15px;left:76px;
}
ul#md_menus li.nav02 .md_list:before{
 content:url("/common/image/navi_listbg_arw.png");
 position: absolute;
 top:-15px;left:88px;
}
ul#md_menus li.nav03 .md_list:before{
 content:url("/common/image/navi_listbg_arw.png");
 position: absolute;
 top:-15px;left:112px;
}
ul#md_menus li.nav04 .md_list:before{
 content:url("/common/image/navi_listbg_arw.png");
 position: absolute;
 top:-15px;left:90px;
}
ul#md_menus li.nav05 .md_list:before{
 content:url("/common/image/navi_listbg_arw.png");
 position: absolute;
 top:-15px;left:125px;
}


/*------------------------------------------------------------------------------ footer --*/
#footer{
	border-top:4px solid #126bbf;
}
/*faq*/
#footer .faq{
	width:1000px;
	margin: 0 auto;
	padding:50px 0;
}
#footer .faq h2{
	margin-top:15px; 
	float: left;
}
#footer .faq ul{
	width:760px;
	float: right;
}
#footer .faq ul li{
	border-bottom: 1px solid #dadce1;
}
#footer .faq ul li a{
	display: block;
	padding:15px 0 15px 40px;
	text-align: left;
	background:url("/image/faq_icon.png") left center no-repeat;
}
.moreLink{
	font-size: 15px;
	padding-top:15px;
	font-weight: bold;
	text-align: right;
}
/*sitemap*/
#footer .sitemap{
	padding:50px 0;
	background:#f8f8f9;
}
#footer .sitemap .inner{
	width:1000px;
	margin: 0 auto;
	text-align: left;
}
#footer .sitemap .inner .frame{
	display: table;
	width: 100%;
	background:url("/common/image/ft_bg.png") left center repeat-y;
}
#footer .sitemap .inner .frame ul{
	display: table-cell;
	width: 25%;
}
#footer .sitemap .inner .frame ul li{
	padding:4px 0px 4px 20px;
}
#footer .sitemap .inner .frame ul li ul li{
	padding:3px 0;
	text-indent: -1em;
	margin-left: 1em;
}
#footer .sitemap .inner .line{
	padding-top: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #dadce1;
}
#footer .sitemap .inner .ttl1{
	margin:0 0 15px 20px;
}
#footer .sitemap .inner .frame ul li.ttl2{
	padding-bottom: 10px;
}
#footer .sitemap .inner a{
	color:#333;
}
/*footNavi*/
#footer .footNavi{
	padding:25px 0;
}
#footer .footNavi ul{
	margin-top: 15px;
	display: inline-block;
}
#footer .footNavi ul li{
	padding:0 15px;
	border-left:1px solid #dadce1;
	float: left;
}
#footer .footNavi ul li:first-child{
	border-left:none;
}
#footer .footNavi ul li a{
	color:#333;
}
#footer .copyright{
	padding:20px 0;
	background-color: #333;
}
/*copyright*/
#footer .copyright p{
	color: #FFF;
	font-size: 12px;
}
/*pageTop*/
#pageTop{
	position:fixed;
	left:50%;bottom:30px;
	margin:0 0 0 552px;
	display:block;
	width:45px;height:45px;
	border:2px solid #fff;
	background-color: #fff;
	z-index:100;
}
#pageTop a {
	line-height:0px !important;
	width:45px;
	height:45px;
}

.spbtn{
	width: 1200px;
	height:200px;
	margin:0 auto;
	display: block;
}

/*------------------------------------------------------------------------------ contents --*/
#contents{
	width:1200px;
	margin: 0 auto;
}
.grayBG{
	padding-bottom:30px;
	background-color: #edf2f7;
}

/* ------ carousel ------ */
.carousel{
	width:1029px;
	margin: 0 auto;
}
.banaArea{
	width:1029px;
	margin: 0 auto;
	z-index: 40;
}
.banaArea > div{
	display: table-cell;
	width:314px;
	padding:0 15px 0 14px;
	vertical-align: top;
	position: relative;
}
.banaArea > div .title{
	padding-top: 20px;
	font-size: 18px;
	font-weight: bold;
	color:#126bbf;
	line-height: 1.2;
}
.banaArea > div .txt{
	padding: 10px 0 40px;
	text-align: left;
	font-size: 14px;
	line-height: 1.8;
}
.banaArea a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}
/*new icon*/
.banaNew{
	position: absolute;
	top:4px;left:4px;
	z-index: 30;
}
/* Arrows */
.slick-prev,.slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 74px;
	display: block;
	width: 36px;
	height: 72px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev{
	left: -86px;
	background:url("/common/image/carousel_l.png") left center no-repeat;
	z-index: 50;
}
.slick-next{
	right: -86px;
	background:url("/common/image/carousel_r.png") left center no-repeat;
	z-index: 51;
}
.slick-prev:hover,.slick-prev:focus,
.slick-next:hover,.slick-next:focus{
	color: transparent;
	outline: none;
	opacity: .6;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
	opacity: .25;
}

/* ------ pagetitle ------ */
.pagetitle{
	width: 1200px;
	height:180px;
	border-bottom:4px solid #126bbf;
	background:#f3f9ff;
}
.pagetitle h1{
	padding-top: 66px;
	font-size: 42px;
	font-weight: normal;
	color:#126bbf;
	line-height: 1;
	letter-spacing: 1.5px;
}
.pagetitle p{
	padding-top: 40px;
	font-size: 24px;
	font-weight: normal;
	color:#126bbf;
	line-height: 1;
	letter-spacing: 1.5px;
}
.pagetitle h1.sub{
	padding-top: 15px;
}
.pagetitle h1.ttl2{
	padding-top: 44px;
	font-size: 38px;
	font-weight: normal;
	color:#126bbf;
	line-height: 46px;
	letter-spacing: 1.5px;
}




/* ------ breadcrumb ------ */
.breadcrumb{
	border-bottom: 1px solid #dadce1;
}
.breadcrumb ul{
	width:1000px;
	margin: 0 auto;
}
.breadcrumb ul li{
	padding:18px 15px 18px 0;
	float: left;
}
.breadcrumb ul li:before{
 content:url("/common/image/icon_breadcrumb.png");
 margin-right: 15px;
}
.breadcrumb ul li:first-child:before{
 content:none;
}

/* ------ mainBox ------ */
.mainBox{
	padding-bottom:80px;
	border-bottom: 4px solid #d9dee3;
	font-size:16px !important;
	line-height: 2 !important;
}
.mainBox .banaArea{
	padding-top:50px;
}
.mainBox .banaArea p.txt{
	padding-bottom:20px;
}
/*  box  */
.box{
	width:1000px;
	margin: 0 auto;
	padding:65px 0;
	border-bottom: 1px solid #d9dee3;
	text-align: left;
}
.box2{
	width:1000px;
	margin: 0 auto;
	padding:65px 0 0;
	text-align: left;
}
.box h2,.box2 h2{
	text-align: center;
	line-height: 1.5;
}
.box h2 span,.box2 h2 span{
	display: inline-block;
	padding:0 3px 8px;
	font-size: 26px;
	border-bottom:3px solid #126bbf;
}
.box h3,.box2 h3{
	font-size: 22px;
	line-height: 1.5;
}
.box h4,.box2 h4{
	font-size: 18px;
	line-height: 1.5;
}
h3.line{
	padding:30px 0 5px;
	border-top:1px solid #dadce1;
}
.lineG{
	border-bottom: 1px solid #d9dee3;
}
.transplant{
	width:800px;
	margin: 0 auto;
}

/* ------ nextBtn ------ */
.nextBtn a{
	display: table-cell;
 width: 1200px;
	height:220px;
	color:#fff;
	vertical-align: middle;
	background:#126bbf url("/common/image/nextTtl.png") left top no-repeat;
}
.nextBtn a p.ttl1{
	font-size: 26px;
	color:#fff;
	line-height: 1;
	letter-spacing: 1.5px;
}
.nextBtn a p.ttl2{
	padding-top: 18px;
	font-size: 38px;
	color:#fff;
	line-height: 1;
	letter-spacing: 1.5px;
}
.nextBtn a p.ttl2:after{
	content:url("/common/image/nextIcon.png");
	margin-left:15px;
}
/*btmBtn*/
.btmBack{
	padding: 16px 0;
	background: #eaf4ff;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #bacfe6;
}
ul.btmLink{
	display: table;
	margin: 25px auto;
}
ul.btmLink li{
	display: table-cell;
	padding:0 20px;
	font-size: 18px;
}
ul.btmLink li a.linkB{
	color:#333;
}



/* ------ pickup ------ */
.pickup{
	padding:40px 0 20px;
	background: #edf2f7;
}
.pickup h2{
	padding-bottom:35px;
}


@media (max-width: 1200px) {
body {
 width: 1200px;
}
#footer {
 width: 1200px;
}
}


/*------------------------------------------------------------------------------ layoutSet --*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	overflow:visible;
}
/* End hide from IE-mac */

.bold{font-weight: bold;}
.red{color:#ea0000;}
.blue{color:#126bbf;}
.f12 {font-size: 12px !important;}
.f14 {font-size: 14px !important;}
.l16 {line-height: 1.6 !important;}
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}
.al {
	text-align: left !important;
}
.ar {
	text-align: right !important;
}
.ac {
	text-align: center !important;
}
/*--- margin ---*/
.mT0 {
	margin-top :  0px !important;
}
.mT5 {
	margin-top :  5px !important;
}
.mT10 {
	margin-top : 10px !important;
}
.mT15 {
	margin-top : 15px !important;
}
.mT20 {
	margin-top : 20px !important;
}
.mT25 {
	margin-top : 25px !important;
}
.mT30 {
	margin-top : 30px !important;
}
.mT40 {
	margin-top : 40px !important;
}
.mT50 {
	margin-top : 50px !important;
}
.mT60 {
	margin-top : 60px !important;
}
.mB0 {
	margin-bottom :  0px !important;
}
.mB5 {
	margin-bottom :  5px !important;
}
.mB10 {
	margin-bottom : 10px !important;
}
.mB20 {
	margin-bottom : 20px !important;
}
.mB30 {
	margin-bottom : 30px !important;
}
.mB40 {
	margin-bottom : 40px !important;
}
.mB50 {
	margin-bottom : 50px !important;
}
.mB60 {
	margin-bottom : 60px !important;
}
/*--- padding ---*/
.pT0 {
	padding-top :  0px !important;
}
.pT5 {
	padding-top :  5px !important;
}
.pT10 {
	padding-top : 10px !important;
}
.pT15 {
	padding-top : 15px !important;
}
.pT20 {
	padding-top : 20px !important;
}
.pT25 {
	padding-top : 25px !important;
}
.pT30 {
	padding-top : 30px !important;
}
.pT40 {
	padding-top : 40px !important;
}
.pT45 {
	padding-top : 45px !important;
}
.pT50 {
	padding-top : 50px !important;
}
.pB5 {
	padding-bottom :  5px !important;
}
.pB10 {
	padding-bottom : 10px !important;
}
.pB20 {
	padding-bottom : 20px !important;
}
.pB30 {
	padding-bottom : 30px !important;
}
.pB40 {
	padding-bottom : 40px !important;
}
.pB50 {
	padding-bottom : 50px !important;
}
.pB60 {
	padding-bottom : 50px !important;
}
 /* android */
h1, h2, h3, h4, p, ul, ol, th, td {
    max-height: 100%; 
 }

/*------------------------------------------------------------------------------ free page --*/
#free #header{
	width:1200px;
}
#free #footer{
	border-top:none;
}




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

 english

 ---------------------------------------------------------------------------------------------*/
body.en {
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding:0;
	text-align: center;
	color:#333;
	font-family: Verdana, sans-serif;
	background:#FFF;
	letter-spacing: -0.2px;
	-webkit-text-size-adjust: 100%;
}
body.en #header ul.hdNavi {width: 128px;}
body.en ul#md_menus {
	width: 1080px;
	height: 70px;
	margin: 0 auto;
	background: url(/en/common/image/navi_bg.png) left center no-repeat;
}
body.en ul#md_menus li.nav01 .md_menuBtn a{width:190px;background-image: url("/en/common/image/navi_know.png");}
body.en ul#md_menus li.nav02 .md_menuBtn a{width:224px;background-image: url("/en/common/image/navi_start.png");}
body.en ul#md_menus li.nav03 .md_menuBtn a{width:222px;background-image: url("/en/common/image/navi_master.png");}
body.en ul#md_menus li.nav04 .md_menuBtn a{width:196px;background-image: url("/en/common/image/navi_everyone.png");}
body.en ul#md_menus li.nav05 .md_menuBtn a{width:248px;background-image: url("/en/common/image/navi_about.png");}
body.en ul#md_menus li.nav01 .md_list .frame{
	display: table;
	width: 1080px;
	background:url("/en/common/image/navi_listbg2.png") left center repeat-y;
}
body.en ul#md_menus li .md_list .frame ul li {
	padding: 5px 10px 5px 25px;
}
body.en .banaArea > div .title {
	font-size: 16px;
}
body.en .banaArea > div .txt {
	line-height: 1.4;
}
body.en #footer .sitemap .inner .frame ul li{
	padding:4px 10px 4px 20px;
}
body.en #footer .sitemap .inner .frame ul li a{
	font-size:13px;
	line-height: 1.4;
}
body.en #footer .sitemap .inner .frame ul li ul li {
	padding: 3px 0;
	text-indent: -0.8em;
	margin-left: 0.8em;
}
/* ------ breadcrumb ------ */
body.en .breadcrumb ul li{
	font-size:13px;
}
/* ------ pagetitle ------ */
body.en .pagetitle h1{
	padding-top: 66px;
	font-size: 36px;
	font-weight: normal;
	color:#116abe;
	line-height: 1;
	letter-spacing: -0.5px;
}
body.en .pagetitle p{
	padding-top: 40px;
	font-size: 24px;
	font-weight: normal;
	color:#126bbf;
	line-height: 1;
	letter-spacing: 1.5px;
}
body.en .pagetitle h1.sub{
	padding-top: 15px;
}

/* ------ mainBox ------ */
body.en .mainBox {
	font-size: 14px !important;
	line-height: 1.6 !important;
	border-bottom:none;
}
/*box*/
body.en .box h3,.box2 h3{
	font-size: 18px;
	line-height: 1.4;
}
body.en .box h4,.box2 h4{
	font-size: 16px;
	line-height: 1.4;
}
body.en .nextBtn a p.ttl2 {
    letter-spacing: -1px;
}