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


/*-------------------------------------------
	▼株式会社ECLA　基本▼
-------------------------------------------*/

html {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}

body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px auto 0px auto;
	color: #333;
	text-align: center;
	line-height: 1.5em;
	background-image: url(../img/common/header_bac.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* リンク色 */
a:link {	color: #0f75ac;	text-decoration: none;}
a:hover {	color: #e02c2c;	text-decoration: underline!important;}
a:visited {	color: #0f75ac;	text-decoration: none;}

	

/* フォント */
.red_normal {
	color: #ef4747;
}

.red_bold {
	color: #ef4747;
	font-weight: bold;
}

.blue_normal {
	color: #0e74ac;
}

.blue_bold {
	color: #0e74ac;
	font-weight: bold;
}

.bold {
	font-weight: bolder;
}

.line {
	text-decoration: underline;
}

.font_s {
	font-size: small;
	line-height: 1.5em;
	color: #666;
}

.font_ss {
	font-size: x-small;
	line-height: 1.5em;
	color: #666;
}

.font_l {
	font-size: large;
	font-weight: bold;
}

.align_right {
	margin: 10px 0px 20px 0px;
	text-align: right;
	clear: both;
}

.align_center {
	text-align: center;
}


/* イメージ */
img {
	border: 0px;
}

/* リンク */
.linkmark_maru {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.i_list_mark {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(../img/common/i_list_sankaku_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

.link_pagetop {
	height: 11px;
	margin: 15px 0px 20px 594px;
	padding: 0px;
	clear: both;
	text-align: right;
	display: block;
}

/* リンク色 */
.link_pagetop a:link {	width: 56px; height: 11px; display: block;}
.link_pagetop a:hover {	width: 56px; height: 11px; display: block;}



/* 余白 */
.space_h5 {		margin: 5px;	clear: both;	overflow: hidden;}
.space_h10 {	margin: 10px;	clear: both;	overflow: hidden;}
.space_h20 {	margin: 20px;	clear: both;	overflow: hidden;}
.space_h30 {	margin: 30px;	clear: both;	overflow: hidden;}
.space_h40 {	margin: 40px;	clear: both;	overflow: hidden;}
.space_h80 {	margin: 80px;	clear: both;	overflow: hidden;}

.space_top5 {	margin: 5px 0px 0px 0px;	clear: both;	overflow: hidden;}

.clear {
	clear: both;
}


/*
	▼見出し▼
--------------------------------------------------------------------------------------*/
h1 {
	margin: 0px;
	padding: 0px;
	clear: both;
}

h2 {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	text-align: left;
	clear: both;
}

.h2_honbun {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	text-align: left;
	clear: both;
}

h3 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	clear: both;
}

.h3_honbun {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	text-align: left;
	clear: both;
}



/*
	▼共通　外枠▼
--------------------------------------------------------------------------------------*/

#allcontainer {
	width: 941px;
	margin: 0px auto 0px auto;
	padding: 0px 20px 0px 9px;
	text-align: center;
	clear: both;
	background-image: url(../img/common/header_in_bac.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #fff;
	overflow: hidden;
}

#left_box {
	width: 245px;
	height: 835px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	text-align: left;

}

#mainhonbun_box {
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px auto;
	float: right;
}


/* サブメニュー　内枠IN共通 */
#header_logo {
	margin: 46px 48px 0px 47px;
	padding: 0px;
}

#sb_menu {
	margin: 44px auto 0px 13px;
	padding: 0px;
}

/*
	▼本文　共通▼
------------------------------------------*/
/* ヘッダーメニュー */
#header_mainmenu_up {
	width: 650px;
	margin: 0px;
	padding: 0px;
	height: 55px;
	clear: both;
	background-image: url(../img/common/header_menu_down.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#header_mainmenu_up ul{
	width: 650px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#header_mainmenu_up li {
	margin: 0px;
	padding: 0px;
	float: left;
}

#header_mainmenu_up em {
	margin: 0px;
	padding: 0px;
	display: none;
}

li.productnavi a,li.faqnavi a,li.contactnavi a {
	position: absolute;
	width: 152px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

li.productnavi a {	position: absolute;	left: 0px; top: 15px;}
li.faqnavi a {	position: absolute; left: 250px; top: 15px; }
li.contactnavi a {	position: absolute;	left: 495px; top: 15px;}



li.productnavi a:hover{
	background-image: url(../img/common/header_menu_over.jpg);
	background-repeat: no-repeat;
	background-position: left -15px;
}

li.faqnavi a:hover{
	background-image: url(../img/common/header_menu_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-position: -250px -15px;
}

li.contactnavi a:hover{
	background-image: url(../img/common/header_menu_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-position: -495px -15px;
}

/* ページID */
#p_product li.productnavi a {
	background-image: url(../img/common/header_menu_over.jpg);
	background-repeat: no-repeat;
	background-position: left -15px;
}

#p_faq li.faqnavi a {
	background-image: url(../img/common/header_menu_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-position: -250px -15px;
}

#p_contact li.contactnavi a {
	background-image: url(../img/common/header_menu_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-position: -495px -15px;
}



/* ヘッダー　ECLA製品紹介サブメニュー */
#header_mainmenu_Lower {
	width: 650px;
	margin: 0px;
	padding: 0px;
	height: 25px;
	clear: both;
}

#header_mainmenu_Lower ul {
	width: 650px;
	margin: 11px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#header_mainmenu_Lower li {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: left;
}

/* 本文枠 */
#main_honbun {
	#background-color: #fff;
}

#pagepan {
	margin: 16px 0px 0px 0px;
	pading: 0px;
	text-align: right;
	font-size: 75%;
	color: #666;
}


/*
	▼フッター　共通▼
--------------------------------------------------------------------------------------*/
#footer {
	height: 50px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image: url(../img/common/footer_bac.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	clear: both;
	overflow: hidden;
}

#footer_space {
	height: 25px;
	width: 970px;
	padding: 0px;
	background-color: #fff;
	clear: both;
	margin: 0px auto 0px auto;
}

#footer_in {
	height: 25px;
	width: 970px;
	padding: 0px;
	clear: both;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#footer_annai {
	height: 20px;
	width: 550px;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	color: #fff;
	font-size: 75%;
	text-align: left;
	float: left;
}

#footer_copy {
	height: 20px;
	width: 360px;
	margin: 5px 20px 0px 0px;
	padding: 0px;
	color: #fff;
	font-size: 75%;
	text-align: right;
	float: right;
}

/* リンク色 */
#footer a:link {	color: #fff;	text-decoration: none;}
#footer a:hover {	color: #5b9bc1;	text-decoration: underline!important;}
#footer a:visited {	color: #fff;	text-decoration: none;}