@charset "Shift_JIS";
@import "yugafadetabs.css"; /*タブ切り替え*/

/* 基本 =======================================

どう転ぶか分からないので
とりあえず不必要な設定は極力はずしています。
例）padding: 0 0 0 ×px;
　　↓
　　padding-left: 10px;

=============================================== */

* {
	padding: 0;
	margin: 0;
}
body {
	font-size: 0.8em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Osaka,Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	line-height: 1.5;
	word-break: break-all;
	margin: 0 auto;
	padding: 30px 0;
	background: #ffffff url(../img/top/bg.jpg) repeat-x;
	border-top: 20px solid #FC0;;
}
li {
	list-style: none;
}
a img {
	border: 0;
}
.clearLine {
	clear: both;
}


/* ページ設定 =======================================

#initBox
	#subMenuBox
	#mainMenuBox
	#mainMenuShowcase
		.tabSubNaviBox
		.tabBox
	#newsBox
		.topicsBox
		.bannerBox
	#footerBannerBox
#copyrightBox

=============================================== */

#initBox {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

h1 {
	text-indent: -2000em;
	background: url(../img/top/title.gif) no-repeat 20px 0;
	height: 70px;
}

#subMenuBox ul {
	padding: 0 20px 20px 20px;
}
#subMenuBox ul li {
	float: left;
	text-indent: -2000em;
}
#subMenuBox ul li a {
	background-image: url(../img/top/submenu.gif);
	background-repeat: no-repeat;
	height: 10px;
	display: block;
	font-size: 7px;
}
#subMenuBox ul li.yTop a { width: 129px;}
#subMenuBox ul li.yTop a:hover { background-position: 0 -10px;}
#subMenuBox ul li.sitemap a { width: 85px; background-position: -129px 0;}
#subMenuBox ul li.sitemap a:hover { background-position: -129px -10px;}
#subMenuBox ul li.inquiry a { width: 85px; background-position: -214px 0;}
#subMenuBox ul li.inquiry a:hover { background-position: -214px -10px;}
#subMenuBox ul li.privacypolicy a { width: 105px; background-position: -299px 0;}
#subMenuBox ul li.privacypolicy a:hover { background-position: -299px -10px;}
#subMenuBox ul li.outline a { width: 65px; background-position: -404px 0;}
#subMenuBox ul li.outline a:hover { background-position: -404px -10px;}

#mainMenuBox {
	/*background: url(../img/top/photo.jpg) no-repeat;
	padding-top: 130px;*/
}
.photoSubImage {
	width: 140px;
	height: 56px;
	position: absolute;
	top: 34px;
	right: 4px;
	background: url(../img/top/photo_sub_image.png) no-repeat;
	display: block;
}
#mainMenuBox .btnControlBox {
	position: absolute;
	top: 200px;
	left: 0;
	padding-left: 21px;
}
#mainMenuBox ul li {
	float: left;
	width: 180px;
	margin: 20px 0 0;
}

#mainMenuShowcase {
	background: url(../img/top/waku.gif) no-repeat 0 100%;
	padding: 100px 20px 20px 20px;
	margin: 0 20px;
}
.objtabs1 .leftBox {
	width: 570px;
	float: left;
}
.objtabs1 .leftBox h3, .objtabs1 .leftBox p {
	padding-bottom: 5px;
}
.objtabs1 .leftBox dl {
	width: 275px;
	float: left;
}
.objtabs1 .leftBox dl dt {
	width: 80px;
	float: left;
}
.objtabs1 .leftBox dl dd {
	width: 185px;
	float: right;
	font-size: 10px;
}
.objtabs1 .leftBox dl dd h4 {
	font-size: 10px;
}
.objtabs1 .rightBox {
	width: 90px;
	line-height: 0px;
	float: right;
}
.objtabs1 .rightBox img {
	margin-bottom: 2px;
}

.tabSubNaviBox {
	width: 80px;
	float: left;	
	line-height: 0px;
}
.tabSubNaviBox img {
	margin-bottom: 2px;
}
.tabBox {
	width: 570px;
	float: right;
}
.tabBox h3, .tabBox p {
	padding-bottom: 5px;
}
.tabBox h4 {
	font-size: 10px;
}
.tabBox ul li {
	background: url(../img/top/listhead.gif) no-repeat 0 50%;
	padding-left: 15px;
}
.tabBox dl {
	width: 90px;
	height: 150px;
	float: left;
}
.tabBox dd {
	width: 80px;
	font-size: 10px;
}


