/*トップページ*/

.top{
text-align:left;
margin-top:16px;
}

.top .leftblock{
width:504px;
}

.top .rightblock{
width:290px;</p>
}

.top .news{
margin-bottom:30px;
}

.top .news .title{
border-left:4px solid #003366;
border-bottom:1px solid #003366;
padding-top:4px;
margin-bottom:9px;
}

.top .news h2{
width:50%;
}

.top .news ul li{
margin-bottom:4px;
}

.top .news p{
line-height:1.4;
}

.top .news p.date{
width:100px;
float:left;
}

.top .news p.text{
width:395px;
float:right;
}

.top .news ul li img{
	margin:0 3px 3px 0;
}

.top .news ul li span.date{
	margin-right:15px;
}

.top .rightblock{
width:287px;
}

.top .rightblock .banner{
background:url(../img/top/bg_banner.gif) left top repeat;
padding:7px 8px 8px;
}

.top .rightblock .banner ul li{
margin-bottom:4px;
}

.top .rightblock .banner ul.sbanner li{
float:left;
margin-right:4px;
}

.top .rightblock .banner ul.sbanner li.right{
margin-right:0;
}

.top .rightblock dl.contact{
text-align:center;
border-top:2px solid #cfcfcf;
background-color:#fff;
color:inherit;
width:270px;
margin-top:8px;
padding-top:7px;
padding-bottom:5px;
}

.top .rightblock dl.contact dt{
margin-bottom:6px;
}

.top .rightblock dl.contact dd{
margin:2px 0;
}

.top .rightblock dl.contact dd.btn{
background:url(../img/top/bg_contact.jpg) center bottom no-repeat;
margin:2px 0 3px;
padding-bottom:3px;
}

/*トップ以外のページの共通項目*/
.mainimg{
margin-top:3px;
}

#cnt{
text-align:left;
}

#cnt p{
margin-bottom:15px;
}

ul.pankuzu{
margin:6px 0 6px 10px;
}

ul.pankuzu li{
float:left;
}

ul.pankuzu li.icon{
background:url(../img/common/icon02.gif) 7px center no-repeat;
padding-left:17px;
}

#cnt dl.leftnavi{
background:url(../img/common/bg_leftnavi.gif) left top repeat;
width:185px;
float:left;
}

#cnt dl.leftnavi dt img{
vertical-align:bottom;
}

#cnt dl.leftnavi dd{
border-bottom:1px solid #999;
background:url(../img/common/icon02.gif) 7px center no-repeat;
padding:7px 5px 7px 20px;
}

#cnt .contents{
width:595px;
float:right;
}

#cnt h2{
margin-bottom:10px;
padding:13px 0 9px 15px;
border-top:1px solid #879fb7;
border-bottom:4px solid #879fb7;
}

#cnt h2.margin26{
margin-bottom:26px;
}



/*校長あいさつ*/
#cnt.message .leftbox{
width:275px;
}

#cnt.message .text01{
margin-bottom:22px;
}


/*校内案内*/
#cnt.kounai{
margin-bottom:30px;
}

#cnt.kounai h3{
background:url(../img/kounai/bg_h3.gif) left top no-repeat;
color:#fff;
padding:1px 0 0 20px;
font-size:120%;
line-height:1.4;
}

#cnt.kounai .detailbox{
padding-top:15px;
padding-left:8px;
margin-bottom:20px;
}

#cnt.kounai .detailbox.first{
background:url(../img/kounai/bg_h3_bottom.gif) left top no-repeat;
}

#cnt.kounai dl.detail{
width:170px;
float:left;
margin-right:34px;
}

#cnt.kounai dl.detail3{
width:170px;
float:left;
margin-right:8px;
}

#cnt.kounai dl.detail dt,
#cnt.kounai dl.detail3 dt{
background:url(../img/kounai/bg_li.gif) left 1px no-repeat;
padding-left:10px;
margin-bottom:5px;
font-weight:bold;
}

#cnt.kounai dd.text{
font-size:80%;
}


/*生徒の1日*/
#cnt.day .student .leftbox{
width:390px;
margin-left:6px;
}

#cnt.day .student .rightbox{
width:187px;
}

