@charset "utf-8";

/*
ベース
-------------------------------------------------------------------*/
	*{margin:0; padding:0;}

body{
	background-color:#F0F0F0;
	width:100%;
	text-align: center;
	background-image:url('images/back.jpg'); 
	background-repeat:repeat-x; 
	background-attachment:fixed;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
}


#teuchi-body{
	margin:0 auto; 
	width:800px; 
	background-color:#DEDFDE;
	position:relative; 
	margin-left:auto; 
	margin-right:auto;
	text-align: left;
	border: 1px solid #000;
}


#teuchi-header{
	width:800px;
	background-image:url('images/titele1.jpg'); 
	background-repeat:no-repeat; 
	border-bottom: 1px solid #ffffff;
	height:150px;

}

#teuchi-header h1{
	visibility: hidden;
	}
#teuchi-header h2{
	visibility: hidden;
	}


/*
ナビゲーション
-------------------------------------------------------------------*/

#teuchi-navigation{
	width:170px; 
	float:left;
	text-align: center;
	background-color: #CECFCE;
}

/*
コンテンツ
-------------------------------------------------------------------*/


#teuchi-contents{
	text-align: center;
	width: 460px;
	background-color:#DEDFDE;
	float:left;
}

/*
フッター
-------------------------------------------------------------------*/

#teuchi-footer{
	width:800px;
	background-image:url('images/foot.jpg'); 
	background-repeat:no-repeat; 
	height:70px;
	padding-right: 2em;
	clear:both;
	border-top:1px solid #ffffff;
	text-align:right; 
	font-size: 10px;
	color: #eee;
}

#teuchi-footer p { padding-top: 35px;}

#teuchi-honbun{
	text-align: left;
	background-color:#DEDFDE;
	margin: 0.5em;
	font-size: 13px;
	line-height: 150%;
}

#teuchi-honbun li{
	list-style-image : url('images/list.gif');
}

a {
	color:#AD5BFF;
	text-decoration: underline;

}
a:hover {
	text-decoration:none;
	color: #ff051b;
}

a img {border: none;
text-decoration:none;
}

.center{text-align: center;}

h3 {clear: both;}

#under-menu{
	margin-left: 28px;
	margin-bottom: 3px;
	font-size: 12px;
	height: 45px;
}

#under-menu a{text-decoration: none;}

#under-menu ul{
	font-size: 12px;
	height: 45px;
	margin-left: 60px;
}

#under-menu li{
	width: 70px;
	float: left;
}

#under-menu h3{
font-size: 10px;
visibility: hidden;
margin-top: -10px;
}


#under-menu img{
	margin-bottom: 0px;
}

li {list-style: none;}

hr { 
	visibility: hidden;
}

strong {
color: #FF0000;
}
/*
トピックス
-------------------------------------------------------------------*/

#topics-right{
	width: 168px;
	height: 600px;
	background-color: #ccc;
	float: right;
}

.topi-top {
	background-image:url('images/topi_top.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}
.topi-top2 {
	background-image:url('images/topi_top2.gif'); 
	background-repeat:no-repeat; 
	height: 70px;
}
.topi-roop {
	background-image:url('images/topi_roop.gif'); 
	background-repeat:repeat-y; 
}

.topi-roop address {
	text-align: right;
 font-style: normal; 
 clear: both; 
 margin-right: 30px;}

.topi-end {
	background-image:url('images/topi_end.gif'); 
	background-repeat:no-repeat; 
	padding-top: 10px;
	padding-right: 2em;
	height: 50px;
	text-align: right;
}

.topi-top h2 {
	padding-top: 15px;
	margin-left: 15px;
	visibility: hidden;
}

.topi-top2 h2 {
	padding-top: 15px;
	margin-left: 15px;
	visibility: hidden;
}
.topi-roop ul{
	padding-top: 10px;
	margin-left: 40px;
}

.topi-roop p{
width: 410px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 20px;
line-height: 130%;
}

.topi-roop img{
margin-right: 10px;
margin-bottom: 5px;
}

/*
ナビゲーション
-------------------------------------------------------------------*/

#navi{
	padding:0.5em 5px 5px 0; 
	background-color: #666;
	text-align: left;
}

#index-right{
	width: 168px;
	height: 560px;
	background-color: #666;
	float: right;
}

