/* CSS Document */
@charset "utf-8";

html { 
}


body {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px auto 0px auto;
	padding:0px;
	font-size:13px;
	color:#333333;
	line-height:150%;
	min-width:980px;
	background-color:#000;
}

a:link		{ color:#333333; text-decoration: none;}
a:visited	{ color:#333333; text-decoration: none;}
a:hover		{ color:#FF0000; text-decoration: underline;}
a:active	{ color:#FF0000; text-decoration: underline;}

img {
	border:none;}

.clear{
	clear:both;
	height:0;
}


/* header */

#header {
}

.h1_area {
	background-color:#222222;
	border-bottom:1px solid #C6C6C6;
}

h1 {
	width:980px;
	margin:0 auto;
	padding-top:2px;
	font-size:12px;
	line-height:28px;
	color:#FFF;
	font-weight:normal;
}

.head {
	width:980px;
	margin:0 auto;
	padding-bottom:10px;
}

.logo {
	padding:18px 0 0 7px;
	float:left;
}

.tel {
	padding:13px 17px 0 0 ;
	float:right;
}

.top_navi_area {
	background:url(../images/common/top_navi_bg.png) repeat-x;
}

.top_navi {
	width:980px;
	height:36px;
	margin:0 auto;
}

.top_navi_item a {
	width:139px;
	padding-top:2px;
	border-left:1px solid #CCCCCC;
	display:block;
	float:left;
	font-size:15px;
	color:#2D2D2D;
	line-height:34px;
	text-align:center;
	transition: background 0.2s ease-in 0s;
}

.top_navi_item a:link		{ color:#2D2D2D; text-decoration: none;}
.top_navi_item a:visited	{ color:#2D2D2D; text-decoration: none;}
.top_navi_item a:hover		{ color:#999; text-decoration: none;}
.top_navi_item a:active		{ color:#999; text-decoration: none;}

.top_navi_item.last a {
	width:138px;
	border-right:1px solid #CCCCCC;
}


/* left_navi */

.left_area {
	width:240px;
	float:left;
}

.left_navi {
	margin-top:10px;
	padding:10px;
	background:url(../images/common/left_navi/bg.png) repeat;
}

.left_navi_title {
	padding:2px 17px 0 17px;
	background:url(../images/common/left_navi/title_bg.png) no-repeat;
	font-size:14px;
	line-height:30px;
	color:#2C2C2C;
}

.left_navi_item a {
	margin-top:1px;
	padding:1px 5px 0 22px;
	display:block;
	font-size:12px;
	line-height:27px;
	color:#111111;
}

.left_navi_item a:link		{ color:#111111; text-decoration: none;}
.left_navi_item a:visited	{ color:#111111; text-decoration: none;}
.left_navi_item a:hover		{ color:#CC0000; text-decoration: none;}
.left_navi_item a:active	{ color:#CC0000; text-decoration: none;}

.left_navi_item.first a {
	margin-top:2px;
}

.left_navi_item.homepage a {
	background:url(../images/common/left_navi/arrow_1.png) no-repeat 10px 11px #F0F0EF;
}

.left_navi_item.program a {
	background:url(../images/common/left_navi/arrow_2.png) no-repeat 10px 11px #F0F0EF;
}

.left_navi_item.design a {
	background:url(../images/common/left_navi/arrow_3.png) no-repeat 10px 11px #F0F0EF;
}


/* main_image */

.main_image {
	padding-top:20px;
	text-align:center;
}


/* wrapper */

#wrapper {
	margin-top:20px;
	padding:10px 0 45px 0;
	background-color:#F5F6F7;
}

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

.contents_area {
	width:730px;
	margin-top:10px;
	float:right;
}

.top_exp_text {
	padding:20px 25px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	font-size:13px;
	color:#000000;
}

.top_banner_area {
}

.top_banner {
	padding:10px 10px 0 0;
	float:left;
}

.top_banner.right {
	padding:10px 0 0 0;
}


/* under_column */

.contents_area.under_column {
	width:710px;
	padding:10px 10px 35px 10px;
	background:url(../images/under_column/contents_area_bg.png) repeat;
}

h2 {
	margin:0;
	padding:2px 0 0 17px;
	background:url(../images/under_column/h2_bg.png) no-repeat;
	font-size:14px;
	line-height:30px;
	color:#2C2C2C;
	text-shadow:none;

}

.plan_box {
	margin-top:2px;
	padding:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	font-size:13px;
	color:#000000;
}

.plan_box a:link		{ color:#09F; text-decoration: none;}
.plan_box a:visited	{ color:#09F; text-decoration: none;}
.plan_box a:hover		{ color:#09F; text-decoration: underline;}
.plan_box a:active	{ color:#09F; text-decoration: underline;}


.sub_title {
	margin-top:22px;
	padding:24px 10px 0 10px;
	background:url(../images/under_column/sub_title_border.png) repeat-x;
	font-size:17px;
	color:#7D7D7D;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}


/* hp */

.hp_result_item {
	margin-top:35px;
	padding:0 10px 21px 10px;
	border-bottom:1px dashed #444444;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-size:13px;
	color:#FFF;
}

.hp_result_item a:link		{ color:#FFF; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.hp_result_item a:visited	{ color:#FFF; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.hp_result_item a:hover		{ color:#FFF; text-decoration: underline; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.hp_result_item a:active	{ color:#FFF; text-decoration: underline; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}


.hp_result_thum {
	width:240px;
	float:left;
}

.hp_result_text {
	width:410px;
	padding:5px 20px 0 20px;
	float:left;
	font-size:13px;
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}


/* design */

.design_result_box {
	padding:11px 0 22px 0;
	border-bottom:1px dashed #444444;
}

.design_result_thum_l {
	margin-top:12px;
	float:left;
}

.design_result_thum_r {
	margin-top:12px;
	float:right;
}


/* faq */

.faq_box {
	padding:0px 10px 10px 10px;
	background-color:#FFF;
	margin-top:2px;
}

/* table ----------------------------------- */

table.basic_tb {
	background: #999999;
	font-size:13px;
	color:#333333;
	line-height:150%;
}

table.basic_tb td{
	background: #FFFFFF;
	margin: 0px;
	padding:10px;
}

table.basic_tb th {
	background-color:#F2F2F2;
	font-weight:normal;
	padding:10px;
	text-align:left;
}


/* footer */

#footer {
	width:980px;
	margin:0 auto;
	padding-bottom:31px;
	position:relative;
}

#top_marker {
	position:absolute; top:40px; right:92px;
}

.sns_btn_box {
	width:110px;
	height:25px;
	position:absolute; top:90px; left:142px;
}

.footer_logo {
	padding:36px 0 0 16px;
	float:left;
}

.footer_tel {
	padding:97px 0 0 0 ;
	float:right;
}

.copyright {
	background:url(../images/common/copyright_bg.png) repeat-x;
	font-size:11px;
	color:#FFF;
	line-height:20px;
	text-align:center;	
}


/* font */

.blue { color:#0000FF;}
.deep_blue { color:#0035D8;}
.red { color:#FF0000;}
.deep_red { color:#D80000;}
.gray { color:#AAAAAA;}