/*
Theme Name: hongo
Theme URI: 
Description: 
Version: 1.1
Author: codia
Author URI:
*/

* {
margin:0;
padding:0;
}

html{
overflow-y:scroll;
}

body {
margin:0;
padding:0;
text-align:center;
color:#444;
background: #fff;
line-height:1.3em;
font-size:0.95em;
background:url('images/bg.gif') repeat-x;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}

h4.stitle{
font-size:1em;
border-left:8px solid #6699cc;
padding-left:10px;
margin-bottom:10px;
}

p{
margin:0 0 10px 0;
}

img{
border:0;
}

.caution{
color:#840000;
}

#page {
margin:0px auto;
text-align:left;
padding:0px;
width:900px;
}

/*BEGIN HEADER*************************************/

#header {
width:900px;
height:90px;
color:#f60;
font-weight:normal;
text-align:left;
margin:0px auto 0 auto;
padding:0;
background:url('images/head_bg.gif') repeat-x;
}

#header h1 {
padding-top:14px;
}

#header-front-photo{
background: #e6eefb;
width:100%;
height:245px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
position: relative;
z-index:0;


}
/*head_nav_left*************************************/
#snav_Area{
width:278px;
margin-top:16px !important;
margin-top: 8px; /* for only IE6 style */  
float:right;
text-align:right;
}

#snav_AreaTop{
width:278px;

}

#snav_AreaMiddle{
width:278px;
margin-top:18px;
}

/*global_nav*************************************/
#dd {
margin:0 auto 0 auto;
width:900px;
padding: 0;
height:58px;
}

#dd li {
margin: 0;
padding: 0;
list-style: none;
float: left;
width:180px;
height:58px;
}

#dd li a.menu {
width:180px;
height:58px;
display: block;
text-align: center;
background: #1967a7;
margin: 0;
color: #FFF;
text-decoration: none;

}

#dd li a.menu:hover {
background: #1967a7;

}

.submenu {
width:178px;
background:url('images/subm_bg.png');
border-left: 1px solid #5970B2;
border-right: 1px solid #5970B2;
border-bottom: 1px solid #5970B2;
visibility: hidden;
position: relative;
z-index: 10;
}

.submenu a {
display: block;
font: 13px;
text-align: left;
text-decoration: none;
padding: 5px;
color: #2875DE;
}

.submenu a:hover {
background: #1967a7;
color: #FFF;
}

/*END HEADER***************************/



/***************Begin SIDEBAR************************/
#sidebar {
float:left;
width:227px;

}

#bannerTop{
background:url('images/banner_top.gif') no-repeat;
width:227px;
height:8px;
margin-top:20px;
}

#hitokotoTop{
background:url('images/hitokoto_t.jpg') no-repeat;
width:227px;
height:50px;
}
#picTop{
background:url('images/picup_t.gif') no-repeat;
width:227px;
height:33px;
margin-top:10px;
}

.hitokotoArea{
width:205px;
border-left:1px solid #beb9b9;
border-right:1px solid #beb9b9;
border-bottom:1px solid #beb9b9;
padding:10px;
margin-bottom:15px;
}

.hitokotoArea ul,li{
margin:0;
padding:0;
list-style-type:none;
line-height:none;
}

.hitokotoArea li{

padding-bottom:5px;
padding-top:5px;
border-bottom:1px dashed #666;
}




#backn{
width:205px;
text-align:right;
margin-top:5px;
}

#entry p.hitokoto{
padding:5px;
}

#bannerBottom{
background:url('images/banner_bottom.gif') no-repeat;
width:227px;
height:10px;
margin-bottom:20px;
}

#topbanner{
width:227px;
float:left;
margin-top:10px;
}

#bannerArea{
width:227px;
background:#e7e7e9;
}

#bannerArea a{
display:block;
width:216px;
padding-bottom:5px;
margin-left:6px;
}
.mov{
margin-top:20px;
}

/*******SIDEBAR END***************/

.subTitle{
margin:0;
padding:0;
}

