@charset "UTF-8";

/* About This CSS File -----------------------------------------------
name:base.css
date:2016.02.16
--------------------------------------------------------------------*/

/*====================================================================
01: basic
====================================================================*/
html{ overflow:auto; }
body { width:100%!important; font-family:"Droid Serif", serif; font-size:14px; color:#000000; line-height:1.4em; text-align:left; background:#FFF;
-webkit-text-size-adjust:100%;
min-width:1000px;
_display: inline;
_zoom:1;
overflow:hidden;
min-width:1040px;
}
#container { width:100%!important; }
.wrapper { width:1040px; margin:0 auto; position:relative; }
.fixed { position:fixed; top:0; left:0; width:100%; z-index:10000; }
/*--bottom mouseover setting--*/
.btnImg:hover { opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)";
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out; }

/*====================================================================
02: header/nav
====================================================================*/
#header { width:100%; height:160px; background:url(../images/headerBg.png) no-repeat center top; margin:0; }
	#headerLogo { position:absolute; top:18px; left:0px; }
	.gNav { width:1040px; height:160px; background:url(../images/gNavBg.png) no-repeat; }
	.gNav ul { padding-top:95px; z-index:9999; }
	.gNav li {
		text-align:center;
		color:#FFF;
	 	float:left;
		background:;
		-moz-transform-origin:0 100%;
		-webkit-transform-origin:0 100%;
		transform-origin:0 100%;
		-moz-transform:skewX(-14deg);
		-webkit-transform:skewX(-14deg);
		transform:skewX(-14deg);
	}
		.gNav li:hover {
			background:#811517;
			cursor:pointer;
			-webkit-transition:0.3s ease-in-out;
			-moz-transition:0.3s ease-in-out;
			-ms-transition:0.3s ease-in-out;
			-o-transition:0.3s ease-in-out;
			transition:0.3s ease-in-out;
		}
		.gNav li a { display:block; width:100%; height:100%; color:#FFF; text-decoration:none; }
		.gNav li a:hover { text-decoration:none; }
		.nav01 { width:180px; height:60px; margin:0 0 0 2px; }
		.nav02 { width:138px; height:60px; margin:0 0 0 1px; }
		.nav03 { width:165px; height:60px; margin:0 0 0 1px; }
		.nav04 { width:173px; height:60px; margin:0 0 0 1px; }
		.nav05 { width:129px; height:60px; margin:0 0 0 1px; }
		.nav06 { width:109px; height:60px; margin:0 0 0 1px; }
		.navON { background:#811517!important; }

	.headerContact {
		position:absolute;
		width:140px;
		height:160px;
		top:0px;
		right:0px;
		overflow:hidden;
		background:url(../images/headerContactBg.png) no-repeat;
	}
	.headerContact:hover { 
		background:url(../images/headerContactBg_on.png) no-repeat;
		cursor:pointer;
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-ms-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	.contactnavON { background:url(../images/headerContactBg_on.png) no-repeat!important; }


/*====================================================================
03: footer/nav
====================================================================*/
#footer { width:100%!important; height:172px; background:url(../images/footerBg.png) no-repeat center top #b8282e; }
	.pageTopBtn { position:absolute; top:46px; right:2px; }
	.copyRight { color:#FFF; margin-top:20px; font-size:13px; }
.footerNav { width:1040px; padding:46px 0 0 0; height:51px; }
	.footerNav li { float:left; font-size:13px; margin:16px 15px 0 0; }
	.footerNav a { color:#FFF; text-decoration:none; }
	.footerNav a:hover { color:#000; text-decoration:none;
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-ms-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}

/*====================================================================
04: コンテンツ
====================================================================*/
.contentsContainer { width:100%; height:auto; margin:0 auto 0 auto; }

/*--背景指定--*/
	.indexBg01 { background:url(../images/indexBg01.png) no-repeat center top; }
	.indexBg02 { background:url(../images/indexBg02.png) no-repeat center top; }
	.otherBg01 { background:url(../images/otherBg01.png) no-repeat center top; }
	.otherBg02 { background:url(../images/otherBg02.png) no-repeat center top; }


	.bottomNavBg { background:url(../images/bottomNavBg.png) no-repeat center top; }
	.footerBg { background:url(../images/footerBg.png) no-repeat center top #b8282e; }

	.contentsWithe { background:#FFF; }
	.contentsYellow { background:#f4f2d6; }
	.exsample1 { background:url(exsample1Bg.jpg) no-repeat center top #fbf7f8; }
	.exsample2 { background:url(exsample2Bg.jpg) no-repeat center top #ecf3f4; }
/*--presentBnr--
.presentBnr { width:100%; padding:20px 0; background:#ece9e6; text-align:center; }
/*--articleTle--
.articleTle { width:980px; height:328px; margin:0 auto; padding:30px 0 0 40px; background:url(articleTleBg.jpg) no-repeat center top; }*/


/*----contentsFull----*/
.contentsFull { width:1040px; margin:0 auto 0 auto; position:relative; overflow: visible }

	.mainH1 { color:#FFF; font-size:50px; font-family:'Playfair Display', serif; font-weight:normal; font-style:italic; }
	h3 { font-size:20px; margin-top:60px; line-height:1.4em; }

	.txt { margin:20px 0 0 0; line-height:1.7em; }
	sup { vertical-align:0.55em; font-size:70%; line-height:1.2em; }
	.contacttle { background:#2658a5; font-size:18px; color:#FFF; padding:15px 0 0 0; text-align:center; }

.topImages { width:1040px; height:390px; position:relative; }
	.topImages #topImg01 { position:absolute; top:-30px; left:0; opacity:0; }
	.topImages #topImg02 { position:absolute; top:30px; left:260px; opacity:0; }
	.topImages #topImg03 { position:absolute; top:-30px; left:520px; opacity:0; }
	.topImages #topImg04 { position:absolute; top:30px; left:780px; opacity:0; }

.indexTxt01 { color:#FFF; padding:0 260px 0 30px; line-height:1.8em; }
.indexTxt02 { color:#FFF; padding:20px 260px 0 250px; line-height:1.8em; }
.indexTxt03 { color:#FFF; padding:20px 260px 0 250px; line-height:1.8em; }
.indexImg01 { position:absolute; top:20px; right:-230px; }
.indexImg02 { position:absolute; top:260px; left:-230px; }


/*----*/
.defaultTxtArea { padding:0 30px; }
.txtArea01 { padding:0 360px 0 30px; }
.txtArea02 { padding:0 520px 0 30px; }

.aboutkcImg02 { position:absolute; top:160px; right:-60px; z-index:-1; }
.serviceImg02 { position:absolute; top:640px; right:20px; z-index:-1; }
.feeImg01 { position:absolute; top:150px; right:20px; z-index:-1; }

.serviceProcess {}
	.serviceProcess li { background:url(../images/processBg.png) no-repeat center bottom; margin-top:20px; }
	.processTxt { padding:5px 30px 35px 30px; }

.expertiseImg { margin-top:20px; }
	.expertiseImg li { float:left; width:190px; height:190px; border-right:1px solid #cdcdcd; padding-right:36px; margin-right:36px; opacity:0; }

.basicTable { width:980px; border:1px solid #dddddd; border-collapse:collapse; border-spacing:0; margin-left:30px; }
	.basicTable .tle { width:200px; padding:20px 25px; border:1px solid #dddddd; word-break:break-all; vertical-align:middle; text-align:left; background:#f9f0f1; }
	.basicTable .txt { padding:20px 25px; border:1px solid #dddddd; word-break:break-all; vertical-align:middle; background:#FFF; text-align:left; }
	.basicTable  p { font-size:12px; }

	.nameTxt { width:160px; }
	.emailTxt { width:400px; }
	.countryTxt { width:300px; }
	.contactTxt { width:600px; height:150px; }
	.inputTxt { width:600px; }
	.registTxt { width:600px; height:100px; }

	.inputBtn { background:#bd141a; color:#FFF; padding:15px 20px 10px 20px;
				border-top:none;
				border-left:none;
				border-right:none;
				border-bottom:5px solid #961c0f;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px
	}
	.inputBtn:hover { background:#961c0f; cursor:pointer; border-bottom:5px solid #bd141a;
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-ms-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}


.bottomNav { margin-left:8px; }
	.bottomNav li { width:296px; height:346px; background:#f0f0f0; border:8px solid #b8282e; float:left; margin-left:22px; text-align:center; }
		.bottomNavTle { font-size:18px; color:#b8282e; margin-top:50px; }
		.bottomNavTxt { padding:35px 20px; min-height:120px; }
		.bottomNavHr { border:0; height:2px; background:#b8282e; width:70px; margin-top:10px; }

	.figureImgRight { float:right; width:230px; margin:0 0 0 20px; }
	.figureImgRight02 { float:right; width:345px; margin:0 0 0 20px; }
		.figureImgRight p { text-align:left; font-size:12px; line-height:1.4em; }
	.figureImgLeft { float:left; width:230px; margin:0 20px 0 0; }
		.figureImgLeft p { text-align:left; font-size:12px; line-height:1.4em; }
	.figureTxtLeft { float:left; width:720x; }
	.figureTxtRight { float:right; width:720px; }

	.pdfDownload { width:740px; height:76px; background:url(pdfDownloadBg.jpg) no-repeat; padding:98px 0 0 240px; }

/*
.caseBox { width:974px; height:256px; background:url(caseBoxBg.gif) no-repeat; padding:3px; }
	.caseBox .caseArticle { width:787px; float:left; }
		.caseArticle p { padding:16px 20px; line-height:1.8em; }
	.caseBox .caseFigure { width:184px; float:right; }
		.caseFigure p { font-size:10px; line-height:1.3em; color:#FFF; padding:5px 5px 0 5px; }
*/

/*----pageLinkNav----*/
.pageLinkNav { width:1000px; margin:0 auto; }
	.pageLinkNav li { width:320px; float:left; }

/*--contact--*/
#contactContainer { width:100%; height:; }
	#contactContainer .contactWrapper { margin:0 auto; padding:55px 0 65px 0; width:980px; position:relative; text-align:centre; }
		.contactTxt { font-size:18px; line-height:1.5em; }


/*--pageTop--*/
#pageTopContainer { width:100%; background:#e7e7e7; padding:0; }
	#pageTopContainer .pageTopWrapper { margin:0 auto; padding:0 0 0 20px; width:980px; }