@charset "utf-8";
/*---------------------------------------------------------
	リセット
----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table { 
    border-collapse:collapse;
    border-spacing:0;
}
ol,ul {
    list-style:none;
}
img {
    border:0;
}
address,em,strong,th {
    font-style:normal;
    font-weight:normal;
}
th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}

/*---------------------------------------------------------
	タグ初期設定
----------------------------------------------------------*/
body {
	background:url(common/body_back.gif);
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック";
	font-size: 14px;
	_font-size: 87%; /* IE6 */
	line-height:1.5;
}
a:link {
	color:#03C;	
}
a:visited {
	color:#93C;	
}
a:active {
	color:#F30;	
}
a:hover {
	color:#F30;	
}

/*---------------------------------------------------------
	レイアウト
----------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#Container {
	margin:0 auto;
	padding:0;
	width:905px;
	background:url(common/content_back.gif) repeat-y;
}

/*---------------------------------------------------------
	ヘッダー
----------------------------------------------------------*/
div#Header {
	margin:0 0 0 2px;
	width:901px;
	background:url(common/head_back.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#Header h1,
div#Header p#Title {
	float:left;
	width:500px;
	padding: 10px 0 0 11px;
}
div#Header div {
	padding:22px 10px 5px 0;
	float:right;
}
div#Header div p.Ja {
	line-height:120%;
}
div#Header div p.En {
	margin:0 0 10px 0;
	font-size:90%;
	line-height:120%;
}
div#Header div p#Btn {
	text-align:right;
}

/*---------------------------------------------------------
	グローバルメニュー
----------------------------------------------------------*/
ul#GlobalMenu {
	padding-left:6px;
	clear:both;
	line-height:1;
}
ul#GlobalMenu li {
	display:inline;
}

/*---------------------------------------------------------
	フッター
----------------------------------------------------------*/
div#Footer {
	padding:13px;
	background:url(img/foot_back.gif) top no-repeat;
	clear:both;
}
div#Footer p {
	text-align:right;
}
div#Footer p#SitePolicy {
	padding-left:20px;
	float:right;
}

/*---------------------------------------------------------
	コンテンツ共通部分
----------------------------------------------------------*/
div#Contents {
	margin-left:2px;
	padding:15px 6px 10px;
	width:889px;
	background:#FFFFE5;
}
img.NewIcon {
	margin-left:3px;
}
p#TextNavi {
	padding:0 0 10px;
	font-size:90%;
}

/*---------------------------------------------------------
	トップページ
----------------------------------------------------------*/

/*上部エリア*/
body#Top div#Banner {
	float:right;
	width:225px;
}

body#Top div#Lead {
	float:right;
	width:313px;
}
body#Top div#Lead p#Illust {
	padding: 5px 0 10px;
}
body#Top div#Lead p#LeadTxt {
	padding:30px 15px 30px 0;
}
body#Top div#Lead ul {
}
body#Top div#Lead ul li {
	margin: 0 0 5px 0;
	display: block;
	float: left;
}

body#Top div#Topics {
	float:left;
	width:345px;
	background:url(img/topics_back.gif) repeat-y;
}
body#Top div#Topics h3 {
	padding-top:12px;
	width:345px;
	background:url(img/topics_top.gif) no-repeat;
	text-align:center;
}
body#Top div#Topics ul {
	padding:10px 15px 22px;
	background:url(img/topics_bottom.gif) no-repeat bottom;
}
body#Top div#Topics ul li {
	padding:5px 0;
}
body#Top div#Topics ul li p.Title {
	font-weight:bold;
}
body#Top div#Topics ul li p.Photo {
	padding:0 10px 0 0;
	float:left;
	width:90px;
}
body#Top div#Topics ul li p.Txt {
	padding:5px 0;
	font-size:90%;
}
body#Top div#Topics ul li p.Detail {
	padding-right:10px;
	text-align:right;
}

/*下部エリア*/

