@charset "utf-8";
/**
 * style
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/fnav/normal.css";
@import "extension/jquery.lightbox-0.5.css";

/**
 * 2. html, body
 */
 	html {
		background-color: #222e37;
	}
	body {
		font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		background: #dbc5b4 url(../../imgs/common/bg-pattern.gif) repeat left top;
	}
	.page {
		color: #333;
		font-size: 12px;
		line-height: 24px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #1a8fd3;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #095d8d;
		background-position: bottom right;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.pTitle {
		margin-bottom: 40px;
	}
	.cTitle {
		margin-bottom: 25px;
	}
	.section .sTitle {
		margin-bottom: 20px;
	}
	.section .bTitle {
		margin-bottom: 15px;
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* misc */
	.mb08 { margin-bottom: 8px; }
	.mb12 { margin-bottom: 12px; }
	.mb16 { margin-bottom: 16px; }
	.mb24 { margin-bottom: 24px; }
	.style1 {color: #FF0000}
/**
 * 4. Layout
 */
	body #container {
		text-align: left;
	}
	body #containerInner01 {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
	}
	body #containerInner02 {
		position: relative;
	}
	body #mainContent {
		width: 674px;
		padding-top: 24px;
		margin-left: 286px;
	}

	body #containerForm {
		background: #FFF;
		width: 620px;
		margin-right: auto;
		margin-left: auto;
	}

	body #gNavi {
		width: 260px;
		height: 270px;
		background: url(../../imgs/common/gNavi-bg.gif) no-repeat top left;
		margin: 0 0 12px;
    overflow: hidden;
	}
	body #gNaviInner {
		width: 240px;
		padding: 14px 10px 0;
	}
	body #gNaviInner ul {
		line-height: 0;
		vertical-align:bottom;
	}
	body #gNaviInner ul li {
		margin: 0;
		padding: 0;
		font-size: 0;
		vertical-align: bottom;
	}


	body #gHeader {}

	body #gFooter {
		clear: both;
		width: 100%;
		height: 144px;
		background: #222e37 url(../../imgs/common/gFooter-bg.gif) repeat-x top left;
		margin-top: 32px;
	}
	body #fnavWrap {
		width: 960px;
		margin: 0 auto;
	}
	body #fnavWrap #fnavMain {
		height: 49px;
		text-align: center;
	}
	body #fnavWrap #fnavMain ul#fnavMainList { line-height: 0; padding-top:12px; }
	body #fnavWrap #fnavMain ul#fnavMainList li { display:inline;  margin-right:24px; }
	body #fnavWrap #fnavMain ul#fnavMainList li.btnLast { display:inline;  margin-right:0; }
	.copyright {
		margin-top: 16px;
		font-size: 10px;
		line-height: 14px;
	}


/* index container */
	body.index #container {
		background: url(../../imgs/bg.gif) repeat-x top center;
		text-align: left;
	}
	body.index #mainContent {
		width: 960px;
		margin: 0;
	}

/**
 * 5. EachPageStyle
 */
/* common */
	#moveBtn {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 260px;
		padding: 0px;
	}
	* html #moveBtn { /* IE6 hack */
		position: absolute;
		top: 0px;
		left: -286px;
		width: 260px;
		padding: 0px;
	}

	.breadNav {
		margin: 6px 0;
		color: #FFF;
		font-size: 10px;
		line-height: 14px;
	}
	.breadNav span.btnOn {
		font-weight: bold;
	}

	.mainContent-container {
	 background: #f8f4f1;
	}
	.mainContent-inner {
		width: 628px;
		margin: 0 auto;
	}
	.mainContent-inner02 {
		width: 580px;
		margin: 0 auto;
	}

	img.borderImg {
		border: #b4856c solid 1px;
		padding: 1px;
	}
	.ptop {
		clear: both;
		text-align: right;
		margin: 12px 0;
	}

