@charset "UTF-8";

/*	reset
-------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
	margin:0;
	padding:0;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display:block;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: bold;
}

img {
	border:0;
	vertical-align:bottom;
}

li {
	list-style:none;
}

.center {
	text-align: center;
}

.none { display: none; }

.bold { font-weight: bold; }

/*	body
-------------------------------------------------------------------*/
body {
	position: relative;
	color: #333;
	background-color: #000;
	font-family: Meiryo, Arial, sans-serif;
}

.container {
	width: 980px;
	margin: 0px auto;
	position: relative;
}

/*	header
-------------------------------------------------------------------*/

div.header {
	width: 100%;
	height: 60px;
	background: url(../img/header_back.gif) left top repeat-x;
}

#head_txt {
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 12px 0px 0px 12px;
}

#head_tel {
	float: right;
}

#head_cont {
	float: right;
}

/*	g_nav
-------------------------------------------------------------------*/

div.nav {
	width: 100%;
	height: 109px;
	background-color: #fff;
}

p#logo {
	text-align: left;
	padding-top: 10px;
}

ul.g_nav {
	float: right;
	width: 706px;
	height: 109px;
	background: url(../img/g_nab_back.gif) left top no-repeat;
}

ul.g_nav li {
	float: left;
	width: 138px;
	margin: 0px 1px 0px 2px;
}

/*	top_img
-------------------------------------------------------------------*/

div#top_img {
	width: 100%;
	height: 401px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 59px;
}

div#topslide {
	width: 980px;
	margin: 0px auto;
}

div.topimgbox {

}

/*	topic_path
-------------------------------------------------------------------*/

p.topic_path {
	height: 55px;
	font-size: 12px;
	line-height: 55px;
}

p.topic_path span {
	margin: 0px 9px;
}

