/*
#custom-doc { width:69.23em;*width:67.56em;min-width:900px; margin:auto; text-align:left; }
*/
#custom-doc {
	width:950px;
	margin:auto;
	text-align:left;
	font-size:90%;
	font-family: arial,helvetica,clean,sans-serif;
}

BODY {
	color: #000;
	background-color: #FFF;
	margin: 5px;
}

P {
	margin: 2px 0px 6px;
}
STRONG {
	font-weight: bold;
}
#custom-doc STRONG {
	font-size: 120%;
}
.caution {
	color : #e00;
}
.blank {
	color : #ccc;
}

A,
A:active,
A:visited,
A:link {
	color:#358;
}
A:hover {
	color:#c00;
}

A.photoImage IMG{
	border: 1px solid #000;
	margin-right: 6px;
}

DIV.clear{
	clear: both;
}
DIV.isUsefully{
	text-align: right;
	margin-bottom: 3px;
}
DIV.wasUsefully{
	color : #933;
	text-align: right;
	font-size: 80%;
	margin-bottom: 3px;
}
DIV.author {
	font-size: 90%;
	color: #669;
	margin-bottom: 2px;
	margin-top: 8px;
}
DIV.author A{
	color: #669;
}
DIV.author A:HOVER{
	color: #C00;
}
/* ---------- more -----------*/

.more {
	white-space: nowrap;
	color : #369;
}
SPAN.more {
	padding-right: 4px;
	padding-left: 4px;
}
DIV.more {
	margin-top:8px;
	margin-bottom: 1px;
	text-align: right;
	padding-top: 4px;
	padding-right: 4px;
}
.more IMG {
	vertical-align: middle;
	margin: 0px 3px;
}
.more A,
.more A:link,
.more A:active,
.more A:visited,
.more A:hover
{
	color : #369;
}

/* ========== command ========== */
DIV.command {
	padding: 1px 0px;
}
DIV.command A{
	background-color: #C1B8B8;
	background-image: url("/garage_img/buttonBG.gif");
	background-repeat: repeat-x;
	border: 1px solid #666;
	padding: 0px 10px;
	text-decoration:none;
}
DIV.command A:active,
DIV.command A:visited,
DIV.command A:link {
	color:#003;
}
DIV.command A:hover {
	color:#c00;
}
DIV.command2 {
	margin-top: 4px;	
	margin-bottom: 12px;	
	margin-right: 8px;	
	text-align: right;
}

/* ========== titleArea ========== */
H1 {
	font-weight:bold;
	font-size:120%;
	margin-top:24px;
	margin-bottom:12px;
	margin-left:20px;
	padding:4px 10px 0px;
	border-left : 10px double #66c;
}
#loginBox {
	text-align: center;
	width: 240px;
	font-size: 75%;
	float: right;
	margin-right: 0px;
	margin-left: auto;
	margin-top: 2px;
}
#loginbox A:BEFORE{
	content:"��";
	color: #c00;
	padding-right:2px;
}

/* ========== mainMenu ========== */

.h2box {
	padding: 0px;
	border-bottom: 3px solid #f0f0f0;   
	margin-bottom: 12px;
}
.h2default{
	background-image: url(/garage_img/cornerbox2T.gif);
	background-repeat:repeat-x;
	padding : 5px 4px 3px;

	border : 1px solid #999;
}

.h2default H3 {
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	
	background-image: url(/garage_img/cornerbox2TL.gif);
	
	font-size: 120%;
	font-weight: bold;
	color: #334;
	margin-left: 4px;
	padding : 1px 20px;
}
#allArticleSize {
	text-align: right;
	font-size: 9pt;
	color: #420;
	margin: 0px;
	padding: 0px;
}
#accessCounter {
	float:right;
	text-align:right;
	margin-right: 4px;
	padding : 4px 8px 1px;
	font-weight: normal;
	font-size: 100%;
	width: 150px;
	background-color: #f3f3ec;
	border : 1px solid #bb9;
	margin-top: 2px;
}

