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

	/common/css/layout.css

***************************************************** */


body {
}
.frm {
	margin: 0 auto;
	width: 960px;
}


/* wrapper
------------------------------------------------------*/
#wrapper {
	width: 100%;
	height: auto;
}


/* header
------------------------------------------------------*/
#header {
	height: 65px;
}
#headerInner {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
	#header .logo {
		position: absolute;
		top: 20px;
		left: 0;
	}
		#header .logo img {
			vertical-align: middle;
		}
		#header span {
			margin-left: 20px;
			font-size: 12px;
		}

	#header .hContact {
		position: absolute;
		top: 0;
		left: 559px;
		width: 401px;
	}
		#header .hContact ul li {
			float: left;
			margin-left: 0;
		}
		#header .hContact ul li.inquiry a { width: 101px;	}
		#header .hContact ul li.request a { width: 100px;	}
		#header .hContact ul li.oneday_lesson a { width: 200px; }
			#header .hContact ul li a {
				height: 65px;
			}

h1 {
	font-weight:normal;
}

/*#gold {
	height: 5px;
	background: url(/common/img/header/bg_gnav01.gif) repeat-x bottom;
}*/

/* nav
------------------------------------------------------*/

/* gnav */
#gnav {
	padding-top: 5px;
	background: url(/common/img/header/bg_gnav.gif) repeat-x;
}
#gnavInner {
	margin: 0 auto;
	width: 962px;
}
	#gnav ul {
	}
		#gnav ul li {
			float: left;
		}
		#gnav ul li.top a { width: 61px;}
		#gnav ul li.about a { width: 150px;}
		#gnav ul li.kimono a { width: 150px;}
		#gnav ul li.lesson a { width: 150px;}
		#gnav ul li.search a { width: 150px;}
		#gnav ul li.event a { width: 150px;}
		#gnav ul li.news a { width: 151px;}
			#gnav ul li a {
				background-position: center bottom;
				height: 40px;
			}
		

/* snav */


/* lead - sub
------------------------------------------------------*/
#leadsub {
	height: 230px;
	background: url(/common/img/pattern/ptn_search_l.png) #f6efde repeat;
}
	/* background patterns */
	#leadsub.polkadots {
		background: url(/common/img/pattern/ptn_event_l.png) #f9f4e6 0 50% repeat;
	}
	#leadsub.checks {
		background: url(/common/img/pattern/ptn_search_l.png) #f6efde 0 50% repeat;
	}
	#leadsub.clouds {
		background: url(/common/img/pattern/ptn_about_l.png) #f9f3e4 0 50% repeat;
	}
	#leadsub.geometry {
		background: url(/common/img/pattern/ptn_info_l.png) #f9f4e6 0 50% repeat;
	}
	#leadsub.kouji {
		background: url(/common/img/pattern/ptn_site_l.png) #f9f4e6 0 50% repeat;
	}
	#leadsub.sakura {
		background: url(/common/img/pattern/ptn_lesson_l.png) #f9f4e6 0 50% repeat;
	}
	#leadsub.hexagon {
		background: url(/common/img/pattern/ptn_kimono_l.png) #f9f4e6 0 50% repeat;
	}
	/* background height */
	#leadsub.level3 {
		height: 90px;
	}
		#leadsub.level3.clouds {
			background: url(/common/img/pattern/ptn_about_m.png) #f9f3e4 0 50% repeat;
		}
	#leadsub #leadsubInner {
		position: relative;
		margin: 0 auto;
		background: url(/common/img/bg_sublead_flower01.png) no-repeat bottom center;
		height: 230px;
	}
	#leadsub.level3 #leadsubInner {
		position: relative;
		margin: 0 auto;
		background: url(/common/img/bg_sublead_flower03.png) no-repeat bottom center;
		height: 90px;
	}
	
	#leadsubInner .leadContent {
		position: relative;
		margin: 0 auto;
		width: 960px;
	}
	
	#leadsubInner .leadTitle {
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 11;
	}
		#leadsub.level3 #leadsubInner .leadTitle {
			position: absolute;
			top: 40px;
			left: 30px;
			z-index: 11;
		}
	#leadsubInner .leadVis {
		position: absolute;
		top: 0;
		left: 222px;
		z-index: 9;
	}
	#leadsubInner .leadMask01 {
		position: absolute;
		top: 70px;
		left: 0;
		z-index: 8;
	}
	#leadsubInner .leadMask02 {
		position: absolute;
		top: 70px;
		left: 206px;
		z-index: 10;
	}
		#leadsub.level3 #leadsubInner .leadMask {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
		}
	