#right-navi{
	margin: 1em 5px 5px 5px;
	font-family: ms;
	font-size: 12px;
	color: #fff;
	line-height: 120%;
}

#right-navi p{margin-bottom: 10px;}

#right-navi dd {
color: #fff;
line-height: 110%;
padding-bottom: 10px;
}

#right-navi ul{
	padding-top: 10px;
	margin-left: 20px;
}

#right-navi h3{
font-size: 10px;
visibility: hidden;
margin-top: -20px;
}

#navi a {
	font-size : 13px;
	display:block;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 8px;
	border-top-color:#999; 
	border-right-color:#000; 
	border-bottom-color:#000; 
	border-left-color:#999;
	border-width: 1px 2px 2px 1px;
	border-style:solid;
	margin-bottom: 2px;
	margin-left: 5px;
	line-height: 18px;
}

#navi a:link {
	background : #333 ;
	text-decoration :none;
	color : #F3F3F3 ;
}

#navi a:visited {
	background : #333 ;	
	text-decoration :none;
	color : #F3F3F3 ;
}

#navi a:hover {
	background : #000 ;
	text-decoration :none;
	color : #FFD53A;
}

#navi a:active {
	background :#fff ;
	color :#FF0B17;
	text-decoration :none;
}

/*
ようこそ手打ち倶楽部へ
-------------------------------------------------------------------*/


#teuchi-main{
	text-align: center;
	width: 540px;
	background-color:#DEDFDE;
	float:left;
}

#info-right{
	width: 88px;
	margin-top: 40px;
	background-image:url('images/rightcandel.jpg'); 
	background-repeat:no-repeat; 
	background-position:0% 30px;
	background-color: #DEDFDE;
	height: 600px;
	float: right;
}

.kiji-top {
	background-image:url('images/kiji_top.gif'); 
	background-repeat:no-repeat; 
	height: 90px;
	text-align: right;
	padding-top: 0px;
	padding-right: 2em;
}

.kiji-top2 {
	background-image:url('images/topi_top2.gif'); 
	background-repeat:no-repeat; 
	height: 50px;
}



.kiji-roop {
	background-image:url('images/kiji_roop.gif'); 
	background-repeat:repeat-y; 
}

.kiji-end {
	background-image:url('images/kiji_end.gif'); 
	background-repeat:no-repeat; 
	font-size: 13px;
text-align: center;
	line-height: 60px;
	color: #020202;
}

.kiji-top h2 {
	visibility: hidden;
}

.kiji-top2 h2 {
	padding-top: 15px;
	margin-left: 15px;
	visibility: hidden;
}

.kiji-roop ul{
	padding-top: 10px;
	margin-left: 25px;
}

.titel{
	padding-top: 25px;
	margin-left: 35px;
}

.kiji-roop p{
	width: 480px;
	margin-bottom: 10px;
	margin-left: 25px;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333;
}

.kiji-roop h2 {
	visibility: hidden;
	font-size: 8px;	
}

.kiji-roop h3 {
	margin-left: 25px;
	margin-bottom: 10px;
	text-indent: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image:url('images/p-bk.gif'); 
	background-repeat:no-repeat; 
	font-size: 13px;
	font-weight: bold;
	height: 26px;
	color: #333;	
}

.kiji-roop img {
	margin-left: 5px;
	margin-bottom: 5px;
}

.kiji-roop dl{
	padding: 10px ;
	margin-left: 0px;
}

.kiji-roop dt{
	padding: 10px 1em 5px 1.5em;
	margin-left: 10px;
	font-size: 14px;
}

.kiji-roop dd{
	padding: 0px 1em 5px 3.5em;
	font-size: 13px;
	line-height: 110%;
	color: #333;
}


/*
メンバー紹介
-------------------------------------------------------------------*/
#member-right{
	width: 168px;
	height: 600px;
	background-image:url('images/right-bk.gif'); 
	background-repeat:repeat-x; 
	background-color: #ccc;
	float: right;
}