#sub_n{
width:179px;
float:left;
font-size:12px;
line-height:none;
background:#fff;
margin-top:20px !important;
margin-top:10px;/* for only IE6 style */  

}

#sub_n ul{
border-top:solid 1px #115287;
border-left:solid 1px #115287;
border-right:solid 1px #115287;
}

#sub_n li{
border-bottom:solid 1px #115287;
}

#sub_n li a{
text-decoration:none;
display:block;
width:169px;
padding:8px 0 8px 8px;
color:#1967a7;
}

#sub_n li a:hover{
background:#589bd3;
color:#fff;
}

#content {
margin-top:20px;
float:left;
margin-left:44px;
629px;
}

#content_sub{
margin-top:20px !important;
margin-top:10px;/* for only IE6 style */  
float:left;
margin-left:31px;
width:690px;
}

#content_sub .post {
margin-left:0px;
}

#content_sub h2 {
background:url(images/title.gif) no-repeat;
height:40px;
width:676px;
padding-top:17px;
font:1.1em nomal;
color:#fff;
margin-bottom:15px;
padding-left:25px;
font-weight:bold;
}

#content_sub h2 a{
color:#444;
text-decoration:none;
}

#content .post {
margin-left:0px;
width:629px;
}

#content h2 {
background:url('images/title_l.gif') no-repeat;
height:42px;
width:599px;
padding-left:30px;
padding-top:18px;
font:1.1em nomal;
color:#fff;
margin-bottom:15px;
font-weight:bold;
}

#content h3{
background:#cdc8e6;
border:1px solid #9b94c3;
padding:5px 0 5px 10px;
font:1em nomal;
}

#content h3.titlebar{
background:none;
border:none;
padding:0;
margin:0;
}



#content h3.qa{
background:none;
border-left:10px solid #1c4084;
border-right:none;
border-top:none;
border-bottom:none;
padding:0 0 0 5px;
margin-bottom:10px;
font-size:1em;
font-weight:bold;
}

#content .entry {
margin-top:10px;
 }

p.postmetadata {
background:#f7f7f7;
border:1px solid #ccc;
padding:8px;
font-size:0.9em;
margin-top:10px;
margin-bottom:30px;
}

small.time,small.author,small.comments_count {
color:#888;
border-left:1px solid #aaa;
padding:10px;
}

small a {
color:#999;
}

small.time {
background:transparent url("images/date.png") no-repeat center left;
border:none !important;
padding-left:20px;
}

small.author {
background:transparent url("images/author.png") no-repeat center left;
padding-left:20px;
}

small.comments_count {
background:transparent url("images/comment.png") no-repeat center left;
padding-left:20px;
}

div.clear {
clear:both;
}

a {
color:#393b92;
}

a:hover {
color:#2b2c6e;
}
a img {
border:none;
}

div.comment_part {
margin-left:5px;
}

h3#comments {
color:#FF9933;
}

ul.commentlist {
list-style:none
}

ul.commentlist li {
background:#ddd;
margin:10px;
}

ul.commentlist li.alt {
background:#ccc;
border-radius: 12px;
}

ul.commentlist img.avatar {
display:block;
}

cite.comment_author {
color:#333;
text-transform:capitalize;
font-style: normal;
}

em.awaiting_moderation {
color:orange;
display:block;
background:#ddd;
font-size:10px;
border:1px solid orange;
margin:0px;
}

small.commentmetadata,small.commentmetadata a {
font-style:italic;
padding:3px;	
}

hr {
display:none;
}

#pagetop{
width:900px;
text-align:right;
margin:15px auto 0 auto;
clear:both;
padding-top:15px;
}

#footer {
background:url("images/foot_bg.gif") repeat-x;
padding:0px;
margin:0px;
height:88px;
}

#footer #wrap{
width:900px;
margin:0 auto 0 auto;
padding:6px 0 0 0;
text-align:left;
}
#wrap img{
float:left;
}
#flink{
float:right;
text-align:right;
margin-top:15px;

}
#flink a{
color:#4376a0;
font-size:0.85em;
}
#copy{
font-size:0.85em;
margin-top:5px;

}
/* Begin Images */

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin-right:10px;
}

