@charset "UTF-8";

/*
-------------------------------------------------------------------------------
best-kai.co.jp CSS（トップページ用）
-------------------------------------------------------------------------------
DATE   : 2009/06
AUTHOR : http://www.ntsys.co.jp
-------------------------------------------------------------------------------
*/
/*
-------------------------------------------------------------------------------
レイアウト
-------------------------------------------------------------------------------
*/

div#contentsWrapper div#imageTop{
	clear:both;
	width:800px;
}
div#contentsWrapper div#subTop{
	float:right;
	width:180px;
	margin:10px 0px 0px 0px;
}
div#contentsWrapper div#mainTop{
	float:left;
	width:610px;
	margin:10px 0px 0px 0px;
}


/*
-------------------------------------------------------------------------------
バナー
-------------------------------------------------------------------------------
*/

ul.banner{
	width:620px;
	margin:0px -10px 0px 0px;
}
ul.banner li{
	float:left;
	list-style:none;
	margin:0px 10px 10px 0px;
}
ul.banner li img{
	vertical-align:bottom;
}
/*
-------------------------------------------------------------------------------
お知らせ
-------------------------------------------------------------------------------
*/
div.frameNewsTop{
	background-image:url(/images/top/news/frame_news_bg.png);
	background-position:0% 100%;
	background-repeat:repeat-y;
}
div.frameNewsTop p.list{
	text-align:right;
	font-size:75%;
	padding:0px 5px 10px 0px;
}

ul.topNews li{
	clear:both;
	font-size:80%;
	list-style:none;
	width:600px;
	margin:2px 5px;
	padding:0.1em 0px;
}

ul.topNews li p.date{
	float:left;
	width:5em;
	line-height:140%;
}
ul.topNews li p.news{
	margin:0px 0px 0px 6em;
	line-height:140%;
}
ul.topNews li p.news a{
	line-height:140%;
}
ul.topNews li p.news a.outerLink{
	background-image:url(/images/common/icon/icon_outerlink.gif);
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
}

/*
-------------------------------------------------------------------------------
特徴
-------------------------------------------------------------------------------
*/
ul.topFeature{
	width:610px;
	margin:0px 0px 0px 0px;
}
ul.topFeature li{
	background-image:url(/images/top/feature/bg_best.png);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:300px;
	margin:0px 10px 0px 0px;
	list-style:none;
}
ul.topFeature li.high{
	margin:0px 0px 0px 0px;
}
ul.topFeature li h2{
	font-size:85%;
}
ul.topFeature li ul{
	padding:5px 5px;
}

ul.topFeature li ul li{
	background-image:url(/images/common/bullets/grade/bullet_junior.png);
	background-position:0px 4.5px;
	font-size:80%;
	width:auto;
	float:none;
	padding:0px 0px 0px 10px;
	margin:7px 0px 7px 0px;
	line-height:130%;
}
ul.topFeature li.high ul li{
	background-image:url(/images/common/bullets/grade/bullet_high.png);
}
ul.topFeature li div#feed ul li{
	background-image:none;
	margin:7px 0px 7px 0px;
	line-height:130%;
	list-style:none;
	padding:0px;
}
ul.topFeature li div#feed ul li p.date{
	float:left;
	width:2.5em;
	color:#06C;
	line-height:130%;
	font-family:Arial, Helvetica, sans-serif;
}
ul.topFeature li div#feed ul li p.title{
	margin:0px 0px 0px 3em;
	line-height:130%;
}
/*
-------------------------------------------------------------------------------
右カラム
-------------------------------------------------------------------------------
*/
div#subTop div{
	background-image:url(/images/top/panel/panel_bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0px 5px 1px 5px;
}
div#subTop div dl.phone dt{
	padding:10px 0px 4px 0px;
	font-size:10px;
}
div#subTop div dl.phone dd{
	font-size:10px;
}
div#subTop div dl.button dt{
	margin:10px 0px 0px 0px;
	font-size:10px;
}
div#subTop div dl.button dd{
	margin:5px 0px;
}