#cnt.day .student h3{
padding-bottom:9px;
margin-bottom:10px;
background:url(../img/common/bg_dot01.gif) left bottom repeat-x;
}

#cnt.day .student p{
font-size:80%;
padding-right:5px;
line-height:1.8;
}

#cnt.day p.flow{
margin-bottom:60px;
}


/*制服紹介*/
#cnt.uniform .syoukai{
position:relative;
}

#cnt.uniform .syoukai p.accesory{
position:absolute;
left:;
top:;
}

#cnt.uniform .syoukai p.slirt{
position:absolute;
left:;
top:;
}

#cnt.uniform .syoukai p.vest{
position:absolute;
left:;
top:;
}


/*主要教科のカリキュラム*/
#cnt.curriculum .link{
margin-bottom:29px;
}

#cnt.curriculum .link ul{
margin:0 0 5px 50px;
}

#cnt.curriculum .link ul li{
float:left;
margin-right:8px;
}

#cnt.curriculum .block{
margin-bottom:25px;
}

#cnt.curriculum .block h3{
border-left:4px solid #003366;
padding:2px 0 3px 12px;
}

#cnt.curriculum .block h4{
background:url(../img/curriculum/bg_catch.jpg) left top no-repeat;
margin:10px 0 10px;
padding:10px 0 13px;
}

#cnt.curriculum .block .box01{
margin-bottom:10px;
}

#cnt.curriculum .block .box01 .leftbox{
width:316px;
}

#cnt.curriculum .block .box01 .rightbox{
width:275px;
margin-top:10px;
}

#cnt.curriculum .block .box02 .leftbox{
width:124px;
}

#cnt.curriculum .block .box02 .rightbox{
width:463px;
}

#cnt.curriculum .block .box02 p.comment{
background-color:#f2f2f2;
color:inherit;
padding:10px 8px;
font-size:80%;
line-height:1.8;
}

#cnt.curriculum .block p.table{
margin:10px 0 3px;
}

#cnt.curriculum .block .box02 p.name{
padding-bottom:5px;
margin-bottom:7px;
}

#cnt.curriculum .block .box02 p.name.bg01{
background:url(../img/curriculum/01_bg.gif) left bottom no-repeat;
}

#cnt.curriculum .block .box02 p.name.bg02{
background:url(../img/curriculum/02_bg.gif) left bottom no-repeat;
}

#cnt.curriculum .block .box02 p.name.bg03{
background:url(../img/curriculum/03_bg.gif) left bottom no-repeat;
}

#cnt.curriculum .block .box02 p.name.bg04{
background:url(../img/curriculum/04_bg.gif) left bottom no-repeat;
}

#cnt.curriculum .block .box02 p.name.bg05{
background:url(../img/curriculum/05_bg.gif) left bottom no-repeat;
}

#cnt.curriculum .block .box02 p.name.bg06{
background:url(../img/curriculum/06_bg.gif) left bottom no-repeat;
}

#cnt.curriculum .block .box02 p.name.bg07{
background:url(../img/curriculum/07_bg.gif) left bottom no-repeat;
}

#cnt.curriculum .block .box02 p.name.bg08{
background:url(../img/curriculum/08_bg.gif) left bottom no-repeat;
}


/*クラブ活動*/
#cnt.club ul.btn{
border-bottom:5px solid #003366;
}

#cnt.club ul.btn li{
float:left;
}

#cnt.club .clubname{
border-left:3px solid #003366;
border-bottom:1px solid #003366;
margin-top:15px;
margin-bottom:12px;
padding-top:6px;
padding-right:5px;
}

#cnt.club .clubname h3,
#cnt.club .clubname p{
margin:0;
}

#cnt.club .clubname h3{
padding-left:11px;
padding-bottom:4px;
}

#cnt.club .clubname h3 span{
margin-right:36px;
}

#cnt.club .clubname h3 img{
margin-right:4px;
vertical-align:-3px;
}

#cnt.club .clubname p{
margin-top:2px;
}

#cnt.club .clubname p span{
margin-right:23px;
}

#cnt.club .clubname .leftbox{
width:225px;
}

#cnt.club .clubname .rightbox{
width:350px;
font-size:80%;
}

