@charset "utf-8"



/* ■■■■■■■■■■■■■■■■■■■■■■■■
01）リセット
02) 共通設定
03) 要素一般設定
04) ライブラリ
05) #titlebar    サイトロゴ
06) #navi        左端メニュー部
07) #main        記事本文
08) #footer      フッタ
09) #extra       広告部分

EX) カラーパレット
	#688DC9		青　：背景
	#A2B9DE		水色：背景
	#FFE699		橙　：囲み線
■■■■■■■■■■■■■■■■■■■■■■■■ */






/* ■■□                      □■■ */
/* ■■□  01) リセット        □■■ */
/* ■■□                      □■■ */
/* ■■□  まずはまっさらに…  □■■ */


* {
	margin : 0;
	padding : 0;
	border : none;
	text-decoration : none;
	list-style : none;
}



/* ■■□                      □■■ */
/* ■■□  02) 共通設定        □■■ */
/* ■■□                      □■■ */
/* ■■□  DIV箱サイズ指定等   □■■ */


#outbox {
	width: 950px;
	/* ↑↑変えちゃダメ↑↑ */
}



#titlebar {
	width: 950px;
	 ↑↑変えちゃダメ↑↑ 
}



#container {
	float:left;
	width: 780px;
	/* ↑↑変えちゃダメ↑↑ */

	background : url(03container.gif) repeat-y;
}

#navi {
	float: left;
	width: 180px;
	/* ↑↑変えちゃダメ↑↑ */

	font-size: 12px;
}



#main {
	float: left;
	width: 600px;
	/* ↑↑変えちゃダメ↑↑ */

}



#footer {
	clear: both;
	width: 780px;
	/* ↑↑変えちゃダメ↑↑ */

	height: 60px;
	line-height : 1.3em;
	color : #999999;
	font-size : 12px;
	background : url(06footer.gif) no-repeat bottom ;
}


#extra {
	float:left;
	margin-left: 20px ;
	width: 150px;
	overflow: hidden;
	/* ↑↑変えちゃダメ↑↑ */

	padding-bottom: 30px;
	background : url(07extra.gif) left bottom;

}



/* ■■□                      □■■ */
/* ■■□  03) 要素一般設定    □■■ */
/* ■■□                      □■■ */
/* ■■□  各要素の定義        □■■ */


body {  /*   outboxの外に隙間   */
	margin: 0;
	padding : 10px;
	font-size: 14px;
	font-family:'メイリオ',Meiryo, arial,'ＭＳ Ｐゴシック','Osaka', sans-selif;
	color: #333333 ;
	line-height:2em;
	background: url(00body.gif) top repeat #688DC9;
}



a:link, 
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #0099CC ;
}


a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #DFEDFF;
}



img {
	border: none;
}



pre {
	margin: 1em 3em;
	padding: 1em;
	border: 4px dotted #FFE699;
	white-space: normal;
}



blockquote {
	margin: 1em 3em;
	padding: 1em;
	border-left: 6px double #FFE699;
	line-height: 1.5em;
}




/* ■■□                      □■■ */
/* ■■□  04) ライブラリ      □■■ */
/* ■■□                      □■■ */
/* ■■□  こまごました定義    □■■ */





.centering {
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}


.left-30 {
	/* display: inline; */
	margin : 0 0 0 30px;
	padding : 0;
}


.right-40 {
	text-align : right;
	margin: 0 40px 0 0;
	padding : 0;
}



img.pict_border_r {
	margin : 0 0 5px 10px;
	border : solid 5px #DDDDDD;
	float: right;	
}


img.pict_border_l {
	margin : 0 10px 5px 10px;
	border : solid 5px #DDDDDD;
	float: left;
}


.square {
	font-size: 12px ;
	letter-spacing: 0px;
	vertical-align: middle;
}


font.notes {
	font-size: 12px ;
	font-weight : normal ;
	vertical-align: bottom;
}


p.notes {
	margin : 0;
	font-size: 12px ;
	font-weight : normal ;
	vertical-align: bottom;
	line-height : 18px;
}



.long_caption td {
	vertical-align : top ;
	text-align : left;
	font-size: 14px ;
	line-height:20px;
	border-collapse: collapse;
	border-bottom : dashed 1px #CCCCCC;
}





/* ■■□                      □■■ */
/* ■■□  05) #titlebar       □■■ */
/* ■■□                      □■■ */
/* ■■□  サイトロゴ          □■■ */



div.title-top {
	position: relative;
	height : 230px ;
	background : url(02title-top.gif) left no-repeat ;
}

h1.title-top {
	position:absolute;
	margin : 0;
	top: 180px;
	left: 250px ;
	font-weight: bold;
	font-size: 18px ;
	color : #A2B9DE ;
}



div.title-index {
	position: relative;
	height : 230px ;
	background : url(02title-index.gif) left no-repeat ;
}

h1.title-index {
	position:absolute;
	margin : 0;
	top: 110px;
	left: 285px ;
	font-weight: bold;
	font-size: 24px ;
	color : #A2B9DE ;
}



