@charset "utf-8";

/*top.css*/

/* =========================================================
■ main-contents
========================================================= */
.top-page #side-contents {
	/*---float : right;---*/
	float: right;
	width : 200px;
	margin: 10px 10px 10px 0px;
	_margin: 10px 5px 10px 0px;
	padding: 0px;
	text-align: left;
}

.top-page #main-contents {
    float : left;
    width : 676px;
    margin: 10px 0 10px 10px;
	_margin: 8px 0 8px 4px;
    padding: 0px;
    text-align: left;
	overflow: hidden;
}


#head-bottom-txt{
	clear:both;
	font-weight:normal;
	padding:3px 0 0 5px;
}
.bunner-cam{
	width:674px;
	height:100px;
	margin: 0 auto 12px;
}
/* main */
#search-aria{
	margin:0;
	padding:0;
}
/* 地域で探す */
#box-search-local{
	width:414px;
	float:left;
	margin:0 6px 0 0;
	_margin:0 4px 0 0;
}
#box-search-local .tit{
	background:url(/img/tit_search_local.gif) no-repeat;
	width:414px;
	height:35px;
}
.tit-name{
	display:none;
}
.tit-txt{
	padding:9px 0 0 150px;
	_padding:8px 0 0 150px;
	display:block;
	color:#666;
	font-weight:normal;
}
.tit-txt2{
	padding:6px 0 0 210px;
	display:block;
	color:#666;
	font-weight:normal;
}
.box-search-local-bottom{
	width:413px;
	height:228px;
	/*background:#fff;*/
	margin:0 1px;
	padding:0;
}
.top-map-on{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.top-map-off{
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
/* 塾名で探す */
#box-search-brand{
	width:254px;
	float:left;
	margin:0 0 7px 0;
}

/* 塾名で探す-200912月までのデザイン */
#box-search-brand .tit{
	background:url(/img/top/v1.0_nttl_s1.png) no-repeat;
	width:255px;
	height:35px;
	text-indent:-9999px;
}

/*
#box-search-brand .tit{
	background:url(/img/top/v1.0_nttl_s1_0214.png) no-repeat;
	width:255px;
	height:35px;
	text-indent:-9999px;
}
*/

/*orignal */
.box-search-brand-bottom{
	width:234px;
	height:117px;
	background: url(/img/top_box_right_bottom.gif) bottom left no-repeat;
	padding:5px 10px;
}

/*
.box-search-brand-bottom {
	width:234px;
	height:117px;
	background: url(/img/top_box_right_bottom_0214.gif) bottom left no-repeat;
	padding:5px 10px;
}
*/

.box-search-brand-bottom ul{
  line-height:160%;
}
.box-search-brand-bottom li{
  list-style:none;
}
.box-search-brand-bottom li a{
	background:url(/img/icon_pink.gif) 0px 3px no-repeat;
	padding-left:10px;
}
.btn-search-brand{
	padding-top:5px;
	margin-left: 63px;
}
/* 地図で探す */
#top-p #box-search-map{
	width:254px;
	float:left;
	margin:0 0 10px 0;
}

/* 地図で探す2009.１１までのデザイン */
#top-p #box-search-map .tit{
	background:url(/img/top/v1.0_nttl_s2.png) no-repeat;
	width:254px;
	height:35px;
	text-indent:-9999px;
}

/*
#top-p #box-search-map .tit{
	background:url(/img/top/v1.0_nttl_s2_0214.png) no-repeat;
	width:254px;
	height:31px;
	text-indent:-9999px;
}
*/

.match-text {
	line-height: 16px;
	overflow: hidden;
}

.match-btn-top1203 {
	margin-left: 65px;
	margin-top: 5px;
}

#top-p .box-search-map-bottom{
	width:234px;
	/*height:65px;*/
	background: url(/img/top_box_right_bottom.gif) bottom left no-repeat;
	margin:0;
	padding:5px 10px 10px 10px;
	_padding:2px 10px 10px 10px;
	font-size:12px;
	color:#666;
	height: 61px;
}


#top-p .box-search-map-bottom form{
	padding-top:10px;
}

