@charset "utf-8";

/*------------------------------------------------------------------*/
/*                                                                  */
/*  2012年度第38回洋上小学校用     　　　　　　　                   */
/*                                                                  */
/*------------------------------------------------------------------*/

/*--------------------------------------------------------------------
	リセット
--------------------------------------------------------------------*/

html, body {
	height:100%;
	font-size:16px;
}

body, html, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, form {
	margin:0;
	padding:0;
	font-size:100%;
	letter-spacing:0.125em;
}

h1, h2, h3, h4, th { font-weight:normal; }

a img { border:0; }

.clear { clear:both; }

/*--------------------------------------------------------------------
	基本構成
--------------------------------------------------------------------*/
/* BASE */
html {
	height:100%;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:auto;
}

body {
	height:100%;
	background-color:#A8CBEE;
	color:#333;
	font-size:100%;
	font-family:'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProW3', sans-serif;
}

/* for IE7 */
*:first-child+html body { font-size:100%; }

* html body {
	font-size:100%;
	font-family:'ＭＳ Ｐゴシック', 'ＭＳ ゴシック';
}

/* ANCHER */
a:link {
	color:#333366;
	text-decoration: underline;
}

a:visited {
	color:#333366;
	text-decoration: underline;
}

a:hover {
	color:#CC0000;
	text-decoration: underline;
}

a:active {
	color:#CC0000;
	text-decoration: underline;
}

/* LAYOUT -------------------------------------------------- */
#container {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#contents {
	position:relative;
	width:976px;
	margin:0 auto;
	padding:0 0 0 8px;
	background:url("../images/bg/bg_contents.png") 0 0 repeat-y;
	font-size:76%;
}

#mainBox {
	position:relative;
	width:960px;
	margin:0;
	padding:0;
	background:#FFF;
}

/* HEADER */
#header {
	width:960px;
	margin:0;
	padding:0;
	position:static;
	top:0;
}

#header #cnt {
	height:120px;
	background:url("../images/2012/header/bg_header.png") 0 0 no-repeat;
	position:relative;
}

#header #cnt h1 {
	display:block;
	width:385px;
	height:90px;
	position:absolute;
	top:20px;
	left:125px;
}

#header #cnt a {
	position:absolute;
	top:20px;
	right:10px;
}

/* ナビゲーションメニュー */
#header #nav {
	position:relative;
	height:30px;
	background:#FF9900 url("../images/bg/bg_menu.png") 0 0 repeat-x;
}

/* ボタン（今回の洋上小学校について） */
#header #nav #gotoExp {
	list-style:none;
	position:absolute;
	top:0;
	left:30px;
}

#header #nav #gotoExp li {
	margin:0;
	padding:0;
}

#header #nav #gotoExp li a {
	display:block;
	width:190px;
	height:30px;
	margin:0;
	padding:0;
	background:url("../images/btn/btn_goto_exp.png") 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/* ボタン（1～9日目） */
#header #nav #navMenu {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:30px;
}

#header #nav #navMenu li {
	float:left;
	margin:0;
	padding:0;
}

#header #nav #navMenu li a {
	display:block;
	width:60px;
	height:30px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}

#header #nav #navMenu li a#nav1 { background-image:url("../images/btn/btn_day1.png"); }

#header #nav #navMenu li a#nav2 { background-image:url("../images/btn/btn_day2.png"); }

#header #nav #navMenu li a#nav3 { background-image:url("../images/btn/btn_day3.png"); }

#header #nav #navMenu li a#nav4 { background-image:url("../images/btn/btn_day4.png"); }

#header #nav #navMenu li a#nav5 { background-image:url("../images/btn/btn_day5.png"); }

#header #nav #navMenu li a#nav6 { background-image:url("../images/btn/btn_day6.png"); }

#header #nav #navMenu li a#nav7 { background-image:url("../images/btn/btn_day7.png"); }

#header #nav #navMenu li a#nav8 { background-image:url("../images/btn/btn_day8.png"); }

#header #nav #navMenu li a#nav9 { background-image:url("../images/btn/btn_day9.png"); }

/* FOOTER */
#footer {
	width:960px;
	height:100px;
	margin:0;
	padding:0;
	background:#21548D url("../images/bg/bg_footer.png") 0 0 repeat-x;
	position:relative;
	color:#FFFFFF;
	text-align:left;
	clear:both;
}

#footer p {
	margin:0;
	padding:0;
	position:absolute;
	left:25px;
	bottom:15px;
	line-height:160%;
}

