/* CSS Document */
/*-----------------------------------------
base
*/
body {
	margin-top: 0px;
	margin-bottom: 0px;
}

.wrapper {
	margin: auto;
	width: 800px;
	background-image: url(../images/wrapper_bg2.gif);
	background-repeat: repeat-y;
}
.left_box {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	font-size: 80%;
}
.right_box {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	font-size: 80%;
}
.left_box a:link {
	text-decoration: none;
	color: #666666;
}
.left_box a:visited {
	text-decoration: none;
	color: #666666;
}
.left_box a:hover {
	text-decoration: underline;
	color: #666666;
}
.left_box a:active {
	text-decoration: underline;
	color: #666666;
}
.right_box a:link {
	text-decoration: none;
	color: #666666;
}
.right_box a:visited {
	text-decoration: none;
	color: #666666;
}
.right_box a:hover {
	text-decoration: underline;
	color: #666666;
}
.right_box a:active {
	text-decoration: underline;
	color: #666666;
}
.cleaning {
	clear: both;
}
/*-----------------------------------------
header
*/
.header {
	margin: auto;
}
/*-----------------------------------------
menu
*/
.header_menu {
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
.header_menu img {
	margin-right: 5px;
}

/*-----------------------------------------
contents_top
*/
.contents_top {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 20px;
}
.contents_top_body {
	margin-top: 10px;
}
.contents_top_body_title {
	font-size: 110%;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	color: #333333;
}
.contents_top_body_text {
	font-size: 90%;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 140%;
}
.contents_top_body_text ol {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.contents_top_body_text li {
	padding-bottom: 15px;
}
.contents_top_body_text ol ul {
	list-style-type: lower-alpha;
}
/*-----------------------------------------
contents
*/
.contents {
	clear: both;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.contents_area {
	clear: both;
	margin-top: 0;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 20px;
}
.contents_title {
	margin-bottom: 5px;
	border-left-width: 10px;
	border-left-style: double;
	border-left-color: #8A5144;
	font-size: 16px;
	background-image: url(../images/contents_title_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}
.contents_title a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.contents_title a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.contents_title a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.contents_title a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

.contents_body {
}
.contents_body_title {
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
}
.contents_body_text {
	font-size: 90%;
	line-height: 140%;
	padding-right: 10px;
	padding-left: 10px;
}
.contents_text_emph {
	font-weight: bold;
	line-height: 0em;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
}

/*-------------------------------------------
menubar
*/
.menubar_magnum {
	background-image: url(../images/menubar_magnum.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	text-indent: 30px;
	font-size: 14px;
	font-weight: bold;
}
.menubar_hikaku {
	background-image: url(../images/menubar_hikaku.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	text-indent: 30px;
	font-size: 14px;
	font-weight: bold;
}
.menubar_colour {
	background-image: url(../images/menubar_colour.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	text-indent: 30px;
	font-size: 14px;
	font-weight: bold;
	height: 41px;
}



/*-----------------------------------------
contents_bottom
*/
.contents_bottom {
	margin-right: 5px;
	margin-left: 5px;
	clear: both;
}

/*-----------------------------------------
footer
*/
.footer {
	font-size: 80%;
	margin: auto;
	text-align: center;
	line-height: 140%;
}
.footer a:link {
	text-decoration: none;
	color: #000000;
}
.footer a:visited {
	text-decoration: none;
	color: #000000;
}
.footer a:hover {
	text-decoration: underline;
	color: #000000;
}
.footer a:active {
	text-decoration: underline;
	color: #000000;
}

/*-----------------------------------------
index
*/
.index_top {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 140%;
	font-size: 90%;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.index_desc {
	padding-left: 20px;
}

#index1 {
	margin-bottom: 20px;
	background-image: url(../images/index_num1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
#index2 {
	margin-bottom: 20px;
	background-image: url(../images/index_num2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
#index3 {
	margin-bottom: 20px;
	background-image: url(../images/index_num3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
#index4 {
	margin-bottom: 20px;
	background-image: url(../images/index_num4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
#index5 {
	margin-bottom: 20px;
	background-image: url(../images/index_num5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
.index_list {
	margin-top: 0;
	list-style-type: none;
	text-indent: -15px;
}
.vw_style {
	color:#000099;
	font-weight: bold;
}


/*-----------------------------------------
company
*/
.company_name {
	font-size: 100%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	letter-spacing: 0.5em;
	margin-left: 40px;
	margin-right: 40px;
}
.company_value {
	margin-bottom: 20px;
	padding-left: 90px;
	font-size: 100%;
}
/*-----------------------------------------
inquiry
*/
.inquiry_name {
	font-size: 100%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	letter-spacing: 0.5em;
	margin-right: 40px;
	margin-left: 40px;
}
.inquiry_value {
	margin-bottom: 20px;
	padding-left: 90px;
	font-size: 90%;
}
/*-------------------------------------------
Mugnum
*/
.magnum_list {
	margin-top: 0;
	margin-left: 20px;
	margin-right: 0;
	list-style-type: none;
}
.magnum_list li {
	margin-bottom: 10px;
	text-indent: -15px;
}
/*-------------------------------------------
Infinity
*/
.infinity_subtitle {
	padding: 3px;
	margin-top: 20px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: double;
	border-left-style: double;
	border-bottom-color: #8A5144;
	border-left-color: #8A5144;
	font-weight: bold;
	margin-bottom: 10px;
}
/*-------------------------------------------
sample
*/
.sample_contents {
	border: 1px solid #CCCCCC;
	margin-bottom: 25px;
}
.sample_title {
	font-size: 100%;
	height: 20px;
	padding: 5px;
}
.sample_title span {
	padding: 0 10px;
	background-color: #DCCFCD;
	border-left-width: 5px;
	border-left-style: double;
	border-left-color: #8A5144;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #DCCFCD;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DCCFCD;
	font-weight: bold;
}
.sample_img {
	text-align: center;
	font-size: 80%;
	line-height: 140%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -30px;
}
/*-----------------------------------------
renovation
*/
.renovation_subtitle {
	padding: 3px;
	margin-top: 20px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: double;
	border-left-style: double;
	border-bottom-color: #8A5144;
	border-left-color: #8A5144;
	font-weight: bold;
}
.renovationsample_contents {
	border: 1px solid #CCCCCC;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.renovation_list {
	margin-top: 0;
	list-style-type: none;
}
.renovation_list li {
	margin-top: 10px;
	text-indent: -15px;
}

/*-----------------------------------------
user
*/
.user_contents {
	clear: both;
	margin-bottom: 40px;
}
.user_title {
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}
.user_body {
	font-size: 12px;
	padding-top: 5px;
	padding-right: 10px;
	line-height: 140%;
}
/*-----------------------------------------
hikaku
*/
.hikaku_top {
	clear: both;
	margin-bottom: 20px;
	font-size: 90%;
	padding-top: 5px;
	padding-right: 10px;
	line-height: 140%;
}
.hikaku_contents {
	margin-bottom: 40px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.hikaku_title {
	font-size: 100%;
	font-weight: bold;
	padding-top: 5px;
	clear: both;
}
.hikaku_body {
	font-size: 80%;
	padding-top: 5px;
	padding-right: 10px;
	line-height: 140%;
}
.hikaku_subtitle {
	padding: 3px;
	margin-top: 20px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: double;
	border-left-style: double;
	border-bottom-color: #8A5144;
	border-left-color: #8A5144;
	font-weight: bold;
	margin-bottom: 10px;
}
.hikaku_list {
	margin-top: 0;
	margin-left: 20px;
	margin-right: 0;
	list-style-type: none;
}
.hikaku_list li {
	margin-top: 10px;
	text-indent: -15px;
}
.hikaku_note {
	border: 3px double #666666;
	padding: 10px;
	clear: both;
}

/*-----------------------------------------
colour
*/
.colour_subtitle {
	padding: 3px;
	margin-top: 20px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: double;
	border-left-style: double;
	border-bottom-color: #8A5144;
	border-left-color: #8A5144;
	font-weight: bold;
	margin-bottom: 10px;
}
.colour_flash {
	border: 1px solid #CCCCCC;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	text-align: center;
}