﻿
/* ===============================

   www.bcja.net
   basic.css
   最終更新日:2010年8月12日（木） 

=============================== */
@charset"utf-8";

body,table,th,td,div,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd{margin:0;padding:0;}

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-family:Verdana, Helvetica, Lucida Grande, Lucida, Arial, Sans-serif;
background-image : url(../img/wallpaper2.gif);
background-repeat:repeat-y;
width:780px;
font-size:0.8em;
}

/* ヘッダ
-------------------------------------------------------------------- */
#header{margin-bottom:75px;}
/* 大見出し */
#header h1{
font-size:130%;
color:#339900;
margin-top:20px;
margin-left:30px;
}
/* 大見出し下の説明文 */
#header p.h1cap{
margin-left:30px;
margin-top:5px;
color:#333;
width:600px;
}
/* アクセスカウンタ */
#header #count{float:right;margin-top:0.5em;}



/* ヘッダ内サブメニュー
------------------------------------------------------------------------ */
#header #submenu{
position:absolute;
left:570px;
top:115px;
border:solid 1px #6b8e23;
width:180px;
}
#header #submenu ul{
margin-left:2px;
list-style-type:
none;padding:5px;
}
#header #submenu li{
margin-top:5px;
color:#333;
background:url(../img/list01.gif) no-repeat left center;
padding-left:20px;
}
#header #submenu a{
text-decoration:none;
color:#555;
display:block;
width:100%;
}
#header #submenu a:hover{
text-decoration:underline;
color:#000;
display:block;
width:100%;
}
#header #submenu a.active{
font-weight:bold;
display:block;
width:100%;
color:#80aa00;
text-decoration:none;
font-size:100%;
}
#header #submenu h3{
text-align:center;
background:#80aa00;
color:#fff;
margin:0;
font-size:100%;
}



/* サイドバー+コンテンツ
---------------------------------------------------------------------- */
#maincontainer{width:780px;}



/* コンテンツ
---------------------------------------------------------------------- */
#maincontainer #contents p{
line-height:160%;
margin-left:30px;
margin-top:0.7em;
color:#333;
}
#maincontainer #contents dd{margin-left:0;}
#maincontainer #contents .notice{
border:outset thin #F4FFD5;
background:#ffffea;
padding:0.3em;
margin:1em 0 1.5em 1.5em;
}
#maincontainer #contents .notice ul{
padding:0.5em 0 1.5em 3em;
}
#maincontainer #contents .notice ul li{
margin-top:0.5em;
line-height:150%;
}
#maincontainer #contents .notice p{
padding-bottom:0.5em;
padding-right:0.5em;
}

#maincontainer #contents .notice2{
border:solid 1px #408000;
background:#f4f4df;
margin:1.5em;
}
#maincontainer #contents .notice2 ul{margin-bottom:1em;}
#maincontainer #contents .notice2 ul li{margin-top:0.2em;line-height:140%;}



/* サイドバー（ナビゲーション、リンクバナー）
------------------------------------------------------------------------ */
/* サイドバー部分全体 */
#maincontainer #sidebar{
float:left;
width:160px;
padding-left:15px;
}
/* メインメニュー */
#maincontainer #sidebar #mainmenu li{
font-size:13px;
color:#fff;
font-weight:bold;
display:block;
width:100%;
list-style-type:none;
margin-top:6px;
}
#maincontainer #sidebar #mainmenu a{
text-decoration:none;
color:#fff;
display:block;
width:100%;
padding:5px;
border:solid 1px #6b8e23;
vertical-align:middle;
}
#maincontainer #sidebar #mainmenu a:hover{
text-decoration:none;
color:#fff;
display:block;
background:#80aa00;
}
#maincontainer #sidebar #mainmenu a.active{
text-decoration:none;
color:#669900;
display:block;
background:#fff;
font-weight:bold;
}
/* メインメニュー下・バナーのリンク部分 */
#maincontainer #sidebar #link{margin-top:40px;}
#maincontainer #sidebar #link li{list-style-type:none;margin-top:10px;}
#maincontainer #sidebar #link img{border:solid 1px #333;}




/*  ページトップへリンク
------------------------------------------------------------------------  */
#maincontainer p.pagetop{
text-align:right;
margin-top:40px;
}
#maincontainer p.pagetop a{
background:url(../img/pagetop.gif) no-repeat left center;
padding-left:15px;
}



/*  ページバックへ
------------------------------------------------------------------------  */
#maincontainer p.pageback{
text-align:right;
margin-top:35px;
}



/*  コンテンツ
------------------------------------------------------------------------ */
#maincontainer #contents{
float:left;
padding:0 0 30px 10px;
width:565px;
text-align:left;
}
#maincontainer #contents a{
text-decoration:underline;
color:#408000;
}
#maincontainer #contents a:hover{
text-decoration:underline;
color:#408000;
}
#maincontainer #contents a:hover{color:#003300;}
/* 見出し類 */
#maincontainer #contents h2{
font-size:110%;
color:#6b8e23;
margin:0.5em 0 2em 1.2em;
background:url(../img/h2back.gif) no-repeat bottom left;
}
#maincontainer #contents h2.sec{
font-size:110%;
color:#6b8e23;
margin:2.5em 0 2em 1.2em;
background:url(../img/h2back.gif) no-repeat bottom left;
}
#maincontainer #contents h3{
color:#786a5c;
margin-top:2em;
margin-left:20px;
font-size:100%;
border-left:solid 3px #786a5c;
padding-left:8px;
}
#maincontainer #contents h4{
color:#333;
border-bottom:solid 1px #333;
margin:1em 1em 0px 20px;
font-size:100%;
}
#maincontainer #contents .notice h4{
color:#333;
border-bottom:solid 1px #333;
margin:1em 1em 0px 10px;
font-size:100%;
}
#maincontainer #contents .notice p{
color:#333;
margin:1em 1em 0px 10px;
font-size:100%;
}
p.right{text-align:right;}