#newsBox {
	padding: 0 20px 20px 20px;
}
.topicsBox {
	width: 540px;
	float: left;
}
.topicsBox h3 {
	padding-bottom: 10px;
}
.topicsBox p {
	padding-bottom: 10px;
}
.topicsBox li.goods {
	padding-bottom: 5px;
	padding-left: 120px;
	background: url(../img/top/category01.gif) no-repeat;
}
.topicsBox li.lesson {
	padding-bottom: 5px;
	padding-left: 120px;
	background: url(../img/top/category02.gif) no-repeat;
}
.topicsBox li.event {
	padding-bottom: 5px;
	padding-left: 120px;
	background: url(../img/top/category03.gif) no-repeat;
}
.topicsBox li.other {
	padding-bottom: 5px;
	padding-left: 120px;
	background: url(../img/top/category99.gif) no-repeat;
}
.topicsBox li img {
	margin-left: 5px;
}
.topicsBox .new {
	padding-right: 50px;
	background: url(../img/top/news.gif) no-repeat 100% 100%;
}


.bannerBox {
	width: 150px;
	float: right;
	background: url(../img/top/banner/head.gif) no-repeat;
	padding-top: 10px;
}
.bannerBox ul {
	background: url(../img/top/banner/bottom.gif) no-repeat 100% 100%;
	padding-left: 5px;
	padding-bottom: 5px;
	line-height: 0px;
}
.bannerBox img {
	margin-bottom: 2px;
}
.seasonBanner {
	border: 1px solid #CCC;
	text-align: center;
	width: 137px;
	background: #FFF url(../img/top/banner/topics.gif) no-repeat;
	padding-top: 72px;
}


.objtabs4 .leftBox h3, .objtabs4 .leftBox p, 
.objtabs4 .middleBox h3, .objtabs4 .middleBox p, 
.objtabs4 .rightBox h3, .objtabs4 .rightBox p {
	padding-bottom: 5px;
}
.objtabs4 .leftBox {
	/*width: 200px;*/
	width: 220px;
	float: left;
	/*background: url(../img/top/dotline.gif) repeat-y 185px 0;*/
	background: url(../img/top/dotline.gif) repeat-y 200px 0;
}
.objtabs4 .middleBox {
	/*width: 110px;*/
	width: 220px;
	float: left;
	/*background: url(../img/top/dotline.gif) repeat-y 100px 0;*/
	background: url(../img/top/dotline.gif) repeat-y 200px 0;
}
.objtabs4 .rightBox {
	/*width: 360px;*/
	width: 220px;
	float: right;
}
.objtabs4 .leftBox dl, .objtabs4 .middleBox dl, .objtabs4 .rightBox dl {
	width: 90px;
	height: 150px;
	float: left;
}
.objtabs4 .leftBox dl dd, .objtabs4 .middleBox dl dd, .objtabs4 .rightBox dl dd {
	width: 80px;
	font-size: 10px;
}

.objtabs4 .leftBox dl dd h4, .objtabs4 .middleBox dl dd h4, .objtabs4 .rightBox dl dd h4 {
	font-size: 10px;
}

/*特殊処理*/
/*.objtabs4 .leftBox p {
	width: 170px;
}*/
.objtabs4 .middleBox dl dt {
	display: none;
}
/*.objtabs4 .middleBox p {
	width: 80px;
}
.objtabs4 .middleBox dl dd {
	padding-bottom: 10px;
}
.objtabs4 .middleBox dl h4 {
	padding: 2px 5px;
	background: #D1787F;
	margin-bottom: 5px;
	color: #FFF;
}*/
.objtabs4 .middleBox dl {
	width: 90px;
	height: auto;
	padding-bottom: 5px;
	float: left;
}
/*特殊処理 end*/


#footerBannerBox p {
	padding-left: 20px;
	padding-bottom: 2px;
}
#footerBannerBox ul {
	padding-left: 20px;
}
#footerBannerBox ul li {
	float: left;
	text-indent: -2000em;
}
#footerBannerBox ul li a {
	background-image: url(../img/top/submenu02.gif);
	background-repeat: no-repeat;
	height: 30px;
	display: block;
}
#footerBannerBox ul li.pointCard a { width: 124px;}
#footerBannerBox ul li.pointCard a:hover { background-position: 0 -30px;}
#footerBannerBox ul li.recruit a { width: 105px; background-position: -124px 0;}
#footerBannerBox ul li.recruit a:hover { background-position: -124px -30px;}

#copyrightBox {
	margin-top: 20px;
	border-top: 1px solid #DAB28C;
	padding: 20px 0;
	text-align: center;
}