@charset "Shift_JIS";

@import url(base.css);


/* 試行錯誤中 */
/* 月の環・夜見の杜 独自の構造への指定や
配色、レイアウトなどの見栄え（装飾）を書きこみ */



/* ======↓↓下地↓↓=========================== */

body{
	color: #000000;
	background-color: #ffffff;
	background-image: url(../image/wasi_nadesiko.png);
	background-repeat: repeat;
	
	margin: 0 10px 0;
	padding-top: 0;
	}

/* ======↑↑下地↑↑=========================== */


/* ======↓↓ナビゲーション↓↓=========================== */

/* ----↓↓サイトID↓↓---- */

li.site-id{
	position: absolute;
	top: 0px;
	left: 10px;
	
	width: 273px;
	height: 37px;
	}

li.site-id a img{
	border-style: none;
	}

li.site-id span{
	display: none;
	}

/* ----↑↑サイトID↑↑---- */

/* ----↓↓パン屑・ページナビ↓↓---- */

li.port-navi, .prev, .next{
	color: #000000;
	background-color: #fffafa;
	
	border-style: solid;
	border-width: 1px 1px 1px 6px;
	border-color: #ffaaaa;
	}

li.port-navi{
	position: absolute;
	top: 50px;
	left: 10px;
	
	display: inline;
	padding-right: 0.3em;
	}

.port-navi a, .port-navi span.here{
	background-image: url(../image_icon/port_arrow.png);
	background-repeat: no-repeat;
	background-position: center left;
	
	margin-right: -5px;
	padding-left: 23px;
	}

.port-navi a.home{
	background-image : none;
	}

.port-navi span{
	display: none;
	}

.port-navi span.here{
	display: inline;
	}


.prev, .next{
	position: absolute;
	top: 40px;
	right: 10px;
	
	text-align: right;
	
	display: inline;
	padding-left: 20px;
	padding-right: 0.5em;
	}

.prev{
	margin-top: 2.5em;
	
	background-image: url(../image_icon/page_prev.png);
	background-repeat: no-repeat;
	background-position: left center;
	}

.next{
	margin-top: 4.1em;
	
	background-image: url(../image_icon/page_next.png);
	background-repeat: no-repeat;
	background-position: left center;
	}

.prev span, .next span{
	display: none;
	}

/* ----↑↑パン屑・ページナビ↑↑---- */

/* ----↓↓リンク↓↓---- */

a:link{
	color: #0000ff;
 }

a:visited{
	color: #990099;
 }

/* ----↑↑リンク↑↑---- */

/* ======↑↑ナビゲーション↑↑=========================== */


/* ======↓↓セクション↓↓=========================== */

.section-Level1{
	color: #000000;
	background-color: transparent;
	background-image: url(../image/site-image_hiduki_2.png);
	background-repeat: repeat-x;
	
	margin: 0;
	padding: 7.8em 0px 0.2em 0px;
	}

.section-Level1 .section-preface{
	margin-left: 1em;
	margin-bottom: 1em;
}

.section-Level2{
	color: #000000;
	background-color: #fcfcfc;
	
	border-style: solid;
	border-width: 1px 1px 1px 6px;
	border-color: #ff6666;
	
	padding: 10px;
	margin-bottom: 2em;
	}

/* ----↓↓前書き、本文、後書き↓↓---- */

.section-Level2 .section-text{
	margin-left: 1em;
	}

.section-Level3 .section-text{
	margin-left: 1em;
	}

.section-footer{
	margin-top: 2em;
	}

.section-footer h2, .section-footer h3{
	display: none;
	}

#TopPage .section-footer, #sitemap .section-footer{
	border-style: solid none none;
	border-width: 3px 0 0;
	border-color: #000000;
	}

.section-footer dt{
	border-style: solid;
	border-width: 0 0 3px;
	border-color: #000000;
	}

/* ----↑↑前書き、本文、後書き↑↑---- */

/* ======↑↑セクション↑↑=========================== */


/* ======↓↓見出し↓↓=========================== */

h1{
	font-family: "麗流隷書", cursive, "ＭＳ Ｐ明朝", "平成明朝", serif;
	font-weight: bold;
	font-size: 220%;
	
	color: #000000;
	background-color: transparent;
	background-image: url(../image/momiji-senn.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	margin: 0 -10px 0.1em -5px;
	padding: 10px 0 20px 20px;
	}

h2{
	color: #D62122;
	background-color: transparent;
	
	margin: 0 -10px 0.5em;
	padding-left: 10px;
	}

h3, h4, h5, h6{
	color: #000000;
	background-color: #fff0f0;
	
	border-style: solid;
	border-width: 0 0 0 4px;
	border-color: #D62122;
	
	padding: 3px;
	}

/* ======↑↑見出し↑↑=========================== */


/* ======↓↓トップページ↓↓=========================== */

body#TopPage{
	background-position: 0 -16px;
	
	margin-top: -16px;
	}