p.topic_path a:link { color: #333; text-decoration: none; }
p.topic_path a:visited { color: #333; text-decoration: none; }
p.topic_path a:hover { color: #333; text-decoration: underline; }
p.topic_path a:active { color: #333; text-decoration: underline; }


/*	content
-------------------------------------------------------------------*/

div.content {
	width: 100%;
	background-color: #fff;
	padding-bottom: 60px;
}

/*	main
-------------------------------------------------------------------*/

div.main {
	width: 680px;
	float: left;
}

/*	h2
-------------------------------------------------------------------*/

h2#h2_concept01 {
	padding: 106px 0px 6px 0px;
	background: url(../img/h2_concept.gif) left top no-repeat;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

div.main h2 {
	padding: 26px 0px 24px 0px;
	background: url(../img/h2_back.gif) left top no-repeat;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

div.main h2 span {
	display: block;
	font-size: 16px;
}

/*	h3
-------------------------------------------------------------------*/

div.box h3.plan_title {
	width: 583px;
	margin: 0px auto 20px auto;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	background-color: #0059B2;
	color: #fff;
	text-align: center;
	padding: 10px;
}

/*	box
-------------------------------------------------------------------*/

div.box {
	padding-bottom: 30px;
	background: url(../img/box_end.gif) left bottom no-repeat;
	margin-bottom: 20px;
}

div.box_in {
	border-left: solid 2px #333;
	border-right: solid 2px #333;
	padding-bottom: 20px;
	padding-top: 50px;

}

div.box p.single {
	width: 603px;
	margin: 0px auto 50px auto;
	position: relative;
	font-size: 14px;
	background: url(../img/line.gif) repeat bottom left;
	line-height: 36px;
}

div.box p.single span {
	display: block;
	font-weight: bold;
}

div.cocept_style {
	margin-bottom: 20px;
}

div.cocept_style div {
	width: 357px;
	float: right;
}

div.cocept_style div h3 {
	background-color: #0059B2;
}

div.cocept_style div h3 span {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 0px 0px 6px 10px;
}

div.cocept_style div dl {
	margin: 23px 38px 36px 0;
}

div.cocept_style div dl dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #ddd;
}

div.cocept_style div dl dd {
	font-size: 14px;
	line-height: 1.8;
}

div.cocept_style p.style_img {
	padding-top: 4px;
	width: 267px;
	float: left;
	text-align: right;
}

p.style_btn {
	clear: both;
	width: 600px;
	margin: 0px auto;
	position: relative;
}

p.style_btn span {
	position: absolute;
	top: 20px;
	right: 24px;
	font-size: 13px;
	line-height: 1.8;
	width: 295px;
}

p.style_btn a:link span { color: #333; text-decoration: none; }
p.style_btn a:visited span { color: #333; text-decoration: none; }
p.style_btn a:hover span { color: #333; text-decoration: underline; }
p.style_btn a:active span { color: #333; text-decoration: underline; }

div.img_text {

}

div.img_text div.text {
	width: 360px;
	float: right;
}

div.img_text div.text dl {
	width: 325px;
	margin-bottom: 50px;
}

div.img_text div.text dl dt {
	font-size: 14px;
	font-weight: bold;
	background: url(../img/line.gif) left bottom repeat-x;
	line-height: 36px;
}

div.img_text div.text dl dd {
	font-size: 14px;
	background: url(../img/line.gif) left bottom repeat;
	line-height: 36px;
}

div.img_text div.text p {
	width: 325px;
	font-size: 14px;
	background: url(../img/line.gif) left bottom repeat;
	line-height: 36px;
	margin-bottom: 50px;
}

div.img_text div.img {
	width: 267px;
	float: left;
	text-align: right;
}

div.img_text div.img p {
	margin-bottom: 2px;
}

ul.link li {
	margin-bottom: 20px;
}

div.cocept_style p.exterior_list {
	clear: both;
	width: 600px;
	margin: 0px auto 20px auto;
	position: relative;
}

div.cocept_style p.exterior_list span.exterior_t {
	position: absolute;
	top: 30px;
	right: 24px;
	font-size: 16px;
	font-weight: bold;
	width: 290px;
}

div.cocept_style p.exterior_list span.exterior_i {
	position: absolute;
	top: 60px;
	right: 24px;
	font-size: 13px;
	line-height: 1.8;
	width: 290px;
}

div.img_gl {

}

div.img_gl ul {
	width: 608px;
	margin: 0px auto;
	position: relative;
}

div.img_gl ul li {
	padding: 6px;
	width: 140px;
	float: left;
}

div.img_gl ul li a:hover {
	text-decoration:none;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

ul.text_link {
	margin-top: 20px;
}

ul.text_link li {
	font-size: 14px;
	border: dotted 1px #ddd;
	padding: 20px;
}

ul.text_link li a {
	background: url(../img/list03.gif) left center no-repeat;
	padding-left: 20px;
	display: block;
}

ul.text_link li a:link { color: #333; text-decoration: none; }
ul.text_link li a:visited { color: #333; text-decoration: none; }
ul.text_link li a:hover { color: #333; text-decoration: underline; }
ul.text_link li a:active { color: #333; text-decoration: underline; }

ul.ex_link {
	margin-top: 20px;
}

ul.ex_link li {
	font-size: 14px;
	border: dotted 1px #ddd;
}

ul.ex_link li.back {
	width: 310px;
	padding-left: 20px;
	float: left;
}

ul.ex_link li.next {
	width: 310px;
	padding-right: 20px;
	float: right;
	text-align: right;
}

ul.ex_link li.back a {
	background: url(../img/list03.gif) left center no-repeat;
	padding: 20px;
	display: block;
}

ul.ex_link li.next a {
	background: url(../img/list01.gif) right center no-repeat;
	padding: 20px;
	display: block;
}

ul.ex_link li a:link { color: #333; text-decoration: none; }
ul.ex_link li a:visited { color: #333; text-decoration: none; }
ul.ex_link li a:hover { color: #333; text-decoration: underline; }
ul.ex_link li a:active { color: #333; text-decoration: underline; }

div.support_type {
	margin-bottom: 20px;
}

div.support_type p.support_btn {
	clear: both;
	width: 600px;
	margin: 0px auto;
	position: relative;
}

div.support_type p.support_btn span {
	position: absolute;
	top: 40px;
	right: 24px;
	font-size: 14px;
	line-height: 1.8;
	width: 295px;
	text-align: center;
}

div.support_type p.support_btn a:link span { color: #333; text-decoration: none; }
div.support_type p.support_btn a:visited span { color: #333; text-decoration: none; }
div.support_type p.support_btn a:hover span { color: #333; text-decoration: underline; }
div.support_type p.support_btn a:active span { color: #333; text-decoration: underline; }

div.ex {
	width: 603px;
	margin: 0px auto 50px auto;
	position: relative;
}

div.ex p.ex_btn {
	position: relative;
	margin-bottom: 20px;
}

div.ex p.ex_btn span.exh {
	position: absolute;
	top: 20px;
	right: 24px;
	width: 295px;
	font-size: 10px;
	text-align: center;
}

div.ex p.ex_btn span.ext {
	position: absolute;
	top: 50px;
	right: 24px;
	width: 295px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

div.ex p.ex_btn span.exi {
	position: absolute;
	top: 80px;
	right: 24px;
	width: 295px;
	font-size: 13px;
	text-align: center;
}

div.ex p.ex_btn a:link span { color: #333; text-decoration: none; }
div.ex p.ex_btn a:visited span { color: #333; text-decoration: none; }
div.ex p.ex_btn a:hover span { color: #333; text-decoration: underline; }
div.ex p.ex_btn a:active span { color: #333; text-decoration: underline; }

dl.plan_info {
	width: 603px;
	margin: 0px auto 50px auto;
	position: relative;
	font-size: 14px;
}

dl.plan_info dt {
	font-weight: bold;
	color: #B20000;
	line-height: 36px;
	border-bottom: solid 1px #333;
	margin-bottom: 10px;
}

dl.plan_info dd {
	background: url(../img/line.gif) repeat bottom left;
	line-height: 36px;
}

div.plan_data {
	width: 603px;
	margin: 0px auto 50px auto;
	position: relative;
}

div.plan_data table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

div.plan_data table td {
	padding: 10px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
}

div.plan_data table td.plan_box {
	border: 2px solid #bbbbbb;
	background-color: #FFFFBF;
}

div.plan_data table td span {
	display: block;
	font-size: 20px;
	font-weight: bold;
}

div.plan_data table td.plan_md {
	font-size: 20px;
	font-weight: bold;
}

div.plan_data table td.goukei {
	background-color: #FFFF26;
}

div.plan_data table td.plan_kekka {
	border: 1px dotted #bbbbbb;
	color: #0059B2;
	font-size: 16px;
	line-height: 1.8;
}

div.form {
	width: 603px;
	margin: 60px auto 50px auto;
}

div.box p.tel {
	width: 603px;
	margin: 0px auto 20px auto;
	position: relative;
	font-size: 14px;
	background: url(../img/line.gif) repeat-x bottom left;
	line-height: 36px;
	text-align: center;
}

div.box p.tel span {
	margin-left: 10px;
	font-size: 30px;
	font-weight: bold;
}

ul.top_id {
	background: url(../img/top_id_back.jpg) right bottom no-repeat;
}

ul.top_id li {
	margin-top: 22px;
	width: 235px;
	float: left;
	position: relative;
}

ul.top_id li.top_id_right {
	width: 210px;
}

ul.top_id li p {
	width: 170px;
	position: absolute;
	top: 177px;
	padding: 0px 20px;
	line-height: 1.6;
	font-size: 14px;
}

ul.top_id li p span {
	display: block;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
}

ul.top_id li a:link span { color: #333; text-decoration: none; }
ul.top_id li a:visited span { color: #333; text-decoration: none; }
ul.top_id li a:hover span { color: #333; text-decoration: underline; }
ul.top_id li a:active span { color: #333; text-decoration: underline; }

ul.top_id li a:link { color: #333; text-decoration: none; }
ul.top_id li a:visited { color: #333; text-decoration: none; }
ul.top_id li a:hover { color: #333; text-decoration: underline; }
ul.top_id li a:active { color: #333; text-decoration: underline; }

/*	company
-------------------------------------------------------------------*/

table.company_table {
	width: 603px;
	margin: 0px auto 20px auto;
	border-collapse: collapse;
	font-size: 14px;
}

table.company_table th {
	padding: 14px;
	font-weight: normal;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

table.company_table td {
	padding: 14px;
	font-weight: normal;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	line-height: 1.8;
}

/*	side
-------------------------------------------------------------------*/

div.side {
	width: 280px;
	float: right;
}

ul.side_content {
	margin-top: 20px;
}

ul.side_content li {
	margin-bottom: 7px;
}

ul.side_content li a {
	display: block;
	width: 132px;
	height: 73px;
	padding: 16px 18px 0px 130px;
	text-align: center;
	font-size: 12px;
}

ul.side_content li a:link { color: #fff; text-decoration: none; }
ul.side_content li a:visited { color: #fff; text-decoration: none; }
ul.side_content li a:hover { color: #fff; text-decoration: underline; }
ul.side_content li a:active { color: #fff; text-decoration: underline; }

#side01 a { background: url(../img/side01.gif) left top no-repeat; }
#side01 a:hover { background-position: left bottom; }

#side02 a { background: url(../img/side02.gif) left top no-repeat; }
#side02 a:hover { background-position: left bottom; }

#side03 a { background: url(../img/side03.gif) left top no-repeat; }
#side03 a:hover { background-position: left bottom; }

#side04 a { background: url(../img/side04.gif) left top no-repeat; }
#side04 a:hover { background-position: left bottom; }

#side05 a { background: url(../img/side05.gif) left top no-repeat; }
#side05 a:hover { background-position: left bottom; }

ul.side_content li a img {
	margin-bottom: 10px;
}

div.side_cont {
	width: 280px;
	background: url(../img/side_cont_back.gif) left top no-repeat;
	text-align: center;
	padding: 24px 0px 0px 0px;
	margin-bottom: 9px;
}

div.side_cont dl {
	background: url(../img/side_cont_back_end.gif) left bottom no-repeat;
	padding: 0px 0px 22px 0px;

}

div.side_cont dl dt {
	font-size: 12px;
	color: #fff;
}

dd#side_cont_t {
	font-size: 16px;
	margin-top: 12px;
	color: #fff;
	font-weight: bold;
}

div.side_info {
	border: solid 1px #333;
	padding: 21px 0px 45px 0px;
}

div.side_info dl {
	width: 227px;
	margin: 0px auto;
	font-size: 14px;
	color: #8C002C;
}

div.side_info dl dt {
	margin-bottom: 10px;
}

dd#side_maison {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: solid 1px #ddd;
}

dd#side_maison_link {
	text-align: right;
	padding: 20px 0px 0px 0px;
}

dd#side_maison_link a {
	padding: 20px 0px 20px 18px;
	background: url(../img/list01.gif) left center no-repeat;
	font-weight: bold;
}

dd#side_maison_link a:link { color: #8C002C; text-decoration: none; }
dd#side_maison_link a:visited { color: #8C002C; text-decoration: none; }
dd#side_maison_link a:hover { color: #8C002C; text-decoration: underline; }
dd#side_maison_link a:active { color: #8C002C; text-decoration: underline; }

div.side_info2 {
	background: url(../img/side_info_end.gif) left bottom no-repeat;
	padding: 28px 0px 32px 0px;
	text-align: center;
	color: #fff;
}

div.side_info2 dl dt {
	font-size: 12px;
	margin-bottom: 12px;
}

div.side_info2 dl dd {
	font-size: 20px;
}

div.side_info2 a:link { color: #fff; text-decoration: underline; }
div.side_info2 a:visited { color: #fff; text-decoration: underline; }
div.side_info2 a:hover { color: #ccc; text-decoration: underline; }
div.side_info2 a:active { color: #ccc; text-decoration: underline; }

div.cocept_plan {
	margin-bottom: 20px;
}

div.cocept_plan p.plan_btn {
	clear: both;
	width: 600px;
	margin: 0px auto;
	position: relative;
}

div.cocept_plan p.plan_btn span.model_info {
	position: absolute;
	top: 40px;
	right: 24px;
	font-size: 16px;
	line-height: 1.8;
	width: 295px;
	text-align: center;
	font-weight: bold;
}

div.cocept_plan p.plan_btn a:link span.model_info { color: #333; text-decoration: none; }
div.cocept_plan p.plan_btn a:visited span.model_info { color: #333; text-decoration: none; }
div.cocept_plan p.plan_btn a:hover span.model_info { color: #333; text-decoration: underline; }
div.cocept_plan p.plan_btn a:active span.model_info { color: #333; text-decoration: underline; }

div.cocept_plan p.plan_btn span.model_info span {
	display: block;
	font-size: 12px;
	font-weight: normal;
}

/*	footer
-------------------------------------------------------------------*/

div.footer {
	width: 100%;
	height: 460px;
	background-color: #333;
	background: url(../img/footer_back.jpg) center top no-repeat;
}

div.footer_logo {
	width: 357px;
	float: left;
	padding-left: 33px;
	padding-top: 46px;
}

div.footer_nav {
	width: 483px;
	float: left;
}

p#footer_mf {
	width: 227px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

p#footer_mf a {
	display: block;
	color: #fff;
}

p#footer_mf a:link { color: #fff; text-decoration: none; }
p#footer_mf a:visited { color: #fff; text-decoration: none; }
p#footer_mf a:hover { color: #fff; text-decoration: none; }
p#footer_mf a:active { color: #fff; text-decoration: none; }

p#footer_tm {
	width: 227px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 3;
}

p#footer_tm a {
	display: block;
	color: #fff;
}

p#footer_tm a:link { color: #fff; text-decoration: none; }
p#footer_tm a:visited { color: #fff; text-decoration: none; }
p#footer_tm a:hover { color: #fff; text-decoration: underline; }
p#footer_tm a:active { color: #fff; text-decoration: underline; }

ul.ftn_left,
ul.ftn_center,
ul.ftn_right {
	width: 135px;
	height: 170px;
	padding-left: 25px;
	margin-top: 45px;
	float: left;
	border-left: dotted 1px #ddd;
}

div.footer_nav a:link { color: #fff; text-decoration: none; }
div.footer_nav a:visited { color: #fff; text-decoration: none; }
div.footer_nav a:hover { color: #fff; text-decoration: underline; }
div.footer_nav a:active { color: #fff; text-decoration: underline; }

div.footer_nav a {
	font-size: 12px;
	background: url(../img/list02.png) left center no-repeat;
	padding-left: 14px;

}


/*	clearfix
-------------------------------------------------------------------*/

.clear:after{
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */