@charset "Shift_JIS";
@import "common.css";


/* トップページ メインエリア
---------------------------------------------------- */
#top_main{
width: 782px;
margin:0 auto;
text-align:left;
}

#top_main h2{
text-align:center;
margin-bottom:5px;
}

#top_main h3{
margin-bottom:5px;
}

#top_main h4{
margin-bottom:5px;
}


#top_main li{
background: url(img/icon_list.gif) no-repeat left top;
padding:0 0 0 15px;
margin:0 0 0 0;
}

#top_main ul{
list-style:none;
}


/* トップページ メインエリア MENU部分
---------------------------------------------------- */
#top_main_l {
float:left;
width:573px;
margin:0;
padding:0;
}

#top_main_l_bg {
width:573px;
margin:0;
padding:0px 0px 0px 11px;
background:url(img/top_menu_bg.gif) left top repeat-y;
}

#top_main_l h3 a{
width:281px;
height:49px;
display:block;
text-indent: -9999px;
text-decoration: none;
}

#top_main_l h3 a:hover{ background-position:0 -49px; }

#cate01 a{ background:url(img/top_btn01-2.gif) no-repeat;}
#cate02 a{ background:url(img/top_btn02.gif) no-repeat;}
#cate03 a{ background:url(img/top_btn03.gif) no-repeat;}
#cate04 a{ background:url(img/top_btn04.gif) no-repeat;}
#cate05 a{ background:url(img/top_btn01.jpg) no-repeat;}
#cate06 a{ background:url(img/top_btn06.gif) no-repeat;}
#cate07 a{ background:url(img/top_btn07.gif) no-repeat;}
#cate08 a{ background:url(img/top_btn08.gif) no-repeat;}

#top_main h4{
width:281px;
height:49px;
text-indent: -9999px;
margin-bottom:5px;
}

#cate01t { background: url(img/top_text01-2.gif);}
#cate02t { background: url(img/top_text02.gif);}
#cate03t { background: url(img/top_text03.gif);}
#cate04t { background: url(img/top_text04.gif);}


#top_main h5{
width:281px;
height:24px;
text-indent: -9999px;
margin-bottom:10px;
}

#cate01t_a { background: url(img/top_text01a.gif) no-repeat; margin-top:15px;}
#cate01t_b { background: url(img/top_text01b.gif) no-repeat; margin-top:30px;}

#top_main_l ul{
list-style:none;
}

.ul_waku{
background:url(img/top_menu_end02.gif) no-repeat bottom;
padding-bottom:15px;
}

.ul_line{
background: url(img/juken_line.gif) no-repeat bottom;
padding-bottom:15px;
}

#top_main_l li{
background: url(img/icon_list.gif) no-repeat left top;
padding:0 8px 3px 15px;
margin:0 0 3px 14px;
}

.top_menu {
float:left;
width:281px;
}

.top_menu2 {
float:left;
width:562px;
margin-left:20px;
}

.top_menu_end{
clear:both;
width:562px;
height:15px;
background:url(img/top_menu_end.gif) repeat-y;
}


/* キャンパスペイ
---------------------------------------------------- */
#top_campuspay a{
width:553px;
height:56px;
display:block;
background:url(img/banner_campuspay.jpg) no-repeat;
text-indent: -9999px;
margin:10px 0 10px 13px;
}

#top_campuspay a:hover{ background-position:0 -56px; }



/* 一人暮らしサポート
---------------------------------------------------- */
#top_hitori a{
float:left;
width:553px;
height:56px;
display:block;
background:url(img/banner_hitori.gif) no-repeat;
text-indent: -9999px;
margin:10px 0 10px 15px;
}

#top_hitori a:hover{ background-position:0 -56px; }


/* ブログ
---------------------------------------------------- */
#top_blog a{
float:left;
width:553px;
height:56px;
display:block;
background:url(img/banner_blog.gif) no-repeat;
text-indent: -9999px;
margin:10px 0 10px 15px;
}

#top_blog a:hover{ background-position:0 -56px; }


/* トップページ メインエリア 右部分
---------------------------------------------------- */

#top_main_r {
float:right;
width:177px;
margin:8px 0 0 0;
padding:0 20px 0 0;
}

#top_info{
width:177px;
background:url(img/side_bg.gif) repeat-y;
border-bottom:1px solid #D1D1D1;
}

#top_info h3{
width:177px;
height:42px;
background:url(img/side_title.gif) no-repeat;
text-indent: -9999px;
}

#top_info p{
margin:0 8px 5px 8px;
}


#top_toi a{
background:url(img/side_toi.jpg) no-repeat;
width:165px;
height:32px;
display:block;
margin:0 0 5px 5px;
padding:0;
text-indent: -9999px;
text-decoration: none;
}

#top_toi a:hover{ background-position:0 -32px; }

#top_banner h3{
width:177px;
height:14px;
background: url(img/banner_title.gif) no-repeat bottom left;
text-indent: -9999px;
margin:15px 0 0 0;
padding:0;
font-size:10px;
}

#top_banner ul{
list-style:none;
}

#top_banner li{
margin:3px 0;
}

/* 営業時間の表
---------------------------------------------------- */


table.shop_hours{
width:533px;
height:20px;
border:1px #e3e3e3 solid;
}

table.shop_hours th{
height:20px;
border:1px #e3e3e3 solid;
background-color:#3366ff;
color:#ffffff;
text-align:center;
}

table.shop_hours td{
height:20px;
border:1px #e3e3e3 solid;
text-align:center;
}

tabel.shop_hours col.tenpomei{
width:113px;
}

tabel.shop_hours col.kikan1{
width:100px;
}

tabel.shop_hours col.kikan2{
width:100px;
}

tabel.shop_hours col.kikan3{
width:100px;
}

tabel.shop_hours col.kikan4{
width:100px;
}

tabel.shop_hours col.kikan5{
width:100px;
}


/* 店舗連絡先の表
---------------------------------------------------- */


table.shop_tel{
width:533px;
height:20px;
border:1px #e3e3e3 solid;
}

table.shop_tel th{
height:20px;
border:1px #e3e3e3 solid;
background-color:#3366ff;
color:#ffffff;
text-align:center;
}

table.shop_tel td{
height:20px;
border:1px #e3e3e3 solid;
text-align:center;
}

tabel.shop_tel col.tenpomei{
width:113px;
}

tabel.shop_tel col.kikan1{
width:100px;
}

tabel.shop_tel col.kikan2{
width:100px;
}

tabel.shop_tel col.kikan3{
width:100px;
}

tabel.shop_tel col.kikan4{
width:100px;
}