﻿@charset "utf-8";

/* ===== Main Contents Area ===== */

#outline {
	width: 770px;
	text-align: left;
}

#leftContentsArea {
	float: left;
	width: 570px;
}

#leftContentsArea_wide {
	float: left;
	width: 770px;
}

#rightContentsArea {
	float: left;
	width: 200px;
}

.line_space {
	margin: 20px 0 20px 0;
}

.txt_service_foot {
	text-align: center;
	color: #666;
	font-size: 75%;
}

.txt_back_foot {
	margin: 20px 0 30px 0;
	width: 770px;
	text-align: center;
	color: #666;
	font-size: 75%;
}

/* ===== Bacic ===== */

#space {
	margin: 5px 10px 0 10px;
	width: 550px;
}



/* ===== Service ===== */

#main_space_wide {
	margin: 5px 10px 0 10px;
	width: 750px;
}

#main_space_wide .head_space {
	margin: 5px 5px 0 5px;
	width: 740px;
}

#main_space_wide .head_space_recommend {
	margin: 15px 5px 0 5px;
	width: 740px;
}

#main_space_wide .space_left_recommend {
	float: left;
	margin-bottom: 15px;
	width: 170px;
}

#main_space_wide .space_right_recommend {
	float: left;
	margin-bottom: 15px;
	width: 570px;
}

#main_space_wide .space_left_recommend_detail {
	float: right;
	margin-bottom: 15px;
	width: 250px;
}

#main_space_wide .space_right_recommend_detail {
	float: left;
	margin-bottom: 15px;
	width: 490px;
}

#main_space_wide h3 {
	margin-top: 25px;
}

#main_space_wide h3.first {
	margin-top: 0;
}

#main_space_wide h4 {
	margin-bottom: 10px;

	color: #b1552a;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

#main_space_wide h4.bottom5 {
	margin-bottom: 5px;
}

#main_space_wide h4 a:link,
#main_space_wide h4 a:visited {
	color: #b1552a;
	font-weight: bold;
}

#main_space_wide h4 a:active,
#main_space_wide h4 a:hover {
	color: #b1552a;
	font-weight: bold;
	text-decoration: underline;
}

#main_space_wide p {
	margin-top: 5px;
	color: #666;
	font-size: 75%;
}

#main_space_wide p.bottom12 {
	margin-bottom: 12px;
}

#main_space_wide p.bottom20 {
	margin-bottom: 20px;
}

#main_space_wide p span {
	color: #b1552a;
}

#main_space_wide p a:link,
#main_space_wide p a:visited {
	color: #b1552a;
	text-decoration: none;
}

#main_space_wide p a:active,
#main_space_wide p a:hover {
	color: #b1552a;
	text-decoration: underline;
}

#main_space_wide ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

#main_space_wide ul li {
	padding-left: 15px;
	margin-right: 30px;
	background: url(../image/common/list_image.gif) 0 0.2em no-repeat;
	color: #444;
	font-size: 75%;
	line-height: 250%;
	display: inline;
}

#main_space_wide ul li a:link,
#main_space_wide ul li a:visited {
	color: #444;
}

#main_space_wide ul li a:hover,
#main_space_wide ul li a:active,
#main_space_wide ul li.line a:link,
#main_space_wide ul li.line a:visited,
#main_space_wide ul li.line a:hover,
#main_space_wide ul li.line a:active {
	color: #444;
	text-decoration: underline;
}

#main_space_wide img.photo_right {
	float: right;
	margin-left: 10px;
}

#main_space_wide .under_text {
	width: 740px;
	text-align: center;
}
#main_space_wide .under_text p {
	font-size: 75%;
	color: #444;
}
#main_space_wide .under_text p a:link,
#main_space_wide .under_text p a:visited {
	color: #b1552a;
}
#main_space_wide .under_text p a:active,
#main_space_wide .under_text p a:hover {
	color: #b1552a;
}




/* ===== CMS List ===== */

#main_space_wide_cms {
	margin: 5px 10px 0 10px;
	width: 750px;
}

#main_space_wide_cms .head_space {
	margin: 5px 5px 0 5px;
	width: 740px;
}

#main_space_wide_cms h2 {
	height: 30px;
}

#main_space_wide_cms h4.detail {
	margin-bottom: 10px;

	color: #b1552a;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

#main_space_wide_cms p.detail {
	margin-bottom: 10px;

	color: #666;
	font-size: 75%;
	word-break: break-all;
}

#main_space_wide_cms p.detail a:link,
#main_space_wide_cms p.detail a:visited {
	color: #b1552a;
	text-decoration: none;
}