div.title-normal {
	position: relative;
	height : 130px ;
	background : url(02title-normal.gif) left no-repeat ;
}

h1.title-normal {
	position:absolute;
	margin : 0;
	top: 100px;
	left: 520px ;
	font-weight: bold;
	font-size: 12px ;
	color : #A2B9DE ;
}




/* ■■□                      □■■ */
/* ■■□  06) #navi           □■■ */
/* ■■□                      □■■ */
/* ■■□  左端ナビゲータ部分  □■■ */

ul.list_lev0 {
	margin : 0 0 0 15px;
	padding : 0;
	list-style : none ;
	line-height: 1em;
	color: #999999;
}


.list_lev0 li {
	margin-top : 20px;
	padding : 0;
}


ul.list_lev1 {
	margin : 0;
	padding : 0 0 0 1em;
	list-style : none ;
	line-height: 1em;
	color: #999999;
}


ul.list_lev1 a:link, 
ul.list_lev1 a:visited,
ul.list_lev1 a:hover {
	font-weight : normal;
}


.list_lev1 li {
	margin-top : 5px;
	padding : 0;
	font-weight : normal;
}


.dotted-box{
	margin : 30px 10px 0 20px;
	padding : 10px;
	line-height: 1.6em;
	text-align: center;
	border : 3px dotted #CCCCCC;
}



/* ■■□                      □■■ */
/* ■■□  07) #main           □■■ */
/* ■■□                      □■■ */
/* ■■□  記事本文            □■■ */



h1.label_01 {
	position:relative;
	height: 110px;
	margin: 0;
	background: url(label_1a.gif) top left no-repeat;
}

font.label_01 {
	position:absolute;
	height: 110px;
	margin: 0 0 0 120px;
	padding: 25px 30px 0 10px;
	font-size: 24px;
	color: #666666 ;
	background: url(label_1b.gif) top right no-repeat;
}



.label_02 {
	padding-left: 20px;
	margin-bottom : 15px;
	font-size: 18px;
	font weight : bold;
	background: url(label_2.gif) center left no-repeat;
}



.textarea {
	margin-left: 20px;
	margin-bottom: 0;
	padding: 20px;
	background : url(05main.gif) center center no-repeat;
}



img.paper-design {
	margin-left: 10px;
	padding: 0;
	border: 10px solid #EEEEEE;
}



p.paper-design {
	margin-top : 0;
	margin-bottom : 0;
	text-align : center;
	line-height : 14px;
	font-size : 10px;
	color : #cccccc;
}



table.paper-design {
	 border: solid 1px #999999;
	 border-collapse: collapse;
	 margin: 10px 0 30px 40px;
	 width: 440px;
}


.paper-design th,
.paper-design td {
	 border: solid 1px #999999;
	 font-size: 14px;
	 line-height: 1.5em;
	 padding: 1px 1em 1px 1em;
}


tr.hidden-cell {
	display: none;
}



.title {
	border-top: 1px dotted #CCCCCC;
	padding-left: 20px;
	margin-bottom : 10px;
	font-size: 18px;
	font weight : bold;
	line-height : 18px;
	background: url(label_2.gif) center left no-repeat;
}


.comment {
	border-top: 1px dotted #CCCCCC;
	margin: 40px 0 0 0;
	padding-top: 20px;
	font-size: 12px;
	line-height:1.6em;
}


.ex-comment {
	border-top: 1px dotted #CCCCCC;
	margin: 10px 20px 10px 40px;
	padding-top: 10px;
	font-size: 11px;
}


div.bbs-area {
	border-top: 1px dotted #CCCCCC;
	margin: 40px 20px 30px 40px;
	padding-top: 10px;
	font-size: 11px;
	line-height: 1.4em;
}


.bbsname,
.bbstext {
	font-size: 11px;
	font-family: 'ＭＳ ゴシック', '平成角ゴシック',Courier, monospace ;
}


.bbsdate {
	color: #bbbbbb ;
	font-size: 10px;
	font-family: cursive;
}


.icon img {
	border : 3px double #DDDDDD;
	margin : 3px;
}




/* ■■□                      □■■ */
/* ■■□  08) #footer        □■■ */
/* ■■□                      □■■ */
/* ■■□  クレジット等フッタ  □■■ */






/* ■■□                      □■■ */
/* ■■□  09) #extra          □■■ */
/* ■■□                      □■■ */
/* ■■□  本編と無関係な右端  □■■ */




.adad {
	margin-left : auto;
	margin-right : auto;
	font-size : 11px;
	line-height : 1.3em;
	text-align : center;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 150px;
	border-bottom: #CCCCCC dashed 1px;
	background: #FFFFFF;
}


.amazon {
	font-size : 10px;
	line-height : 1.2em;
	padding-bottom: 30px;
}


.rakuten_120x240 {
	width : 120px ;
	height : 240px ;
}
	





/* ■■□　END　□■■ */