@charset "utf-8";

/*@import url("/css/common.css?0904");*/
@import url("http://www.eyefulhome.jp/css/common.css?0904");

body {
	position:relative;
	width:1000px;
	color:#333333;
	text-align: center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:10px auto 0 auto;
	padding:0px;
	background-color:#ffffff;
	/*list-style:none;*/
	
	}
	
a:link{color:#333333; text-decoration:underline;}
a:visited{color:#333333; text-decoration:underline;}
a:active{color:#0066cc; text-decoration:underline;}
a:hover{color:#0066cc; text-decoration:underline;}

.link_blue a:link{color:#0066cc; text-decoration:none;}
.link_blue a:visited{color:#0066cc; text-decoration:none;}
.link_blue a:active{color:#0066cc; text-decoration:none;}
.link_blue a:hover{color:#ff7b00; text-decoration:none;}

@media screen {
	h1 {
		width:940px;
		border-bottom:#cccccc dotted 1px;
		text-align:left;
		padding:5px 5px 5px 20px;
		margin:0 0 0 20px;
		position:absolute;
		bottom:430px;
		font-size:100%;
		/*border:solid #000000 1px;*/
		}
	*html h1 {
		width:940px;
		border-bottom:#cccccc dotted 1px;
		text-align:left;
		padding:5px 5px 5px 20px;
		margin:0 0 0 20px;
		position:absolute;
		bottom:440px;
		font-size:100%;
		/*border:solid #000000 1px;*/
		}
}
@media print {
	h1 {
		display:none;
		}
}



h2 {
	border-left:#666666 solid 3px;
	border-bottom:#cccccc dotted 1px;
	padding:5px;
	}
h3 {
	font-weight:bold;
	margin:10px 0px;
	}
h4 {
	margin:0;
	}
h5 {
	font-size:100%;
	margin:0 0 15px 0;
	border-bottom:#cccccc dotted 1px;
	padding:0 0 7px 10px;
	}
h6 {
	font-size:120%;
	margin:0 0 5px 0;
	padding:0 0 7px 0px;
	color:#8bc700;
	}

hr {
	border:none;
	background:url(/images_common/line_dotted.gif) repeat-x;/*Firefox*/
	height:1px;
	margin:5px 0px;
	padding:0;
	}
*html hr {
	border:#cccccc dotted 1px;/*IE6*/
	height:1px;
	margin:0px 0px 0px 0px;
	padding:0;
	}

*+html hr {
	border:#cccccc dotted 1px;/*IE7*/
	height:1px;
	margin:0px 0px 0px 0px;
	padding:0;
	}
p {
	text-indent:10px;
	}
sup {
	vertical-align:top;
	margin-left:0.2em;
	line-height:100%;
	}
sub {
	vertical-align:-0.2em;
	margin-left:0.2em;
	}



/*floatの回り込み解除*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	line-height:0; 
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*大枠*/
#container {
	width:1000px;
	/*border:solid #000000 1px;*/
	margin-left : auto ;
	margin-right : auto ;
	text-align:left;
	zoom:100%;/*IE6*/
	overflow:auto;/*IE7 and Firefox*/
	}
@media print {
#container {
overflow: visible !important;
zoom:95% !important;/*IE6*/
}
}
	

/*ヘッダー*/
.header_line {
	/*background:url(/images_common/line_header.gif) bottom repeat-x;*/
}

#header_top  {
	/*border:solid #000000 1px;*/
	background:url(/images_common/line_header.gif) bottom repeat-x;
	padding:0px 20px 2px 20px;
	}
#header{
	/*background:url(/images_common/chara_header.gif) no-repeat bottom;*/
	padding:0px 20px 2px 20px;
	z-index:100;
}
	#header  .left, #header_top .left {
		float:left;
		text-align:left;
		/*border:solid #000000 1px;*/
		padding-top:10px;
		}
	#header .right, #header_top .right {
		float:right;
		text-align:right;
		/*border:solid #000000 1px;*/
		}
	#header .left .logo, #header_top .left .logo  {
		margin-bottom:6px;
		}
	
	
	
/*サイト内検索*/
#searchtext {
	width:115px;
	border:#7e9db9 solid 1px;
	margin-right:5px;
	}
#search{
	margin-top:5px;
	}

/*パンクズ*/
#box01 {
	border-top:#dddddd solid 1px;
	border-bottom:#dddddd solid 1px;
	padding:5px;
	margin:10px 20px;
	/*width:1000px;*/
	}
	