#top-p .box-input{
	border:1px solid #aaa;
	background:#fbfad4;
	float:left;
	font-size:12px;
	width:157px;
	_width:155px;
	color:#666;
	margin-right:5px;
}

#top-p .btn-search-map{
	float:right;
	width:70px;
	height:21px;
	float:right;
}

/* 特集 */
.box-sp {
	clear:left;
}
.box-sp .tit{
	background:url(/img/tit_sp.gif) no-repeat;
	width:673px;
	height:35px;
}
.box-sp-bottom{
	background:url(/img/box_main_bottom.gif) bottom left repeat-y;
	height:110px;
	padding:3px 10px 10px 10px;
}
.sp-inner{
	background:url(/img/box_special.gif) top left no-repeat;
	width:650px;
	height:107px;
	border-bottom:1px solid #ccd2bc;
	margin-bottom:6px;
}
.sp-inner2{
	background:url(/img/box_special.gif) top left no-repeat;
	width:650px;
	height:110px !important;
	border-bottom:1px solid #ccd2bc;
	margin-bottom:6px;
}

.img-sp{
	margin:10px;
	_margin:10px 10px 10px 5px;
	float:left;
	width:104px;
	height:71px;
}
.sp-inner dl{
	width:510px;
	_width:500px;
	height:71px;
	float:right;
	line-height:140%;
	margin:10px 10px 10px 0;
}
.sp-inner2 dl{
	width:510px;
	_width:500px;
	height:105px;
	float:right;
	line-height:140%;
	margin:10px 10px 10px 0;
}