/* ----↓↓レイアウト↓↓---- */

#TopPage h1.site-id{
	width: 100%;
	}

#TopPage #concept{
	position: absolute;
	left: 260px;
	top: 120px;
	
	height: 140px;
	overflow: auto;
	
	}

#TopPage #contents{
	float: left;
	width: 45%;
	}


#TopPage #pick-up{
	float: right;
	width: 50%;
	}

#TopPage #renewal-info{
	float: right;
	width: 50%;
	}

#TopPage #links{
	clear: left;
	float: left;
	width: 45%;
	}

#TopPage #site-info{
	clear: left;
	float: left;
	width: 45%;
	}

#TopPage .section-footer{
	clear: both;
	width: 100%;
	}

/* ----↑↑レイアウト↑↑---- */

/* ----↓↓セクション↓↓---- */

#TopPage .section-Level1{
	margin-top: 0;
	padding: 50px 0px 0px 0px;
	}

#TopPage .section-Level2{
	margin-bottom: 1.3em;
	padding: 0;
	}

#TopPage .section-Level2 .section-text{
	margin-right: 4px;
	}

#concept .section-text,
#site-info .section-text,
#links .section-text,
#renewal-info .section-text{
	margin-left: 0;
	}
	/* 本文字下げキャンセル */

#concept{
	color: #ffffff;
	background-color: transparent;
	
	
	margin: 0;
	padding: 0;
	
	border-style: none;
	}

#contents .section-Level3 .section-text{
	margin: 0 0 0 1em;
	}

/* ----↑↑セクション↑↑---- */

/* ----↓↓見出し↓↓---- */

#TopPage h1.site-id{
	border-style: double none double;
	border-width: 4px;
	border-color: #000000;
	
	background-image: none;
	background-color: #000000;
	
	margin: 0 0 20px 0;
	padding: 0 0 0 0px;
	
	}

#TopPage h2{
	padding-bottom: 0;
	margin: 5px 0 0.8em;
	}

#TopPage h3{
	margin-bottom: 0.3em;
	}

/* ----↑↑見出し↑↑---- */

#TopPage #concept h2{
	display: none;
	}

#TopPage #concept p{
	color: #f0f0f0;
	
	margin: 0;
	}

#TopPage #contents p{
	margin-bottom: 0.3em;
	
	
	}

#TopPage #contents ul{
	margin-bottom: 2em;
	
	}


#contents .section-text dd{
	margin-left: 1em;
	margin-bottom: 0.5em;
	}


#pick-up .section-Level3 dl{
	max-width: 100%;
	min-width: 30%;
	
	padding: 0;
	margin: 0 -0.8em 0 0;
	}

#pick-up .section-Level3 p{
	margin-right: 0.2em;
	}


#TopPage #renewal-info p{
	text-align: right;
	
	border: dotted 1px;
	
	margin: 2em 5px 0;
	}

#TopPage ul ul{
	padding-left: 1.5em;
	}

#TopPage em{
	color: #f0f0f0;
	font-size: 120%;
	}

#TopPage strong{
	color: #ff3300;
	
	font-size: 140%;
	}


/* ======↑↑トップページ↑↑=========================== */


/* ======↓↓画廊サムネイル↓↓=========================== */

.thumbnail-image{
	float: left;
	margin: 0 1em 0 0;
	}

.thumbnail-image img{
	border-style: solid;
	border-style: double;
	border-width: 1px;
	border-width: 3px;
	border-color: #363635;
	}

.thumbnail .section-Level3, .thumbnail .section-footer{
	width: 98%;
	clear: left;
	}

.thumbnail .section-Level3 dl{
	max-width: 100%;
	min-width: 30%;
	
	padding: 0;
	margin: 0;
	}

/* ======↑↑画廊サムネイル↑↑=========================== */


/* ======↓↓ギャラリーページ↓↓=========================== */

body.gallery{
	color: #ffffff;
	background-color: #000000;
	background-image: none;
	}

/* ----↓↓サイトID↓↓---- */

/*
.gallery li.site-id{
	color: #ffffff;
	background-color: transparent;
	background-image: url(../image/site-id_hiduki_gallery.png);
	background-repeat: no-repeat;
	}

/* ----↑↑サイトID↑↑---- */

/* ----↓↓パン屑・ページナビ↓↓---- */

.gallery li.port-navi, .gallery .prev, .gallery .next{
	color: #fcfcfc;
	background-color: #101010;
	
	border-style: solid;
	border-width: 1px 1px 1px 6px;
	border-color: #333333;
	}

