/* ****************************************************** */
/*                                                        */
/*  ライフ工業株式会社 - StyleSheet -                     */
/*                                                        */
/* ****************************************************** */

/* 文字コード指定 */
/* ****************************************************** */
@charset "utf-8";

/* 初期化 */
/* ****************************************************** */
/* 全スタイル指定(使用タグを指定) */
a, br, div, span, p, h1, h2, h3, h4, table, tr, td, th, img, ul, li{
	margin:			0px;	/* エリア外スペース */
	padding:		0px;	/* エリア内スペース */
	border:			0px;	/* ボーダーライン */
	font-size:		100%;	/* フォントサイズ */
	font-style:		normal;	/* フォントスタイル */
	font-weight:	normal;
	text-align:		left;
}

/* タグ指定 */
/* ****************************************************** */
html {
	overflow:		auto;
	width:			100%;
	height:			100%;
	background-image:	url("./img/bg.jpg");
	background-repeat:	repeat-x;
	background-color:	#ffffff;
}

body {
	font-family:		"Osaka","ＭＳ ゴシック","MS UI Gothic","ヒラギノ角ゴ Pro W3";
	width:			100%;
	height:			100%;
	margin:			0px;
	padding:		0px;
	font-size:		16px;
	line-height:	150%;
	color:			#4c4948;
	background-image:		url("./img/bg_img.jpg");
	background-repeat:		no-repeat;
	background-position:	center top;
}

body#bg_top {
	background-image:		url("./img/bg_img_top.jpg") !important;
}

a:link {
	color:			#4c4948;
}
a:visited {
	color:			#4c4948;
}
a:hover {
	color:			#4c4948;
}
a:active {
	color:			#4c4948;
}

h1 {
	font-size:		18px;
	color:			#4c4948;
}

h2 {
	font-size:		15px;
	font-weight:	bold;
	letter-spacing:	-2px;
	color:			#4c4948;
	padding-top:	10px;
	margin-bottom:	2px;
}

p {
	line-height:		150%;
	padding-left:		0px;
}

ul {
	line-height:		150%;
	padding-left:		42px;
}

li {
	line-height:		150%;
}

table {
	border-collapse:	collapse;
	border-spacing:		0px;
}

td {
	empty-cells:		show;
}

/* ラッパー(全体のカバー：位置決め) */
/* ****************************************************** */
#wrapper {
	position:		relative;
	width:			1000px;
	margin:			auto;
}

/* コンテナ */
/* ****************************************************** */
#container {
	float:			left;
	position:		relative;
	width:			1000px;
	overflow:		hidden;
}

/* ヘッダー */
/* ****************************************************** */
#header {
	float:			left;
	position:		relative;
	overflow:		hidden;
	width:			1000px;
	height:			90px;
	padding-top:	10px;
}

#header_logo {
	float:			left;
	position:		relative;
	display:		block;
}

#header_logo img {
	width:			70px;
	height:			90px;
}

#header_logo2 {
	float:			left;
	position:		relative;
	width:			915px;
	height:			35px;
	padding-left:	15px;
}
#header_logo2 img {
	float:			left;
	position:		relative;
	width:			270px;
}

#header_logo2 h2,
#header_logo2 h1 {
	position:		relative;
	float:			left;
	width:			645px;
	padding-top:	0px;
	color:			#ffffff;
	text-align:		right;
	font-family:	"ＭＳ Ｐ明朝", serif;
	font-weight:	normal;
	font-size:		12px;
	letter-spacing:	2px;
}


#header_menu {
	float:			left;
	position:		relative;
	width:			930px;
	height:			35px;
	padding-top:	17px;
	text-align:		right;
}

#header_menu img{
	width:			130px;
}


/* フッター */
/* ****************************************************** */
#footer {
	float:				left;
	position:			relative;
	overflow:			hidden;
	width:				100%;
	height:				70px;
	padding-top:		20px;
	text-align:			center;
	color:				#ffffff;
	background-color:	#1B1464;
}
#f_menu {
	position:		relative;
	padding-left:		5px;
	padding-right:		5px;
	color:			#ffffff;
}

#copyright {
	position:		relative;
	width:			100%;
	text-align:		center;
}

/* コンテンツ */
/* ****************************************************** */
#contents {
	float:			left;
	position:		relative;
	overflow:		hidden;
	width:			1000px;
	padding-top:	30px;
	padding-bottom:	10px;
}

#page_img_top {
	float:			left;
	position:		relative;
	overflow:		hidden;
	width:			1000px;
	height:			400px;
}


#sub_ttl {
	float:			left;
	position:		relative;
	width:			900px;
	height:			40px;
	padding:		20px 50px;
}

