@charset "utf-8";
/*-----------------------------------------------
0.RESET
1.LINK
2.BASE
3.HEADER
4.NAVI
5.FOOTER
6.TOPPAGE
7.CONTENTS
8.CLEARFIX
-------------------------------------------------*/
/*-----------------------------------------------
0.RESET
-----------------------------------------------*/
* {
padding:0px;
margin: 0px;
}
ul,
ol { list-style:none; }
img { border:none; }
caption,
map { display:none; }
/*strong { color:#f20000; }*/
em { color:#d6000f; font-weight:normal; font-style:normal; }
/*-----------------------------------------------
1.LINK
-----------------------------------------------*/
a:link,
a:visited { color: #4b0f0f; text-decoration:underline; }
/*a:visited { color: #003A86; text-decoration:underline; }*/
a:hover,
a:active { color: #f20000; text-decoration:underline; }
/*-----------------------------------------------
2.BASE
-----------------------------------------------*/
body { font-size:small; line-height:1.6em; color:#000; margin-top:0; padding-top:0;
min-width: 910px;}
#top,
#wrapper { margin:auto; width:900px; padding:10px 8px 22px!important; }
#leftcol { float:left; width:644px; }
#rightcol {
float:left;
width:127px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 19px;
}
#contents { width:580px; margin:0 32px 2em; min-height:620px; }
#contents2 { width:605px; margin:0 32px 2em 7px; min-height:620px; }/* 左はみだしレイアウト */
#bar {
display: none!important;
}
/*-----------------------------------------------
2.1 NEW BASE
----------------------------------------------*/
#leftcol_new {
float:left;
width:870px;
height: auto;
}
/*-----------------------------------------------
3.HEADER
-----------------------------------------------*/
#headnavibox { padding-left:34px; padding-bottom:10px; border-bottom:10px solid #ffebbe; margin-bottom:25px; }
#home { display:block; float:left; margin-top:17px; }
ul#headnavi { float:right; margin-right:9px; line-height:0; }
ul#headnavi li { float:left; margin-right:7px; }
/*-----------------------------------------------
4.NAVI
-----------------------------------------------*/
#rightcol h1 { margin-bottom:18px; }
#navi_kouza h2,
#navi_sixkouza h2 { margin-bottom:9px; }
#navi_kouza ul,
#navi_sixkouza ul { line-height:0px; }
#navi_kouza li,
#navi_sixkouza li { margin-bottom:9px; }
#navi_kouza li a,
#navi_sixkouza li a { min-height:13px; *height:13px/* IE only */;/* font-size:0px;*/ }
#navi_kouza li img,
#navi_sixkouza li img { vertical-align:bottom; }
#navi_kouza ul { margin-bottom:16px; }
#navi_sixkouza ul { margin-bottom:48px; }
/*-----------------------------------------------
5.FOOTER
-----------------------------------------------*/
#footer { border-top:10px solid #ffebbe; padding:10px 28px 50px 34px; clear:both; }
#footer #otoiawase { float:left; margin-right:7px; }
#footer #qrcode { float:left; padding:8px; border:1px solid #ffebbe; background-color:#fff; }
/*-----------------------------------------------
6.TOPPAGE
-----------------------------------------------*/
/*#leftcol h1#logo { margin-left:34px; margin-bottom:10px; width:580px; height:101px; background:url(../img/bk_logo.gif) left top no-repeat; clear:both; }*/
/*#main { margin-left:34px; margin-bottom:2px; padding:19px 0 0 21px; background: url(../img/bk_main_top.gif) left top no-repeat; height:371px; }*/
#copytop { margin-bottom:18px; }
#movbox { padding:3px; }
#mov { float:left; padding:7px 7px 7px 7px; width:320px; height:285px; }
ul#movbtn { float:left; padding-top:112px; line-height:0px; }
ul#movbtn li a { line-height:0; padding-top:0; min-height:30px; *height:30px/* IE only */; font-size:0; }
ul#movbtn li img { vertical-align:bottom; }
p.mediaplayer { margin-left:56px; margin-bottom:25px; width:440px; text-align:center; font-size:12px; }
#tricol { margin-left:28px; margin-bottom:2em; clear:both; }
#kouza { float:left; }
#sixkouza {
float:left;
padding-left: 20px;
}
#kouza ul,
#sixkouza ul { margin-left:6px; line-height:0px; }
#kouza li a,
#sixkouza li a { line-height:0px; min-height:40px; *height:40px/* IE only */; font-size:0; }
#kouza li img,
#sixkouza li img { vertical-align:bottom; }
#news { float:left; margin:2px 0 0 19px; width:184px; }
#news iframe { border-left:1px solid #ffebbe; border-right:1px solid #ffebbe; border-bottom:1px solid #ffebbe; height:289px; width:182px; }
#top #topics { margin-bottom:274px; }
#topics h2 { margin-bottom:14px; }
#topics ul { line-height:0px; }
#topics li { margin-bottom:6px; }
#topics li a { min-height:64px; *height:64px/* IE only */;/* font-size:0;*/ }
#topics li img { vertical-align:bottom; }
#link h2 { margin-bottom:14px; }
#link dl { }
#link dt { color:#664040; font-size:12px; line-height:1.4em; }
#link dd { margin-bottom:6px; }
/*-----------------------------------------------
7.CONTENTS
-----------------------------------------------*/
#leftcol h1 { background:url(../common/bk_h1.gif) left bottom no-repeat; padding-bottom:8px; margin-bottom:20px; }*/
#leftcol #contents2 h1,
#leftcol #contents2 h2 { margin-left:25px; }
#leftcol h3 { font-size:1.1em; margin-bottom:0.3em; }
#leftcol h3.mb1em { margin-bottom:1em; }
#leftcol p { margin-bottom:1em; }
#leftcol p.mb05em { margin-bottom:0.5em; }
#leftcol p.mb2em { margin-bottom:2em; }
/* FLOAT STYLES */
.floatleft { float:left; padding-right:15px; padding-bottom:15px; }
.floatright { float:right; padding-left:15px; padding-bottom:15px; }
.floatrightpb0 { float:right; padding-left:15px; padding-bottom:0; }
/* BOX STYLES */
.box_red { background-color:#d6000f; padding:12px; color:#fff; }
.box_gray { background-color:#e1d9d9; padding:12px; }
.box_cream { background-color:#fff5de; padding:20px; margin-bottom:1em; }
.box_green { background-color:#eff9dc; padding:20px; margin-bottom:1em; }
/* TEXT STYLES */
.normal { font-size:small; color:#000; font-style:normal; }
.smaller { font-size:0.95em; line-height:1.4em; }
.medium { font-size:medium; }
.student_link {
font-size:large;
color: #660000;
line-height: 200%;
}
h2.red { font-size:medium; font-weight:bold; margin-bottom:0.5em; color:#d6000f; }
h2.grayborder { font-size:medium; font-weight:bold; margin-bottom:0.5em; color:#300; border-left:10px solid #997f7f; border-bottom:1px solid #997f7f; padding:0.2em 0.5em; }
h2.redborder { font-size:medium; font-weight:bold; margin-bottom:0.5em; color:#d8000f; border-left:10px solid #eb9572; border-bottom:1px solid #eb9572; padding:0.2em 0.5em; }
h2.greenborder { font-size:medium; font-weight:bold; margin-bottom:0.5em; color:#000; border-left:10px solid #d1e9ac; border-bottom:1px solid #d1e9ac; padding:0.2em 0.5em; }
#student_link h2.greenborder { margin-bottom:0; }
h3.nihon { background-color:#c00; color:#fff; padding:3px 12px; margin-bottom:0.5em; }
h3.seiyo { background-color:#06c; color:#fff; padding:3px 12px; margin-bottom:0.5em; }
h3.seika { background-color:#ff9933; color:#fff; padding:3px 12px; margin-bottom:0.5em; }
h3.chugoku { background-color:#960; color:#fff; padding:3px 12px; margin-bottom:0.5em; }
h3.darkbrown { background-color:#300; color:#fff; padding:3px 12px; margin-bottom:0.5em; }
/* MARGIN PADDING STYLES */
#leftcol p.mb0 { margin-bottom:0; }
.mb03em { margin-bottom:0.3em; }
.mb05em { margin-bottom:0.5em; }
.mb1em { margin-bottom:1em; }
.mb2em { margin-bottom:2em; }
.pb10px { padding-bottom:10px; }
.pl12px { padding-left:12px; }
.pr4px { padding-right:4px; }
.pr6px { padding-right:6px; }
.pr10px { padding-right:10px; }
.pr20px { padding-right:20px; }
.pr29px { padding-right:29px; }
.pr30px { padding-right:30px; }
.pr35px { padding-right:35px; }
/* TABLE STYLES */
table.grayback { background-color:#e1d9d9; margin-bottom:1em; }
table.grayback th { padding:10px 20px; color:#300; vertical-align:middle; font-size:medium; text-align:center; }
table.grayback td { padding:10px 20px; color:#300; vertical-align:middle; border-left:1px solid #300; }
/* LIST STYLES */
ul.redsquare li { background:url(../common/limark_redsquare.gif) left 0.4em no-repeat; padding-left:17px; }
/* OTHER STYLES */
.clear { clear:both; }
#student_link { background:url(../topics/img/student_link/bk_link.gif) right top no-repeat; }
/*-----------------------------------------------
8.CLEARFIX
-----------------------------------------------*/
#top:after,
#wrapper:after,
#headnavibox:after,
ul#headnavi:after,
#movbox:after,
#tricol:after,
#footer:after,
dl.grayback:after,
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
/*overflow:hidden;*/
}
#top,
#wrapper,
#headnavibox,
ul#headnavi,
#movbox,
#tricol,
#footer,
dl.grayback,
.clearfix{display:inline-block;zoom:1;}
/* HIDE FROM MAC IE */
* html #top,
* html #wrapper,
* html #headnavibox,
* html ul#headnavi,
* html #movbox,
* html #tricol,
* html #footer,
* html dl.grayback,
* html .clearfix{height:1%;}
#top,
#wrapper,
#headnavibox,
ul#headnavi,
#movbox,
#tricol,
#footer,
dl.grayback,
.clearfix{
display:block;
}
/* END HIDE FROM MAC IE */
/* topページ リニューアル バナー */
#new_bunner_box {
float: left;
width: 204px;
height: auto;
padding-left: 45px;
}
.new_bunner_twitter {
width: 180px;
/*border: 1px solid #008eb9;*/
height: 300px;
background: #FFF;
clear: left;
float: left;
}
#new_bunner_box2 {
float: right;
width: 180px;
height: 365px;
}
/* ヘッダー Box */
#head_nenw {
float: left;
width: 905px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 20px;
display: inline;
line-height:0;
}
#top_border {
background: url(../common/top_border.png) repeat-x;
width: auto;
height: 4px;
vertical-align: bottom;
margin: 0px auto;
margin-bottom: 0px;
padding-bottom: 0px;
padding-bottom: 0px;
vertical-align: text-bottom;
/*_display: inline;*/
overflow:hidden;
}
#top_foot_box {
float: left;
width: 860px;
}
.kaigai_box {
border-right: 1px solid #b99d68;
border-bottom: 1px solid #b99d68;
border-left: 1px solid #b99d68;
width: 570px;
background: #FFF;
margin-bottom: 20px;
padding-bottom: 20px;
}
.kaigai_box2 {
border-right: 1px solid #b99d68;
border-bottom: 1px solid #b99d68;
border-left: 1px solid #b99d68;
width: 530px;
_width: 510px;
background: #FFF;
}