/* ========== buttonArea ========== */
.buttonArea {
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
}

.buttonArea INPUT,
.buttonArea A.button {
	font-size: 120%;
	background-color: #C1B8B8;
	background-image: url("/garage_img/buttonBG.gif");
	background-repeat: repeat-x;
	border: 1px solid #446;
	padding: 3px 20px 1px;
	text-decoration:none;
}
.buttonArea A:active,
.buttonArea A:visited,
.buttonArea A:link {
	color:#003;
}
.buttonArea A:hover {
	color:#c00;
}

/* ========== emptyData ========== */
DIV.emptyData {
	margin: 30px 10%;
	border-bottom:3px solid #f0f0f0;
}
DIV.emptyData-inner {
	color: #336;
	text-align: center;
	font-size:110%;
	padding:50px 10px;
	border:2px double #99c;
	background-color: #f3f6fc;
}
/* ========== editInfo ========== */
DIV.editInfo {
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 15px;
}
DIV.editInfo UL{
	margin-top: 10px;
	margin-bottom: 10px;
	
}
DIV.editInfo LI{
	margin-bottom: 3px;
	font-size: 85%;
	list-style-position: inside;
	list-style-type: disc;
}
/* ========== comments ========== */
DIV.comments {
	margin: 10px; 
	padding: 20px;
	border: 1px solid #ddd; 
}
DIV.comments H4 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 4px;
	margin-left: 20px;
}
DIV.comments DIV.res{
/*	border-bottom : 1px dashed #ccc;*/
	margin-bottom: 6px;
	padding: 1px;
}
DIV.comments DIV.res DIV.resHeader{
}
DIV.comments DIV.res DIV.resHeader SPAN.author,
DIV.comments DIV.res DIV.resHeader SPAN.postDate{
		color: #669;
		margin-left: 8px;
}
DIV.comments DIV.res DIV.resHeader SPAN.viewControle{
		font-size: 80%;
		margin-left: 16px;
		color : #A00;
}
DIV.comments DIV.res DIV.resBody{
	margin-top: 4px; 
	margin-bottom: 4px; 
	margin-left: 16px; 
	word-break: break-all;
	word-wrap: break-word;
}



/* ========== new comment ========== */
.commentAuthor{
	font-weight: bold;
}
.commentDate{
	font-size: 70%;
	color: #963;
	white-space: nowrap;
}
/* ------------ search TABLE ------------- */
DIV#searchTable{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
DIV#searchTable TABLE{
	border-collapse: collapse;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
DIV#searchTable TH {
	text-align: right;
	font-weight: normal;
	padding : 0px 4px;
}
DIV#searchTable TD {
	text-align: left;
}
DIV#searchTable TD.search {
	text-align: right;
}
DIV#searchTable TD.search INPUT#submit{
	margin: 0px;
	padding: 0px 12px;
/*	font-size: 110%;
	font-weight: bold;*/
}
DIV#searchTable TABLE CAPTION{
	font-weight: bold;
	font-size:88%;
	margin-left:10px;
	margin-bottom: 8px;
	color: #766;
}
/* ------------ Link ------------- */
ul.link {
	margin-top: 8px;
	margin-bottom: 12px;
}
ul.link li {
	padding-left: 20px;
	margin-top: 3px;
	margin-bottom: 7px;
	background-repeat: no-repeat;
}
ul.link li.right { background-image: url("/garage_img/icon_right.gif");  }
ul.link li.impre { background-image: url("/garage_img/icon_impre.gif");  }
ul.link li.mybike { background-image: url("/garage_img/icon_mybike.gif"); }
ul.link li.garage { background-image: url("/garage_img/icon_right.gif"); }
ul.link li.diary { background-image: url("/garage_img/icon_diary.gif"); }
ul.link li.hatena { background-image: url("/sys_images/header/icon_question.gif"); }
ul.link li.googleSearch { background-image: url("/garage_img/icon_googleSearch.gif"); }