/* breadCrumbs
------------------------------------------------------*/
#leadsub #breadCrumbs {
	position: absolute;
	top: 7px;
	left: 0;
	z-index: 11;
}
	#breadCrumbs ul {
		padding: 0;
	}
		#breadCrumbs ul li {
			float: left;
			margin-right: 10px;
			color: #535152;
			font-size: 83.3%;
			white-space: nowrap;
		}
			#breadCrumbs ul li a {
				padding-right: 8px;
				color: #8f6e03;
			}
			#breadCrumbs ul li span {
				color: #959595;
			}
			

/* contents
------------------------------------------------------*/

#contents {
}
#container {
	margin: 0 auto;
	padding-top: 30px;
	width: 960px;
}
#mainContents {
}
#sub {
	float: right;
	width: 210px;
}
#main {
	float: left;
	width: 700px;
}
#wide {
	width: 960px;
}


/* snav
------------------------------------------------------*/

#navLst {
}
#navLst li {
}


/* header
------------------------------------------------------*/
#header {
}
#headerInner {
}

/* gnav 
------------------------------------------------------*/

#gnav {
}
#gnavInner  {
}
#gnavInner ul {
}
#gnavInner ul li {
}


/* sub 
------------------------------------------------------*/

#bnrListSub {
	margin-top: 20px;
	padding: 1px 10px 10px 10px;
	background: #ece3bc;
}
	#bnrListSub li {
		margin-top: 10px;
		background: #ffffff;
	}

#bnrFeature {
}
#bnrSchool {
	margin-top: 20px;
	border-top: 1px solid #e5e5e5;
}
	#bnrSchool li {
		border-bottom: 1px solid #e5e5e5;
	}

#bnrRequest {
	margin-top: 20px;
}

#bnrMobile {
	margin-top: 20px;
}

#bnrMagazine {
	margin-top: 20px;
}
	#bnrMagazine .kiino {
		position: relative;
	}
		#bnrMagazine .kiino span {
			position: absolute;
			top: 10px;
			left: 11px;
		}

.bnrRelated {
	margin-top: 10px;
	padding: 5px;
	background: #eeeeee;
}



/* flineup
------------------------------------------------------*/



/* fnav
------------------------------------------------------*/

#fnav {
	margin-top: 40px;
/*	height: 66px;*/
	background: url(/common/img/footer/bg_fnav.gif) repeat bottom;
}
	#fnavInner {
		position: relative;
		margin: 0 auto;
		/*height: 66px;*/
		width: 960px;
		/*background: url(/common/img/footer/bg_ptop_1.gif) repeat-y 904px 0;*/
	}
	#fnav .fnavList {
		/*position: absolute;*/
		float: left;
		width: 904px;
		padding: 5px 0 15px;
	}
		#fnav .fnavList li {
			float: left;
			margin-top: 10px;
			border-right: 1px solid #c9c9c9;
			line-height: 1;
		}
			#fnav .fnavList li a {
				display: block;
				padding: 0 15px;
			}
			#fnav .fnavList li.first a {
				padding: 0 15px 0 0;
			}
		#fnav .fnavList li.clr {
			clear: both;
		}

	#pageTop {
		float: left;
		width: 36px;
	}
		#pageTop a {
			display: block;
			background: #f8f1d1;
			height: 100%;
		}
		#pageTop a:hover {
			background: #ffc2c2;
		}
	
/* for fnav link color */	
#fnav a:link { color: #8c6e00; }
#fnav a:active { color: #8c6e00; }
#fnav a:visited { color: #8c6e00; }
#fnav a:hover { color: #8c6e00; }


/* footer
------------------------------------------------------*/

