@charset "utf-8";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                TOPcss                           # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */


/* Main
---------------------------------------------------- */
p {
	/* text-indent:0.5em; */
}
#Main h2 {
	padding-bottom:6px;
}

#Main div.caption  {
	padding-bottom:12px;
	text-indent:0;
	padding-left:6px;
}
#Main div.caption h6 {
	display:block;
	padding-top:12px;
}
.chapter {
	padding-top:1.2em;
}
.chapter h3 {
	padding-bottom:0.6em;
}

.top-comment {
	padding-top:12px;
	padding-bottom:12px;
}

.top-comment h3 {
}
.top-comment .name {
}
.top-comment .name img {
	padding-left:12px;
}

.top-comment .top-comment-content {
	padding:12px 0 0 12px;
}
.top-comment .top-comment-content .photo {
	float:right;
	width:136px;
}
.top-comment .top-comment-content .word {
	float:left;
	width:530px;
	padding-left:6px;
}
.t-right {
	text-align:right;
}
/* .word
*/
.word-left {
	float:left;
	width:575px;
	min-height:99px;
}
html > .word-left {
	width:578px;
}


.word-left p {
	padding-left:3px;
	padding-right:12px;
}
.word-right {
	float:right;
	width:575px;
}

.word-right p {
	padding-left:6px;
	padding-right:12px;
}


.photo-left,
.photo-right {
	padding-bottom:12px;
	padding-top:6px;
}

.whatsnew{
}
.whatsnew .news-content {
	border:1px solid #F1F1F6;
	padding:6px;
	margin-top:10px;
	width:685px;
}
.whatsnew > .news-content {
	width: 670px;
}
.whatsnew dl {
	font-size:12px;
	line-height:140%;
	}
.whatsnew dt {
	padding-bottom:2px;
	padding-left:10px;
	background-image: url(../img/index/img_top_nesarrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
}
.whatsnew dd {
	padding-bottom:2px;
	padding-left:10px;
}

.TopUnitingPoto {
	width:144px;
	float:left;
}
.TopUnitingText {
	width:506px;
	float:right;
	padding:0 5px;
}

.TreatmentColumnLeft {
	float:left;
	width:332px;	
}
.TreatmentColumnRight {
	float:right;
	width:332px;
}
.treatmentbox {
    border:1px solid #BCBAB8;
	border-top:none;
	padding:0;
	margin:0;
	font-size:11px;
}
.TreatmentColumnLeft h4,
.TreatmentColumnRight h4 {
	margin-top:10px;
}
.treatmentbox li {
	background-image: url(../img/index/img_top_cateline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	list-style:none;
	padding-top:5px;
	margin-bottom:5px;
	padding-left:10px;
	padding-bottom:3px;
}
.treatmentbox li img {
	margin: 0 10px 3px 0;
}
* html .treatmentbox li img {
	margin-bottom: -2px;
	vertical-align: baseline;
}