#member-navi{
	margin: 1em 5px 5px 5px;
	font-size: 13px;
	color: #000;
	line-height: 120%;
}

#member-navi ul{
	padding-top: 10px;
	margin-left: 20px;
	font-size: 13px;
	color: #FF2016;
}

#member-navi li{
	list-style-image : url('images/list.gif');
	margin-bottom: 1px;
	line-height: 120%;
	color: #FF0080;
}

#member-navi a{
text-decoration: none;
}

.member-top {
	background-image:url('images/member_top.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}

.member-top2 {
	background-image:url('images/topi_top2.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}

.member-roop {
	background-image:url('images/topi_roop.gif'); 
	background-repeat:repeat-y; 
}

.member-end {
	background-image:url('images/topi_end.gif'); 
	background-repeat:no-repeat; 
	padding-top: 10px ; 
	padding-right: 2em;
	height: 50px;
	text-align: right;
	color: #008000;
}

.member-top h2 {
	padding-top: 30px;
	margin-left: 70px;
	font-size: 16px;
	color: #800000;
}

.member-roop ul{
	padding-top: 10px;
	margin-left: 40px;
	clear: both;
}

.member-roop dl{
	padding: 10px ;
	margin-left: 0px;
}

.member-roop dt{
	padding: 10px 1em 1em 1em;
	margin-left: 10px;
	font-size: 15px;
	font-weight: bold;
	background-image:url('images/niko.gif'); 
	background-repeat:no-repeat; 
}

.member-roop dd{
	padding: 1em;
	font-size: 13px;
	line-height: 130%;
	color: #333;
}

.member-roop img{
	margin-right: 10px;
	float: left;
}

#next-back{
	font-size: 13px;
	height: 50px;
}
#next-back a{
text-decoration: none;
}
.member-roop address {
	text-align: right;
 font-style: normal; 
 clear: both; 
 margin-right: 30px;}


/*
手打ちの定義(ようこそ手打ち倶楽部へに準ず）

-------------------------------------------------------------------*/
.teigi-top {
	background-image:url('images/teigi_top.gif'); 
	background-repeat:no-repeat; 
	height: 90px;
	text-align: right;
	padding-top: 0px;
	padding-right: 2em;
}

.teigi-top h2 {
	visibility: hidden;
	}

/*
お勧めツール（メンバー紹介に準ず）
-------------------------------------------------------------------*/
.osusume-top {
	background-image:url('images/osusume_top.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}

.osusume-top h2 {
	padding-top: 30px;
	margin-left: 70px;
	font-size: 16px;
	color: #800000;
}

.osusume-roop {
	background-image:url('images/topi_roop.gif'); 
	background-repeat:repeat-y; 
}

.osusumer-roop ul{
	padding-top: 10px;
	margin-left: 40px;
}

.osusume-roop dl{
	padding: 10px ;
	margin-left: 0px;
}

.osusume-roop dt{
	padding: 5px 1em 0px 1em;
	margin-left: 0px;
	font-size: 15px;
	font-weight: bold;
	background-image:url('images/niko.gif'); 
	background-repeat:no-repeat; 
}

.osusume-roop dd{
padding-left: 30px;
padding-right: 15px;
	font-size: 13px;
	line-height: 130%;
	color: #333;
}

.osusume-roop address {
	text-align: right;
 font-style: normal; 
 clear: both; 
 margin-right: 30px;}

/*
ＣＳＳレイアウト（メンバー紹介に準ず）
-------------------------------------------------------------------*/
.csss-top {
	background-image:url('images/csss_top.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}

.csss-top h2 {
	padding-top: 30px;
	margin-left: 70px;
	font-size: 16px;
	color: #800000;
}

/*
高頻度タグ（メンバー紹介に準ず）
-------------------------------------------------------------------*/
.tagu-top {
	background-image:url('images/tagu_top.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}

.tagu-top h2 {
	padding-top: 30px;
	margin-left: 70px;
	font-size: 16px;
	color: #800000;
}


/*
廃止予定タグ（メンバー紹介に準ず）
-------------------------------------------------------------------*/
.haishi-top {
	background-image:url('images/haishi_top.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}

.haishi-top h2 {
	padding-top: 30px;
	margin-left: 70px;
	font-size: 16px;
	color: #800000;
}


/*
ドキュメント宣言（メンバー紹介に準ず）
-------------------------------------------------------------------*/
.doc-top {
	background-image:url('images/doc_top.gif'); 
	background-repeat:no-repeat; 
	height: 60px;
}

.doc-top h2 {
	padding-top: 30px;
	margin-left: 70px;
	font-size: 16px;
	color: #800000;
}

code{
	display:block;

color: #FF0080;
margin-left: 30px;

}



/*
XHTMLの薦め(ようこそ手打ち倶楽部へに準ず）
-------------------------------------------------------------------*/
.xhtml-top {
	background-image:url('images/xhtml_top.gif'); 
	background-repeat:no-repeat; 
	height: 90px;
	text-align: right;
	padding-top: 0px;
	padding-right: 2em;
}

.xhtml-top h2 {
	visibility: hidden;
	}
	
/*
SITEMAP(ようこそ手打ち倶楽部へに準ず）
-------------------------------------------------------------------*/
#sitemap-honbun{
	text-align: left;
	margin: 0.5em;
	font-size: 13px;
	line-height: 150%;
}
.sitemap-top {
	background-image:url('images/sitemap_top.gif'); 
	background-repeat:no-repeat; 
	height: 100px;
	text-align: right;
	padding-top: 0px;
	padding-right: 2em;
}

.sitemap-top h2 {
	visibility: hidden;
	}	

#sitemap-honbun ul{
margin-left: 60px;
margin-top: 0px;
padding-bottom: 10px;

}	
#sitemap-honbun li{
	list-style-image : url('images/list.gif');
line-height: 180%;
}

#sitemap-honbun h3 {
font-size: 13px;
margin-bottom: 0px;
color: #666;
}

#sitemap-honbun p {font-size: 12px; color: red;}	
	
/*
トピックス個別ページ(コミュ掲示板ＬＯＧ）
-------------------------------------------------------------------*/
#bbs-honbun{
	text-align: left;
	background-color:#DEDFDE;
	margin: 0.5em;
	font-size: 13px;
	line-height: 130%;

}

	
#bbs-honbun dl{
width: 500px;

}

#bbs-honbun dt{
padding-left: 30px;
color: #FF0080;
}

#bbs-honbun dd{
	padding-left: 80px;
	color: #656565;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
	background-image:url('images/niko.png'); 
	background-repeat:no-repeat; 
	background-position:35px 0px; 
}


#bbs-honbun p{
margin-top: 10px;
}

.bbs-top {
	background-image:url('images/bbs_top.gif'); 
	background-repeat:no-repeat; 
	height: 90px;
	text-align: left;
	padding-left: 60px;
	padding-right: 2em;
}

.bbs-top h2 {
	padding-top: 53px;

	font-size: 12px;
	font-weight: normal;
	}
	
#bbstopi-right{
	width: 88px;
	margin-top: 40px;
	background-image:url('images/bbstopi.jpg'); 
	background-repeat:no-repeat; 
	background-position:0% 0%;
	background-color: #DEDFDE;
	height: 700px;
	float: right;
}