.sp-inner dt,.sp-inner2 dt{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
.sp-inner dt img,.sp-inner2 dt img{
	padding:0 5px 0 0;
}

/* クチコミ */
.dan2top {
	width: 673px;
	margin: 0px 17px 10px 0px;
}

.dan2-lt {
	width: 332px;
	margin: 0px 0 10px 0px;
	float: left;
	overflow: hidden;
}

.dan2-rt {
	width: 332px;
	margin: 0px 0 10px 0px;
	float: right;
	overflow: hidden;
}

.cl {
	overflow: hidden;
    clear: both;
	height: 0px;
}


.box-voice {
	margin-top:10px;
	overflow: hidden;
}


/*---.box-voice .tit{
	background:url(/img/tit_voice.gif) no-repeat;
	width:673px;
	height:35px;
}---*/
.box-voice h2 {
	float: left;
	width: 162px;
	height: 35px;
	text-indent: -9999px;
	background: url(/img/tit_voice.gif) 0 0 no-repeat;
	overflow: hidden;
}


.box-voice-bottom {
	width: 313px;
	padding: 0px 10px 0px 10px;
	background: url(/img/page_top_inner_sp1105n.gif) 0 0 repeat-y;
	overflow: hidden;
	clear: both;

}


/* news */
.news-voice {
	margin: 10px 0 0px 0px;
	width: 313px;
}
/*---.box-voice .tit{
	background:url(/img/tit_voice.gif) no-repeat;
	width:673px;
	height:35px;
}---*/
.news-voice h2 {
	width: 333px;
	height: 35px;
	text-indent: -9999px;
	background: url(/img/news_conttitle1106.gif) 0 0 no-repeat;
}


.news-voice-bottom2no1 {
	width: 313px;
	padding: 0px 10px 0px 10px;
	background: url(/img/page_top_inner_sp1105n.gif) 0 0 repeat-y;
	height: 210px;
}


.news-inner {
	width:280px;
	padding: 5px 0 0 7px;
	_padding: 5px 0 0 7px;
}

.news-inner dl.orange {
	background:url(/img/news_091109icon.gif) 0 3px no-repeat;
	padding: 0px 5px 10px 15px;
	_padding: 0px 5px 10px 15px;
	width: 270px;
	/*---height: 75px;---*/

}

.news-inner dl.green {
	background:url(/img/topics_091109icon.gif) 0 3px no-repeat;
	padding: 0px 5px 10px 15px;
	_padding: 0px 5px 10px 15px;
	width:270ppx;
	/*---height: 75px;---*/

}

.news-inner dt{
	font-weight:bold;
}

.voice-inner{
	width:280px;
	padding: 0 0 0 15px;
	overflow: hidden;
}

.voice-inner dl{
	background:url(/img/icon_voice.gif) 0 0 no-repeat;
	padding:0 10px 0px 25px;
	width:270px;
	/*---height: 75px;---*/
	height: 53px;
}

.voice-inner dt{
	font-weight:bold;
}

div.box-voice-addBox {
	width: 333px;
	height: 37px;
	background:url(/img/box_main_bottom1105n.gif) bottom left no-repeat;
	overflow: hidden;
}

div.box-voice-addBoxnews {
	width: 333px;
	height: 38px;
	background:url(/img/box_main_bottom1105n.gif) bottom left no-repeat;
	overflow:hidden;
}


a.a_bvaB1 {
	margin-top: 5px;
	margin-right: 10px;
	text-align:right;
	float:right;
	clear:left;
	font-weight:bold;
	padding-right: 10px;
	background: url(/img/icon_orange.gif) right center no-repeat;
	overflow:hidden;
}

a.a_bvBc {
	float: left;
	display: block;
	width: 170px;
	height: 35px;
	text-indent: -9999px;
	background: url(/img/btn_kuchikomi.png) 0 0 no-repeat;
}

a:hover.a_bvBc {
	background-position: 0 -35px;
}

/* 4点 */
.box4-voice {
	clear:left;
	margin-top:10px;
}
.box4-voice .tit{
	background:url(/img/tit_voice.gif) no-repeat;
	width:673px;
	height:35px;
}

.box4-voice-bottom{
	background:url(/img/box_main_bottom.gif) bottom left no-repeat;
	height:110px;
	/*_height:180px;*/
	padding:5px 10px 5px 10px;
}

.box4-voice-bottom2no1{
	background:url(/img/box_main_bottom1105n.gif) bottom left no-repeat;
	height:230px;
	_height:180px;
	padding:5px 10px 5px 10px;
}
.voice4-inner{
	width:650px;
	padding:0 5px;
}

.voice4-inner dl{
	padding:0 10px 10px 0px;
	width:315px;
	height:100px;
	float:left;
}

.voice4-inner dl p.bltpt a {
	padding: 0 10px 0 0px;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
	background: url(../img/icon_orange.gif) no-repeat 0 0px;
	background-position: right;
	overflow: hidden;
}

.voice4-inner dl p.bltpt a:hover {
	padding: 0 10px 0 0px;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
	background: url(../img/icon_orange.gif) no-repeat 0 0px;
	background-position: right;
	color: #f74b37;
}

.ct400 {
	float:left;
	padding: 0 10px 0 0;
}

.voice4-inner dt{
	font-weight:bold;
	font-size: 14px;
}

/* 塾ナビについて */
.box-about {
	clear:left;
	margin-top:10px;
}
.box-about .tit{
	background:url(/img/tit_about.gif);
	width:673px;
	height:35px;
	text-indent:-9999px;
}

.box-about-bottom{
	background:url(/img/box_main_bottom.gif) bottom left no-repeat;
	height:100px;
	padding:5px 25px 10px 25px;
}
.about-inner{
	width:600px;
	padding:0 10px;
}


/* 詳しくは */
.more-look{
	font-size:12px;
}
.more-look img{
	padding:0 0 2px 0;
}
/* もっと見る */
.more-look2{
	text-align:right;
	float:right;
	clear:left;
	font-weight:bold;
	padding-right:20px;
}

/* 都道府県で探す  */
.box-search47 {
	clear:left;
	margin-top:10px;
}
.box-search47 .tit{
	background:url(/img/tit_serch_47.gif) no-repeat;
	width:673px;
	height:35px;
	text-indent:-9999px;
}

.box-search47-bottom{
	background:url(/img/box_main_bottom.gif) bottom left no-repeat;
	height:200px;
	padding:5px 20px 10px 20px;
	line-height:180%;
}
#area-select{
    margin:auto;
	width:560px;
}
#area-select dl{
	clear:both;
}
#area-select dt{
	 font-weight:bold;
	 float:left;
	 width:110px;
}
#area-select dd{
	float:left;
}
/* =========================================================
■ side-contents
========================================================= */
#btn-list a{
	background:url(/img/btn_list_off.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
	display:block;
	margin:0 0 13px 0;
	overflow:hidden;
}
#btn-list a:hover{
	background:url(/img/btn_list_on.gif) no-repeat;
	overflow:hidden;
}
.bunner-ad{
	width:200px;
	height:200px;
}