/* index */
	#index-containerLeft {
		float: left;
		width: 260px;
		margin-right: 26px;
	}
	#index-containerRight {
		float: left;
		width: 674px;
		padding-top: 24px;
	}
	#index_twitter {
		width: 260px;
		height: 462px;
	}

	#index-box01 {
		width: 674px;
		background: url(../../imgs/index/index-box01-bg.gif) repeat-y top left;
		margin-bottom: 12px;
	}
	#index-box01-inner {
		width: 650px;
		margin: 0 auto;
	}
	#index-box01-innerLeft {
		float: left;
		width: 418px;
		margin: 0 34px 0 0;
		line-height: 18px;
	}
	#index-box01-innerLeft dl { margin-bottom: 6px; }
	#index-box01-innerLeft dl dt { float: left; }
	#index-box01-innerLeft dl dd { float: right; }
	#index-box01-innerLeft h1 { font-size: 16px; line-height: 24px; }
	#index-box01-innerLeft #index-box01-link { text-align: right; }

	#index-box01-innerRight {
		float: left;
		width: 198px;
		margin: 0;
	}
	#index-box01-innerRight {
		float: left;
		width: 198px;
		margin: 0;
	}

.seven{
  font-size: 16px;
}

.eight{
  font-size: 20px;
}
.nine{
  font-size: 25px;
}


	/* bnrs */
	#index-bnrs {
	}
	#index-bnrs ul { line-height: 0; margin-bottom: 9px; }
	#index-bnrs ul.bnrsUpper { line-height: 0; margin-bottom: 0; }
	#index-bnrs ul li, #index-bnrs ul.bnrsUpper li { float: left; margin-right: 19px; }
	#index-bnrs ul li.btnLast, #index-bnrs ul.bnrsUpper li.btnLast { margin-right: 0; }