.gallery .port-navi a, .gallery .port-navi span.here{
	background-image: url(../image_icon/port_arrow_gallery.png);
	background-repeat: no-repeat;
	}

.gallery .port-navi a.home{
	background-image : none;
	}

.gallery .prev{
	background-image: url(../image_icon/page_prev_gallery.png);
	background-repeat: no-repeat;
	background-position: left center;
	}

.gallery .next{
	background-image: url(../image_icon/page_next_gallery.png);
	background-repeat: no-repeat;
	background-position: left center;
	}

/* ----↑↑パン屑・ページナビ↑↑---- */

/* ----↓↓リンク↓↓---- */

.gallery a:link{
	color: #3399ff;
 }

.gallery a:visited{
	color: #cc3399;
 }

/* ----↑↑リンク↑↑---- */

/* ----↓↓セクション↓↓---- */

.gallery .section-Level1{
	color: #fcfcfc;
	background-color: transparent;
	background-image: url(../image/site-image_hiduki_2_gallery.png);
	background-repeat: repeat-x;
	}

.gallery .section-Level2{
	color: #fcfcfc;
	background-color: #000000;
	
	border-style: solid;
	border-width: 1px 1px 1px 6px;
	border-color: #9b393b;
	}

.gallery .section-footer{
	margin-top: 5em;
	}

/* ----↑↑セクション↑↑---- */

/* ----↓↓見出し↓↓---- */

.gallery h1{
	color: #ffffff;
	background-color: #000000;
	background-image: url(../image/momiji-senn_gallery.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

.gallery h2{
	color: #ffffff;
	background-color: transparent;
	}

.gallery h3{
	color: #ffffff;
	background-color: transparent;
	
	margin-top: 3em;
	}

.gallery h4{
	color: #ffffff;
	background-color: transparent;
	
	margin-top: 2em;
	}

/* ----↑↑見出し↑↑---- */

/* ----↓↓文章 更新情報↓↓---- */

.gallery dl.bunnsyou_date{
	border-color: #424242;
	}

/* ----↑↑文章 更新情報↑↑---- */

.picture{
	width: 80%;
	
	margin: 100px auto;
	}

.gallery .section-Level2 dl{
	max-width: 100%;
	min-width: 30%;
	
	padding: 0;
	margin: 0;
	}

/* ======↑↑ギャラリーページ↑↑=========================== */


/* ======↓↓その他↓↓=========================== */

/* ----↓↓作品情報↓↓---- */

dl.picture_title dt,
dl.picture_date dt,
dl.picture_data dt,
dl.picture_ver dt{
	display: inline;
	}

p.mini-comment{
	margin: 1em 0 0 0;
	}

dl.picture_title dd,
dl.picture_date dd,
dl.picture_data dd,
dl.picture_ver dd{
	display: inline;
	margin: 0 0.5em 0 0;
	}

/* ----↑↑作品情報↑↑---- */

/* ----↓↓バナー情報↓↓---- */

dl.banner_data dt,
dl.banner_URL dt{
	display: inline;
	}

dl.banner_data dd,
dl.banner_URL dd{
	display: inline;
	margin: 0 1em 0 0;
	}

dl.banner_data{
	margin: 0;
	}


/* ----↑↑バナー情報↑↑---- */

/* ----↓↓文章 更新情報↓↓---- */

dl.bunnsyou_date{
	text-align: right;
	
	border-style: solid;
	border-width: 1px;
	border-color: #dbdbcc;
	}

dl.bunnsyou_date dt{
	display: inline;
	}

dl.bunnsyou_date dd{
	display: inline;
	margin-left: 1em;
	}

/* ----↑↑文章 更新情報↑↑---- */


#LinkPage dt{
	margin-top: 0.3em;
	}

dt.site-banner a img{
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	padding-right: 0.5em;
	
	border-style: none;
	}

dd ul{
	padding-left: 0;
	}

dd ul ul{
	padding-left: 2em;
	}


address{
	text-align: right;
	}

blockquote{
	margin: 0.3em;
	
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	}

q{
	font-style: normal;
	}

.syuttenn{
	text-align: right;
	}

.tyuusyaku{
	width: 70%;
	margin: 0 0 0 auto;
	padding: 5px 5px 5px 1.4em;
	
	font-size: 90%;
	text-indent: -1em;
	
	border-style: dotted;
	border-width: 1px;
	}

em, strong{
	color: #ff0000;
	}


/* ======↑↑その他↑↑=========================== */




/* ======↓↓↓↓=========================== */
/* ======↑↑↑↑=========================== */

/* ----↓↓↓↓---- */
/* ----↑↑↑↑---- */