.alignright {
float: right;
margin-left:10px;
}

/* End Images */


/* Begin Various Tags & Classes */


acronym, abbr {
border-bottom: 1px dashed #999;
}



.center {
text-align: center;
}

.hidden {
display: none;
}

/*Single posts Navigation*/

div.single_navigation {
font-size:0.8em;
margin-bottom:15px;	
}

div.single_navigation table {
width:684px;
border-bottom:1px solid #ddd;
}

div.single_navigation table a {
color:#666;
}

div.single_navigation table a:hover {
color:#FF9933;
}

td.single_alignleft,td.single_alignright {
width:325px;
}

td.single_alignright {
text-align:right;
border-left:1px solid #ddd;
}

.important_t{
width:629px;
height:34px;
background:url(images/important_t.gif) no-repeat transparent;
text-indent:-9999px;
border:none;
padding:0;
margin:0;

}

.school_t{
width:524px;
height:34px;
background:url(images/school_t.gif) no-repeat;
text-indent:-9999px;
float:left;
display:inline;
border:none;
padding:0;
margin:0;

}

.exam_t{
width:524px;
height:34px;
background:url(images/exam_t.gif) no-repeat;
text-indent:-9999px;
float:left;
display:inline;
border:none;
padding:0;
margin:0;
}

.brief_t{
width:524px;
height:34px;
background:url(images/brief_t.gif) no-repeat;
text-indent:-9999px;
float:left;
display:inline;
border:none;
padding:0;
margin:0;
}


.info_t{
width:524px;
height:34px;
background:url(images/info_title.gif) no-repeat;
text-indent:-9999px;
float:left;
display:inline;
border:none;
padding:0;
margin:0;
}

.ichiran{
float:left;
display:block;
}

.infoarea{
width:629px;
background:url('images/news_bg.gif') repeat-y;
clear:both;
}
.bottom{
width:629px;
background:url('images/news_bottom.gif') no-repeat;
height:23px;
margin-bottom:15px;
}

.infoarea ul,li{
margin:0;
padding:0;
list-style-type:none;
line-height:none;
}

.infoarea li{
margin-left:20px;
margin-right:20px;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px dashed #666;
}

.infoarea ul{
margin:0;
padding-top:15px;
}





/* table */

table.location {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
}

table.location caption{
margin-bottom:5px;
text-align:left;
}

table.location th,
table.location td {
border: solid 1px #999;
padding: 4px 6px;
}

table.location th {
background: #E6E6E6;
text-align: center;
white-space: nowrap;
color: #666;
width:100px;
}



table.tableform {
border-collapse: collapse;
border: solid 1px #999;
width:584px;
}

table.tableform th,
table.tableform td {
border: solid 1px #999;
padding: 4px 6px;
}

table.tableform th {
background: #E6E6E6;
text-align: center;
color: #666;
}

table.form {
border-collapse: collapse;
border: solid 1px #999;
width:688px;
margin-bottom:10px;
}

table.form th,
table.form td {
border: solid 1px #999;
padding: 5px;
}

table.form th {
background: #E6E6E6;
text-align: center;
color: #666;
font-weight:lighter;
}

table.form_s {
border-collapse: collapse;
border: solid 1px #999;
width:629px;
font-size:0.85em;
margin-bottom:10px;
}

table.form_s th,
table.form_s td {
border: solid 1px #999;
padding: 5px;
}

table.form_s th {
background: #E6E6E6;
text-align: center;
color: #666;
font-weight:lighter;
}


table.examdata {
border-collapse: collapse;
border: solid 1px #999;
width:688px;
font-size:0.85em;
margin-bottom:15px;
}

table.examdata th,
table.examdata td {
border: solid 1px #999;
padding: 5px;
}

table.examdata td.result{
background:#3061ab;
color:#fff;
font-weight:bold;
}
table.examdata th.result{
background:#3061ab;
color:#fff;
font-weight:bold;
}