#cnt.club .syoukai .leftbox{
width:330px;
}

#cnt.club .syoukai .rightbox{
width:250px;
}

#cnt.club .syoukai{
margin-bottom:16px;
}

#cnt.club .syoukai .leftbox .seika{
width:325px;
margin-left:3px;
}

#cnt.club .syoukai .leftbox .seika h4{
border-bottom:2px solid #003366;
background:url(../img/club/bg_jisseki.jpg) left top no-repeat;
font-size:80%;
color:#fff;
font-weight:normal;
margin-bottom:6px;
padding:2px 0 2px 25px;
}

#cnt.club .syoukai .leftbox .seika h4.senseki{
padding:2px 0 2px 12px;
}

#cnt.club .syoukai .leftbox .seika h4.jisseki{
padding:2px 0 2px 25px;
}

#cnt.club .syoukai .leftbox .seika p{
background:url(../img/club/bg_dot.gif) left top repeat;
padding-bottom:4px;
line-height:2.2;
font-size:80%;
}

* html #cnt.club .syoukai .leftbox .seika p{
line-height:2.1;
}


/*進路指導*/
#cnt.shinro .catch{
margin-bottom:38px;
}

#cnt.shinro .clearfix{
margin-bottom:35px;
}

#cnt.shinro .leftbox{
width:400px;
}

#cnt.shinro .rightbox{
width:183px;
}

#cnt.shinro .leftbox h3{
margin-bottom:10px;
padding:5px 0 5px 12px;
border-left:4px solid #003366;
}


/*進学*/
#cnt.shingaku .catch{
margin-bottom:25px;
}

#cnt.shingaku .block{
margin-bottom:20px;
}

#cnt.shingaku .block h3{
margin-bottom:5px;
}

#cnt.shingaku .block p.fontsmall{
margin-bottom:8px;
}

#cnt.shingaku p.img01{
margin-top:13px;
}

#cnt.shingaku .block ul{
margin-bottom:6px;
}

#cnt.shingaku .block ul li{
float:left;
background-color:#e1ecf8;
color:inherit;
width:170px;
margin:0 17px 6px 0;
padding-left:7px;
line-height:1.3;
}

*html #cnt.shingaku .block ul li{
width:181px;
}

#cnt.shingaku p.soukei{
border-right:2px solid #003366;
border-bottom:1px solid #336699;
padding:2px 8px 2px 0;
}


/*卒業生の声*/
#cnt.student .catch{
margin-bottom:40px;
}

#cnt.student .block{
margin-bottom:70px;
}

#cnt.student .block .name{
border-left:6px solid #003366;
margin-bottom:20px;
padding:3px 0 0 10px;
}

#cnt.student .block .name h3{
font-weight:bold;
font-size:120%;
}

#cnt.student .block .name p{
text-align:right;
color:#C00;
}

#cnt.student .block .leftbox{
width:390px;
}

#cnt.student .block .rightbox{
width:188px;
}


/*5つのコース制*/
#cnt.course .link ul{
margin-left:13px;
margin-bottom:38px;
}

#cnt.course .link ul li{
float:left;
margin-right:5px;
}

#cnt.course .block h3{
background:url(../img/course/bg_point01_1.jpg) left top no-repeat;
padding:3px 0 28px 16px;
}

#cnt.course .block .point{
background:url(../img/course/bg_point02.jpg) left bottom no-repeat;
padding:8px 20px 14px;
}

#cnt.course .block ol{
margin:0 0 25px 12px;
}

#cnt.course .block ol li{
list-style:inside decimal;
}

#cnt.course .block .jikantitle .leftbox,
#cnt.course .block .jikantitle .rightbox{
width:45%;
}

#cnt.course .block .jikantitle p{
margin-bottom:0px;
padding-bottom:5px;
}

#cnt.course .block table.jikanwari{
border:1px solid #ccc;
margin-bottom:12px;
}

#cnt.course table caption{
display:none;
}

#cnt.course .block table.jikanwari th,
#cnt.course .block table.jikanwari td{
width:85px;
border:1px solid #ccc;
text-align:center;
vertical-align:middle;
font-weight:normal;
padding:1px 0 ;
}

