@charset "UTF-8";
/*--------------------------------------*/
/*テンプレートの編集・改変は自由です。
いくらでもいじっちゃってください＾＾
ただし、再配布は禁止です！！
また、著作権表示・広告の削除も禁止です！！
私のメールアドレスを書いておきますので…
質問等あったらお問い合わせをどうぞ
返信できるという保障もありませんが…
regza42z1lan-fc2@yahoo.co.jp
↑いつ削除するかわかりませんが…（セーフティーアドレスなので）
あんまり期待しないでくださいね
一応、私のテンプレート作成用の掲示板を開放してありますので、
そちらに書き込んでいただいても結構です。
メールほどしょっちゅうは確認しませんが、
時々覗いていますし、テンプレートの開発に
使用しておりますので、コンタクトは取れる
かもしれません*/
/* http://make-template.bbs.fc2.com/ */
/*--------------------------------------*/


html,body,div,span,section,nav,ul,li,h1,h2,h3,h4,h5,h6,img{
	margin:0;
	padding:0;
}

body{
	font-family:		"メイリオ","ＭＳ ゴシック","ＭＳ 明朝";
	background:			url(http://blog-imgs-60.fc2.com/c/r/e/createtemplate/ravenna.png);
	padding-bottom:		30px;
}

p{
	text-indent:		1em;
}

header#main{
	width:				1050px;
	margin:				0 auto 0 auto;
	padding-bottom:		20px;
	font-family:		"ＭＳ 明朝";
	line-height:		1.2em;
}


header#main h1{
	margin:					30px 0 30px 0;
	font-size:				50px;
	text-align:				center;
	color:					#592000;
	text-shadow:			1px 1px  1px  #000,
							4px 4px 3px #555;
	-webkit-text-shadow:	1.5px 1.5px 1px  #000,
							4px 4px 3px #555;
	-moz-text-shadow:		1.5px 1.5px 1px  #000,
							4px 4px 3px #555;
	-o-text-shadow:			1.5px 1.5px 1px  #000,
							4px 4px 3px #555;
	-ms-text-shadow:		1.5px 1.5px 1px  #000,
							4px 4px 3px #555;
	font-family:			"HG教科書体";
}

header p{
	font-size:				18px;
	margin:					5px 0 0px 0;
	color:					#000;
	text-align:				center;
	text-shadow:			2px 2px 3px green;
	-webkit-text-shadow:	2px 2px 3px green;
	-moz-text-shadow:		2px 2px 3px green;
	-o-text-shadow:			2px 2px 3px green;
	-ms-text-shadow:		2px 2px 3px green;
}

header nav{
	margin:					20px 0 0 0;
}

header nav a{
	font-size:17px;
	text-align:							center;
	color:								yellow;
	margin:								0 2px;
	text-shadow:						0 0 5px green,
										0px 0px  2px #00a000;
	border-top-right-radius:			12px;
	-webkit-border-top-right-radius:	12px;
	-moz-border-top-right-radius:		12px;
	-o-border-top-right-radius:			12px;
	-ms-border-top-right-radius:		12px;
	border-bottom-left-radius:			12px;
	-webkit-border-bottom-left-radius:	12px;
	-moz-border-bottom-left-radius:		12px;
	-o-border-bottom-left-radius:		12px;
	-ms-border-bottom-left-radius:		12px;
	background:							#9b9;
	padding:							5px 10px;
	box-shadow:							1px 1px 1px #555;
}

header nav a:hover{
	position:				relative;
	top:					-5px;
	box-shadow:				2px 2px 2px #555;
}

img{
border:none;
}

div#container{
	width:850px;
	margin:					0 auto 0 auto;
}


#page{
	padding:				20px 50px 40px 50px;
	margin:					0 auto 0 auto;
	background:				#fcfcfc;
	background:#fefefe;
	border-radius:			20px;
	-webkit-border-radius:	20px;
	-moz-border-radius:		20px;
	-o-border-radius:		20px;
	-ms-border-radius:		20px;

	box-shadow:				2px 2px 5px #333;
	-webkit-box-shadow:		2px 2px 5px #333;
	-moz-box-shadow:		2px 2px 5px #333;
	-o-box-shadow:			2px 2px 5px #333;
	-ms-box-shadow:			2px 2px 5px #333;
}

/* ********************************************** */
/*          h2（スレッドタイトル関連）            */
/* ********************************************** */
h2{
	font-size:					23px;
	text-shadow:				2px 2px 3px #666;
	-webkit-text-shadow:		2px 2px 3px #666;
	-moz-text-shadow:			2px 2px 3px #666;
	-o-text-shadow:				2px 2px 3px #666;
	-ms-text-shadow:			2px 2px 3px #666;
	font-family:				"ＭＳ Ｐ明朝";
	border-bottom:1px solid #333;
	color:#222;
	background:					#eee;
	padding:					2px 0px 4px 25px ;
	text-align:left;
}

h2.thread_title{
	display:block;
	margin:						0px auto 0 auto ;
	border-top-right-radius:				7px;
	border-top-left-radius:7px;
}

h2.child_title{
	margin:10px 0 0 100px;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
}


