@charset "UTF-8";

/* About This CSS File -----------------------------------------------
name:base.css
information:下層ページ共通部分のスタイル
date:2014.09.01
--------------------------------------------------------------------*/

/*====================================================================
01: 基本設定
====================================================================*/
body { width:100%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:12px; color:#353535; line-height:1.8em; text-align:left; background:#000; -webkit-text-size-adjust:100%; }
.fixed { position:fixed; top:0; left:0; width:100%; z-index:10000; }
.fixedBottom { position:fixed; bottom:0; left:0; width:100%; z-index:10000; }
.moreBtn { margin-top:10px; width:80px; }
.moreBtn:hover { top:1px; left:1px; position:relative; }
.btn a:hover img { opacity:0.4; filter:alpha(opacity=40); -ms-filter:"alpha(opacity=40)"; }
.btnImg:hover { opacity:0.4; filter:alpha(opacity=40); -ms-filter:"alpha(opacity=40)";
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out; }

/*--背景全面引き--*/
img.bgmaximage { position:fixed!important; }
.dot-black { background:url(../images/dot-black.png) repeat; z-index:100; }
.dot-white { background:url(../images/dot-white.png) repeat; z-index:100; }

/*--レイアウト--*/
#container { position:absolute; top:0; left:0; z-index:50; width:100%; height:auto; }
.wrapper { width:100%; height:auto; text-align:center; }



/*====================================================================
02: スクロールナビ
====================================================================*/
#scrollNav { margin-top:-70px; width:100%; height:70px; background: #000; z-index:9999; }
#scrollNav .navWrapper { width:100%; min-width:1000px; height:70px; margin:0 auto; }
	#scrollNav .navWrapper .menuLeft { float:left; }
		#scrollNav .menuLeft a{ display:block; width:100%; height:100%; }
		#scrollNav .menuLeft li ul { background-color:rgba(0,0,0,0.8); display:none; width:100%; height:auto; position:absolute; border-top:solid 1px #212121; }
		#scrollNav .menuLeft li ul li { width:; float:none; padding:50px 20px 25px 20px; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; text-align:center; font-size:18px; }
		#scrollNav .menuLeft li ul li a { color:#FFF; }
		#scrollNav .menuLeft li ul li a:visited {color:#FFF; text-decoration:none;}
		#scrollNav .menuLeft li ul li a:active {color:#FFF; text-decoration:none;}
		#scrollNav .menuLeft li ul li a:hover {color:#4e4e4e; text-decoration:none;}
	#scrollNav .navWrapper .menuRight { float:right; }
	#scrollNav .navWrapper li { list-style:none; float:left; }

	.navBg01 {background-color:rgba(0,0,0,0.8);}

#scrollNavFixed { margin-top:0px; width:100%; height:70px; background: #000; position:fixed; z-index:9999; }
#scrollNavFixed .navWrapper { width:100%; min-width:1000px; height:70px; margin:0 auto; }
	#scrollNavFixed .navWrapper .menuLeft { float:left; }
		#scrollNavFixed .menuLeft a{ display:block; width:100%; height:100%; }
		#scrollNavFixed .menuLeft li ul { background-color:rgba(0,0,0,0.8); display:none; width:100%; height:auto; position:absolute; border-top:solid 1px #212121; }
		#scrollNavFixed .menuLeft li ul li { width:; float:none; padding:50px 20px 25px 20px; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; text-align:center; font-size:18px; }
		#scrollNavFixed .menuLeft li ul li a { color:#FFF; }
		#scrollNavFixed .menuLeft li ul li a:visited {color:#FFF; text-decoration:none;}
		#scrollNavFixed .menuLeft li ul li a:active {color:#FFF; text-decoration:none;}
		#scrollNavFixed .menuLeft li ul li a:hover {color:#4e4e4e; text-decoration:none;}
	#scrollNavFixed .navWrapper .menuRight { float:right; }
	#scrollNavFixed .navWrapper li { list-style:none; float:left; }


/*====================================================================
03: top page / other page
====================================================================*/
/*--section01--*/
.section01 { width:1000px; margin:0 auto; }
	.section01 h1 { padding:200px 0 50px 0; text-align: center; }
.globalNav { width:; position:relative; margin:0 0 160px 140px; }
	.globalNav li { float:left; font-size:16px; padding:0 20px 0 20px; }

/*--section02--*/
.section02 { width:1000px; padding:20px 0 20px 0; margin:0 auto; }

/*--section03--*/
.section03 { width:900px; padding:20px 0 20px 0; margin:0 auto; }
	.section03 ul {}
	.section03 li { width:300px; float:left; height:270px; text-align:left; display:block; }
.worksList img { width:300px; }
.worksList .worksTle { padding:15px 15px 0 15px; font-size:12px; color:#b1b1b1; }
.worksList .worksPart { padding:0 15px 0 15px; font-size:10px; color:#b1b1b1; }
.worksList { position:relative; }
.worksList a { color:#b1b1b1; display:block;  position:absolute; }
/*.worksList li:hover { background-color:#585858!important; }*/
.worksList li:hover { background-color:#000!important; }
	.imgYscroll { height:198px; overflow:hidden!important; }
	.imgChange { height:250px; overflow:hidden!important; }
	.section03 .imgChangeLi { height:322px!important; }
	.imgExpansion { height:198px; overflow:hidden!important; }

.section04 { width:940px; padding:20px 0 10px 0; margin:0 auto; }
	.section04 .worksTle { padding:15px 0 5px 0; font-size:12px; color:#b1b1b1; }
	.section04 .worksPart { padding:0; font-size:10px; color:#b1b1b1; }

img.grow {
	-webkit-transition:2.5s ease-in-out;
	-moz-transition:2.5s ease-in-out;
	-ms-transition:2.5s ease-in-out;
	-o-transition:2.5s ease-in-out;
	transition:2.5s ease-in-out;
}
img.grow:hover {
	-webkit-transform:scale(1.5,1.5);
	-moz-transform:scale(1.5,1.5);
	-ms-transform:scale(1.5,1.5);
	-o-transform:scale(1.5,1.5);
	transform:scale(1.5,1.5);
}





/*-- アイテムナビ --*/
.itemNavi { width:960px; padding:20px 0 20px 0; margin:0 auto; }
.itemNavi ul { list-style:none; }
.itemThunmbail { float:left; display:block; padding:0 5px 0 5px; }
.itemThunmbail li { padding-bottom:10px; }
.itemThunmbail .discriTxt { font-size:12px; padding-bottom:5px; color:#b1b1b1; }






/*====================================================================
03: フッター
====================================================================*/
#footer { width:100%; background:#000; }
	.footerWrapper { width:1100px; margin:0 auto; }
		.footerWrapper .footerLogo { float:left; margin:16px 0 16px 50px; }
		.footerWrapper .footerNav { width:620px; float:right; text-align:right; margin-right:50px; }
			.footerNav ul.upper li { padding:0 10px 0 10px; border-right:1px solid #FFF; font-size:12px; line-height:120%; float:right; }
			.footerNav ul.upper li a { color:#FFF; }
			.footerNav ul.upper a:visited {color:#FFF; text-decoration:none;}
			.footerNav ul.upper a:active {color:#696969; text-decoration:none;}
			.footerNav ul.upper a:hover {color:#696969; text-decoration:none;}
			.footerNav ul.lower li { padding:0 15px 0 15px; border-right:1px solid #FFF; float:right; }
			.footerNav ul.shopInfo .shopName { color:#FFF; font-size:13px; line-height:140%; }
			.footerNav ul.shopInfo .shopTxt { color:#FFF; font-size:12px; line-height:140%; }
.copyRight {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	font-size: 11px;
	color: #FFF;
	padding: 15px 0px 15px 0px;
	text-align: center;
}


/*--------------------------
	テキスト制御
--------------------------*/
.pageDiscri { font-size:14px; margin-bottom:20px; }
.h2_fullTle { font-size:14px; color:#FFF; padding:10px 20px 0 20px; width:1010px; height:30px; background:url(../images/tle/fullTleBg.png) no-repeat; }
.tandenBaseTxt { font-size:14px; padding:15px 10px 15px 10px; }


.tleTxt { font-weight:bold; border-bottom:1px solid #cccccc; padding-bottom:5px; }
.tleTxt02 { font-weight:bold; border-bottom:1px solid #cccccc; padding-bottom:15px; }
.defaultTxt {}
.smallTxt { font-size:12px; line-height:170%; }


/*--------------------------
	問い合わせ
--------------------------*/
.contactBox { width:1000px; margin:15px 0 0 25px; text-align:left; border-bottom:1px dashed #000; }
.contactBox dt { font-size:13px; width:180px; float:left; display:inline; padding:5px 0 10px 10px; }
.contactBox dd { font-size:13px; width:780px; padding:5px 10px 10px 0; margin-bottom:5px; float:left; display:inline; }

.basicTable { width:100%; border:none; border-collapse:collapse; border-spacing:0; }
	.basicTable .tle { width:30%; padding:30px 25px; border-bottom:dotted 1px #c5c5c5; word-break:break-all; vertical-align:middle; text-align:center; color:#fff;  }
	.basicTable .txt { width:70%; padding:30px 60px 30px 20px; border-bottom:dotted 1px #c5c5c5; word-break:break-all; vertical-align:middle; text-align:left; color:#000; }

	.nameTxt { width:100%; height:30px; border:none; }
	.emailTxt { width:100%; height:30px; border:none; }
	.adressTxt { width:100%; height:30px; border:none; }
	.contactTxt { width:100%; height:150px; border:none; }
	.inputTxt { width:600px; }
	.inputTxt02 { width:480px; }
	.registTxt { width:600px; height:100px; }

	.inputBtn { background:#bd141a; color:#FFF; padding:10px 10px 10px 10px;
				border-top:none;
				border-left:none;
				border-right:none;
				border-bottom:none;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				width:150px;
	}
	.inputBtn:hover { background:#961c0f; 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;
	}

.tdTxt { padding:10px 10px; background:#fbfbfb; height:20px; }
.basicTable .inputArea { padding:0 10px; box-sizing:border-box; }
.basicTable .inputArea2 { padding:10px; box-sizing:border-box; }
.thanxArticle { width:100%; padding:30px 20px 0 20px; box-sizing:border-box; }
	.thanxArticle p { color:#FFF; font-size:14px; }

.thanxCoution { padding:15px 15px; background:#fbfbfb; margin-top:20px; }

/*--------------------------
	丹田とは
--------------------------*/
.tandenYuraiArea { width:650px; }
.tandenTaiseiArea { width:650px; }
.tandenTaiseiBox {}
	.tandenTaiseiBox li { width:1000px; padding:15px 25px; background:#FFF; margin:10px 0 15px 0; position:relative; }
	.tandenTaiseiBox .taiseiDiscriArea { width:780px; }
	.tandenTaiseiBox .taiseiName { padding:5px 10px 10px 10px; border-bottom:1px solid #cccccc; }
	.tandenTaiseiBox .taiseiTle { font-size:16px; font-weight:bold; padding:10px 10px 0 10px; }
	.tandenTaiseiBox .taiseiTxt { padding:5px 10px 0 10px; font-size:13px; }

/*--------------------------
	丹田とは
--------------------------*/
.aboutSatsumaushiArea { width:650px; }
.satsumaUshikaiArea { width:790px; }