.sidebox-guide .tit{
	background:url(/img/tit_guide.gif) no-repeat;
	height:32px;
	text-indent:-9999px;
	margin-top:10px;
}
.sidebox-guide .img a{
	border:1px solid #999;
}
.img-guide{
	margin-top:5px;
}


.sidebox-pickup h3.tit {
	background:url(/img/tit_pickup.gif) no-repeat;
	height:32px;
	text-indent:-9999px;
	margin-top:5px;
	width: 200px;
	overflow: hidden;
}

.sidebox-pickup-bottom {
	background:url(/img/box_side_bottom.gif) bottom left no-repeat;
	padding:10px;
}




.sidebox-pickup-bottom dl{
	text-align:center;
	line-height:100%;
}
.sidebox-pickup-bottom dt a{
	width:80px;
	height:51px;
}
.sidebox-pickup-bottom dd {
	margin:5px 0 10px 0;
	line-height:120%;
}


.step-btn a {
background:url("/img/mobile/stepsosin_but.gif") no-repeat scroll 0 0 transparent;
display:block;
height:22px;
margin:8px 0 0 70px;
overflow:hidden;
text-indent:-9999px;
width:61px;
}

.step-bgtb {
background:url("/img/mobile/step_topttlb_bg.gif") no-repeat scroll 0 0 transparent;
height:180px;
width:200px;
}

.step-bgtext {
font-size:10px;
line-height:14px;
margin-left:10px;
overflow:hidden;
padding:7px;
}

.step-bgtb textarea {
border:1px solid #CCCCCC;
height:60px;
margin:5px 0 0 12px;
width:170px;
}

.mark {
	margin-top:10px;
	width: 200px;
}
.mark p{
	text-align:center;
	padding-bottom:5px;
	margin:0 auto;
}

.mark-naka {
	margin-top:10px;
	width: 200px;
	float:right;
}
.mark-naka p{
	text-align:center;
	padding-bottom:5px;
	margin:0 auto;
}

/* サイド検索 */
.side-search{
padding:6px 0 0;
width: 200px;
}
.side-search .side-search-title{
background: url(/img/tx_002.gif) no-repeat left top;
height: 0;
padding: 30px 0 0;
overflow: hidden;
}
.side-search-inner{
padding:8px 10px 5px;
background: #fff;
border: 1px solid #dbdbdb;
border-top: none;
}
.side-search .side-search-word{
margin:0 0 9px;
padding:0 0 7px;
border-bottom: 1px dashed #cccccc;
}
.side-search .side-search-word .hintTextbox {
	color:#c4c3c3;
	width:110px;
	margin:0 4px 0 0;
	padding:4px 3px;
	background:url(/img/top/bg_001.gif) repeat-x left top;
	border-color:#7c7c7c #c3c3c3 #c3c3c3 #999999;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	vertical-align:top;
}
.side-search .side-search-word .hintTextboxActive {
	width:110px;
	margin:0 4px 0 0;
	padding:4px 3px;
	background:url(/img/top/bg_001.gif) repeat-x left top;
	border-color:#7c7c7c #c3c3c3 #c3c3c3 #999999;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	vertical-align:top;
}

.side-search ul{
	list-style: none;
}
.side-search li{
background: url(/img/icon_yellow2.gif) no-repeat left center;
margin:0 0 9px 0;
padding:0 0 0 11px;
line-height: 100%;
}

/* 学習塾ナビ　メニュー */
.sidebox-menu {
	margin-top: 3px;
	margin-bottom: 5px;
}


.sidebox-menudatasub {
	margin-bottom: 5px;
	float: right;
	width: 205px
}


div.sidebox-menudatasub h3.titdata{
	background:url(/img/jukudate_titbg.gif) no-repeat;
	height:30px;
	width: 200px;
}