/* ********************************************** */
/*             #h3 （ヘルプページ）               */
/* ********************************************** */
h3{
	font-size:					20px;
	text-align:					center;
	margin:						0px auto 10px auto;
	padding:					2px 0;
	font-family:				"MS　P明朝";
	text-shadow:				2px 2px 3px #555;
	-webkit-text-shadow:		2px 2px 3px #000;
	-moz-text-shadow:			2px 2px 3px #000;
	-o-text-shadow:				2px 2px 3px #000;
	-ms-text-shadow:			2px 2px 3px #000;

	width:90%;
	background:#EEE;
	box-shadow:3px 3px 5px #333;
}

ul{
	margin-bottom:25px;
}


/* ************************************************ */
/*    写真の左上・右下に斜めの切込みを入れるため    */
/* ************************************************ */
.h_picture {
	display:				inline-block;
	position:				relative;
	overflow:				hidden; 	/* 不要部分を消す */
	padding:				5px 10px 5px 5px ; 		/* 6px だけは写真からはみ出す */
}

.h_picture img {
	box-shadow:				0px 0px 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:		0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:		0px 0px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow:			0px 0px 8px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:			0px 0px 8px rgba(0, 0, 0, 0.3);
}

.h_picture:before,
.h_picture:after{
	content:				"";
	position:				absolute;
	z-index:				1;
	width:					80px;
	height:					50px;
	background:				#fefffe;
	transform:				rotate(-30deg);
	-webkit-transform:		rotate(-30deg);
	-moz-transform:			rotate(-30deg);
	-o-transform:			rotate(-30deg);
	-ms-transform:			rotate(-30deg);
}

/* 左上 */
.h_picture:before{
	box-shadow:				0 10px 8px -12px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:		0 10px 8px -12px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:		0 10px 8px -12px rgba(0, 0, 0, 0.8);
	-o-box-shadow:			0 10px 8px -12px rgba(0, 0, 0, 0.8);
	-ms-box-shadow:			0 10px 8px -12px rgba(0, 0, 0, 0.8);
	top:					-29px;
	bottom:					auto;
	right:					auto;
	left:					-26px;
}

/* 右下 */
.h_picture:after{
	box-shadow:				0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:		0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:		0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	-o-box-shadow:			0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	-ms-box-shadow:			0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	top:					auto;
	bottom:					-22px;
	right:					-25px;
	left:					auto;
}

/* ************************************************ */
/*    入力エリア関連   */
/* ************************************************ */
.form_submit{
	width:150px;
	margin:0 auto 0 auto;
}
.form_submit form{
	float:left;
}


/* ************************************************ */
/*    スレドエリア   */
/* ************************************************ */
.thread_area{
	border-radius:10px;
	margin:40px 0 10px 0;
	padding:0px 0 30px 0;
	box-shadow:				2px 2px 5px #333;
	-webkit-box-shadow:		2px 2px 5px #333;
	-moz-box-shadow:		2px 2px 5px #333;
	-o-box-shadow:			2px 2px 5px #333;
	-ms-box-shadow:			2px 2px 5px #333;
	position:relative;
	background:#fefffe;
}
.parent_area{
	margin:0 0px 0 0px ;
}
.child_area{
	margin:35px 0 0 0;
}


/* ************************************************ */
/*    投稿された内容に関する   */
/* ************************************************ */
div.contents{
	margin:5px 10px 0 10px;
}

.child_area div.contents{
	margin-left:100px;
}

/* ************************************************ */
/*    データ   */
/* ************************************************ */
p.parent_date,p.child_date{
	font-size:13px;
	text-align:right;
	line-height:1em;
	margin:5px 10px 0 0;
}
/* ************************************************ */
/*    コントロールパネル（各種ボタン）   */
/* ************************************************ */
div.control_panel,
div.child_control_panel,
div.control_panel_re{
position:absolute;
	right:10px;
}

.control_panel form,
.child_control_panel form,
.control_panel_re form{
	float:left;
	margin-left:5px;

}

/* 前後ページ移動ボタン */
#next_or_past{
	width:120px;
	margin:20px auto 0 auto;
}
#next_or_past form{
	float:left;
	margin-left:5px;
}
/* ********************************************** */
/*         検索結果の画面                         */
/* ********************************************** */
div.result_article{
padding-top:10px;
}


/* ********************************************** */
/*                 footer                         */
/* ********************************************** */
footer{
	width:					750px;
	padding:				10px  50px 10px 50px;
	margin:					10px auto 10px auto;
	font-size:				14px;
	line-height:			1.1em;
	background:				#fff;
	border-radius:			20px;
	clear:					both;
	position:				relative;
	top:					30px;

	box-shadow:				2px 2px 5px #333;
	-webkit-box-shadow:		2px 2px 5px #333;
	-moz-box-shadow:		2px 2px 5px #333;
	-o-box-shadow:			2px 2px 5px #333;
	-ms-box-shadow:			2px 2px 5px #333;

}


footer p{
	text-indent:			1em;
}

footer address{
	text-align:				center;
	text-shadow:			2px 2px 3px #555;
	margin:					5px auto 0 auto;
}

#ads_foot{
	width:729px;
	margin:40px auto 0 auto;
}