#cnt.course .block table.jikanwari th,
#cnt.course .block table.jikanwari tr.pink{
background-color:#fceddc;
color:inherit;
}

#cnt.course .block table.jikanwari td.bgyellow{
background-color:#fcf0af;
color:inherit;
}

#cnt.course p.righting.pagetop.type2{
margin-bottom:45px;
}

#cnt.course #course05{
margin-bottom:30px;
}

#cnt.course #course01 ol{
background:url(../img/course/img01.jpg) 380px bottom no-repeat;
}

#cnt.course #course02 ol{
background:url(../img/course/img02.jpg) 350px bottom no-repeat;
}

#cnt.course #course03 ol{
background:url(../img/course/img03.jpg) 430px bottom no-repeat;
}

#cnt.course #course04 ol{
background:url(../img/course/img04.jpg) 410px bottom no-repeat;
padding-bottom:60px;
}

#cnt.course #course05 ol{
background:url(../img/course/img05.jpg) 430px bottom no-repeat;
padding-bottom:20px;
}

/*オープンスクール*/
#cnt.openschool h3{
border-left:3px solid #036;
border-bottom:1px solid #036;
margin-bottom:8px;
padding:0 0 1px 12px;
}

#cnt.openschool h4{
background-color:#036;
color:#fff;
padding:3px 6px;
display:inline;
}

#cnt.openschool .eventbox h5{
background:url(../img/common/icon01.gif) 0px 14px no-repeat;
color:#036;
margin-left:11px;
padding-top:7px;
padding-left:10px;
}

#cnt.openschool .eventbox p{
background:url(../img/common/bg_dot01.gif) left top repeat-x;
margin:5px 11px 8px;
padding-top:5px;
}

#cnt.openschool .block{
margin-bottom:30px;
}

#cnt.openschool .eventbox{
margin-bottom:10px;
background-color:#f7f7f7;
border-bottom:2px solid #7591ac;
}


/*入試要項*/
#cnt.youkou table{
margin-bottom:50px;
}

#cnt.youkou table th,
#cnt.youkou table td{
border:1px solid #ccc;
padding:4px 8px;
font-weight:normal;
line-height:1.4;
}

#cnt.youkou table td{
font-weight:normal;
width:230px;
}

#cnt.youkou table th.bluebg{
background-color:#e3e9ee;
color:inherit;
width:65px;
}

#cnt.youkou table th.yellowbg{
background-color:#feffc9;
color:inherit;
text-align:center;
width:230px;
}

#cnt.youkou table th.pinkbg{
background-color:#ffe6c9;
color:inherit;
text-align:center;
width:230px;
}

#cnt.youkou table td.width01{
width:460px;!important
}

#cnt.youkou table th.width02{
background-color:#e3e9ee;!important
color:inherit;
vertical-align:middle;
}


/*よくあるご質問*/
#cnt.faq h3{
padding-bottom:13px;
}

#cnt.faq h3.h3_1{
background:url(../img/faq/img01.jpg) 490px bottom no-repeat;
padding-top:40px;
}

#cnt.faq h3.h3_2{
background:url(../img/faq/img02.jpg) 460px bottom no-repeat;
padding-top:50px;
}

#cnt.faq h3.h3_3{
background:url(../img/faq/img03.jpg) 420px bottom no-repeat;
padding-top:80px;
}

#cnt.faq .block{
background-color:#f7f7f7;
color:inherit;
border-bottom:2px solid #7791aa;
margin-bottom:13px;
}

#cnt.faq .block p.q{
padding:8px 10px;
background:url(../img/common/bg_dot02.gif) left bottom repeat-x;
color:#C00;
margin-bottom:0;
}

#cnt.faq .block p.q strong{
color:#C00;
background-color:inherit;
}

#cnt.faq .block p.a{
padding:8px 10px;
margin-bottom:0;
}

#cnt.faq p.a a:link,
#cnt.faq p.a a:hover,
#cnt.faq p.a a:active,
#cnt.faq p.a a:visited{
color:#0851d8;
background-color:inherit;
text-decoration:underline;
}

#cnt.faq .contents{
padding-bottom:50px;
}


/*年間行事*/
#cnt.scedule h2{
margin-bottom:20px;
}

