@charset "Shift_Jis";

/*-------------------------------------------

 Title	:  mizzh
 Version	:  1.0
 Author	:  http://a-c.2-d.jp/

 layout.css{

	1. default
	2. リンクアンカー
	3. ページレイアウトid/class
	4. 各種装飾リスト・ボックス

	}

---------------------------------------------*/



/* 1.default  //////////////////////////////////*/

* {
	margin: 0; 
	padding: 0; }

body{ 
	background:#f3f3f3 url("img/bodyBg.gif");
	color:#555;
	font-size: 85%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,メイリオ,Meiryo,"ＭＳ Pゴシック",Sans-serif;
	line-height: 1.6; }

p{
	margin:0 0 0.4em; }

br{ 
	letter-spacing:normal; }

hr{
	display:none; }

em,
em *{ 
	font-style: normal;
	font-weight: bold; }
strong,
strong *{ 
	font-style: normal;
	font-weight:bold;
	color:#cc0000; }

ins{ 
	text-decoration:underline; }

del{ 
	color: #999;
	text-decoration:line-through; }

img{
	border:none;
	vertical-align:bottom; }


cite{
	}
q{
	padding: 0 3px;
	border: 1px solid #ddd;
	background: #e5e5e5;
	color: #555; }

blockquote{
	padding: 5px 1em;
	border: 1px solid #ddd;
	background: #e5e5e5;
	color: #555; }

	blockquote[title]:before{
		content: attr(title);
		display:block;
		padding: 0 0 4px;
		font-style: oblique;
		text-align: right; }

ul,
ol{
	list-style-position: outside;
	margin: 0.5em 0 0.5em 2em; }

	li{
		}

dl{
	margin: 0.5em 0.5em; }

	dl dt{
		padding: 0 0 0 0.75em;
		border-left: 3px double #999; }

	dl dd{
		padding: 0 0 0 2em;
		border-left: 3px double #ccc; }


/* 2. アンカー  ////////////////////////////////////*/

a{
	font:inherit; }

a:link{ 
	color:#555; }
a:visited{ 
	color:#444; }

a:hover{ 
	color:#888; }

a:active{ 
	color:#999; }

a:focus{
	color:#888; }


/* 3. ページレイアウト ///////////////////////////////*/

div.page{
	max-width: 1000px; }


div#siteInfo{
	position: absolute;
	top: 15px;
	left: 0;
	width: 280px;
	background: url("img/img.jpg") no-repeat 50% 0; }

	#siteInfo h1{
		padding: 190px 10px 0;
		background: url("img/h1Line.gif") no-repeat 50% 0;
		text-align: center; }

	#siteInfo address{
		margin: -1.6em 12px 0;
		padding: 0 0 1em;
		color: #aaa;
		font-size: 82%;
		text-align: center; background: url("img/line.gif") repeat-x 0 100%; }

	#siteInfo ul.siteContents{
		list-style: none outside;
		margin: 0 12px;
		padding: 5px 0 8px;
		background: url("img/line.gif") repeat-x 0 100%; }

		#siteInfo ul.siteContents li{
			list-style: none outside;
			display: inline; }

			#siteInfo ul.siteContents li a{
				display: block;
				float: left;
				width: 33%;
				text-decoration: none;
				text-align: center; }

	#siteInfo p.clap{
		margin: 0.5em 0;
		text-align: center; }

		#siteInfo p.clap input{
			cursor: pointer; }


div.mainContents{
	margin: 0 30px 0 290px;
	padding: 0 20px;
	background: #f3f3f3; }

	.mainContents div.section{
		padding: 0 0 2em; }

	h2{
		margin: 0 0 0.5em;
		padding: 20px 0 0;
		font-size: 300%;
		color: #ddd;
		background: url("img/line.gif") repeat-x 0 100%;
		line-height: 1; 
		letter-spacing: 2px; 
		clear: both;}

	h3{
		margin: 0;
		padding: 0 0 0 13px;
		background: url("img/h3Point.gif") no-repeat 0 50%;
		color: #888;
		font-size: 120%;
		clear: both; }

	h4{
		margin: 1em 0 5px;
		padding: 0 0 0 0.25em;
		border-bottom: 1px solid #ccc;
		font-size: 110%; }

	h5{
		margin: 0.75em 0 0.75em 0;
		padding: 0 0.5em;
		width: 50%;
		background: #e3e3e3;
		font-size: 100%;
		line-height: 1.2;
		letter-spacing: 0.25em; }

	p.enter{
		margin-top: 1em;
		text-align: right; }

		p.enter a{
			padding: 0 0 0 13px;
			background: url("img/point.gif") no-repeat 0 50%; 
			font-size: 160%;
			letter-spacing: 0.2em; }

div.footer{
	margin: 0 30px 0 290px;
	padding: 0 20px 0.75em;
	background: #f3f3f3;  }

	.footer ul{
		margin: 0;
		list-style: none;
		text-align: right; }

	.footer ul li{
		margin: 0;
		list-style: none; }

		.footer li address{
			margin: 1em 0 0;
			border-top: 1px solid #ccc; }


/* 4. 装飾リスト・ボックス・他 ///////////////////////////////*/

ins a:link{
	color: #ff3300; }

.weak{
	background:#f3f3f3;
	color:#ccc; }

ul.newTopic.scroll{
	padding-left: 1.5em;
	margin: 0.25em 0; }

	ul.newTopic em{
		padding-right: 12px;
		background: url("img/point.gif") no-repeat 99% 50%; }

.deco{
	margin: 0.5em 0;
	padding: 0.4em 0.75em;
	border: 1px solid #ddd;
	background: #fff; }

	ul.deco,
	ol.deco{
		padding-left: 2em; }
/*\*/
.scroll{
	height: 6.5em;
	overflow: auto; }
/**/
	div.scroll{
		overflow: auto; }

input.submit{
	margin: 3px 0 0 }

dl.artList{
	float: left; 
	margin: 0 5px 0.5em 0; padding: 5px 0; 
	width: 80px; 
	text-align: center; }

	dl.artList dt{
		margin: 0 0 3px; padding: 0;
		border: none;}

	dl.artList dd{
		margin: 0; padding: 0;
		border: none;
		font-size: 75%; }


dl.storyList{
	margin: 0.25em 1em 1em; }

	dl.storyList dt{
		width: 7em;
		float: left;
		clear: both; }

	dl.storyList dd{
		margin: 0 0 5px 7.4em;
		padding: 0 0 0 1em; }


dl.link.banner{
	}

	dl.link.banner dt{
		}

	dl.link.banner dd{
		padding: 3px 0 3px 2em; }

		dl.link.banner dd em{
			display: block;
			padding: 0 0 0 10px;
			background: url("img/point.gif") no-repeat 0 50%; }


ul.artList,
ul.storyList,
ul.link{
	list-style:none inside; 
	margin:0.25em 0; }

	ul.artList li,
	ul.storyList li,
	ul.link li{
		display:inline; 
		padding: 0 1em 0 0;
		list-style:none inside; }

	ul.artList.thumnail li,
	ul.link.banner li{
		padding: 0; }

		ul.artList.thumnail li img,
		ul.banner li img{
			padding: 5px; }

		* html ul.artList.thumnail li img,
		* html ul.banner li img{
			margin: 5px 2px; }


ol.chapter{
	margin: 0;
	padding: 0.25em 0; }

	ol.chapter li{
		display: inline;
		padding: 0 1em 0 0; }


ins dl dd.upDay,
li ins a:link{
	color: #ff3300;  }


/* 5. クリア ///////////////////////////////*/

.page:after,
#siteInfo ul.siteContents:after,
dl.artList:after,
dl.storyList:after{
	content: ""; display: block; clear: both; }

.page,
#siteInfo ul.siteContents,
dl.artList,
dl.storyList{
	min-height: 1px; }

* html .page,
* html #siteInfo ul.siteContents,
* html dl.artList,
* html dl.storyList{
	height: 1%; }