table.examdata th {
background: #E6E6E6;
text-align: center;
color: #666;
width:150px;
}

table.faqLife{
border-collapse: collapse;
border: solid 1px #2e5a9c;
width:100%;
margin-bottom:10px;
}

table.faqLife th,
table.faqLife td {
border: solid 1px #2e5a9c;
padding: 4px 6px;
}

table.faqLife th {
background: #3f74c3;
text-align: center;
color: #fff;
font-weight:nomal;
width:30px;
}

table.faqLife th.ans {
background: #4f86d7;
}

table.faq{
border-collapse: collapse;
border: solid 1px #2e5a9c;
width:100%;
}

table.faq th,
table.faq td {
border: solid 1px #2e5a9c;
padding: 4px 6px;
}

table.faq th {
background: #3f74c3;
text-align: center;
color: #fff;
font-weight:nomal;
width:30px;
}

table.faq th.ans {
background: #4f86d7;
}

table.vnav{
margin-top:10px;
width:586px;
}

table.vnav td{
margin:0;
padding:0;
text-align:center;
}

table.facility{
margin-bottom:10px;
margin-left:18px;
}

table.graduate {
border-collapse: collapse;
border: solid 1px #999;
width:537px;
font-size:0.9em;
margin-bottom:15px;
}

table.graduate th,
table.graduate td {
border: solid 1px #999;
padding: 4px 6px;
}

table.graduate td {
text-align:center;
}

table.graduate th {
background: #E6E6E6;
text-align: center;
color: #666;
}

table.graduate_t {
border-collapse: collapse;
border: solid 1px #999;
width:537px;
font-size:0.9em;
margin-bottom:15px;
}

table.graduate_t th,
table.graduate_t td {
border: solid 1px #999;
padding: 4px 6px;
}

table.graduate_t th {
width:200px;
background: #E6E6E6;
text-align: center;
color: #666;
}

table.past_ex {
border-collapse: collapse;
border: solid 1px #999;
width:688px;
font-size:0.85em;
margin-bottom:10px;
}
table.past_ex caption{
margin-top:10px;
}

table.past_ex th,
table.past_ex td {
border: solid 1px #999;
padding: 5px;
text-align: center;
}

table.past_ex th {
background: #E6E6E6;
text-align: center;
color: #666;
}
/* 投稿のテーブル */
table.articleT{
border-collapse: collapse;
border: solid 1px #999;
width:100%;
}

table.articleT th,
table.articleT td {
border: solid 1px #999;
padding: 5px;

}

table.articleT th {
background: #E6E6E6;
text-align: center;
color: #666;
}


#day{
width:480px;
background:url('images/day.gif') no-repeat;
height:20px;
padding-left:104px;
margin-left:2px;
margin-top:10px;
}

#flow{
margin:0;
padding:0;
width:586px;
font-size:0.85em;
}

#flow a{
text-decoration:none;
}

#flow td.text{
width:238px;
padding:5px;
border: 1px solid #666;
}

.text strong,.link strong{
font-size:1.2em;
}

#flow td.link{
padding:5px;
border: 1px solid #666;
text-align:center;
}

#qanavArea{
text-align:right;
margin-bottom:10px;
}

#qanavArea a{
text-decoration:underline;
background:url('images/arrow_fa.gif') no-repeat;
padding-left:13px;
}

.map_a {
PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #d3d5d4; LIST-STYLE-TYPE: none; MARGIN-TOP: 3px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; HEIGHT: 20px; COLOR: #eee; TEXT-DECORATION: none; PADDING-TOP: 5px
}

.map_b {
LIST-STYLE-TYPE: none; MARGIN-TOP: 5px; MARGIN-BOTTOM: 10px; HEIGHT: 20px; MARGIN-LEFT: 28px
}



.map_a A {
BACKGROUND-COLOR: #d3d5d4; COLOR: #666666; MARGIN-LEFT: 6px; TEXT-DECORATION: none
}

.map_b A {
PADDING-LEFT: 13px; COLOR: #3d6aae; TEXT-DECORATION: none
}