/* menu */
	#menu-box01 { margin-bottom: 12px; }
	#menu-box01 ul { line-height: 0; margin-bottom: 12px; }
	#menu-box01 ul li { display: inline;  margin-right: 24px; }
	#menu-box01 ul li.btnLast { margin-right: 0; }

	#menu-box02 { margin-bottom: 12px; }
	#menu-box02 ul { line-height: 0; margin-bottom: 12px; }
	#menu-box02 ul li { display: inline;  margin-right: 10px; }
	#menu-box02 ul li.btnLast { margin-right: 0; }

	#menu-about { margin-bottom: 12px; }
	#menu-about ul { line-height: 0; margin-bottom: 12px; }
	#menu-about ul li { display: inline;  margin-right: 12px; }
	#menu-about ul li.btnLast { margin-right: 0; }

	.menuNav { margin-bottom: 12px; }
	.menuNav ul { clear: both; margin-bottom: 4px; }
	.menuNav ul li { float: left; margin-right: 24px; }
	.menuNav ul li span { color: #457a25; font-weight:bold; }
	.menuNav a {
		color: #863b14;
		text-decoration: underline;
	}
	.menuNav a:visited {}
	.menuNav a:hover {
		color: #457a25;
		text-decoration: none;
	}
	.menuNav a:active {}

	.menu-content { margin-bottom: 12px; }
	.menu-content dl {}
	.menu-content dl dt {
		clear: both;
		float: left;
		width: 200px;
		margin-right: 24px;
		margin-bottom: 12px;
	}
	.menu-content dl dd {
		float: left;
		width: 356px;
		padding-top: 8px;
		margin-bottom: 12px;
	}
	.menu-content p.menuTitle {
		color: #863b14;
		font-size: 16px;
	}
	.menu-content p.menuCap {
		color: #863b14;
		margin-bottom: 4px;
		font-size: 10px;
		line-height: 16px;
	}
	.menu-content p.menuPrice {
		color: #457a25;
		font-size: 16px;
	}
	.menu-content p.menuDesc {
		line-height: 18px;
		margin-bottom: 8px;
	}
	.menu-content ul.menuIcon {
		line-height: 0;
	}
	.menu-content ul.menuIcon li {
		display: inline;
		margin-right: 6px;
	}

	ul.menuEx {
		clear: both;
		line-height: 0;
		margin-bottom: 24px;
	}
	ul.menuEx li {
		display: inline;
		margin-right: 16px;
	}

	.menu-point {
		margin-bottom: 16px;
		background: url(../../imgs/menu/menu-point-bg.gif) repeat-y top left;
	}
	.menu-point-inner {
		width: 532px;
		margin: 0 auto;
	}

	.menu-courseLeft {
		float: left;
		width: 278px;
		margin-right: 24px;
	}
	.menu-courseRight {
		float: left;
		width: 278px;
		margin-right: 0;
	}
	.menu-courseLeft p.menuTitle,
	.menu-courseRight p.menuTitle {
		color: #863b14;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
	}
	.menu-courseLeft p.menuCap,
	.menu-courseRight p.menuCap {
		color: #863b14;
		font-size: 10px;
		line-height: 14px;
	}
	.menu-courseLeft p.menuDesc,
	.menu-courseRight p.menuDesc {
		font-size: 10px;
		line-height: 14px;
		margin-bottom: 12px;
	}


/* shop */
	#shopNav { margin-bottom: 36px;	}
	#shopNav ul { line-height: 0; }
	#shopNav ul li { display: inline; margin-right: 26px; }
	#shopNav ul li.btnLast { margin-right: 0; }

	#shop-wrapper {}

　.fr{
  padding: 2px 0 0 1px;
  }

	.shopBox {
		clear: both;
		margin-bottom: 16px;
	}
	.shopBox ul {
	}
	.shopBox ul li.shoBoxLeft {
		float: left;
		width: 302px;
		margin-right: 24px;
	}
	.shopBox ul li.shoBoxRight {
		float: left;
		width: 302px;
		margin-right: 0;
	}
	.shopBox dl {
		font-size: 13px;
		line-height: 16px;
	}
	.shopBox dl dt {
		clear: both;
		float: left;
		width: 72px;
	}
	.shopBox dl dd {
		float: left;
		width: 230px;
	}


/* recruit */
	.recruit-top {
		width: 674px;
		height: 50px;
		background: url(../../imgs/recruit/recruit-top-bg.gif) no-repeat top left;
	}
	.recruit-top ul {
		text-align: right;
		margin-right: 24px;
		line-height: 0;
	}
	.recruit-top ul li {
		display: inline;
		margin-left: 2px;
	}

	.recruitNav { margin-bottom: 24px; }
	.recruitNav ul { margin-bottom: 8px; line-height: 0; }
	.recruitNav ul li { display: inline; margin-right: 26px; }
	.recruitNav ul li.btnLast { margin-right: 0; }

	table#recruit-table {
		border: #863b14 solid 1px;
		border-bottom: none;
		margin-bottom: 24px;
	}
	table#recruit-table th {
		border-right: #863b14 solid 1px;
		border-bottom: #863b14 solid 1px;
		padding: 10px 8px;
		color: #863b14;
		text-align: center;
		font-weight: normal;
		vertical-align: top;
	}
	table#recruit-table td {
		border-bottom: #863b14 solid 1px;
		padding: 10px 16px;
	}
	table#recruit-table .bg01 {	background-color: #f2ebe5; }
	table#recruit-table .bg02 {	background-color: #e7d8cf; }

	ul#recruitList { margin-bottom: 36px; }
	ul#recruitList li {
		background: url(../../imgs/recruit/recruit-list-icon.gif) no-repeat left 6px;
		padding-left: 20px;
	}

	.recruit-boxLeft {
		float: left;
		width: 184px;
		margin: 0 36px 12px 0;
	}
	.recruit-boxRight {
		float: left;
		width: 360px;
		margin: 0 0 24px;
	}

	.recruit-boxInterview {
		float: right;
		width: 184px;
		margin: 0 0 24px 36px;
	}

	.recruit-textCaution {
		color: #ce1126;
	}

	/* indonesia */
	.recruitNav-id { margin-bottom: 24px; }
	.recruitNav-id ul { line-height: 0; }
	.recruitNav-id ul li { display: inline; margin-right: 12px; }
	.recruitNav-id ul li.btnLast { margin-right: 0; }


/* series */
	.series-left {
		float: left;
		width: 404px;
		margin-right: 24px;
		margin-bottom: 12px;
	}
	.series-left dl { margin-bottom: 16px; }
	.series-left dl dt {
		float: right;
		width: 160px;
		margin-left: 12px;
		text-align: left;
	}
	.series-left dl dt span.seriesCap {
		font-size: 10px;
		line-height: 16px;
	}
	.series-left dl dd {
	}
	.series-left span.textRed {
		color: #ce1126;
		font-weight: bold;
	}

	.series-right {
		float: left;
		width: 200px;
		background-color: #e7d8cf;
		margin-bottom: 12px;
	}
	.series-right-inner {
		width: 184px;
		padding: 8px;
	}
	dl.series-navi {
		margin-bottom: 12px;
		background-color: #e7d8cf;
	}
	dl.series-navi dt {
		clear: both;
		float: left;
		width: 36px;
		margin-right: 12px;
		margin-bottom: 8px;
	}
	dl.series-navi dd {
		float: left;
		width: 136px;
		margin-bottom: 8px;
		font-size: 11px;
		line-height: 15px;
	}
	.series-right-inner p.prof-name {
		color: #ce1126;
		font-weight: bold;
	}
	.series-right-inner p.prof-desc {
		font-size: 10px;
		line-height: 16px;
	}

	/* 06 */
	#series-06-table { border-collapse: collapse; }
	#series-06-table th,
	#series-06-table td { border: #999999 1px solid; padding: 4px 8px; vertical-align: top; }
	#series-06-table th {	background-color:#CCCCCC; padding: 4px 8px; text-align:center; }
	#series-06-table td.tabletitle-06 { text-align:center; }