#cnt.scedule .leftbox{
}

#cnt.scedule .leftbox .block{
width:190px;
margin-bottom:8px;
}

#cnt.scedule .leftbox .block.spring{
background:url(../img/scedule/bg_spring.gif) left top repeat-y;
}

#cnt.scedule .leftbox .block.summer{
background:url(../img/scedule/bg_summer.gif) left top repeat-y;
}

#cnt.scedule .leftbox .block.autumn{
background:url(../img/scedule/bg_autumn.gif) left top repeat-y;
}

#cnt.scedule .leftbox .block.winter{
background:url(../img/scedule/bg_winter.gif) left top repeat-y;
}

#cnt.scedule .leftbox .block p{
width:26px;
float:left;
}

#cnt.scedule .leftbox .block p img{
margin-top:9px;
margin-left:1px;
}

#cnt.scedule .leftbox .block ul{
width:150px;
float:right;
}

#cnt.scedule .leftbox .block ul li{
padding:0 0 2px;
}

#cnt.scedule .rightbox{
width:390px;
}

#cnt.scedule .rightbox ul li{
float:left;
margin:0 11px 14px 0;
display:inline;
}


/*霞ヶ浦通信*/
#cnt.tsushin .leftnavi{
width:185px;
float:left;
}

#cnt.tsushin h2{
padding:9px 0;
}

#cnt.tsushin h2 span{
color:#0066cc;
font-weight:bold;
background-color:inherit;
font-size:80%;
}

#cnt.tsushin .leftnavi dl{
margin-bottom:18px;
}

#cnt.tsushin .leftnavi dl dt{
margin-bottom:3px;
}

#cnt.tsushin .leftnavi dl dt img{
vertical-align:bottom;
}

#cnt.tsushin .leftnavi dl.type01 dd{
background:url(../img/common/icon02.gif) 6px 13px no-repeat;
}

#cnt.tsushin .leftnavi dl.type01 dd a{
padding:5px 0 7px 15px;
background:url(../img/common/bg_dot02.gif) left bottom repeat-x;
display:block;
line-height:1;
width:170px;
}

* html #cnt.tsushin .leftnavi dl.type01 dd a{
width:185px;
}

#cnt.tsushin .leftnavi dl.type01 dd span.date{
font-size:80%;
font-weight:bold;
}

#cnt.tsushin .leftnavi dl.type02 dt{
padding-bottom:5px;
}

#cnt.tsushin .leftnavi dl.type02 dd{
background:url(../img/common/icon02.gif) 7px 8px no-repeat;
padding:1px 3px 1px 16px;
}

#cnt.tsushin .contents{
padding-bottom:30px;
}

#cnt.tsushin .contents a{
color:#0851d8;
background-color:inherit;
text-decoration:underline;
}

#cnt.tsushin .contents p{
text-indent:1em;
}

/*霞ヶ浦通信*/
#cnt.tsushin .leftnavi{
width:185px;
float:left;
}

#cnt.tsushin h2{
padding:9px 0;
}

#cnt.tsushin h2 span{
color:#0066cc;
font-weight:bold;
background-color:inherit;
font-size:80%;
}

#cnt.tsushin .leftnavi dl{
margin-bottom:18px;
}

#cnt.tsushin .leftnavi dl dt{
margin-bottom:3px;
}

#cnt.tsushin .leftnavi dl dt img{
vertical-align:bottom;
}

#cnt.tsushin .leftnavi dl.type01 dd{
background:url(../img/common/icon02.gif) 6px 13px no-repeat;
}

#cnt.tsushin .leftnavi dl.type01 dd a{
padding:5px 0 7px 15px;
background:url(../img/common/bg_dot02.gif) left bottom repeat-x;
display:block;
line-height:1;
width:170px;
}

* html #cnt.tsushin .leftnavi dl.type01 dd a{
width:185px;
}

#cnt.tsushin .leftnavi dl.type01 dd span.date{
font-size:80%;
font-weight:bold;
}

#cnt.tsushin .leftnavi dl.type02 dt{
padding-bottom:5px;
}

#cnt.tsushin .leftnavi dl.type02 dd{
background:url(../img/common/icon02.gif) 7px 8px no-repeat;
padding:1px 3px 1px 16px;
}