.map_a IMG {
PADDING-LEFT: 10px; MARGIN-BOTTOM: -3px
}



#tnav {
border: 1px solid #305c43;
background: #fff;
margin-left:380px;
width:302px;
height:30px;
}

#tnav ul {
margin: 0;
padding: 0;
list-style: none;
}

#tnav ul li {
float:left; 
border-left:1px solid #305c43;
width:100px;
}

#tnav ul li.l{
border-left:none;
}

#tnav ul li a {
display: block;
color: #fff;
text-align: center;
text-decoration: none;
padding:5px;
}

#tnav ul li a.ac {
color: #305c43;
padding:5px;
font-weight:bold;
}

#tnav ul li a:link,
#tnav ul li a:visited{
background: #64c78f;
}

#tnav ul li a:hover {
color: #305c43;
background: #fff;
}

.tname{
clear:both;
marign-top:5px;
}
/*duringday*************************************/
.during{
width:690px;
background:url(images/day.jpg) no-repeat;
height:932px;
}
.during .left{
width:335px;
float:left;
}
.during .right{
width:335px;
margin-left:20px;
float:left;
}
.during .right p{
margin-top:65px;
height:254px;
font-size:0.8em;
line-height:1.2em;
}
.during .left p{
margin-top:65px;
height:254px;
font-size:0.8em;
line-height:1.2em;
}
/*年間行事*************************************/
table.event{
width:690px;
border:none;
font-size:0.85em;
line-height:1.3em;
}
.event td{
width:217px;
vertical-align:top;
padding-bottom:10px;
}

.event td img{
margin-bottom:5px;
}

.event td.middle{
padding:0 15px 0 15px;
}
.event td h4{
background:#3464ac;
padding:5px;
color:#fff;
margin-bottom:5px;
}
/*recomend*************************************/
.nomal_list li{
list-style-type:disc;
list-style-position:inside;
margin-bottom:5px;
}

/*部活*************************************/
table.club {
	width: 690px;
border:none;
}
.club td{
	width:222px;
	vertical-align:top;
padding-bottom:10px;
}
.clubname{
	padding:5px;
	background:url(images/club_jh.gif) no-repeat;
	margin-bottom:5px;
	display:block;
	height:30px;
	font-weight:bold;
font-size:0.8em;
}
.clubname_j{
	padding:5px;
	background:url(images/club_j.gif) no-repeat;
	margin-bottom:5px;
	display:block;
	height:30px;
	font-weight:bold;
font-size:0.8em;
}
.clubname_h{
	padding:5px;
	background:url(images/club_h.gif) no-repeat;
	margin-bottom:5px;
	display:block;
	height:30px;
	font-weight:bold;
font-size:0.8em;
}
.club_pic{
background:url(images/club_pic.jpg) no-repeat;
width:690px;
height:200px;
padding-top:35px;
}
/*教育理念*************************************/
.policyArea{
background:url(images/policy.gif) no-repeat;
width:690px;
height:140px;
}
.policyArea p{
float:left;
margin-right:30px;
padding-top:30px;
padding-left:15px;
width:195px;
}
.policyArea p.right{
float:left;
padding-top:30px;
margin-right:0;
padding-left:18px;
width:192px;
}
/*進路指導*************************************/
.messa{
padding:10px;
border:1px solid #666;
margin-bottom:10px;
height:230px;
}
.messa h4{
background:url(images/messa_bg.gif) no-repeat;
padding:5px;
margin-bottom:5px;
color:#fff;
}
.messa .teacher{
width:128px;
float:left;
margin-right:10px;
}
.messa h5{
color:#6699cc;
font-size:1.1em;
margin-bottom:5px;
margin-top:10px;
}

/*設備*************************************/
#facility{
padding-left:518px;
padding-top:320px;
width:172px;
height:288px;
background:url(images/campus_map.jpg) no-repeat;
}
#facility .bt{
width:172px;
}
.bt img{
display:block;
}

caption{
margin-top:10px;
}
/*2012合格バナー*************************************/
img.gokaku{
display:block;
margin-bottom:15px;
}