/* top */
/* ****************************************************** */
#top_contents_top {
	float:			left;
	position:		relative;
	width:			1000px;
	height:			350px;
	padding-top:	50px;
	padding-left:	70px;

	background-image:		url("./img/top_contents_top.jpg");
	background-repeat:		no-repeat;
}

#top_contents_btn {
	float:			left;
	position:		relative;
	width:			1000px;
	height:			520px;
	padding-top:	55px;
	padding-left:	70px;

	background-image:		url("./img/top_contents_btm.jpg");
	background-repeat:		no-repeat;
}

.top_box {
	float:			left;
	position:		relative;
	width:			260px;
	padding-left:	20px;
	padding-bottom:	50px;
	text-align:		left;
}

.top_box ul {
	padding-left:	40px;
	margin-top:		-10px;
}

.top_box ul li {
	font-size:		13px;
}

.top_box ul.w_half,
.top_box ul.w_mini {
	float:			left;
	position:		relative;
}

.top_box ul.w_half li {
	width:			130px;
}

.top_box ul.w_mini li {
	width:			70px;
}

#top_contents_right {
	float:			right;
	position:		relative;
	width:			150px;
	margin-right:	25px;
}

#top_contents_right a {
	display:		inline-block;
	margin-bottom:	40px;
}
#top_contents_right a:hover {
	opacity:		0.9;
}

#top_contents_left {
	float:			left;
	position:		relative;
	width:			780px;
}

.contents_list {
	float:			left;
	position:		relative;
	width:			760px;
	padding-left:	20px;
}

.list_item {
	float:			left;
	position:		relative;
	width:			290px;
	height:			250px;
	margin-left:	50px;
}

.list_item > h2 {
	float:			left;
	position:		relative;
	width:			290px;
	height:			20px;
	margin:			5px 0px 0px 0px;
	padding:		0px;
	text-align:		center;
	font-size:		14px;
	line-height:	100%;
}

#top_contents_left > h3 {
	float:			left;
	position:		relative;
	width:			770px;
	height:			40px;
	margin:			0px;
	padding:		10px 0px 0px 0px;
	text-align:		center;
	color:			#ffffff;
	font-size:		30px;
	font-weight:	bold;
	line-height:	100%;
	background:		#60bda3;
}

#top_contents_left > h4 {
	float:			left;
	position:		relative;
	width:			770px;
	margin:			0px;
	padding:		0px;
	text-align:		center;
	font-size:		24px;
	font-weight:	bold;
	line-height:	120%;
}

#top_contents_left > .caption {
	float:			left;
	position:		relative;
	width:			770px;
	margin:			0px;
	padding:		0px;
	text-align:		center;
	font-size:		18px;
	line-height:	120%;
}

#top_contents_left > .item {
	float:			left;
	position:		relative;
	width:			770px;
	margin:			0px;
	padding:		0px;
	text-align:		center;
	font-size:		14px;
	line-height:	140%;
}

#top_contents_left > .item i {
	font-style:		normal;
	color:			#60bda3;
}

/* page_box */
/* ****************************************************** */

#page_box {
	float:			left;
	position:		relative;
	width:			900px;
	padding:		20px 50px;
	background-image:	url("./img/block_1-trans.png");
	background-repeat:	no-repeat;
}

/* block_01 */
/* ****************************************************** */

#block_01 {
	float:			left;
	position:		relative;
	width:			850px;
	padding:		20px 25px;
}

#block_01 h2 {
	float:			left;
	position:		relative;
	width:			850px;
	font-size:		20px;

padding-bottom:		3px;
margin-bottom:		20px;
border-bottom:		dotted 3px #39B54A;
}

#block_01 p {
	float:			left;
	position:		relative;
	width:			550px;
	font-size:		14px;
	font-weight:	bold;

	line-height:	180%;
}


#block_01 .tbl {
	float:			left;
	position:		relative;
	width:			420px;
}

#block_01 .cell_a {
	width:			90px;
	vertical-align:	top;
	padding:		10px 0px 10px 10px;
	font-size:		14px;
	font-weight:	bold;
}

#block_01 .cell_b {
	width:			310px;
	padding:		10px 0px 10px 10px;
	font-size:		14px;
}

#block_01 #map_g {
	float:			left;
	position:		relative;
	width:			440px;

}

#block_01 #map_o {
	float:			left;
	position:		relative;
	width:			410px;
	height:			400px;

background-color:lightgray;
}

/* block_02 */
/* ****************************************************** */


#block_02 {
	float:			left;
	position:		relative;
	width:			850px;
	padding:		40px 25px 20px 25px;
	text-align:		center;
}