#footer {
	background: url(/common/img/parts/bg_footer_top.gif) repeat-x top;
	padding-top: 25px;
}
#footerInner {
	margin: 0 auto;
	width: 960px;
}
	#footerInner .footerTxt {
		float: left;
		width: 585px;
	}
	#footerInner .footerLogo {
		float: right;
		width: 100px;
		vertical-align: top;
	}
	#footerInner .footerLogo span {
		padding-right: 0px;
	}
	
	#footerInner .footerLogo a, #footerInner .footerLogo span, #footerInner .footerLogo img {
		display: table-cell;
		vertical-align: top;
	}
	#footerInner .footerNav li {
		float: left;
		border-right: 1px solid #c9c9c9;
		line-height: 1;
	}
		#footerInner .footerNav li a {
			display: block;
			padding: 0 15px;
		}
		#footerInner .footerNav li.first a {
			padding: 0 15px 0 0;
		}

	#footerInner .copyright {
		margin: 15px 0;
		color: #959595;
		font-size: 91.7%;
	}

/* for footer link color */	
#footer a:link { color: #535353; }
#footer a:active { color: #535353; }
#footer a:visited { color: #535353; }
#footer a:hover { color: #535353; }



/* title
------------------------------------------------------*/



/* pageTop
------------------------------------------------------*/



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

.pframe {
	position: relative;
	background: url(/common/img/parts/parts_frame_shadow.gif) no-repeat bottom left;
	background-size: 100% 6px;
	padding-bottom: 6px;
}
.ftop {
	position: absolute;
	top: -4px;
	left: -4px;
}
.fbtm {
	position: absolute;
	bottom: 0;
	right: -4px;
}



/* photo layout
------------------------------------------------------*/

.clm2pht {
}
	.clm2pht .clm2phtLeft {
		float: left;
		width: 340px;
	}
	.clm2pht .clm2phtRight {
		float: right;
		width: 340px;
	}

.clm3pht {
}
	.clm3pht .clm3phtLeft {
		float: left;
		width: 220px;
	}
	.clm3pht .clm3phtCenter {
		float: left;
		width: 220px;
	}
	.clm3pht .clm3phtRight {
		float: right;
		width: 220px;
	}

		.clm2pht .cap,
		.clm3pht .cap {
			margin-top: 10px;
		}


/* util
------------------------------------------------------*/

/* icon */
.arw_r {
	display: inline-block;
	padding-left: 15px;
	background: url(/common/img/parts/icn_arrow_red01.gif) no-repeat 0 0.45em;
}
.arw_r_top {
	display: inline-block;
	padding-left: 15px;
	background: url(/common/img/parts/icn_arrow_red03.gif) no-repeat 0 0.45em;
}
.arw_r_btm {
	display: inline-block;
	padding-left: 15px;
	background: url(/common/img/parts/icn_arrow_red04.gif) no-repeat 0 0.45em;
}
.arw_r02 {
	display: inline-block;
	padding-left: 20px;
	background: url(/common/img/parts/icn_arrow_red05.gif) no-repeat 0 0.25em;
}
.arw_g {
	display: inline-block;
	padding-left: 20px;
	background: url(/common/img/parts/icn_arrow_gold01.gif) no-repeat 0 0.15em;
}
.dot_r {
	display: inline-block;
	padding-left: 15px;
	background: url(/common/img/parts/icn_dot_red01.gif) no-repeat 0 0.45em;
}

/* notes */
.notes01 li {
	margin-left: 1em;
	padding-bottom: 8px;
	text-indent: -1em;
}
.notes02 li {
	margin-left: 1.5em;
	padding-bottom: 8px;
	text-indent: -1.5em;
}

/* lead Img */
.leadStyle01 {
	border-top: 1px solid #efd662;
	padding-top: 9px;
}

/* indent */
.idt01 {
	text-indent: -1.0em;
	margin-left: 1.0em;
}

.clear {
	clear: both;
	height:0;
	line-height: 0;
	border: none;
}


/* ClearFix for fix layout
--------------------------------------------------------------------*/
.clm2pht:after,
.clm3pht:after,
.gnavLst:after,
.headerLst:after,
.footerNav:after,
.fnavList:after,
#fnavInner:after,
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clm2pht,
.clm3pht,
.gnavLst,
.headerLst,
.footerNav,
.fnavList,
#fnavInner,
#container {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .clm2pht,
* html .clm3pht,
* html .gnavLst,
* html .headerLst,
* html .footerNav,
* html .fnavList,
* html #fnavInner,
* html #container {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .clm2pht,
*:first-child+html .clm3pht,
*:first-child+html .gnavLst,
*:first-child+html .headerLst,
*:first-child+html .footerNav,
*:first-child+html .fnavList,
*:first-child+html #fnavInner,
*:first-child+html #container {
	display: inline-table;
}/* end hacks */