div#subTop div dl dt img,
div#subTop div dl dd img{
	vertical-align:bottom;
}

/*
-------------------------------------------------------------------------------
タブ付ローテートパネル
-------------------------------------------------------------------------------
*/
#rotator{
	background-image:url(/images/top/rotater/contents_bg.png);
	width:800px;
	clear:both;
}
/*タブ*/
ul.ui-tabs-nav{
	background-image:url(/images/top/rotater/tab_bg.png);
	background-position:0% 50%;
	background-repeat:repeat-x;	
	background-color:#F6F6F6;
	border:1px solid #DDDDDD;
	width:798px;
	clear:both;
	float:left;
}
ul.ui-tabs-nav li{
	border-right:1px solid #DDDDDD;
	float:left;
}
li.ui-tabs-nav-item,
li.ui-tabs-nav-item a{
	font-size:12px;
	list-style:none;
	vertical-align:bottom;
	white-space:nowrap;
	display:block;
}
/*通常タブ*/
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited{	
	font-weight:normal;
	color:#666666;
	background-image:url(/images/top/rotater/tab_bg_normal.png);
	background-position:0% 50%;
	background-repeat:repeat-x;
	text-decoration:none;
}

/*マウスオーバータブ*/
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active{
	background-image:url(/images/top/rotater/tab_bg_normal.png);
	background-position:0% 50%;
	background-repeat:repeat-x;
	color:#006699;
	text-decoration:underline;
}
#rotator .ui-tabs-nav-item a span{
	display:block;
	padding:1em; 
	cursor:pointer;
	font-weight:bold;
}
/*アクティブタブ*/
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active{
	background-image:url(/images/top/rotater/tab_bg_active.png);
	background-position:0% 50%;
	background-repeat:repeat-x;
	color:#006699;
	text-decoration:underline;
}
/*パネル設定*/
#rotator div.ui-tabs-panel{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear:left;
	color:#000;
	height:200px;
	clear:both;
}
#rotator div.ui-tabs-hide{
	display:none;
}
#rotator div.ui-tabs-panel h2{
	padding:10px 0px 0px 10px;
	font-size:100%;
	color:#00978D;
}
#rotator div.ui-tabs-panel p{
	padding:50px 0px 10px 10px;
	font-size:80%;
	color:#333333;
}
#rotator div.ui-tabs-panel dl{
	padding:65px 15px 0px 10px;
	float:left;
}
#rotator div.ui-tabs-panel dl dt{
	font-size:90%;
	font-weight:bold;
	color:#00978D;
	margin:0px 0px 5px 0px;
}
#rotator div.ui-tabs-panel dl dd{
	font-size:80%;
	margin:7px 0px;
}
/*パネル別設定*/
#rotator #fragment-1{
	background-image:url(/images/top/rotater/contents_bg_01.png);
}
#rotator #fragment-2{
	background-image:url(/images/top/rotater/contents_bg_02.png);
}
#rotator #fragment-2 h2,
#rotator #fragment-2 dt{
	color:#F90;
}
#rotator #fragment-2 dd a{
	background-image:url(/images/common/bullets/grade/bullet_elementary.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
}
#rotator #fragment-3{
	background-image:url(/images/top/rotater/contents_bg_03.png);
}
#rotator #fragment-3 h2,
#rotator #fragment-3 dt{
	color:#F60;
}
#rotator #fragment-3 dd a{
	background-image:url(/images/common/bullets/grade/bullet_junior.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
}
#rotator #fragment-4{
	background-image:url(/images/top/rotater/contents_bg_04.png);
}
#rotator #fragment-4 h2,
#rotator #fragment-4 dt{
	color:#390;
}
#rotator #fragment-4 dd a{
	background-image:url(/images/common/bullets/grade/bullet_high.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
}

/*
-------------------------------------------------------------------------------
Copyright 2009 Best gakushu kai Inc. All Rights Reserved.
-------------------------------------------------------------------------------
*/