div.sidebox-menudatasub h3.titdata span.tx {
	float: right;
	padding:6px 15px 0 0;
	font-weight: 700;
}


.sidebox-menudata {
	margin-bottom: 5px;
	width: 200px;
/*
	_width: 200px;
	_margin-left: 5px;
*/
}

div.sidebox-menudata h3.titdata{
	background:url(/img/jukudate_titbg.gif) no-repeat;
	height:30px;
	width: 200px;
}

div.sidebox-menudata h3.titdata span.tx {
	float: right;
	padding:6px 15px 0 0;
	font-weight: 700;
}

div.sidebox-menudata h3.titdata span.txred {
	color: #FF3300;
}


div.sidebox-menu h3.tit{
	background:url(/img/tit_menu.gif) no-repeat;
	height:32px;
	width: 200px;
	text-indent:-9999px;
	overflow: hidden;
}

ul.ul_datakm {
	list-style-type: none;
}

ul.ul_datakm li{
	height: 22px;
	padding-left: 11px;
}
ul.ul_datakm li.km1 {
	background: url(../img/jukudate_km1.gif) no-repeat;
	padding: 0 0px 0 125px;
	color: #FF3300;
	font-size: 14px;
	font-weight: 700;
}

ul.ul_datakm li.km2 {
	background: url(../img/jukudate_km2.gif) no-repeat;
	padding: 0 0px 0 125px;
	color: #FF3300;
	font-size: 14px;
	font-weight: 700;

}



ul.ul_sm {
	list-style-type: none;
}

ul.ul_sm li {
	height: 22px;
}

ul.ul_sm li a {
	padding-left: 11px;
	background: url(/img/icon_yellow2.gif) 0 2px no-repeat;
}


/* 会社概要 */

.sidebox-gaiyo {
	margin: 0px 0 0px 0px;
	overflow:  hidden;
}

.sidebox-gaiyo p img {
	overflow:  hidden;
	margin: 0px 0 5px 0px;
}

.sidebox-gaiyo-bn a {
	overflow: hidden;
}

.sidebox-menu .titgaiyo {
	height:32px;
	text-indent:-9999px;
	background: url(/img/gaiyo/tit_menugaiyo.gif) no-repeat;
	display: block;
	width: 200px;
}

.titgaiyo-2 {
	height:32px;
	text-indent:-9999px;
	background:  url(/img/gaiyo/gaiyo_navititle2.gif) no-repeat;
	display: block;
	width: 200px;
	margin: 0 0 5px 0;
}

.tmd dl.co-prof {
	background:  url(/img/gaiyo/datalist_bg.gif) repeat-y;
	float:left;
	margin:0 0 5px 10px;
	padding: 5px 0 5px 20px;
	width: 600px;
}

.tmd dl.co-prof dt {
	float:left;
	margin:0;
	padding:0;
	width: 120px;
}


.tmd dl.co-prof dd {
	float:right;
	line-height: 160%;
	width:  480px;
}

.bgtb-box {
	margin: 0 0 0 0px;
	width: 600px;
	float: left;
}

.ttop {
	background: url(/img/gaiyo/bgtlb_top.gif) no-repeat;
	width: 670px;
	height: 34px;
}

.tmd {
	background: url(/img/gaiyo/bgtlb_mid.gif) repeat-y;
	width: 670px;
	overflow: hidden;
}

.tbtm {
	background: url(/img/gaiyo/bgtlb_btm.gif) no-repeat;
	width: 670px;
	height: 30px;
}


.unei {
	margin: 0 0 0 10px;
}
.ito-ttl2 img {
	margin: 10px 0 0 0px;
}



/* トップモバイルー */

.mobaile-top {
	margin-top: 8px;
	width: 200px;
	overflow: hidden;
}

.mobaile-bgtb {
	width: 200px;
	height: 100px;
	background: url(../img/mobile/mobail_topttlb_bg.gif) no-repeat;
}

.qr {
	padding: 5px 0 0 5px;
	float: left;
}


.mobaile-bgtext {
	font-size: 10px;
	width: 95px;
	float: right;
	overflow: hidden;
	line-height: 14px;
	padding: 17px 6px 0 0px;
}