/*  ニューズレター
------------------------------------------------------------------------ */
#maincontainer #newsletter{
float:left;
padding:0 0 30px 10px;
width:565px;
text-align:left;
}
#maincontainer #newsletter .news{margin-top:40px;}
#maincontainer #newsletter h2{
font-size:110%;
color:#6b8e23;
margin:0.5em 0 2em 1.2em;
background:url(../img/h2back.gif) no-repeat bottom left;
}
#maincontainer #newsletter h3{
font-size:100%;
margin:20px 0 5px 20px;
padding-left:15px; 
background:url(../img/pdficon.gif) no-repeat bottom left;
}
#maincontainer #newsletter p{
line-height:160%;
margin-left:25px;
margin-top:0.7em;
color:#333;
}
#maincontainer #newsletter ul{
list-style-type:none;
margin-top:5px;
margin-left:25px;
}
#maincontainer #newsletter a{
text-decoration:underline;
color:#408000;
}
#maincontainer #newsletter a:hover{
text-decoration:underline;
color:#408000;
}
#maincontainer #newsletter a:hover{color:#003300;}
#maincontainer #newsletter h5{
color:#003300;
margin-left:2em;
}


/* フッター 
------------------------------------------------------------------------ */
#footer{
clear:left;
font-size:12px;
color:#555;
clear:both;
padding:30px 0 20px 20px;
}
#footer a{
text-decoration:underline;
color:#408000;
}


/*　トップページニュース、コンテンツ内目次のリスト
------------------------------------------------------------------------ */
ul.news,ul.mokuji{
margin-top:15px;
margin-left:1.5em;
list-style-type:none;
}
ul.news li,ul.mokuji li{
background:url(../img/newsmark.gif) no-repeat left top;
padding-left:15px;
padding-top:2px;
margin-top:1em;
line-height:1.6em;}

ul.plain{
margin-left:45px;
margin-top:10px;
}
ul.plain li{margin-top:5px;}

/* ------------------------------------------------------------------------ 募集要項の表 */
#maincontainer #contents #guide{
border-collapse:collapse;
border:1px solid #666;
border-spacing:0;
empty-cells:show;
margin:1.5em 0 1em 1.5em;
}
#maincontainer #contents #guide th{
background:#faffea;
color:#333;
padding:7px;
width:80px;
border:1px solid #666;
}
#maincontainer #contents #guide td{
background:#fff;
padding:7px;
border:1px solid #666;
}
#maincontainer #contents #guide p{
font-size:100%;
line-height:160%;
margin:5px;
}
#maincontainer #contents #guide ul{margin-left:20px;}
#maincontainer #contents #guide ol{
margin-left:25px;
margin-top:10px;
padding-left:2px;
}
#maincontainer #contents #guide li{padding:2px;}

/* ------------------------------------------------------------------------ ダウンロードアイコン */
.dlicon{float:right;}

/* ------------------------------------------------------------------------ 奨学生リスト */
.studentlist{
border-collapse:collapse;
empty-cells:show;
margin-top:1em;
margin-bottom:25px;
margin-left:25px;
width:540px;
}
.studentlist th{
border:1px solid #666;
background:#eff4df;
padding:5px;
color:#333;
}
.studentlist td{
border:1px solid #666;
background:#fff;
padding:5px;
}

p.rireki{
text-align:right;
margin-top:30px;
}
p.rireki a{
background:url(../img/past.gif) no-repeat left center;
padding-left:16px;
}
ul.past{
margin-left:45px;
margin-top:40px;
}
ul.past{line-height:1.6em;}

.report ul{
text-align:left;
margin-top:10px;
}


/*  よくある質問
------------------------------------------------------------------------ */
dl.qalist{margin:10px 0 10px 20px;}
/* ------------Q */
dl.qalist dt{
color:#408000;
background:url(../img/qback.gif) no-repeat left top;
padding-left:20px;
line-height:1.6em;
margin-top:30px;
}
/* ------------A */
dl.qalist dd{
color:#333;
margin-top:5px;
background:url(../img/aback.gif) no-repeat left top;
padding-left:20px;
line-height:1.6em;
}

dl.qalist dt.new{
color:#ff0000;
background:url(../img/qback.gif) no-repeat left top;
padding-left:20px;padding-top:1.2px;
line-height:1.6em;
margin-top:20px;
}
/* ------------A */
dl.qalist dd.new{
color:#ff0000;
margin-top:5px;
background:url(../img/aback.gif) no-repeat left top;
padding-left:20px;padding-top:1.2px;
line-height:1.6em;
}
dl.qalist p{margin-left:0;margin-top:0;}




/*  表
------------------------------------------------------------------------ */
table.transp{
border-collapse:collapse;
margin:10px 5px 10px 10px;}

table.transp th{
font-weight:normal;
width:150px;
vertical-align:top;
padding:5px;
}
table.transp td{padding:5px;}