body#Top div#BottomArea {
	margin-top:10px;
	clear:both;
}
body#Top div#BottomArea strong {
	font-weight:bold;
}
body#Top div#BottomArea div#InfoBlock {
	background:#FFFFE5;
	float:left;
	width:609px;
}
body#Top div#BottomArea div#InfoBlock h3, 
body#Top div#BottomArea div#Schedule h3 {
	padding:10px 0;
	text-align:center;
}
body#Top div#BottomArea div#InfoBlock p,
body#Top div#BottomArea div#Schedule p {
	padding:0 0 12px;
	text-align:center;
}
body#Top div#BottomArea div#InfoBlock ul {
	padding:0 0 9px 25px;
}
body#Top div#BottomArea div#InfoBlock ul li {
	padding:0 0 6px 20px;
	line-height:1.3;
}
body#Top div#BottomArea div#InfoBlock div#SchoolInfo {
	margin-bottom:10px;
	background:url(img/top_sch_back.gif) 0 70% repeat-y;
}
body#Top div#BottomArea div#InfoBlock div#SchoolInfo h3 {
	background:url(img/top_sch_top.gif) no-repeat;
}
body#Top div#BottomArea div#InfoBlock div#SchoolInfo ul li {
	background:url(img/top_sch_point.gif) 0 50%  no-repeat;
}
body#Top div#BottomArea div#InfoBlock div#SchoolInfo p {
	background:url(img/top_sch_bottom.gif) bottom no-repeat;
}
body#Top div#BottomArea div#InfoBlock div#StudentInfo {
	margin-bottom:10px;
	background:url(img/top_stu_back.gif) 0 70% repeat-y;
}
body#Top div#BottomArea div#InfoBlock div#StudentInfo h3 {
	background:url(img/top_stu_top.gif) no-repeat;
}
body#Top div#BottomArea div#InfoBlock div#StudentInfo ul li {
	background:url(img/top_stu_point.gif) 0 50%  no-repeat;
}
body#Top div#BottomArea div#InfoBlock div#StudentInfo p {
	background:url(img/top_stu_bottom.gif) bottom no-repeat;
}

body#Top div#BottomArea div#InfoBlock div#AreaInfo {
	background:url(img/top_area_back.gif) repeat-y;
}
body#Top div#BottomArea div#InfoBlock div#AreaInfo h3 {
	background:url(img/top_area_top.gif) no-repeat;
}
body#Top div#BottomArea div#InfoBlock div#AreaInfo ul li {
	background:url(img/top_area_point.gif) 0 50%  no-repeat;
}
body#Top div#BottomArea div#InfoBlock div#AreaInfo p {
	background:url(img/top_area_bottom.gif) bottom no-repeat;
}

body#Top div#BottomArea div#Schedule {
	float:right;
	background:url(img/top_event_back.gif) repeat-y;
	width:273px;
}
body#Top div#BottomArea div#Schedule h3 {
	background:url(img/top_event_top.gif) no-repeat;
}
body#Top div#BottomArea div#Schedule p {
	background:url(img/top_event_bottom.gif) bottom no-repeat;	
}
body#Top div#BottomArea div#Schedule ul {
	margin:0 15px 5px;
}
body#Top div#BottomArea div#Schedule ul li {
	line-height:1.3;
	padding-bottom: 10px;
}

/*よのなか科バナー*/
body#Top p#Yononaka {
	padding:5px 0;
	text-align:right;
}
body#Top p#Yononaka img {
	vertical-align:middle;
	margin-left: 5px;
}

/* ページトップ */
p#PageTop {
	clear:both;
	text-align:right;
}

/* オープン時お詫び文 */
div#Info080804 {
	padding:15px;
	margin-bottom:10px;
	border:1px solid #FF9900;
	background:#fff;
}
div#Info080804 strong {
	font-weight:bold;
}
/*---------------------------------------------------------
	各ブログウェブページ
----------------------------------------------------------*/
body#About h2 {
	padding-bottom:10px;
}
body#About div#Main {
	float:none;
	width:auto;
}

body#About div#Main h3 {
	background:none;
	padding:10px 0 5px;
	text-align:center;
	clear:both;
}
body#About h4 {
	font-weight:bold;
	margin:20px 0 10px;
}
body#About div#Main {
	padding-bottom:40px;
}
body#About div.SubContents,
body#movie div.SubContents {
	margin:0 auto 10px;
	width:810px;
}
body#About table,
body#movie table {
	margin-right:20px;
	border:none;
	border-collapse:collapse;
	border-top:1px dashed #CCC;
}
body#About table.NormalTable,
body#movie table.NormalTable {
	border:none;
	border-collapse:collapse;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
body#About .Left {
	float:left;
}
body#About .Right {
	float:right;
}
body#About th {
	padding:5px;
	background:#FFFF94;
	font-weight:normal;
	vertical-align:top;
	border-bottom:1px dashed #CCC;
	white-space:nowrap;
}
body#About td {
	padding:5px;
	border-bottom:1px dashed #CCC;
}
body#About table.NormalTable td,
body#About table.NormalTable th {
	padding:5px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