.bbs-roop {
	background-image:url('images/kiji_roop.gif'); 
	background-repeat:repeat-y; 

}


.bbs-roop h3 {
	margin-left: 25px;
	text-indent: 25px;
	padding-top: 3px;
	padding-bottom: 10px;
	background-image:url('images/bbs-titel.gif'); 
	background-repeat:no-repeat; 
	font-size: 15px;
	font-weight: normal;
	color: #8000FF;
	height: 35px;
}

.bbs-roop p{
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 25px;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333;

}
.bbs-roop h4{font-size: 13px;
	margin-left: 25px;
	padding-top: 5px;
	}

.bbs-roop hr{width: 400px;}


.bbs-end {
	background-image:url('images/kiji_end.gif'); 
	background-repeat:no-repeat; 
	text-align: center;
	line-height: 60px;
	color: #020202;
}

.bbs-roop ul{
	display:block;

	padding-bottom: 10px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #333;
}

#bbs-honbun li{
margin-left: 30px;
	padding-right: 20px;

	list-style-image : url('images/list.gif');
}

#bbs-honbun blockquote{margin-left: 25px;}

#bbs-honbun address{margin-left: 40px;}


/*
コンテンツ　mail
-------------------------------------------------------------------*/

#mail{
width: 460px;
margin-left: 20px;
}