/*--------------------------------------------------------------------
	ダイアリー部
--------------------------------------------------------------------*/
/* BASE LAYOUT */
div.diary {
	display:none;
	width:960px;
	margin:0 0 2px;
	padding:0;
	text-align:center;
	position:relative;
	overflow:hidden;
}

div.diary.nodata { display:none; }

/* HEAD */
div.diary .head {
	height:40px;
	background:#FFC;
	text-align:left;
	position:relative;
	clear:both;
	cursor:pointer;
}

div.diary .head h2 {
	position:absolute;
	top:0;
	left:0;
	width:390px;
	height:40px;
	background-color:#21548D;
	background-position:0 0;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-indent:-9999px;
	overflow:hidden;
}

/* 日付 */
div.diary .head#hd1 h2 { background-image:url("../images/2012/ttl/ttl_day1.gif"); }

div.diary .head#hd2 h2 { background-image:url("../images/2012/ttl/ttl_day2.gif"); }

div.diary .head#hd3 h2 { background-image:url("../images/2012/ttl/ttl_day3.gif"); }

div.diary .head#hd4 h2 { background-image:url("../images/2012/ttl/ttl_day4.gif"); }

div.diary .head#hd5 h2 { background-image:url("../images/2012/ttl/ttl_day5.gif"); }

div.diary .head#hd6 h2 { background-image:url("../images/2012/ttl/ttl_day6.gif"); }

div.diary .head#hd7 h2 { background-image:url("../images/2012/ttl/ttl_day7.gif"); }

div.diary .head#hd8 h2 { background-image:url("../images/2012/ttl/ttl_day8.gif"); }

div.diary .head#hd9 h2 { background-image:url("../images/2012/ttl/ttl_day9.gif"); }

div.diary .head span {
	display:block;
	width:200px;
	height:17px;
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	top:12px;
	left:650px;
	text-indent:-9999px;
	overflow:hidden;
}

div.diary .head#hd1 span { background-image:url("../images/2012/ttl/ttl_point1.png"); }

div.diary .head#hd2 span { background-image:url("../images/2012/ttl/ttl_point2.png"); }

div.diary .head#hd3 span { background-image:url("../images/2012/ttl/ttl_point3.png"); }

div.diary .head#hd4 span { background-image:url("../images/2012/ttl/ttl_point4.png"); }

div.diary .head#hd5 span { background-image:url("../images/2012/ttl/ttl_point5.png"); }

div.diary .head#hd6 span { background-image:url("../images/2012/ttl/ttl_point6.png"); }

div.diary .head#hd7 span { background-image:url("../images/2012/ttl/ttl_point7.png"); }

div.diary .head#hd8 span { background-image:url("../images/2012/ttl/ttl_point8.png"); }

div.diary .head#hd9 span { background-image:url("../images/2012/ttl/ttl_point9.png"); }

div.diary a.map {
	display:none;
	position:absolute;
	top:11px;
	right:30px;
	width:54px;
	height:18px;
	background:url("../images/btn/btn_map.png") 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	overflow:hidden;
}

/* CONTENTS */
div.diary .article {
	width:900px;
	margin:0 auto;
	padding:30px 0 30px;
	text-align:left;
	position:relative;
}

div.diary .article .atc1 {
	float:left;
	width:360px;
}

div.diary .article .atc2 {
	float:right;
	width:510px;
	padding:0 0 3em;
}

div.diary .article .newsBox {
	margin:0;
	padding:0 0 30px;
	line-height:160%;
}

div.diary .article .newsBox h3 {
	display:block;
	height:25px;
	border-bottom:1px solid #999;
	text-indent:-9999px;
	overflow:hidden;
}

/* かめりあ丸からの連絡 */
div.diary .article .newsBox.camellia h3 { background:url("../images/ttl/ttl_camellia.png.html") 13px 0 no-repeat; }




div.diary .article .newsBox.camellia h4 {
	padding:15px 0 0 0;
	font-size:120%;
	font-weight:bold;
}

div.diary .article .newsBox.camellia p{
	padding:0.5em 0 0 0;
}

div.diary .article .newsBox.camellia p.sign{
	text-align:right;
	padding:0 0 0 0;
}





div.diary .article .day1-camellia h3 {
	display:block;
	height:25px;
	border-bottom:1px solid #999;
	text-indent:-9999px;
	overflow:hidden;
}

div.diary .article .day1-camellia h3 { background:url("../images/ttl/ttl_camellia.png.html") 13px 0 no-repeat; }

div.diary .article .day1-camellia h4 {
	padding:15px 0 0 10px;
	font-size:120%;
	font-weight:bold;
}