#block_02 h2 {
	float:			left;
	position:		relative;
	width:			850px;
	font-size:		20px;

padding-bottom:		3px;
margin-bottom:		20px;
border-bottom:		dotted 3px #39B54A;
}

#block_02 p {
	padding:		40px 0px;
	line-height:	300%;
	font-weight:	bold;
}

#block_02_comment {
	width:			700px;
	margin-left:	120px;

}

#block_02_2 {
	float:			left;
	position:		relative;
	width:			850px;
	text-align:		left;
}

#block_02_2 img {
	float:			right;
	position:		relative;
	width:			400px;
}

#block_02_2 p {
	float:			left;
	position:		relative;
	padding:		30px;
	line-height:	180%;
	font-size:		14px;
}

.block2_bg{
	min-height:				400px;
	background-image:		url("./img/service-1.png");
	background-repeat:		no-repeat;
	background-position:	right top;
}


/* block_03 */
/* ****************************************************** */

#block_03 {
	float:			left;
	position:		relative;
	width:			850px;
	padding:		40px 25px 20px 25px;
	text-align:		center;
}

#block_03 h2 {
	float:			left;
	position:		relative;
	width:			850px;
	font-size:		20px;

padding-bottom:		3px;
margin-bottom:		50px;
border-bottom:		dotted 3px #39B54A;
}

#block_03 .tbl1 {
	position:		relative;
	width:			850px;
	float:			right;
	padding:		0px;
	margin:			0px;
	border:			none;
}

#block_03 .tbl1 td {
	padding-top:		0px;
	margin:				0px;
	border:				0px;
	font-size:			14px;
	font-weight:		bold;
	border:			none 2px #f00;
}

/* block_04 */
/* ****************************************************** */
#block_04 {
	float:			left;
	position:		relative;
	width:			850px;
	padding:		40px 25px 20px 25px;
	text-align:		center;
}

#block_04_list {
	float:			left;
	position:		relative;
	width:			850px;
	padding-left:	25px;
	padding-bottom:	30px;
	margin-bottom:	20px;
	border-bottom:	dotted 3px #39B54A;
}

#block_04_list ul {
	float:			left;
	position:		relative;
	width:			800px;
	padding:		0px 0px 0px 0px;
}

#block_04_list li {
	display:		block;
	float:			left;
	position:		relative;
	width:			240px;
	height:			44px;
	padding:		0px;
	margin:			0px 0px 2px 20px;
}

#block_04_list a {
	display:			block;
	width:				210px;
	height:				34px;
	padding:			10px 0px 0px 30px;

	text-decoration:	none;
	font-size:			12px;
	font-weight:		bold;

	background-image:	url("./img/block4_smenu_bg.png");
	background-repeat:	no-repeat;
}
#block_04_list a:link   { color:#4c4948; background-image:url("./img/block4_smenu_bg.png");}
#block_04_list a:visited{ color:#4c4948; background-image:url("./img/block4_smenu_bg.png");}
#block_04_list a:hover  { color:#4169e1; background-image:url("./img/block4_smenu_bg_on.png");}
#block_04_list a:active { color:#4169e1; background-image:url("./img/block4_smenu_bg_on.png");}

#block_04_img {
	float:			left;
	position:		relative;
	width:			250px;
}

#block_04_img img {
	width:			250px;
	padding-bottom:		20px;
}

#block_04_tbl {
	float:			right;
	position:		relative;
	width:			580px;
}

#block_04_tbl table {
	float:			left;
	position:		relative;
	width:			580px;
	font-size:		12px;
}

#block_04_tbl table .cell_right {
	text-align:		right;
}

#block_04_tbl table .city {
	width:			130px;
}

#block_04_tbl table th {
	width:			100px;
	text-indent:	10px;
}

#block_04_tbl table tr,
#block_04_tbl table th,
#block_04_tbl table td{
	line-height: 		200%;
}



#block_04 h2 {
	float:			left;
	position:		relative;
	width:			850px;
	font-size:		20px;

padding-bottom:		3px;
margin-bottom:		20px;
border-bottom:		dotted 3px #39B54A;
}

#block_04_tbl h3 a,
#block_04_tbl h3{
	font-size:		12px;
	font-weight:	bold;
}


#block_04_tbl .th_bg{
	width:			550px;
	height:			44px;
	text-indent:	25px;
	padding-top:	0px;
	background-image:	url("./img/block4_th_bg.png");
	background-repeat:	no-repeat;
}

/* block_05 */
/* ****************************************************** */
#block_05 {
	float:			left;
	position:		relative;
	width:			850px;
	padding:		40px 25px 20px 25px;
	text-align:		center;
}