#cnt.tsushin .contents{
padding-bottom:30px;
}

#cnt.tsushin .shingaku{
margin-bottom:20px;
}

#cnt.tsushin .shingaku h3{
margin-bottom:5px;
}

#cnt.tsushin .shingaku p.fontsmall{
margin-bottom:8px;
}

#cnt.tsushin .shingaku ul{
margin-bottom:6px;
}

#cnt.tsushin .shingaku ul li{
float:left;
background-color:#e1ecf8;
color:inherit;
width:170px;
margin:0 17px 6px 0;
padding-left:7px;
line-height:1.3;
}

*html #cnt.tsushin .shingaku ul li{
width:181px;
}

#cnt.tsushin .shingaku p.soukei{
border-right:2px solid #003366;
border-bottom:1px solid #336699;
padding:2px 8px 2px 0;
}


/*霞ヶ浦通信一覧*/
#cnt.tsushinlist h2{
font-size:120%;
margin-bottom:10px;
padding:6px 0 6px 3px;
color:#003366;
}

#cnt.tsushinlist .block{
margin-bottom:4px;
padding:6px 10px 8px;
background:url(../img/common/bg_dot02.gif) left bottom repeat-x;
}

#cnt.tsushinlist .block p.hi{
background:url(../img/common/icon02.gif) left 8px no-repeat;
margin-bottom:0px;
padding-left:10px;
font-weight:bold;
float:left;
width:110px;
}

#cnt.tsushinlist .block p.text{
margin-bottom:0px;
padding-left:10px;
float:left;
width:445px;
}

#cnt.tsushinlist .contents{
padding-bottom:30px;
}














#cnt.tsushinlist .leftnavi dl{
margin-bottom:18px;
}

#cnt.tsushinlist .leftnavi dl dt{
margin-bottom:3px;
}

#cnt.tsushinlist .leftnavi dl dt img{
vertical-align:bottom;
}

#cnt.tsushinlist .leftnavi dl.type01 dd{
background:url(../img/common/icon02.gif) 6px 13px no-repeat;
}

#cnt.tsushinlist .leftnavi dl.type01 dd a{
padding:5px 0 7px 15px;
background:url(../img/common/bg_dot02.gif) left bottom repeat-x;
display:block;
line-height:1;
width:170px;
}

* html #cnt.tsushinlist .leftnavi dl.type01 dd a{
width:185px;
}

#cnt.tsushinlist .leftnavi dl.type01 dd span.date{
font-size:80%;
font-weight:bold;
}

#cnt.tsushinlist .leftnavi dl.type02 dt{
padding-bottom:5px;
}

#cnt.tsushinlist .leftnavi dl.type02 dd{
background:url(../img/common/icon02.gif) 7px 8px no-repeat;
padding:1px 3px 1px 16px;
}

ul#backnext{
margin-bottom:1em;
}

ul#backnext li.back,ul#backnext li.next{
width:250px
}

ul li.back{
float:left;
}

ul li.next{
float:right;
text-align:right;
}

#cnt.tsushin table.nittei{
margin-bottom:26px;
}

#cnt.tsushin table.nittei th,
#cnt.tsushin table.nittei td{
border:1px solid #ccc;
padding:8px 14px;
}

#cnt.tsushin table.nittei th{
font-weight:normal;
background-color:#f0f3f5;
color:inherit;
line-height:1;
width:60px;
}

#cnt.tsushin table.nittei td{
width:450px;
line-height:1.2;
}





#cnt.tsushin table.hyou{
margin-bottom:26px;
}

#cnt.tsushin table.hyou th,
#cnt.tsushin table.hyou td{
border:1px solid #ccc;
padding:8px 14px;
}

#cnt.tsushin table.hyou th{
font-weight:normal;
background-color:#f0f3f5;
color:inherit;
line-height:1;
}

#cnt.tsushin table.hyou td{
line-height:1.2;
}

#cnt.tsushin table.hyou th.center,#cnt.tsushin table.hyou td.center{
vertical-align:middle;
text-align:center;
}



/*2009.11.19追加 通信ギャラリーcss*/
#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-1 img {
border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}