div.diary .article .day1-camellia p{
	padding:0.5em 0 0 10px;
	line-height:160%;
}

div.diary .article .day1-camellia p.sign{
	text-align:right;
	padding:0 0 0 0;
}

div.diary .article .day1-camellia p.mt30{
	margin:30px 0 0 0;
	line-height:160%;
}




/* 洋上だより */
div.diary .article .newsBox.youjou h3 { background:url("../images/ttl/ttl_youjou.png") 13px 0 no-repeat; }

div.diary .article .newsBox p {
	margin:0;
	padding:20px 10px 0;
}

/* テーブル */
.doc_table { margin:0; }

.doc_table tr { vertical-align:top; }

.doc_table th { padding:3px 12px 1px 7px; }

.doc_table td { padding:3px 0 1px 0; }

/* PHOTOS */
ul.photos {
	width:360px;
	list-style:none;
}

ul.photos li { vertical-align:top; }

ul.photos li img { border:1px solid #666; }

ul.photos li.top {
	width:360px;
	height:270px;
	margin:0;
	padding:0 0 4px;
}

ul.photos li.mid {
	float:left;
	width:87px;
	height:65px;
	margin:0;
	padding:0 4px 4px 0;
}

ul.photos li.end {
	float:left;
	width:87px;
	height:65px;
	margin:0;
	padding:0 0 4px;
}

/* ANCHER BOX */
.ancherBox {
	clear:both;
	padding:2em 20px 0 0;
	text-align:right;
	position:relative;
}

.ancherBox ul {
	padding:0 0 1.5em;
	list-style:none;
	overflow:hidden;
}

.ancherBox li {
	display:inline;
	padding:0;
	text-align:center;
}

.ancherBox li a {
	display:inline-block;
	padding:3px 0.5em 3px 0.3em;
	border-right:1px solid #666;
	text-decoration:underline;
	cursor:pointer;
}

.ancherBox li a.n1 { border:none; }

.ancherBox .gotop {
	padding:0 7px 5px 18px;
	background:url("../images/icn/icn_gotop.png") 0 0 no-repeat;
}

/*--------------------------------------------------------------------
	今回の洋上小学校について
--------------------------------------------------------------------*/
/* 共通 */
#expBlockBox {
	width:960px;
	margin:90px 0 0 0;
	padding:10px 0 70px;
}

#expBlockBox h2 {
	display:block;
	height:24px;
	margin:0;
	padding:0 0 30px 0;
	background:url("../images/ttl/ttl_konkai.png") 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#expBlockBox .ancherBox { padding-right:30px; }

.expBox {
	width:920px;
	margin:0 0 30px 20px;
	padding:0;
	background:#FFFFFF url("../images/bg/bg_expbox.png") 0 40px repeat-x;
	clear:both;
}

.expBox h3 {
	display:block;
	width:920px;
	height:40px;
	background:#EBF3FC;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.expBox .text p {
	padding:0 0 1em;
	line-height:140%;
}

.expBox .text .name { text-align:right; }

/* 校長のごあいさつ */
#director h3 { background-image:url("../images/ttl/ttl_director.png"); }

#principal h3 { background-image:url("../images/ttl/ttl_principal.png"); }

.expBox.goaisatsu .text {
	width:800px;
	margin:30px 0 0 60px;
}

img.namefont { vertical-align:text-bottom;	/* 文字画像対策 */ }

/* シンボルマークについて */
.expBox.emblem { margin-top:50px; }

.expBox.emblem h3 { background-image:url("../images/ttl/ttl_emblem.png"); }

.expBox.emblem h4 {
	padding:0 0 1em 0;
	font-size:120%;
	font-weight:bold;
}

.expBox.emblem .text {
	float:left;
	width:500px;
	margin:25px 0 0 35px;
}

.expBox.emblem .text #contest {
	padding:0 0 2em 1em;
	line-height:160%;
}

.expBox.emblem .text blockquote {
	margin:0 0 0 0;
	padding:1em;
	line-height:160%;
	color:#CC4400;
	font-size:120%;
	font-weight:bold;
	background:#FFF;
	border:3px solid #FFCC66;
}

.expBox.emblem .image {
	float:left;
	width:340px;
	margin:0;
	padding:15px 0 0 15px;
}

/*--------------------------------------------------------------------
	clearfix［float解除］
--------------------------------------------------------------------*/

#mainBox:after, div.diary:after, div.diary .article:after, .expBox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#mainBox, div.diary, div.diary .article, .expBox { zoom:1; }