/* 作品ページ用CSS */
	
/* ***************************************/
.TEST:after
	{
	content: ".";   
	display: block;   
	height: 0;
	clear: both;  
	visibility: hidden;   
	}

.TEST 
	{
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .TEST { height:1%;}

.TEST 
	{
	display: block;
	}
	/* End hide from IE-mac*/
/* ***************************************/

/*大枠*/

body	
	{
	background-color: #CCCCCC;
	}
/* ***************************************/

/*作品ページ　独自*/

.waku-border:after
	{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;  
	visibility: hidden;   
	}
.waku-border
	{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	border-bottom: 1px solid #A9A9A9;
	clear: both;
	width: 900px;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .waku-border { height:1%;}
.waku-border 
	{
	display: block;
	}

.ga.waku-border img
	{
	vertical-align: bottom;
	}
kubuchi:after
	{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;  
	visibility: hidden;   
	}
.gakubuchi/* ------------------------投稿画像の表示用*/
	{
	text-align: center;
	margin: 7px 10px 0;
	padding: 15px;
	border: 2px solid #CCCCCC;
	clear: both;
	width: 100%-25px;
	background-color: #CCCCCC;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .gakubuchi { height:1%;}
.gakubuchi 
	{
	display: block;
	}

.gakubuchi img
	{
	vertical-align: bottom;
	margin-right: 20px;
	margin-left: 20px;
	border-width: 10px;
	border-color: #FFFFFF;
	border-style: solid;
	}
.msg-r/* ------------------------右側のメッセージ用*/
	{
	text-align: right;
	vertical-align: baseline;
	padding: 6px 5px 0px;
	float: right;
	width: 47%;
	}
.msg-l/* ------------------------左側のメッセージ用（作品ナンバーなど）*/
	{
	text-align: left;
	vertical-align: baseline;
	padding: 6px 5px 0px;
	float: left;
	width: 47%;
	}	
.saku-title/* ------------------------作品タイトル用*/
	{
	text-align: center;
	margin-right: 125px;
	margin-left: 125px;
	background: url('title001.gif') no-repeat bottom center;
	}
.saku-title h1 
	{
	color: #333333;
	margin-top: 15px;
	margin-bottom: 1px;
	}
.saku-subtitle1/* ------------------------作品サブタイトル用*/ 
	{
	color: #FFFFFF;
	text-align: center;
	margin-top: 7px;
	margin-left: 125px;
	float: left;
	width: 55px;
	background-color: #FF6600;
	}
.saku-subtitle2 
	{
	color: #555555;
	font-weight: bold;
	text-align: left;
	margin-top: 7px;
	margin-bottom: 10px;
	padding-left: 30px;
	float: left;
	width: 600px;
	}
.saku-subtitle2 a
	{
	color: #666666;
	}
.saku-toukousha-dat/* ------------------------投稿者データ用*/ 
	{
	text-align: center;
	margin-right: 125px;
	margin-bottom: 20px;
	margin-left: 125px;
	clear: both;
	}
.waku-toko:after/* ------------------------投稿データ用*/ 
	{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;  
	visibility: hidden;   
	}
.waku-toko
	{
	margin: 0 auto 0px;
	padding: 0;
	border-width: 0px;
	border-color: #A9A9A9;
	border-style: solid;
	clear: both;
	width: 765px;
	background-color: #c0c0c0;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .waku-toko { height:1%;}
.waku-toko 
	{
	display: block;
	}
.toko
	{
	color: #666666;
	padding-left: 40px;
	float: left;
	width: 415px;
	}
.toko-inner1
	{
	text-align: center;
	vertical-align: baseline;
	padding: 29px 5px 3px 10px;
	border-bottom-width: 0px;
	border-bottom-color: #c0c0c0;
	border-bottom-style: solid;
	float: left;
	width: 400px;
	background: #DCDCDC url('title001.gif') no-repeat -250px bottom;
	}
.toko-inner2
	{
	padding: 0 5px 0 10px;
	float: left;
	height: 45px;
	width: 400px;
	background-color: #DCDCDC;
	}
	
.toko-inner3
	{
	color: #666666;
	padding: 12px 2px 12px 25px;
	border-right: 2px solid #C0C0C0;
	border-bottom: 2px solid #C0C0C0;
	float: left;
	width: 281px;
	background-color: #DCDCDC;
	}
.toko-dat-samune img
	{
	margin-bottom: 2px;
	border-width: 1px;
	border-color: #333333;
	border-style: solid;
	}
.waku-toko-hed
	{
	color: #FFFFFF;
	text-align: left;
	margin: 1px auto 0;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	clear: both;
	height: 30px;
	width: 757px;
	background: #c0c0c0 url('tagu004.gif') no-repeat 60px -20px;
	}
	
.waku-kome:after/* ------------------------コメント欄用*/ 
	{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;  
	visibility: hidden;   
	}
/*background-color:候補
無彩 #c0c0c0 #dcdcdc #a9a9a9 #808080
青系 #006699 #009999
赤系 #8b0000 #cd5c5c #ff6347 #bc8f8f
和風 #FF9966 #d2b48c #999966 #bdb76b
淡い #ffebcd #ffffe0 #fff8dc #faebd7 #fdf5e6 #f0f8ff #fff0f5 #f5fffa
*/
.waku-kome
	{
	margin: 0 auto;
	padding: 0;
	border-width: 0px 0px 1px;
	border-color: #a9a9a9;
	border-style: solid;
	clear: both;
	width: 765px;
	background-color: #C0C0C0;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .waku-kome { height:1%;}
.waku-kome 
	{
	display: block;
	color: #666666;
	}
.kome 
	{
	float: left;
	position: relative;
	left: 40px;
	}
.kome-inner1
	{
	padding-top: 7px;
	padding-left: 15px;
	height: 20px;
	width: 545px;
	background-color: #DCDCDC;
	}

.kome-inner2
	{
	padding: 5px 90px 15px 100px;
	width: 370px;
	background-color: #DCDCDC;
	}
.kome-inner2 a
	{
	color: #666666;
	}
.kome-inner3
	{
	padding: 3px 2px 1px 15px;
	border-top: 1px solid #CCCCCC;
	border-right: 6px solid #FF9933;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	float: right;
	position: relative;
	top: 7px;
	left: -30px;
	height: 41px;
	width: 181px;
	background-color: #DCDCDC;
	}

.waku-kome-hed
	{
	color: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	clear: both;
	height: 30px;
	width: 757px;
	background: #C0C0C0 url('tagu004.gif') no-repeat 50px -20px;
	}
/*
	background: #C0C0C0 url('tagu004.gif') no-repeat 50px -20px;
*/
.waku-kome-hip
	{
	color: #FFFFFF;
	text-align: right;
	vertical-align: baseline;
	margin: 0 auto 5px;
	padding-right: 5px;
	clear: both;
	position: relative;
	top: -1px;
	height: 17px;
	width: 760px;
	background-color: #C0C0C0;
	}
/*
	background: #C0C0C0 url('tagu004.gif') no-repeat -550px 17px;
*/
.waku-kome-hip a
	{
	color: #006699;
	}

/*ナビゲーションバー(書籍「XHTML+CSS虎の巻」p105参照)　※IE6では「hover」の擬似クラスが使用不可のため改変*/

#nav-saku:after
	{
	content: ".";   
	display: block;   
	height: 0;
	clear: both;  
	visibility: hidden;   
	}

#nav-saku /*#FFB366 #bf6a40*/
	{
	border-top-width: 5px;
	border-top-color: #999999;
	border-top-style: solid;
	float: right;
	width: 100%;
	background-color: #C0C0C0;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html #nav-saku { height:1%;}

#nav-saku 
	{
	display: block;
	}
	/* End hide from IE-mac*/
	
	
#nav-saku ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav-saku li
	{
	font-size: small;
	color: #666666;
	white-space: nowrap;
	margin: 0 0px 0 1px;
	padding: 0;
	float: right;
	}
#nav-saku li.current
	{
	background-position: 100% -400px;
	}
#nav-saku a, #nav li.current span
	{
	display: block;
	}
#nav-saku li.current span
	{
	margin-top: 1px;
	padding: 7px 10px 5px;
	}
#nav-saku a
	{
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 1px;
	padding: 3px 10px;
	background: url('tab001.gif') 50% 0px no-repeat;
	}
#nav-saku a:hover
	{
	background-position: 50% -200px;
	}
#nav-saku a:active
	{
	color: #333333;
	font-style: normal;
	text-decoration: none;
	background-position: 50% -400px;
	}
#nav-saku li.current span
	{
	color: #333333;
	background: url('tab001.gif') 100% -400px no-repeat;
	}




.waku-hanyo0:after/* ------------------------汎用（背景色ナシ）*/ 
	{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;  
	visibility: hidden;   
	}
.waku-hanyo0
	{
	color: #666666;
	margin: 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	top: -8px;
	width: 765px;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .waku-hanyo { height:1%;}
.waku-hanyo0 
	{
	display: block;
	}
.waku-hanyo0 a
	{
	color: #006699;
	}
	
.waku-hanyo:after/* ------------------------汎用*/ 
	{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;  
	visibility: hidden;   
	}
.waku-hanyo
	{
	color: #666666;
	margin: 0 auto;
	padding: 0;
	border: 0px solid #A9A9A9;
	clear: both;
	position: relative;
	top: -8px;
	width: 765px;
	background-color: #C0C0C0;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .waku-hanyo { height:1%;}
.waku-hanyo 
	{
	display: block;
	}
.waku-hanyo a
	{
	color: #006699;
	}
.waku-hanyo ul
	{
	line-height: 117%;
	margin: 0;
	padding: 0px 6px 6px 20px;
	list-style-type: disc;
	list-style-position: inside;
	}
.waku-hanyo-hip
	{
	color: #FFFFFF;
	text-align: right;
	vertical-align: baseline;
	margin: 0 auto 1px;
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 5px;
	clear: both;
	position: relative;
	top: -1px;
	width: 755px;
	background: #C0C0C0 url('tagu004.gif') no-repeat -550px 17px;
	}
.waku-hanyo-hip form
	{
	margin-bottom: 0;
	padding-bottom: 0;
	}
.waku-hanyo-hip a
	{
	color: #006699;
	}
.waku-hanyo-hip2
	{
	color: #FFFFFF;
	text-align: right;
	vertical-align: baseline;
	margin: 0 auto 5px;
	padding-right: 5px;
	clear: both;
	position: relative;
	top: -1px;
	height: 17px;
	width: 760px;
	background-color: #C0C0C0;
	}
.waku-hanyo-hed/* ------------------------耳なし*/
	{
	color: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	clear: both;
	height: 17px;
	width: 765px;
	background-color: #C0C0C0;
	}

.waku-foot:after/* ------------------------フッダ*/ 
	{
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;  
	visibility: hidden;   
	}
.waku-foot
	{
	color: #666666;
	margin: 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	top: -1px;
	width: 765px;
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .waku-foot { height:1%;}
.waku-foot 
	{
	display: block;
	}
.waku-foot a/* ------------------------「投稿やコメントを修正する」リンク専用*/
	{
	font-size: 10px;
	color: #999999;
	}
.back-next/* ------------------------「前ページ、次ページ」専用*/
	{
	color: #aaaaaa;
	text-align: center;
	padding: 4px 6px;
	width: 100%-12px;
	}