body#About table.NormalTable th {
	font-weight:bold;
	padding:5px 10px;
	background:none;
}
body#About p.LeftImg {
	float:left;
}
body#About dl dt {
	margin:10px 0 0;
	font-weight:bold;
}
body#About dl dd {
	margin-bottom:15px;
}
body#About ul.BlockList {
	padding:20px 0 0 30px;
	float:left;
}
body#About ul.BlockList li {
	margin-bottom:12px;
}
body#About ul.TextList,
body#movie ul.TextList {
	padding:0 0 10px 25px;
	list-style-type:disc;
}
body#About ol {
	list-style-type:decimal;
	padding-left:35px;
}
body#About ul.LeftList li,
body#About ol.LeftList li {
	padding-right:10px;
	display:inline;
}
body#About ol.LeftList li {
	padding-left:25px;
}
body#About div.SubContents p,
body#movie div.SubContents p {
	margin-bottom:12px;
}
body#About div.SubContents strong,
body#movie div.SubContents strong {
	font-weight:bold;
}
body#About div#Main div.SubContents h3,
body#movie div#Main div.SubContents h3 {
	margin-top:20px;
	font-weight:bold;
	font-size:120%;
	text-align:left;
}
body#About div#MessageText,
body#movie div#MessageText {
	padding:15px 15px 0;
	margin:25px auto;
	width:820px;
	border:1px solid #FC0;
	background:#FFF;
}
body#About div#MessageText p,
body#movie div#MessageText p {
	margin-bottom:15px;
}
body#About div#MessageText strong,
body#movie div#MessageText strong {
	font-weight:bold;
}
body#About p.RightCap,
body#movie p.RightCap {
	width:674px;
	margin:5px auto;
	font-size:90%;
	text-align:right;
}

/*---------------------------------------------------------
	トピックス
----------------------------------------------------------*/
body#Topics p.Catch{
	padding:10px 0 15px 10px;
	}


/*エントリーエリア*/
body#Topics div#Main {
	width:644px;
	float:left;
}

body#Topics div#Main h3{
	background:url(img/topics_entry_title_01.gif) no-repeat;
	padding:10px 10px 5px 10px;
	font-size:120%;
	font-weight:bold;
	line-height:1.2;
	}
	
body#Topics div#Main h3 a{
	color:#fff;
	}	
	
body#Topics div.Entry{
	margin-bottom:40px;
	}	
body#Topics div.Entry strong {
	font-weight:bold;
}
body#Topics div.Entry #more{
	clear:both;
}
body#Topics div.Entry ul {
	padding:10px 0 10px 20px;
}	
body#Topics div.Entry ul li {
	margin-bottom:10px;
	list-style-type:disc;
}
body#Topics div.Entry ol {
	padding:10px 0 10px 35px;
}	
body#Topics div.Entry ol li {
	margin-bottom:10px;
	list-style-type:decimal;
}		
body#Topics p.EntryDate{
	clear:both;
	padding:0 0 0 0;
	font-size:120%;
	font-weight:bold;
	}	
	
body#Topics div.EntryTxt{
	background:url(img/topics_entry_title_02.gif) no-repeat 0 0;
	padding:15px 5px 10px;
	}
	
body#Topics div.EntryTxt p{
	margin-bottom:10px;
	}		
	
body#Topics p.EntrtCon{
	font-weight:bold;
	clear: both;
	}
	
body#Topics p.EntrtCon a{
	color:#FF6600;
	}		

/*サイドメニュー*/

body#Topics div#Side {
	width:230px;
	margin-right:15px;
	float:left;
	background:url(img/topics_side_bk_02.jpg) no-repeat 0 100%;
}

body#Topics div#Side h3{
	background:url(img/topics_side_title.jpg) no-repeat;
	padding:6px 15px 8px 35px;
	margin-bottom:5px;
	font-weight:bold;
	margin-top:10px;
	}	
	
body#Topics div#Side h3#SideTop{
	background:url(img/topics_side_bk_01.jpg) no-repeat;
	padding:27px 15px 8px 35px;
	margin-top:0;
	}

body#Topics div#Side h4{
	border-bottom:1px solid #8AB434;
	font-weight:bold;
	padding:0 0 0 2px;
	margin:0 12px 10px 8px;
	}	
body#Topics div#Side ul{
	margin:0 10px 10px 0;
	}
body#Topics div#Side ul li{
	background:url(img/topics_side_icon.gif) no-repeat 15px 3px;
	padding:0 0 10px 35px;
	line-height:1.2;
}

body#Topics div#Side a{
	color:#333;
}