/* link */
	#link-box01 {	margin-bottom: 24px; }
	#link-box01 ul { margin-bottom:16px; }
	#link-box01 ul li {
		float: left;
		width: 193px;
		margin-right: 24px;
	}
	#link-box01 ul li.btnLast {
		margin-right: 0;
	}
	#link-box01 ul li dl {}
	#link-box01 ul li dl dt { margin-bottom:6px; }
	#link-box01 ul li dl dd {
		font-size: 10px;
		line-height: 16px;
	}

	#link-other-wrapper {
		clear: both;
		background:url(../../imgs/link/link-other-bg.jpg) no-repeat bottom right;
		margin-bottom: 24px;
	}
	#link-other-wrapper ul {}
	#link-other-wrapper ul li {
		float: left;
		width: 193px;
		margin-right: 24px;
	}
	#link-other-wrapper ul li.btnLast {
		margin-right: 0;
	}
	#link-other-wrapper ul li dl {}
	#link-other-wrapper ul li dl dt {
		float: left;
		width:85px;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	#link-other-wrapper ul li dl dd {
		float: left;
		width: 96px;
		margin-bottom: 12px;
		font-size: 10px;
		line-height: 16px;
	}


/* misc */
	/* eco */
	#eco-intro {
		width: 628px;
		height: 278px;
		margin-bottom: 24px;
		background: url(../../imgs/misc/eco-intro-bg.jpg) no-repeat top left;
	}
	#eco-intro-desc {
		width: 502px;
		padding: 90px 0 0 102px;
		line-height: 20px;
	}

	/* information */
	ul#infoList {}
	ul#infoList li {
		clear: both;
		margin-bottom: 16px;
	}
	ul#infoList li h3 {
		float: left;
		width: 102px;
		background: url(../../imgs/misc/info-icon.gif) no-repeat left center;
		color: #863b14;
		padding-left: 20px;
	}
	ul#infoList li h2 {	float: left; width:458px;}
	ul#infoList li h2 span { color: #863b14; font-weight:bold; }
	ul#infoList li h2 p {	color: #447a25; margin-top: 4px; font-size: 10px; line-height:16px; }
	ul#infoList li h2 p img { border: #b4856c solid 1px; padding: 1px; }

	/* honeycoco */
	#honey-intro { margin-bottom: 24px; }
	#honey-intro dl {}
	#honey-intro dl dt {
		float: left;
		width: 282px;
		margin-right: 32px;
	}
	#honey-intro dl dd {
		float: left;
		width: 314px;
	}

	.honey-box01 {
		clear: both;
		margin-bottom: 24px;
	}
	.honey-box01 dl {}
	.honey-box01 dl dt {
		float: left;
		width: 364px;
		margin-right: 24px;
		padding-top: 16px;
	}
	.honey-box01 dl dd {
		float: left;
		width: 240px;
	}

	.honey-box02 {
		clear: both;
		margin-bottom: 24px;
	}
	.honey-box02 dl {}
	.honey-box02 dl dt {
		float: left;
		width: 240px;
		margin-right: 24px;
	}
	.honey-box02 dl dd {
		float: left;
		width: 364px;
		padding-top: 16px;
	}

	#honey-link {
		clear: both;
		color: #457a25;
		margin-bottom: 36px;
		text-align: center;
	}

	#honey-items {
		clear: both;
	}
	#honey-items ul {
		line-height: 0;
	}
	#honey-items ul li {
		display: inline;
	}
	#honey-items ul li img {
		margin-bottom: 12px;
	}


	/* terakoya */
	#tera-intro { margin-bottom: 24px; }
	#tera-intro dl {}
	#tera-intro dl dt {
		float: left;
		width: 292px;
		margin-right: 24px;
	}
	#tera-intro dl dd {
		float: left;
		width: 312px;
	}