@import "http://";

body {
/*
	font-family : Tahoma;
*/
/*
	font-family : 'MS UI Gothic';
*/
	font-family: Tahoma, "MS PGothic";
	text-align: center;
	font-size: 12px;
}

* html body table {
	word-break: break-all;
}

* {
 margin:0;
 padding:0;
}

td {
	font-size: 12px;
	vertical-align: top;
/* body_font_color */
	color:#333;
}

form {
	margin: 0;
}

#footer hr {
	height: 1px;
	overflow: hidden;
	color: black;
}

.a_line {
	clear: both;
}

#error_info {
	width: 400px;
	border: 1px solid #00c;
	color: #000066;
	background: #eeeeff;
 	/* ³°Â¦ ¾å±¦²¼º¸*/
 	margin: 5px 5px 5px 5px;
}

#error_warn {
	width: 400px;
	border: 1px solid #00c;
	color: #000066;
	background: #ffeeee;
	/* outline ¾å±¦²¼º¸*/
 	margin: 5px 5px 5px 5px;
}

#input_text{
	margin-bottom: 5px;
	height: 25px;
	border: 1px solid #0000ff;
}

#focus_text{
	margin-bottom: 5px;
	height: 25px;
	border: 1px solid #0000ff;
}


#error {
	color: red;
	margin: 5px 5px 5px 5px;
}

#menu_bar {
 	background-color: #ffffff;
 	/* inline */
	padding: 5px 5px 5px 5px;
	color: #333333;

}

#nickname {
 font-size: 21px;
}

#emphasis {
 color: red;
 font-weight: bold;
}

#small_font {
 font-size: 11px; 
}

#white_bg {
 background-color: #ffffff;
}

#picture {
 width: 50px;
 height: 50px;
 text-align: center;
}

/* LAYOUT base 730px
----------------------------------------------- */
.menu
		{
		float: left;
		width: 210px; /* a-1 */
		}

.main
		{
		float: none; /* fsize */
		width: 100%;
		}

		.main_left
		{
		float:left;
		width: 318px; /*fsize*/
		padding-right: 5px;
		}
		.main_right
		{
		float: none; /* fsize */
		width: 202px; /* b-2 */
		margin-left: 10px;
		}
		.main_foot
		{
		clear: both;
		width: 100%;
		}
		.main_top
		{
		float: none; /* fsize */
		width: 100%;
		}

.foot
		{
		clear:left;
		}

.head
		{
		width: 100%;
		}

#layout{
	width: 100%; /* fsize */
	margin:0 auto 0 auto;
	text-align: center;
	font-size: 12px;
}
/* /LAYOUT
----------------------------------------------- */
#adsense {
 margin: 5px 5px 5px 5px;
}
#adsense_top_center {
 margin: 5px 5px 10px 5px;
}

select, textarea {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
} 

#title {
	font-weight: bold;

}

.menu_head {
/*
 margin: 5px 0px 5px 0px;
 line-height: 140%;
*/
 text-align: left;
 clear: both;
}

#menu_my{
 margin: 0px 0px 5px 0px;
}

#main_menu{
	font-size: 15px;
	line-height: 140%;
}

#main_content {
	text-align: left;
	margin: 5px 5px 5px 5px;
}


/* MAIN_CONTENT
----------------------------------------------- */
#category {
	display: table;
	margin: 5px 0px;
	padding: 0px 0px;
	font-size: 12px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #336699;
	text-align: left;
	line-height: 130%;
/*
main_htm bg color
*/
	background-color: #ffffff;
/*
	background-color: #f7ffff;
*/
	color: #333333;
}
#category dl {
	margin: 0px 0px;
	padding:0px;
	clear:both;
	border-top:1px solid #336699;
}
#category dl dt {
	margin: 0px 0px;
	font-weight: bold;
	font-size: 14px;
	background:url("/images/bar.png") no-repeat -1px -4px #ffffff;
/*
	background:url("/images/bg_sky.jpg") repeat -1px -4px #fff;
*/
	clear:both;
}
#category dl dt {
	display: block;
	padding: 2px 3px 2px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #88aacc;
}
#category .main_htm{
	margin: 5px 10px;
	padding: 0px 0px;
}
/* /MAIN_CONTENT
----------------------------------------------- */

/* MAIN_CONTENT for paint_v3
----------------------------------------------- */
#category_paint_v3 {
	display: table;
	margin: 5px 0px;
	padding: 0px 0px;
	font-size: 12px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #444450;
	text-align: left;
	line-height: 130%;
	background-color: #ffffff;
	color: #333333;
}
#category_paint_v3 dl {
	margin: 0px 0px;
	padding:0px;
	clear:both;
	border-top:1px solid #336699;
}
#category_paint_v3 dl dt {
	margin: 0px 0px;
	font-weight: bold;
	font-size: 14px;
	background:url("/images/bar.png") no-repeat -1px -4px #ffffff;
	clear:both;
}
#category_paint_v3 dl dt {
	display: block;
	padding: 2px 3px 2px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #88aacc;
}
#category_paint_v3 .main_htm{
	margin: 5px 10px;
	padding: 0px 0px;
}
/* /MAIN_CONTENT for paint_v3
----------------------------------------------- */



