@charset "utf-8";

/* CSS Document */

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

* 名前: top.css
* 説明: トップページ用CSS

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

body {
font-size:75%;
line-height: 1.6;
}


/* 左サイド領域 + メイン領域
========================================== */
#top #left_contents {
float:left;
width:674px;
}

/* 左サイド領域
========================================== */

#top #side_contents {
float:left;
width:210px;
}

/* メイン領域
========================================== */

#top #main {
float:right;
width:450px;
}



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

main（メイン領域）

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


/* Flash領域
========================================== */

#top .top_img_box{
margin:0 0 15px 0;
}


/* お知らせ
======================================== */

#top .info_box {
margin-bottom:10px;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
}

#top h2.list_title_01,
#top h2.list_title_02 {
  margin: 0;
padding: 0;
}



#top div.list_title_box {
  margin: 0;
padding:0 20px 0 0;
height:35px;
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
background: url(../images/bg_list_title.gif) repeat-x left center;
}

#top span.list_title01 {
float:left;
  margin: 0;
}

#top span.list_rss {
float:right;
  margin: 0;
padding:10px 0 0 15px;
font-size:12px;
font-weight:bold;
height:25px;
background: url(../images/icon_list_rss.gif) no-repeat 0 55%;
}

#top span.list_rss a{
text-decoration:none;
}

/* お知らせトピックス
======================================== */

#top div.topics{
  margin: 0 auto;
padding-bottom:15px;
width:420px;
  border-bottom:dotted 2px #cccccc;
}

#top div.topics p.left_box{
  float: left;
  margin: 0;
padding-left:10px;
width:270px;
}

#top div.topics p.left_box2{
  margin: 0;
padding-left:10px;
}

#top div.topics p.right_box{
  float: right;
  margin: 0;
width:130px;
}





/* お知らせリスト
======================================== */

#top dl.info_list{
  margin: 0 5px 0 5px;
padding:10px 10px;
}

#top dl.info_list dt,
#top dl.nyusi_list dt {
  float: left;
  margin: 0;
}

#top dl.info_list dt img,
#top dl.nyusi_list dt img {
vertical-align: middle;
}

#top dl.info_list dt span.date,
#top dl.nyusi_list dt span.date {
  margin: 0 6px 0 0;
}

#top dl.info_list dd,
#top dl.nyusi_list dd {
  margin-bottom: 0.6em;
  margin-left: 11em;
}

#top .btn_ichiran {
text-align:right;
  margin: 0 10px 10px 0;
}


/* 入試情報
======================================== */

#top .nyusi_box {
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
}

#top dl.nyusi_list{
  margin: 0 5px 0 5px;
padding:10px 10px;
height:142px;
overflow:auto;
}

#top div.list_title_box2 {
  margin-top: 10px;
padding:0 20px 0 0;
height:35px;
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
background: url(../images/bg_list_title.gif) repeat-x left center;
}



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

side_contents （左サイド領域）

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


/* サイドナビ
======================================== */

#top div.sidenavi_area {
text-decoration:none;
margin-bottom:10px;
padding: 3px;
background:#e0d9d1;
}

/* カテゴリー名 */
#top p.side_navi_title {
  padding: 5px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background:#932243;
text-align:center;
}

#top p.side_navi_title a{
display:block;
text-decoration:none;
width:204px;
}

/* カテゴリー名2 */
#top p.side_navi_title02 {
  padding: 5px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background:#223793;
text-align:center;
}

#top p.side_navi_title02 a{
display:block;
text-decoration:none;
width:204px;
}


/* ページ名 */
#top ul.side_navi{
margin:0;
padding:0;
list-style-type:none;
display:block;
width:202px;
border-right:1px solid #b38c4f;
border-left:1px solid #b38c4f;
}

#top ul.side_navi li{
list-style-type:none;
margin:0;
border-bottom:1px solid #b38c4f;
}

#top ul.side_navi li a{
display:block;
text-decoration:none;
padding:6px 0 6px 20px;
width:182px;
background: #ffffff url(../images/icon_list01.gif) no-repeat 5px 50%;
}

#top ul.side_navi li a:hover{
background: #f6f2eb url(../images/icon_list01.gif) no-repeat 5px 50%;
}

#top ul.side_navi li.page,
#top ul.side_navi li.page:hover{
background: #f6f2eb url(../images/icon_list01.gif) no-repeat 5px 50%;
}