.mail-top {
	background-image:url('images/mail_top.gif'); 
	background-repeat:no-repeat; 
	height: 90px;
	text-align: left;
	padding-left: 60px;
	padding-right: 2em;
}

.mail-top h2{visibility: hidden;}

#mail p, li, dt, dd, address {
	color: #444444;

	line-height: 1.4;
}
#mail p {
	margin-bottom: 15px;
}
#mail ul {
	margin: 0px 0px 20px 30px;
}
#mail em {
	font-weight: bold;
}
#mail address {
	margin-top: 20px;
}

#mail dl {
	margin-bottom: 20px;
}
#mail dl dd {
	margin: 0px 0px 10px 20px;
}

#mail dd {padding-top: 10px;}

#mail form dl dt {
	float: left;
	clear: left;
	width: 7em;
	text-align: right;
}
#mail form dl dd {
	margin: 1px;
}
#mail form dl dd textarea {
	margin-top: 2px;
}
#mail form ul {
	margin: 0px 0px 20px 0px;
}
#mail form ul li {
	list-style-type: none;
}
#mail form fieldset {
	border: 0px solid #000000;
}
#mail form legend {
	display: none;
}
#mail form input, form select {
	margin-right: 1px;
	padding: 1px;

	font-size: 90%;
}


#mail form select {
	margin-top: 1px;
}
#mail form p input {
	text-align: center;
}
#mail form textarea {
	padding: 1px;

	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2;
}

/*
XHTMLの薦め(ようこそ手打ち倶楽部へに準ず）
-------------------------------------------------------------------*/
.link-top {
	background-image:url('images/link_top.gif'); 
	background-repeat:no-repeat; 
	height: 90px;
	text-align: right;
	padding-top: 0px;
	padding-right: 2em;
}

.link-roop {
	background-image:url('images/kiji_roop.gif'); 
	background-repeat:repeat-y; 
}

.link-roop dl{
	padding: 10px ;
	margin-left: 0px;
}

.link-roop dt{
	padding: 10px 1em 5px 2.5em;
	margin-left: 10px;
	font-size: 14px;
		background-image:url('images/link-list.png'); 
	background-repeat:no-repeat; 
	background-position:0 10px;

}

.link-roop dd{
	padding: 0px 1em 5px 3.5em;
	font-size: 13px;
	line-height: 110%;
	color: #333;
}

.link-top h2 {
	visibility: hidden;
	}
	




/*
テーブル
-------------------------------------------------------------------*/
table{ 
border-width:1px; border-color:#666; border-style:solid;margin-left: 40px; 
}

thead{
border-width:1px; border-color:#666; border-style:solid; background-color: #BEFFE6;

}

td{ 
border-width:1px; border-color:#666; border-style:solid;padding : 5px; 
font-size: 14px;

}

pre{clear: both;}

	
/*
スペース
-------------------------------------------------------------------*/

.space5{line-height:5px; visibility: hidden;}
.space10{line-height:10px; visibility: hidden;}
.space15{line-height:15px; visibility: hidden;}
.space20{line-height:20px; visibility: hidden;}
.space25{line-height:25px; visibility: hidden;}
.space30{line-height:30px; visibility: hidden;}
.space35{line-height:35px; visibility: hidden;}
.space40{line-height:40px; visibility: hidden;}
.space45{line-height:45px; visibility: hidden;}
.space50{line-height:50px; visibility: hidden;}
.space55{line-height:55px; visibility: hidden;}
.space60{line-height:60px; visibility: hidden;}
.space100{line-height:100px; visibility: hidden;}
.space140{line-height:140px; visibility: hidden;}
.space200{line-height:200px; visibility: hidden;}

/*
区切り線
-------------------------------------------------------------------*/

.hr {
width: 450px;
	background-image:url('images/hr.gif'); 
	background-repeat:repeat-x; clear: both;
	text-indent: -9999px;
	}