#breadclam {
	/*float:left;*/
	text-align:left;
	}
	#breadclam a:link{color:#777777; text-decoration:underline;}
	#breadclam a:visited{color:#777777; text-decoration:underline;}
	#breadclam a:active{color:#0066cc; text-decoration:underline;}
	#breadclam a:hover{color:#0066cc; text-decoration:underline;}

	#breadclam ul{
		margin:0px;
		padding:2px 0px 2px 0px;
		}
		#breadclam li {
		display:inline;
		}


/*文字の大きさ、小,中,大*/

#fontchange {
	margin:1px 0px 0px 5px;
	position:absolute;
	top:108px;
	margin-left:820px;
	width:160px;
	/*left:850px;*/
	/*right:15px;*/
	
	}
	#fontchange img {
		margin-right:5px;
		vertical-align:middle;
		}

#fontchange_form {
	margin:1px 0px 0px 5px;
	position:absolute;
	top:85px;
	margin-left:820px;
	width:160px;
	
	}
	#fontchange_form img {
		margin-right:5px;
		vertical-align:middle;
		}


/*サイトトップ*/
#main_area {
	margin:10px 20px 0px 20px;
	/*border:solid #000000 1px;*/
	min-height:1100px;
	}
	#main_area .topleft {
		float:left;
		/*border:solid #000000 1px;*/
		text-align:left;
		width:633px;
		margin:20px 14px 50px 0px;
		
		}
	#main_area .topright {
		float:right;
		/*border:solid #000000 1px;*/
		text-align:left;
		margin:20px 0;
		width:313px;
		}



/*メインエリア*/
#main_area {
	margin:10px 20px 0px 20px;
	/*border:solid #000000 1px;*/
	min-height:1100px;
	}
	#main_area .left {
		float:left;
		/*border:solid #000000 1px;*/
		text-align:left;
		width:770px;
		
		}
	#main_area .right {
		float:right;
		/*border:solid #000000 1px;*/
		text-align:left;
		margin-bottom:50px;
		}
#box02 {
	margin-top:20px;
	/*border:solid #000000 1px;*/

	}
/*#contents {
	float:left;
	border:solid #ff0000 1px;
	width:600px;
	}*/


/*右のブランドフラッシュエリア*/
.brand_flash_area {
	width:180px;
	height:1375px;
	overflow: hidden;
	}
@media print {
.brand_flash_area {
		display:none;
		}
}
	
.line01 {
	border-top:#cccccc dotted 1px;
	border-bottom:#cccccc solid 1px;
	padding:0px 0 0 0;
	}
	
.linenap_line01 {
	border-top:#cccccc dotted 1px;
	border-bottom:#cccccc solid 1px;
	padding:20px 0 0 0;
	}
	
/*商品ラインナップコーナー*/
.box04 {
	background:url(/images_common/linenap_bg.gif) bottom repeat-x;
	/*border:#000000 solid 1px;*/
	padding-bottom:5px;
	}
.linenap {
	border:#cccccc solid 1px;
	width:145px;
	margin:0 0 0px 0px;
	padding-bottom:5px;
	background-color:#ffffff;
	}
	.linenap .txt a {
		background:url(/images_common/icon_link02.gif) left no-repeat;
		padding:5px 5px 5px 15px;
		line-height:1.8em;
		margin-left:20px;
		}
	
	.linenap img {
		margin-bottom:5px;
		}


	
/*インフォメーションエリア*/
#box02 #box05 {
	/*border:#000000 solid 1px;*/
	float:right;
	width:160px;
	}
.bnr_navi a {
	background:url(/images_common/bnr_aifulhome_navi.gif) no-repeat;
	width: 160px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	border: 0;
	margin-bottom: 5px;
	}
.bnr_present a {
	background:url(/images_common/bnr_present.gif) no-repeat;
	width: 160px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	border: 0;
	margin-bottom: 5px;
	}
.bnr_tjk a {
	background:url(/images_common/bnr_lixil.gif) no-repeat;
	width: 160px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	border: 0;
	margin-bottom: 5px;
	}
.bnr_fc a {
	background:url(/images_common/bnr_franchise.gif) no-repeat;
	width: 160px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	border: 0;
	margin-bottom: 5px;
	}
.right_banner_area img {
	margin:0 0 5px 0;
	}
	
