@charset "utf-8";

/***********************/
/* ELEMENT(特定のタグ) */
/***********************/
/*body { margin:0px 0px 0px 10px; font-family:sans-serif; }*/


/******************/
/* ID(特定の要素) */
/******************/

#contents_ttl { width:575px; margin:0px 0px 0px 0px; }

#contents_area {
	width:575px;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 80%;
}
#contents_area table { font-size:100%; }
#contents_area table.komoji { font-size:85%; }

#contents_area h1 {
	display:block;
	width:575px;
	color:#336699;
	font-weight:bold;
	border: 1px solid #336699;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 100%;
}
#contents_area h1.double {
	width:575px; height:45px; 
	background:url(../../csr/images/com/tt_575x45.gif) no-repeat;
}
#contents_area h2 {
	margin:24px 0px 12px 4px; padding:0px 0px 0px 14px; 
	border-bottom:dotted 1px #666; 
	background:url(../../csr/images/com/circle.gif) no-repeat center left;
	color:#666; font-weight:bold; font-size:120%; 
}
#contents_area p { margin:0px 0px 8px 0px; padding:0px 0px 0px 14px; }
#contents_area dl { padding:0px 0px 0px 14px; } /* dtから */

p#head_paragraph { margin:16px 0px 0px 0px; padding:14px 20px; background:#EEEFF7; }

#main_products_and_topics { padding:2px 4px; background:#F4F4F4; font-size:100%; }
#main_products_and_topics td { padding:8px 16px; }
#main_products_and_topics img { margin:0px 16px 0px 0px; float:left; }
#main_products_and_topics b { 
	padding:0px 0px 0px 14px; 
	background:url(../../csr/images/com/square1.gif) no-repeat center left; 
}

#main_usage { 
	margin:20px 0px; padding:0px 20px 10px 0px; 
	border:solid #336699; border-width:4px 1px 1px 1px; 
}
#main_usage h3 { 
	margin:15px 0px 15px 14px; 
	border-bottom:dashed 1px #999; 
	color:#6699cc; font-size:100%; 
}
#main_usage div { padding:0px 14px 14px 14px; float:left; font-size:80%; }
#main_usage div b { font-size:110%; }


#getacro { margin-top:15px; font-size:80%; }
#getacro img { float:left; }
#getacro div { width:460px; height:31px; padding:2px 0px 0px 5px; }

#prev,
#next { padding:3px 0px; font-size:11px; white-space:nowrap; }
#prev a {
	display:block; 
	padding:2px 6px 2px 26px; 
	border:solid 1px #999999; 
	background:url(../../csr/images/com/arrow_prev.gif) no-repeat center left;
	text-decoration:none;
}
#next a {
	display:block; 
	padding:2px 26px 2px 6px; 
	border:solid 1px #999999; 
	background:url(../../csr/images/com/arrow_next.gif) no-repeat center right;
	text-decoration:none; 
}

#jumpup { width:575px; padding:20px 0px 0px 0px; text-align:right; }
#jumpup a {
	padding:0px 14px 0px 0px; 
	background:url(../../csr/images/com/ya_top.gif) no-repeat center right;
	font-family:sans-serif; font-size:60%; 
}

#footer { width:585px; text-align:center; }



/*********************/
/* CLASS(共用の要素) */
/*********************/
span.jisage {
	float:left;
	text-indent: 1.0em;
}
sup.komoji_up { font-size:75%; position:relative; top:-2px; }
sub.komoji_dw { font-size:75%; position:relative; top:-4px; }

a.arrow { 
	padding:0px 0px 0px 14px; 
	background:url(../../csr/images/com/arrow.gif) no-repeat center left; 
}
a.arrow2 { 
	display:block; padding:0px 0px 0px 14px; 
	background:url(../../csr/images/com/arrow.gif) no-repeat top left; 
}
a.square { 
	padding:0px 0px 0px 14px; 
	background:url(../../csr/images/com/square2.gif) no-repeat center left; 
}
ul.square { list-style-image:url(../../csr/images/com/square2a.gif); line-height:1.2em; }
ul.square li { margin-bottom:6px; }
ul.square_line { list-style-image:url(../../csr/images/com/line2a.gif); margin-top:6px; }
hr.dot { height:0px; border-bottom:dotted 1px #999; }

.clr { clear:both; }
.komoji { font-size:85%; }
.komoji b { font-size:110%; }
.up0dw0 { margin:0px auto; }

.bg_topic_text { margin-left:10px; padding:2px 0px; background:#F4F4F4; }
.bg_topic_text h3 { 
	margin:0px; padding:0px 0px 0px 18px; font-size:100%;
	background:url(../../csr/images/com/square1a.gif) no-repeat center left; 
}
.bg_topic_image { margin-left:10px; padding:10px; background:#F4F4F4; text-align:center; }
.bg_topic { margin-left:10px; padding:10px; background-color:#F4F4F4; }

.photo_float_right { float:right; padding:0px 0px 12px 12px; font-size:85%; }
.photo_float_left  { float:left; padding:0px 12px 12px 0px ; font-size:85%; }

.photoL { float:left; margin-top:10px;margin-right:10px;margin-bottom:10px; }
.photoR { float:right; margin-top:10px;margin-left:10px;margin-bottom:10px; }

.doctorine {
	margin:14px 2px 14px 12px; padding:10px 16px; 
	border:solid 1px #336699; background:aliceblue; 
}
.doctorine h3 { margin:0px 0px 8px 0px; font-size:120%; color:#336699; }
.doctorine h4 { margin:0px 0px 8px 0px; font-size:100%; }

table.vtop tr { vertical-align:top; }

table.color_table_green { 
	margin:4px 0px; 
	border:solid darkgreen; border-width:1px 0px 0px 1px; 
	background:white; color:#333; 
}
table.color_table_green th,
table.color_table_green td { 
	padding:2px 4px; 
	border:solid darkgreen; border-width:0px 1px 1px 0px; 
}
table.color_table_green .std_green { background:#339933; color:white; }
table.color_table_green .smoke_green { background:#8FBC8F; color:white; }
table.color_table_green .pale_blue { background:#F2F7ED; }
table.color_table_green .pale_gray { background:#E8EEE2; }

table.color_table_brown { 
	margin:4px 0px; 
	border:solid #663300; border-width:1px 0px 0px 1px; 
	background:white; color:#333; 
}
table.color_table_brown th,
table.color_table_brown td { 
	padding:2px 4px; 
	border:solid #663300; border-width:0px 1px 1px 0px; 
}
table.color_table_brown .std_brown { background:#CC6600; color:white; }
table.color_table_brown .smoke_beige { background:#F0C193; }
table.color_table_brown .pale_beige { background:#FFF8DC; }

.sub_t { color:#336699;
		margin-bottom:8px;
		border-style:dotted; border-width:0 0 1 0; 
		border-color:#ffffff #ffffff #666666 #ffffff;
}

/* SURVIVER */

.debug { padding:0px 4px; background:red; color:white; font-weight:bold; }