#block_05 h2 {
	float:			left;
	position:		relative;
	width:			850px;
	font-size:		20px;

padding-bottom:		3px;
margin-bottom:		20px;
border-bottom:		dotted 3px #39B54A;
}

#block_05 h3 {
	font-weight:	bold;
}

#block_05_1 {
	float:			left;
	position:		relative;
	width:			450px;
}

#block_05_2 {
	float:			left;
	position:		relative;
	width:			370px;
	padding:		50px 0px 10px 30px;
}


/* contact */
/* ****************************************************** */
#contact {
	float:			left;
	position:		relative;
	width:			850px;
	padding:		40px 25px 20px 25px;
	text-align:		center;

}

#contact h2 {
	float:			left;
	position:		relative;
	width:			850px;
	font-size:		20px;

padding-bottom:		3px;
margin-bottom:		20px;
border-bottom:		dotted 3px #39B54A;
}

#contact p {
	line-height:	300%;
	font-weight:	bold;
}

#contact_tel {
	float:			left;
	position:		relative;
	width:			650px;
	padding:		0px 100px;
}

#contact_tel p {
	padding:		5px;
	border:			solid 2px #666666;
	line-height:	180%;
}

#info_tbl {
	float:				left;
	position:			relative;
	width:				650px;
	table-layout:		fixed;
	border-collapse:	collapse;
	border-spacing:		0px;
	border:				solid 1px #000000;

	margin-left:		100px;

}

#item_td {
	position:		relative;
	width:			200px;
	padding:		10px;
	border:			solid 1px #000000;
}
#item_td span {
	color:tomato;
}
#item_td span {
	color:tomato;
}

#data_td {
	padding:		10px 0px 10px 20px;
	border:			solid 1px #000000;
}
#data_td .box {
	position:		relative;
	width:			100%;
	height:			100%;
}

#data_td label {
	padding-right:		20px;
	white-space:		nowrap;
}
#data_td textarea {
	width:			95%;
	height:			250px;
}
#data_td #form_text {
	width:			95%;
}

#item_td_sbtn {
	text-align:		center;
	padding:		10px 0px;
}

#warning_area {
	float:			left;
	position:		relative;
	width:			100%;
	margin-bottom:		10px;
}

#warning_txt {
	float:			left;
	position:		relative;
	padding-left:		100px;
	color:			red;
	text-align:		left;
}


.contact_cover {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			100%;
	height:			100%;
	background-image:url("./img/contact_cover.png");
}

/* ****************************************************** */
#sp_h5 {
	float:			left;
	position:		relative;
	width:			100%;
	height: 		5px;
}

#sp_h10 {
	float:			left;
	position:		relative;
	width:			100%;
	height: 		10px;
}
#sp_h20 {
	float:			left;
	position:		relative;
	width:			100%;
	height: 		20px;
}
#sp_h30 {
	float:			left;
	position:		relative;
	width:			100%;
	height: 		30px;
}
#sp_h50 {
	float:			left;
	position:		relative;
	width:			100%;
	height: 		50px;
}
#sp_h100 {
	float:			left;
	position:		relative;
	width:			100%;
	height: 		100px;
}
#sp_h200 {
	float:			left;
	position:		relative;
	width:			100%;
	height: 		200px;
}

#sp_w5 {
	float:			left;
	position:		relative;
	width:			5px;
	height: 		20px;
}

#sp_w10 {
	float:			left;
	position:		relative;
	width:			10px;
	height: 		20px;
}

#sp_w25 {
	float:			left;
	position:		relative;
	width:			25px;
	height: 		20px;
}

#sp_w45 {
	float:			left;
	position:		relative;
	width:			45px;
	height: 		20px;
}

/* CLASS */
/* ****************************************************** */

.txt_c {
	text-align:		center;
}

.txt_red {
	color:			red;
}


/* 管理 */
/* ****************************************************** */
#kanri {
/*	float:			left;*/
	position:		relative;
	width:			650px;
	margin:			auto;
	text-align:		center;
}

#kanri textarea {
	width:			650px;
	height:			250px;
	font-size:		16px;
}

#kanri a{
	font-size:		16px;
}

#kanri_id {
	position:		relative;
	width:			400px;
	margin:			auto;
	text-align:		center;
}
#kanri_id p{
	width:			400px;
	text-align:		center;
}

#kanri_txt {
	position:		relative;
	width:			650px;
	margin:			auto;
	text-align:		center;
}
#kanri_txt p{
	width:			650px;
	text-align:		center;
}



/*#container{	background-color:	lightgreen;	}*/
/*#header   {	background-color:	gray;	}*/
/*#footer   {	background-color:	#405661;	}*/
/*#contents {	background-color:	tomato;	}*/