@charset "utf-8";

@import "base.css";
@import "header.css";
@import "footer.css";


/*-----------------------------------------------------------------------------------------------*/
/* メイン ---------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
#main {
/*
	margin-top: 15px;
*/
}

/* 見出し ---------------------------------------------------------------------------------------*/
#main .midashi h2 {
	background-image: url(../history/images/midashi.gif);
	text-indent: -9999px;
}

/* ページトップへ -------------------------------------------------------------------------------*/
#main .gotop {
	clear: both;
}





#main h3 {
/*
	clear: both;
*/
	height: 23px;
	margin: 0px 0px 30px;
	text-indent: -9999px;
	width: 900px;
}
#main .outline h3 {
	background-image: url(../history/images/midashi_outline.gif);
}
#main .beforeafter h3 {
	background-image: url(../history/images/midashi_beforeafter.gif);
}
#main .history h3 {
	background-image: url(../history/images/midashi_history.gif);
}
#main .chronology h3 {
	background-image: url(../history/images/midashi_chronology.gif);
}


#main h4 {
	height: 20px;
	margin: 0px;
	text-indent: -9999px;
	width: 400px;
}



#main .outline {
	margin-top: 30px;
}

#main h4.midashi1 {
	background-image: url(../history/images/midashi_outline1.gif);
}
#main h4.midashi2 {
	background-image: url(../history/images/midashi_outline2.gif);
}

#main .outline .comment {
	float: left;
	padding-left: 35px;
}
#main .outline .comment p {
	font-size: 90%;
	line-height: 160%;
	margin: 0px;
	padding: 10px 0px 40px;
	width: 400px;
}

#main .outline .image {
	float: right;
	padding-right: 35px;
}
#main .outline .image p {
	margin: 0px;
	padding-bottom: 20px;
	width: 390px;
}

#main .outline .link {
	clear: both;
	padding-left: 35px;
}
#main .outline .link p {
	float: left;
	width: 175px;
}
#main .outline .link a {
	display: block;
	height: 30px;
	text-decoration: none;
	text-indent: -9999px;
	width: 160px;
}
#main .outline .link a:hover {
	background-position: 0px -30px;
}
#main .outline .link .butbeforeafter a {
	background-image: url(../history/images/but_beforeafter.gif);
}
#main .outline .link .buthistory a {
	background-image: url(../history/images/but_history.gif);
}
#main .outline .link .butchronology a {
	background-image: url(../history/images/but_chronology.gif);
}


#main .beforeafter {
	margin-top: 30px;
}

#main h4.beforeafter1 {
	background-image: url(../history/images/midashi_beforeafter1.gif);
}
#main h4.beforeafter2 {
	background-image: url(../history/images/midashi_beforeafter2.gif);
	margin-bottom: 35px;
}

#main .beforeafter .comment {
	float: left;
	margin-bottom: 80px;
	padding-left: 35px;
}
#main .beforeafter .comment p {
	font-size: 90%;
	line-height: 160%;
	margin: 0px;
	padding: 10px 0px 40px;
	width: 400px;
}

#main .beforeafter .image {
	float: right;
	padding-right: 35px;
}
#main .beforeafter .image p {
	margin: 0px;
	padding-bottom: 20px;
	width: 390px;
}



#main .history {
	margin-top: 30px;
}

#main h4.history1 {
	background-image: url(../history/images/midashi_history1.gif);
}
#main h4.history2 {
	background-image: url(../history/images/midashi_history2.gif);
	margin-bottom: 35px;
}

#main .history .comment {
	float: left;
	margin-bottom: 80px;
	padding-left: 35px;
}
#main .history .comment p {
	font-size: 90%;
	line-height: 160%;
	margin: 0px;
	padding: 10px 0px 40px;
	width: 400px;
}

#main .history .image {
	float: right;
	padding-right: 35px;
}
#main .history .image p {
	margin: 0px;
	padding-bottom: 20px;
	width: 390px;
}


#main .thumbnail {
	clear: both;
	padding: 0px 35px;
}

#main .thumbnail .container {
	clear: both;
}
#main .container .comment {
	float: left;
	width: 615px;
}
#main .container .comment h5 {
	height: 20px;
	margin: 0px;
	text-indent: -9999px;
	width: 400px;
}
#main .container .comment h5.beforeafter01 {
	background-image: url(../history/images/midashi_beforeafter2_01.gif);
}
#main .container .comment h5.beforeafter02 {
	background-image: url(../history/images/midashi_beforeafter2_02.gif);
}
#main .container .comment h5.beforeafter03 {
	background-image: url(../history/images/midashi_beforeafter2_03.gif);
}
#main .container .comment h5.beforeafter04 {
	background-image: url(../history/images/midashi_beforeafter2_04.gif);
}
#main .container .comment h5.beforeafter05 {
	background-image: url(../history/images/midashi_beforeafter2_05.gif);
}
#main .container .comment h5.beforeafter06 {
	background-image: url(../history/images/midashi_beforeafter2_06.gif);
}
#main .container .comment h5.beforeafter07 {
	background-image: url(../history/images/midashi_beforeafter2_07.gif);
}
#main .container .comment h5.beforeafter08 {
	background-image: url(../history/images/midashi_beforeafter2_08.gif);
}
#main .container .comment h5.beforeafter09 {
	background-image: url(../history/images/midashi_beforeafter2_09.gif);
}
#main .container .comment h5.beforeafter10 {
	background-image: url(../history/images/midashi_beforeafter2_10.gif);
}

#main .container .comment h5.history01 {
	background-image: url(../history/images/midashi_history2_01.gif);
}
#main .container .comment h5.history02 {
	background-image: url(../history/images/midashi_history2_02.gif);
}
#main .container .comment h5.history03 {
	background-image: url(../history/images/midashi_history2_03.gif);
}
#main .container .comment h5.history04 {
	background-image: url(../history/images/midashi_history2_04.gif);
}
#main .container .comment h5.history05 {
	background-image: url(../history/images/midashi_history2_05.gif);
}
#main .container .comment h5.history06 {
	background-image: url(../history/images/midashi_history2_06.gif);
}


#main .container .comment p {
	font-size: 90%;
	line-height: 160%;
	margin: 0px;
	padding: 10px 0px 35px;
}
#main .container .comment a {
	display: block;
	text-align: right;
}
#main .container .image {
	float: right;
	margin: 0px;
	padding-bottom: 35px;
	width: 187px;
}

#main .container .bold {
	color: #7d9596;
	font-weight: bold;
}


#main .chronology {
}
#main .chronology table {
	margin: 0px 35px;
}
#main .chronology table td {
	font-size: 90%;
	line-height: 160%;
	vertical-align: top;
}
#main .chronology table td.nowrap {
	white-space: nowrap;
}
#main .chronology table td.alignright {
	text-align: right;
}
#main .chronology table td.comment {
	padding-left: 20px;
}
#main .chronology table td.comment span {
	color: #7d9596;
	font-weight: bold;
}