#information {
	border:solid #d4d4d4 1px;
	margin-bottom:10px;
	}
	#information .title {
		background-color:#999999;
		font-weight:bold;
		color:#ffffff;
		padding:10px;
		text-align:center;
		}
	#information .title img {
		margin-left:10px;
		vertical-align:top;
		}

	#information ul {
		/*letter-spacing:1px;*/
		margin:10px;
		padding:2px 0px 2px 15px;
		}
	#information li {
		list-style-image:url(/images_common/icon_link04.gif);
		margin-bottom:5px;
		/*display:inline;*/
		}
	#information li a {
		/*background:url(/images_common/icon_link04.gif) no-repeat left 5px;*/
		/*padding:5px 5px 5px 10px;*/
		}
	#information li a:link{color:#0066cc; text-decoration:none;}
	#information li a:visited{color:#0066cc; text-decoration:none;}
	#information li a:active{color:#0066cc; text-decoration:none;}
	#information li a:hover{color:#ff7b00; text-decoration:none;}


/*インフォメーションエリア_右側*/
#box05_right {
	/*border:#000000 solid 1px;*/
	float:right;
	width:160px;
	}
.right_banner_area img {
	margin:0 0 5px 0;
	}
	
#information_right {
	border:solid #d4d4d4 1px;
	margin-bottom:10px;
	}
	#information_right .title {
		background-color:#999999;
		font-weight:bold;
		color:#ffffff;
		padding:10px;
		text-align:center;
		}
	#information_right .title img {
		margin-left:2px;
		vertical-align:top;
		}

	#information_right ul {
		/*letter-spacing:1px;*/
		margin:2px;
		padding:2px 2px 2px 14px;
		}
	#information_right li {
		list-style-image:url(/images_common/icon_link04.gif);
		margin-bottom:5px;
		line-height:130%;
		font-siza:95%
		/*display:inline;*/
		}
	#information_right li a {
		/*background:url(/images_common/icon_link04.gif) no-repeat left 5px;*/
		/*padding:5px 5px 5px 10px;*/
		}
	#information_right li a:link{color:#0066cc; text-decoration:none;}
	#information_right li a:visited{color:#0066cc; text-decoration:none;}
	#information_right li a:active{color:#0066cc; text-decoration:none;}
	#information_right li a:hover{color:#ff7b00; text-decoration:none;}
	
	

/*フラッシュのエリア*/
/*-----------------------------------------------*/


#main_toparea_cmsp { margin: 0px auto; 	}
	
#main_toparea_cmsp #topflash{ 
	margin: 0px auto; 
	height:450px;
	width:960px;
	overflow:hidden;

}
	
	/*top下のバナー*/	
/*-----------------------------------------------*/		
		
	#main_toparea_cmsp .topbanner { text-align: center; padding: 0px; width: 960px;
	margin: 0px auto;  }


	#main_toparea_cmsp .topbanner ul { margin: 0px auto; list-style : none; width: 950px; padding: 10px 0px 0px; }
#main_toparea_cmsp .topbanner li { float:left; margin : 0; text-align: center; padding: 0 3px;
	margin: 0px auto; }
	#main_toparea_cmsp .topbanner li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=50);
}
	#main_toparea_cmsp .topbanner li img{ border:none	}
	
	
/*ページ上部へ*/
.pagetop {
	text-align:right;
	margin:10px 0 0px 0;
	}
	.pagetop a {
	background:url(/images_common/icon_link03.gif) left no-repeat;
	padding:5px 5px 5px 10px;
	}

/*フッター*/
@media screen {
#footer {
	background:url(/images_common/footer_bg.gif) bottom no-repeat;
	min-height:328px;
	text-align:left;
	position:relative;
	color:#777777;
	z-index:0;	
	width:1000px;
	/*border:solid #ff0000 1px;*/
	}
	}
@media print {
#footer {
		display:none;
		}
}	
	
	#footer .box {
		padding:0px 20px 20px 20px;
		}
	#footer table {
		margin:0px 20px;
	}
#footer .bookmark {
	padding:0px 20px;
	}

#footer .bookmark img {
	margin-right:10px;
	vertical-align:top;
	}
.footer_menu {
	line-height:1.6em;
	margin-top:15px;
	padding:0px 20px;
	}
.font_gray {
	color:#777777;
	}

.address{
/*	text-align:center;*/
	font-style:normal;
	margin:20px 20px 70px 20px;
	font-size:80%;
	line-height:150%;
	}
.address #footer_tjk{
float:left;
clear:both;
border:0;
margin-right:30px;
position:relative;
z-index:1;
display:inline;
}
address{
	font-style:normal;
	text-align:left;
	}

#footer a:link{color:#777777; text-decoration:none;}
#footer a:visited{color:#777777; text-decoration:none;}
#footer a:active{color:#0066cc; text-decoration:underline;}
#footer a:hover{color:#0066cc; text-decoration:underline;}

.gray_box {
	border:#eeeeee solid 1px;
	padding:10px 10px 10px 10px;
	}