a img{
border: none;
}

/*
#header{
	background-color: #ffffff;
}
*/

#ascii{
	font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PŽºŽÞŽ¼Ž¯Ž¸","MS P¥´¥·¥Ã¥¯",sans-serif;
	word-break: break-all;
	line-height: 110%;
	font-size: 12px; /* old 12px */
}

#ascii_mobile{
	font-family: "Mona","IPA MONAPGOTHIC","MS Gothic","£Í£Ó ¥´¥·¥Ã¥¯","MS ŽºŽÞŽ¼Ž¯Ž¸","MS ¥´¥·¥Ã¥¯",sans-serif;
	word-break: break-all;
	line-height: 110%;
	font-size: 12px; /* old 12px */
}

#ascii_detail{
	font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PŽºŽÞŽ¼Ž¯Ž¸","MS P¥´¥·¥Ã¥¯",sans-serif;
	word-break: break-all;
	line-height: 110%;
	font-size: 12pt;
}


#ascii_detail_mobile{
	font-family: "Mona","IPA MONAPGOTHIC","MS Gothic","£Í£Ó ¥´¥·¥Ã¥¯","MS ŽºŽÞŽ¼Ž¯Ž¸","MS ¥´¥·¥Ã¥¯",sans-serif;
	word-break: break-all;
	line-height: 110%;
	font-size: 12pt; /* old 12px */
}


h5 {
	margin: 5px 5px;
}

hr.line{
	color: #aaaaaa;
	height: 1px;
	border-style: dashed;
	size: 1px;
/*
	color: #efffff;
	margin-top: 4px;
	margin-bottom: 4px;
*/
/*
	border-bottom: 1px dotted blue;
*/
}

p.line{
	border-bottom: 1px dotted #aaaaaa;
	margin-top: 4px;
	margin-bottom: 4px;
}

#news img{
	border: 1px solid #777777;
}

.inactive{
	color: #cccccc;
}

.inactive_deep{
	color: #777777;
}

.right{
	text-align: right;
}



/*top layout*/

#container {
 width:98%;
 margin: 10px auto 0px auto;
}

#box_wrapper {
 width:100%;
 float:left;
 margin-right:-210px;
}

#box_top_right {
 width:210px;
 float:left;
}

#box_footer {
 width:100%;
 clear:left;
}

#box_top_center {
 width:100%;
 float:right;
 margin-left:-210px;
}

#box_top_left {
 width:210px;
 float:right;
}


#box_top_center #width_container {
 margin-right:215px;
 margin-left:210px;
}

#box_top_center #category {
}

.main_top .width_container {
}

.password{
	font-size: 10px;
}

.edit_ascii {
	font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PŽºŽÞŽ¼Ž¯Ž¸","MS P¥´¥·¥Ã¥¯",sans-serif;
}

.menu_str {
	font-size: 12px;
	line-height: 140%;
}

#login_info {
	color: white;
}

#boxB {
 width:210px;
 float:left;
 margin-right:-210px;
 position:relative;
 z-index:2;
}

#boxB p {
 position:relative;
 z-index:2;
}

#boxC {
 width:100%;
 float:left;
 margin-right:-210px;
 position:relative;
 z-index:1;
}

#boxC p {
 margin-right:210px;
 margin-left:210px;
}

#boxD {
 width:210px;
 float:left;
 position:relative;
 z-index:2;
}

#boxE {
 width:100%;
 clear:left;
}

#boxC #category {
 margin-left:210px;
 margin-right:0px;
}

h4 {
 line-height: 170%;
}

#main_htm td {
 line-height: 130%;
}

.shadow {
	background: url("/images/shadow.gif") right bottom;
}
 
.shadow img {
	margin-top: 5px;
	position: relative;
	left: -5px; 
	top: -5px; 
	background: #ffffe0; 
	border: 1px solid #999999; 
}

#blog_body{
	font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PŽºŽÞŽ¼Ž¯Ž¸","MS P¥´¥·¥Ã¥¯",sans-serif;
	word-break: break-all;
	line-height: 130%;
	font-size: 12pt;
}

/*
category_navi
*/

#tabIndex {

}

#tabIndex .close {
	background-color: #f1f1f1;
	text-decoration: underline;
	color:#0000ff;
	cursor: pointer;
}
#tabIndex .open {
	background-color: #ffcccc;
	text-decoration: none;
}

/*
contents
*/

#contents h3{
	border-bottom: 1px solid #336699;
	border-left: 5px solid #336699;
	padding: 3px 5px;
	margin: 4px 0px;
	line-height: 130%;
}


/*
paint v3
*/

.board_image img {
	float: left;
	margin: 10px;
}

#word {
	word-break: break-all;
}

/*
.alert {
	margin: 6px 0px;
}
*/

.online_prof img{
	border: 3px solid #ff9966;
}