#main_space_wide_cms p.detail a:active,
#main_space_wide_cms p.detail a:hover {
	color: #b1552a;
	text-decoration: underline;
}

#main_space_wide_cms ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

#main_space_wide_cms ul li {
	padding-left: 15px;
	margin-right: 30px;
	background: url(../image/common/list_image.gif) 0 0.2em no-repeat;
	color: #444;
	font-size: 75%;
	line-height: 250%;
	display: inline;
}

#main_space_wide_cms ul li a:link,
#main_space_wide_cms ul li a:visited {
	color: #444;
}

#main_space_wide_cms ul li a:hover,
#main_space_wide_cms ul li a:active,
#main_space_wide_cms ul li.line a:link,
#main_space_wide_cms ul li.line a:visited,
#main_space_wide_cms ul li.line a:hover,
#main_space_wide_cms ul li.line a:active {
	color: #444;
	text-decoration: underline;
}

table.cms-list {
	width: 740px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

table.cms-list td.left {
	width: 170px;
	vertical-align: top;
	text-align: left;
}

table.cms-list td.right {
	width: 570px;
	vertical-align: center;
	text-align: left;
}

table.cms-list td.long {
	width: 740px;
	vertical-align: center;
	text-align: left;
}

table.cms-list td.right h4,
table.cms-list td.long h4 {
	margin-bottom: 10px;

	color: #b1552a;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

table.cms-list td.right h4 a:link,
table.cms-list td.right h4 a:visited,
table.cms-list td.long h4 a:link,
table.cms-list td.long h4 a:visited {
	color: #b1552a;
}

table.cms-list td.right h4 a:active,
table.cms-list td.right h4 a:hover,
table.cms-list td.long h4 a:active,
table.cms-list td.long h4 a:hover {
	color: #b1552a;
	text-decoration: underline;
}

table.cms-list td.right p,
table.cms-list td.long p {
	margin-bottom: 10px;

	color: #666;
	font-size: 75%;
	line-height: 150%;
}

table.cms-list td.right p a:link,
table.cms-list td.right p a:visited,
table.cms-list td.long p a:link,
table.cms-list td.long p a:visited {
	color: #666;
}

table.cms-list td.right p a:active,
table.cms-list td.right p a:hover,
table.cms-list td.long p a:active,
table.cms-list td.long p a:hover {
	color: #666;
	text-decoration: underline;
}



/* ===== CMS List Templete2 ===== */

table.cms-list2 {
	float: left;
	width: 165px;
	margin-bottom: 15px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}



/* ===== CMS List Templete3 ===== */

table.cms-list3 {
	width: 740px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

table.cms-list3 td.long {
	width: 740px;
	vertical-align: center;
	text-align: left;
}

table.cms-list3 td.long h4 {
	margin-bottom: 10px;

	color: #b1552a;
	font-size: 85%;
	line-height: 150%;
	font-weight: bold;
}

table.cms-list3 td.long h4 a:link,
table.cms-list3 td.long h4 a:visited {
	color: #b1552a;
}

table.cms-list3 td.long h4 span a:link,
table.cms-list3 td.long h4 span a:visited {
	color: #666;
}

table.cms-list3 td.long h4 a:active,
table.cms-list3 td.long h4 a:hover {
	color: #b1552a;
	text-decoration: underline;
}

table.cms-list3 td.long h4 span a:active,
table.cms-list3 td.long h4 span a:hover {
	color: #666;
	text-decoration: underline;
}

table.cms-list3 td.long p {
	margin-bottom: 10px;

	color: #666;
	font-size: 75%;
	line-height: 150%;
}

table.cms-list3 td.long p a:link,
table.cms-list3 td.long p a:visited {
	color: #666;
}

table.cms-list3 td.long p a:active,
table.cms-list3 td.long p a:hover {
	color: #666;
	text-decoration: underline;
}



/* ===== CMS Detail ===== */

table.cms-detail {
	width: 265px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

table.cms-detail td {
	padding: 0px 15px 5px 0px;
	width: 250px;
	vertical-align: top;
	text-align: left;
}

table.cms-detail td.under {
	padding: 10px 15px 5px 0px;
}

table.cms-detail-all {
	background-color:#FF0000;
	width: 700px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
}


.cms-detail-under {
	width: 740px;
	text-align: center;
}
.cms-detail-under p {
	margin-top: 10px;
	font-size: 75%;
	color: #444;
}
.cms-detail-under p a:link,
.cms-detail-under p a:visited {
	color: #b1552a;
}
.cms-detail-under p a:active,
.cms-detail-under p a:hover {
	color: #b1552a;
}
