@charset "utf-8";







/* ****************************************************



Title: base.css



Created: 2010-02-05



Last Modified: 2010-02-05



Editor(s): Go Tanabe



Last Editor: Go Tanabe



***************************************************** */











/* Table Of Contents



----------------------------------------







# Reset 'Browser standard style'



# Redefine







----------------------------------------*/











/* # Reset 'Browser standard style'



---------------------------------------------------------------------------- */







body,



h1,h2,h3,h4,h5,h6,



p,ul,ol,dl,dt,dd,li,table,th,td,



form,address,pre,



strong,em,caption,cite,code,dfn,var {



	font-size: 100%;



	font-style: normal;



	font-weight: normal;



	margin: 0;



	padding: 0;



	text-decoration: none;



}







img { 



	border: 0; 



	vertical-align: bottom;



}

a:hover img{

opacity: 0.8;

filter: alpha(opacity=80);}



table { 



	border-collapse: collapse;



	border-spacing: 0;



}







caption, th { text-align: left; }







fieldset { border: 0; }







hr { display: none; }







ol, ul { list-style: none; } 







ul ul,ol ul,ul ol,ol ol,



dl ul,dl ol,dl dl,td td { 



	font-size: 100%;



}







q:before,q:after { content: ''; } 







abbr,acronym { border: 0; } 











/* # Redefine



---------------------------------------------------------------------------- */







html {



	overflow-y: scroll;



}







body {



	background-color: #fff;



	color: #000;



	font-size: 75%;



	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";



	line-height: 1.5;



}







strong { font-weight: bold; }



em     { color: #ff4200; font-style: normal; }







p { margin: 0 0 1.25em; }



























/* Table Of Contents



----------------------------------------







# General Elements



# body



# layout



# header



# gNav



# pageBody



# content



# sidebar



# footer



# clearfix



# common classes







----------------------------------------*/











/* # General Elements



---------------------------------------------------------------------------- */







a    { color: #333333; 	text-decoration: none;}



a:link {



	color: #333333;



	text-decoration: underline;



}



a:visited { text-decoration: underline;}



a:hover   {



	color: #F60;



	text-decoration: none;



}



a:active  {  }











li.activeLink a:visited,



dt.activeLink a:visited,



dd.activeLink a:visited {



	color: #ff931e;



}











h1 {  }



h2 {  }



h3 {  }



h4 {  }



p { margin: 0 0 15px; }











/* # body



---------------------------------------------------------------------------- */







body {



	color: #333333;



	text-align: center;



	background: url(images/common_bg_body.gif) repeat-x 0 0;



}











/* # layout



---------------------------------------------------------------------------- */







div#layout {



	text-align: left;



}











/* # header



---------------------------------------------------------------------------- */







div#header {



	margin-bottom: 10px;



}







div#header div#headerInner {



	width: 950px;



	margin: 0 auto;



	position: relative;



	text-align: left;



	zoom: 1;



}







div#header #tagline {



	position: absolute;



	top: 35px;



	left: 635px;



}







div#header #logo {



	padding: 0;



	margin: 0;



	float: left;



}







div#header p#logo {



	margin: 0;



	float: left;



}







div#header ul#utility {



	float: right;



	width: ;



	margin: 5px 0 0 0 ;



	padding: 0;



}

div#header ul#utility li {

	float:right;

	margin-right:15px;

}



/* # gNav

---------------------------------------------------------------------------- */





div#gNav {

	display:block;

	background:url(images/common_gNav.jpg) no-repeat;

	width:956px;

	height:56px;

	padding:4px;

	margin:auto;

	margin-bottom:5px;

}



div#gNav dl {

	display:block;

}



div#gNav dl dt {

	display:block;

	line-height:0;

	font-size:0;

	height:0;

	text-indent:-9999px;

}



div#gNav dl dd ul {

	display:block;

	clear: both;

	list-style-type:none;

}



div#gNav dl dd ul li {

	display:block;

	height:48px;

	float: left;

}



div#gNav dl dd ul li a {

	display: block;

	height:48px;

	text-indent:-9999px;

	outline:none;

	overflow:hidden;

}







div#gNav dl dd ul li#gNavTop,

div#gNav dl dd ul li#gNavTop a{

	width:68px;

	background:url(images/common_gNav.jpg) no-repeat -4px -4px;

}

div#gNav dl dd ul li#gNavTop a:hover{

	background:url(images/common_gNav_r.jpg) no-repeat -4px -4px;

}

div#gNav dl dd ul li#gNavAbout,

div#gNav dl dd ul li#gNavAbout a{

	width:155px;

	background:url(images/common_gNav.jpg) no-repeat -72px -4px;

}

div#gNav dl dd ul li#gNavAbout a:hover{

	background:url(images/common_gNav_r.jpg) no-repeat -72px -4px;

}

div#gNav dl dd ul li#gNavshop,

div#gNav dl dd ul li#gNavshop a{

	width:196px;

	background:url(images/common_gNav.jpg) no-repeat -227px -4px;

}

div#gNav dl dd ul li#gNavshop a:hover{

	background:url(images/common_gNav_r.jpg) no-repeat -227px -4px;

}

div#gNav dl dd ul li#gNavCase,

div#gNav dl dd ul li#gNavCase a{

	width:91px;

	background:url(images/common_gNav.jpg) no-repeat -423px -4px;

}

div#gNav dl dd ul li#gNavCase a:hover{

	background:url(images/common_gNav_r.jpg) no-repeat -423px -4px;

}

div#gNav dl dd ul li#gNavTraining,

div#gNav dl dd ul li#gNavTraining a{

	width:194px;

	background:url(images/common_gNav.jpg) no-repeat -514px -4px;

}

div#gNav dl dd ul li#gNavTraining a:hover{

	background:url(images/common_gNav_r.jpg) no-repeat -514px -4px;

}

div#gNav dl dd ul li#gNavLineup,

div#gNav dl dd ul li#gNavLineup a{

	width:136px;

	background:url(images/common_gNav.jpg) no-repeat -708px -4px;

}

div#gNav dl dd ul li#gNavLineup a:hover{

	background:url(images/common_gNav_r.jpg) no-repeat -708px -4px;

}

div#gNav dl dd ul li#gNavContact,

div#gNav dl dd ul li#gNavContact a{

	width:108px;

	background:url(images/common_gNav.jpg) no-repeat -844px -4px;

}

div#gNav dl dd ul li#gNavContact a:hover{

	background:url(images/common_gNav_r.jpg) no-repeat -844px -4px;

}





/* # pageBody & visual



---------------------------------------------------------------------------- */



/* # gNav2

---------------------------------------------------------------------------- */





div#gNav2 {

	display:block;

	width:954px;

	height:56px;

	padding:4px;

	margin:auto;

	margin-bottom:10px;

}



div#gNav2 dl {

	display:block;

}



div#gNav2 dl dt {

	display:block;

	line-height:0;

	font-size:0;

	height:0;

	text-indent:-9999px;

}



div#gNav2 dl dd ul {

	display:block;

	clear: both;

	list-style-type:none;

	height:56px;

}



div#gNav2 dl dd ul li {

	display:block;

	height:56px;

	float: left;

}

	div#gNav2 dl dd ul li.cell1 {width:72px;}

	div#gNav2 dl dd ul li.cell2 {width:150px;}

	div#gNav2 dl dd ul li.cell3 {width:142px;}

	div#gNav2 dl dd ul li.cell4 {width:120px;}

	div#gNav2 dl dd ul li.cell5 {width:210px;}

	div#gNav2 dl dd ul li.cell6 {width:138px;}

	div#gNav2 dl dd ul li.cell7 {width:122px;}



div#gNav2 dl dd ul li a {

	display: block;

	height:56px;

	outline:none;

	overflow:hidden;

}

div#gNav2 dl dd ul li a img {

	margin-top:0;

}

div#gNav2 dl dd ul li a:hover img {

	margin-top:-56px;

	opacity: 1.0;

	filter: alpha(opacity=100);

}



/* # pageBody & visual



---------------------------------------------------------------------------- */



div#visual {



	position: relative;



	clear: both;



	margin-bottom: 18px;



}







div#visual p,



div#visual h1 {



	width: 956px;



	margin: 0 auto;



}







div#pageBody {



	clear: both;



	position: relative;



	margin: 0 auto;



	text-align: left;



	width: 956px;



	/*z-index: 9999;*/



}







div#pageBody h1 {



	margin: 0 0 17px 0;



}











ol#topicPath {



	clear: both;



	/*width: 940px;*/

	margin: -10px auto 10px auto;

	/margin: 0px auto 10px auto;	/*0430-修正*/



	padding: 0 15px;



}







ol#topicPath li {



	display: inline;



}







ol#topicPath li a {



	margin-right: 4px;



	padding-right: 12px;



	background: url(images/common_icon_topicpath.gif) no-repeat 100% 50%;



}







/* # content



---------------------------------------------------------------------------- */







div#contentColumn {



	float: left;



	width: 706px;



}







div#content {



}







div#content h2 {



	margin: 0 0 15px 0;



}















div#content h3 {



	margin: 0 0 14px 0;



}











div#content h4 {







}







div#content div.section {



	clear: both;



	margin: 0 0 25px 0;



}



div#content div.section p.banner {

	margin:0;

}















div#content div#news.section dl {



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}







div#content div#news.section dt {



	font-weight: bold;



	color: #0985c1;



	margin: 0 0 0 16px;



	padding: 0 0 0 15px;



	background: url(images/common_icon_blue.gif) no-repeat 0 50%;



}







div#content div#news.section dt a{



	text-decoration: none;



	color: #0985c1;



}







div#content div#news.section dt a:hover {



	text-decoration: none;



	color: #0985c1;



}







div#content div#news.section dd a{



	text-decoration: underline;

	color: #0099CC;



}

div#content div#news.section dd a:hover{

	text-decoration: none;

}









div#content div#news.section dd {



	margin: -1.5em 0 10px 0;



	padding: 0 0 10px 154px;



}







div#topInfo.section {



	background:url(images/common_bg_separate.gif) repeat-x 0 0;



	padding: 25px 0 0 0;



}







div#topInfo.section p.authorized {



	width: 265px;



	float: left;



}







div#topInfo.section p.authorizedText {



	width: 412px;



	float: right;



}











div#topInfo.section div.japanMap {



	display:block;



	width: 346px;



	float: left;



}





/*home用*/

div#topInfo.section dl.japanList {



	width: 332px;



	float: right;



	margin-top: 45px;



}







div#topInfo.section dl.japanList dd {



	padding: 0 0 0 80px;



	margin: -20px 0 18px 0;



}







div#topInfo.section dl.japanList dd ul li {



	display: inline;



	margin-right: 2px;



}







div#topInfo.section dl.japanList {

}



/*プロの庭照明の店用*/

div#topInfo.section div.japanMap2 {



	display:block;



	width: 346px;



	float: left;



	margin-top:20px;

	margin-left:10px;



}



div#topInfo.section div.japanMap2 p.text {

	width:300px;

	margin:10px auto;

}



div#topInfo.section dl.japanList2 {



	width: 300px;



	float: right;



	margin-top: 20px;

	margin-right:10px;



}







div#topInfo.section dl.japanList2 dd {



	padding: 0 0 0 0;



	/*margin: -20px 0 18px 0;*/

	margin:5px 0 10px 0;

	font-size:13px;



}







div#topInfo.section dl.japanList2 dd ul li {



	display: inline;



	margin-right: 2px;



}







div#topInfo.section dl.japanList2 {

}







div#content div.section ul.caseList {



	margin: 0 -40px 15px 5px;



}







div#content div.section ul.caseList li {



	width: 214px;



	vertical-align: top;



	margin: 0 21px 30px 0;



	display: -moz-inline-box;



	display: inline-block;



}







/* Hides from IE-mac \*/



* html div#content div.section ul.caseList li {



	display: inline;



	height: 1%;



}







*:first-child+html div#content div.section ul.caseList li {



	display: inline;



	height: 1%;



}



/* End hide from IE-mac */







div#content div.section ul.caseList li p {



	margin-bottom: 5px;



}







div#content div.section ul.caseList li dl dt {



	padding: 3px 0 3px 20px;



	margin: 0 0 5px 0;



	font-weight: bold;



	background: url(images/common_icon_orange.gif) no-repeat 0 2px;



}















div#content div.section ul#newsCommand {



	text-align: right;



	margin: -48px 0 35px 0;



}







div#content div.section ul#newsCommand li {



	display: inline;



	padding: 5px 0 5px 15px;



	margin-right: 10px;



	background: url(images/common_bg_separateline.gif) no-repeat 0 0;



}



















/* second pages



======================================*/







div#content.second {



	margin: 0 0 0 5px;



}











div#content.second a {



	color: #0099cc;



	



}







div.separate {



	background: url(images/common_bg_separate.gif) repeat-x 0 0;



	padding: 20px 0 0 0;



}











div.innerSection {



	clear: both;



	margin: 0 0 40px 0;



}







div.innerSection p.catch {



	margin: 0 0 0 0;



	font-weight: bold;



}







div#content.second div.section h2 {



	color: #FFFFFF;



	font-weight: bold;



	font-size: 140%;



	padding: 10px;



	background: url(images/common_bg_mh.gif) no-repeat 0 0;



}











div#content.second div.section div.innerSection h2,



div#content.second div.section div.innerSection h3 {



	padding: 0 0 6px 8px;



	color: #203b5b;



	font-size: 140%;



	font-weight: bold;



	border-left: 6px solid #203b5b;



	border-bottom: 3px double #203b5b;



	background: none;



}























/* about



======================================*/



ol.function {



	margin-bottom: 25px;

	text-indent:0 !important;



}



ol.function li {



	list-style: decimal;

	list-style-position:outside;

	margin: 0 0 8px 26px;





}











ol.function li strong {



	font-weight: bold;

	display: block;

	_margin-left:-22px;

}











div#aboutCase.innerSection dl {



	clear: both;



	margin-bottom: 15px;



	padding-bottom: 15px;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}







div#aboutCase.innerSection dl dt {



	margin-bottom: 10px;



	padding-bottom: 10px;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



	width: 395px;



	float: right;



}







div#aboutCase.innerSection dl dd {



	width: 395px;



	float: right;



}







div#aboutCase.innerSection dl dd ul {



	margin-top: 10px;



}







div#aboutCase.innerSection dl dd ul li {



	font-size: 80%;



	color: #666666;



}







div#aboutCase.innerSection dl dd.photo {



	width: 292px;



	float: left;



}



















/* shop



======================================*/



dl.sort {



	width: 250px;



	float: left;



}







dl.sort dt {



	



}







dl.sort dd {



	margin: -20px 0 0 0;



	padding: 0 0 0 60px;



}



dl.sort dd span{



	padding:0 0 0 10px;



}







dl.sort dd ul {



	padding: 0 0 0 10px;



	background: url(images/common_footer_links.gif) no-repeat 0 4px;



}







dl.sort dd ul li {



	display: inline;



	margin: 0 7px 0 0;



	padding: 0 10px 0 0;



	background: url(images/common_footer_links.gif) no-repeat 100% 2px;



}







p.btnBack {



	float: right;



	width: 51px;



}







p.prefSelect {



	clear: both;



	margin: 0;



	text-align: right;



}







ul.paging {



	background: #dddddd;



	padding: 2px;



	margin-bottom: 15px;



	text-align: center;



}







ul.paging li {



	padding: 0 0 0 5px;



	margin: 0 3px 0 0;



	display: inline;



	background: url(images/common_footer_links.gif) no-repeat 0 3px;



}







ul.paging li.backPage {



	background: none;



}







ul.paging li.nextPage {



}







ul.paging li span.active {



	font-weight: bold;



	color: #F60;



}







table {



	width: 701px;



	margin-bottom: 20px;



}







table th {



	color: #FFF;



	font-weight: bold;



	background: #666666;



	padding: 5px;



	border: 1px solid #cccccc;



}







table td {



	padding: 5px;



	border: 1px solid #cccccc;



}







table.shopTable th {



	color: #FFF;



	font-weight: bold;



	background: #666666;



	text-align: center;



	padding: 5px;



	border: 1px solid #cccccc;



}







table tr.list td {



	background: #ebebeb;



}















table.shopTable td.companyName {



	font-weight: bold;



}



table.shopTable td.center {



	text-align:center;



}







table td.noBorder {



	border: none;



}











/* company



======================================*/







table.companyTable td h3 {



	font-weight: bold;



}







table.companyTable dl {



	margin: 0 0 30px 0;



}







table.companyTable dl dd {



	margin: -1.6em 0 6px 0;



	padding: 0 0 0 450px;



}







table.companyTable dl dd.subHead {



	padding: 0 0 0 200px;



	text-align: left;



}















/* case



======================================*/



div.section p.largePhoto{



	display:block;



	clear:both;



}



div.section p.largePhoto,



div.section p.midiumPhoto {



	margin-bottom: 3px;



	text-align:center;



}



div.section p.largePhoto img,



div.section p.midiumPhoto img{



	background:url(images/common_bg_img.gif) no-repeat right bottom;



	padding:0 4px 4px 0;



}







div#caseDetail.section strong{



	display:block;



	text-align:right;



	background:#999;



	padding:3px 5px;



	margin:-5px 5px 5px 0;



	font-size:105%;



	color:#FFF;



}



div#caseDetail.section ul {



	/*margin: 0 -25px 0 0;*/



	width:710px;



	margin:0 -10px 15px 0;



	list-style-type:none;



}







div#caseDetail.section ul li {



	width: 345px;



	float: left;



	margin-right: 10px;



}



div#caseDetail.section ul.thumb {



	margin: 0 0 15px 15px;



	width:690px;



	/*margin:0 -10px 0 0;*/



	list-style-type:none;



}



div#caseDetail.section ul.thumb li {



	width: 210px;



	float: left;



	margin-right: 20px;



}







*html div#caseDetail.section ul li {



	margin-right: 5px;



}







div.section ul.caseDetailMove {



	text-align: center;



}







div.section ul.caseDetailMove li {



	display: inline;



	margin: 0 10px;



}







* html div#content.second div.section ul.caseList li {



	margin-right: 15px;



}







div#case_List{



	display:block;



}



div#case_List div.line{



	display:block;



	clear:both;



	width:702px;



	margin:0 -12px 30px 10px;



}



div#case_List div.line:after{



	display:block;



	content:"";



	height:0;



	clear:both;



}



div#case_List div.line div.each{



	display:block;



	width:214px;



	float:left;



	margin:0 20px 0 0;



}



div#case_List div.line div.each img{



	background:url(images/common_bg_img.gif) no-repeat right bottom;



	padding:0 4px 4px 0;



}



div#case_List div.line div.each p {



	margin-bottom: 5px;



	text-align:center;



}

div#case_List div.line div.each p.list {



	margin-bottom: 5px;



	text-align:left;



}

div#case_List div.line div.each dl dt,



div#case_List div.line div.each b{



	display:block;



	padding: 3px 0 3px 20px;



	margin: 0 0 3px 0;



	font-weight: bold;



	background: url(images/common_icon_orange.gif) no-repeat 0 2px;



}



div#case_List div.btn_case_list{

	display:block;

	clear:both;

	text-align:right;

	padding:0 0 15px 0;

	margin-top:-10px;

}



.each dd{

	text-align:justify;

	text-justify:inter-ideograph;

}



#case_List .each dt a {

	color: #333;

	text-decoration: underline;

}

#case_List .each dt a:hover {

	color: #F60;

	text-decoration: none;

}



table.case_detail_info th{



	width:20%;



	vertical-align:top;



}



table.case_detail_info td{



	width:80%;



}



	







/* training



======================================*/







p.outline {



	font-size: 120%;



	font-weight: bold;



	margin: 20px;



	padding: 15px;



	background: #cccccc;



}







div.training h4 {



	font-weight: bold;



	font-size: 120%;



	margin-bottom: 6px;



	padding-bottom: 4px;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}











table.masterTabel th {



	width: 100px;



}







table.masterTabel td {



	



}







table.masterTabel td ol {



	list-style: decimal;



	margin-left: 25px;



}







table.masterTabel td ol li {



	margin-bottom: 6px;



}







table.masterTabel td ul {



	margin: 0;



	list-style: disc;



	margin-left: 20px;



}







table.masterTabel td ul li {



	margin-bottom: 6px;



}







table.masterTabel td p {



	margin: 0;



}











div.training ul.trainingImage {



	margin: 0 -40px 15px 0;



}







div.training ul.trainingImage li {



	width: 225px;



	vertical-align: top;



	margin: 0 8px 10px 0;



	display: -moz-inline-box;



	display: inline-block;



}







/* Hides from IE-mac \*/



* html div.training ul.trainingImage li {



	display: inline;



	height: 1%;



}







*:first-child+html div.training ul.trainingImage li {



	display: inline;



	height: 1%;



}



/* End hide from IE-mac */











p.cirtifiedText {



	width: 580px;



	float: right;



	margin: 20px 0 0 0;



}







p.cirtifiedImg {



	width: 100px;



	float: left;



}











div.innerSection p.schedule {



	text-align: right;



	margin: -42px 0 20px 0;



}







div.innerSection dl.benefit {



	width: 395px;



	float: left;



}







div.innerSection dl.benefit dt {



	color:#223355;



	font-size: 16px;



	font-weight:bold;



	margin-bottom: 6px;



	_margin-bottom: 8px;



}







div.innerSection dl.benefit dd {



	margin-bottom: 15px;



	padding-bottom: 5px;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}







div.innerSection p.trialSet {



	width: 284px;



	float: right;



}











div.innerSection dl.trainingDetail {



}











div.innerSection dl.trainingDetail dt {



	width: 60px;



	font-weight: bold;



}



div.innerSection dl.trainingDetail dd {



	margin: -1.5em 0 8px 0;



	padding: 0 0 0 70px;



}







div.innerSection dl.trainingDetail dd.accessImg {



	width: 200px;



	float: right;



}







div.innerSection dl.trainingDetail dd.accessText {



	width: 400px;



	float: left;







}







div.innerSection div#map.map {



	width: 699px;



	height: 240px;



	border: 1px solid #CCCCCC;



}















/* training



======================================*/



dl.newsList {



	



}











dl.newsList dt {



	font-weight: bold;



	color: #0985c1;



	margin: 0 0 0 16px;



	padding: 0 0 0 15px;



	background: url(images/common_icon_blue.gif) no-repeat 0 50%;



}











dl.newsList dd {



	margin: -1.5em 0 10px 0;



	padding: 0 0 10px 154px;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}















/* line up



======================================*/



table.lineUpTable th,



table.lineUpTable td {



	text-align: center;



	vertical-align: middle;



	width: 225px;



}







p.itemCatch {



	font-size: 140%;



	font-weight: bold;



	margin-bottom: 5px;



}







div.section div.eco {



	width: 345px;



	float: left;



	margin-bottom: 10px;



}







div.section div.noLicense {



	width: 345px;



	float: right;



	margin-bottom: 10px;



}















div.section div.eco dl,



div.section div.noLicense dl {



	border: 1px solid #cccccc;



	background: #FFC;



	padding: 10px;



}







div.section div.eco dl dt,



div.section div.noLicense dl dt {



	font-size: 120%;



	font-weight: bold;



}











div.section div.eco dl dd {



	background: url(images/item_bg_eco.gif) no-repeat 0 0;



	padding: 0 0 10px 45px;



	



}







div.section div.noLicense dl dd {



	background: url(images/item_bg_lowcost.gif) no-repeat 0 0;



	padding: 0 0 10px 45px;



}











/* line up



======================================*/



dl.sitemap {



	font-size: 120%;



	margin: 0 15px;



}







dl.sitemap dt {



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



	margin-bottom: 12px;



	padding-bottom: 5px;



}







dl.sitemap dt a {



	padding-left: 15px;



	background: url(images/common_icon_blue.gif) no-repeat 0 3px;



}



dl.sitemap dd {



	margin: 0 15px;



}







dl.sitemap dd ul {



}







dl.sitemap dd li {



	padding: 0 0 5px 0;



	margin-bottom: 5px;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}



dl.sitemap dd li a {



	display:block;



	padding: 0 0 3px 20px;



	background: url(images/common_icon_orange.gif) no-repeat 0 2px;



}







/* showroom



=====================================================*/



/*サイドナビ　バナー*/



div.banner_showroom{



	display:block;



	margin:5px 0 20px 3px;



}



div.banner_yuki,



div.banner_yuki_twitter,



div.banner_maxline,



div.banner_cad{



	display:block;



	margin:0 0 10px 3px;



}



div.banner_webcatalog{



	display:block;



	margin:0 0 20px 3px;



}



div#showroom{



	display:block;



}



div#showroom div.showroom_mainimg{



	display:block;



	margin-bottom:30px;



}



div#showroom div.showroom_mainimg p{



	display:block;



	margin:15px 0 5px 0;



}



div#showroom span{



	display:block;



	background:url(images/showroom_btn_detail.gif) no-repeat;



	width:80px;



	height:19px;



}



div#showroom span a{



	display:block;



	background:url(images/showroom_btn_detail.gif) no-repeat;



	width:80px;



	height:19px;



	text-indent:-9999px;



	outline:none;



}



div#showroom div.showroom01{



	display:block;



}



div#showroom div.showroom01 h3{



	display:block;



	background:url(images/showroom_t01.gif) no-repeat;



	width:700px;



	height:45px;



	text-indent:-9999px;



}



div#showroom div.showroom01 ul{



	display:block;



	clear:both;



	list-style-type:none;



	width:700px;



	margin:0 -6px 20px 6px;



}



div#showroom div.showroom01 ul:after{



	display:block;



	content:"";



	height:0;



	clear:both;



}



div#showroom div.showroom01 ul li{



	display:block;



	width:161px;



	float:left;



	margin:0 14px 0 0;



}



div#showroom div.showroom01 ul li img{



	margin-bottom:5px;



}



div#showroom div.showroom01 ul li p{



	margin-bottom:5px;



}



div#showroom div.showroom01 ul li span{



	margin:0;



}



div#showroom div.map{



	display:block;



	height:460px;



	background:url(images/showroom_line.gif) no-repeat 0 0;



	padding:15px 0 0 0;



	position:relative;



}



div#showroom div.map div.showroom_img{



	display:block;



	top:50px;



	left:50px;



	position:absolute;



	z-index:2;



}



div#showroom div.map div.showroom_map{



	display:block;



	top:30px;



	left:267px;



	position:absolute;



	z-index:1;



}







div#showroom ul.showroomList{



	display:block;



	background:url(images/showroom_btn.gif) no-repeat;



	width:675px;



	height:30px;



	list-style-type:none;



	margin:0 0 20px 20px;



}



div#showroom ul.showroomList:after{



	display:block;



	content:"";



	height:0;



	clear:both;



}



div#showroom ul.showroomList li{



	display:block;



	width:70px;



	height:30px;



	float:left;



	margin:0 5px 0 0;



}



div#showroom ul.showroomList li a{



	display:block;



	width:70px;



	height:30px;



	text-indent:-9999px;



	outline:none;



	overflow:hidden;



}



div#showroom ul.showroomList li.li01 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat 0 0;



}



div#showroom ul.showroomList li.li02 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -75px 0;



}



div#showroom ul.showroomList li.li03 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -150px 0;



}



div#showroom ul.showroomList li.li04 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -225px 0;



}



div#showroom ul.showroomList li.li05 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -300px 0;



}



div#showroom ul.showroomList li.li06 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -375px 0;



}



div#showroom ul.showroomList li.li07 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -450px 0;



}



div#showroom ul.showroomList li.li08 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -525px 0;



}



div#showroom ul.showroomList li.li09 a:hover{



	background:url(images/showroom_btn_r.gif) no-repeat -600px 0;



}







/*  # ログイン後の画面 */







/*共通スタイル*/







/*ナビ*/



ul#shopNavi{



	display:block;



	background:url(images/common_shopNavi.jpg) no-repeat;



	width:700px;



	height:40px;



	margin-bottom:15px;



}



ul#shopNavi:after{



	display:block;



	content:"";



	height:0;



	clear:both;



}



ul#shopNavi li{



	display:block;



	height:40px;



	float:left;



}



ul#shopNavi li a,



ul#shopNavi li span{



	display:block;



	height:40px;



	text-indent:-9999px;



	outline:none;



}



ul#shopNavi li.navi01,



ul#shopNavi li.navi01 a{



	width:155px;



}



ul#shopNavi li.navi02,



ul#shopNavi li.navi02 a{



	width:100px;



}



ul#shopNavi li.navi03,



ul#shopNavi li.navi03 a,



ul#shopNavi li.navi03_on a{



	width:92px;



}



ul#shopNavi li.navi04,



ul#shopNavi li.navi04 a{



	width:106px;



}



ul#shopNavi li.navi05,



ul#shopNavi li.navi05 a,



ul#shopNavi li.navi05_on a{



	width:135px;



}



ul#shopNavi li.navi06,



ul#shopNavi li.navi06 a{



	width:112px;



}



ul#shopNavi li.navi01 a:hover,



ul#shopNavi li.navi01 span{



	background:url(images/common_shopNavi_r.jpg) no-repeat 0 0;



}



ul#shopNavi li.navi02 a:hover,



ul#shopNavi li.navi02 span{



	background:url(images/common_shopNavi_r.jpg) no-repeat -155px 0;



}



ul#shopNavi li.navi03 a:hover,



ul#shopNavi li.navi03 span,



ul#shopNavi li.navi03_on a{



	background:url(images/common_shopNavi_r.jpg) no-repeat -255px 0;



}



ul#shopNavi li.navi04 a:hover,



ul#shopNavi li.navi04 span{



	background:url(images/common_shopNavi_r.jpg) no-repeat -347px 0;



}



ul#shopNavi li.navi05 a:hover,



ul#shopNavi li.navi05 span,



ul#shopNavi li.navi05_on a{



	background:url(images/common_shopNavi_r.jpg) no-repeat -453px 0;



}



ul#shopNavi li.navi06 a:hover,



ul#shopNavi li.navi06 span{



	background:url(images/common_shopNavi_r.jpg) no-repeat -588px 0;



}







/*foot_link*/



div.foot_link{



	display:block;



	*display:inline-block;



	clear:both;



	background:url(images/common_bg_footer.gif) repeat-x bottom;



	padding:0 0 20px 0;



	margin:40px 0;



	text-align:center;



}



div.foot_link span{



	color:#F60;



	font-weight:bold;



}







/*l_top*/



div#l_top{



	display:block;



	/*margin-top:-25px;*/



}



div#l_top img.topimg{



	margin-bottom:20px;



}



div#l_top h2{



	display:block;



	background:url(images/l_top_t01.gif) no-repeat;



	width:700px;



	height:45px;



	text-indent:-9999px;



}



div#l_top u{



	display:block;



	width:86px;



	height:16px;



	margin:-46px 0 15px 596px;



}



div#l_top u a{



	display:block;



	width:86px;



	height:16px;



	text-indent:-9999px;



	outline:none;



	overflow:hidden;



}



div#l_top div.news{



	display:block;



	width:660px;



	padding:15px 10px 10px 10px;



	border:#CCCCCC 10px solid;



	border-top:#CCCCCC 6px solid;



	margin-bottom:20px;



}



div#l_top div.news dl {



	margin:3px 0;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}



div#l_top div.news dt {



	float:left;



	font-weight: bold;



	color: #0985c1;



	margin: 0 0 0 10px;



	padding: 0 0 0 15px;



	background: url(images/common_icon_blue.gif) no-repeat 0 50%;



}



div#l_top div.news dt a{



	text-decoration: none;



	color: #0985c1;



}



div#l_top div.news dt a:hover {



	text-decoration: none;



	color: #0985c1;



}



div#l_top div.news dd a{



	text-decoration: underline;



	color:#0099CC;



}



div#l_top div.news dd a:hover{



	text-decoration:none;



}



div#l_top div.news dd {



	/*margin: -1.5em 0 3px 0;*/



	padding: 0 0 3px 154px;



	/*background: url(images/common_bg_dotted.gif) repeat-x 0 100%;*/



}







div#l_top div.banner{



	display:block;



	clear:both;



}



div#l_top div.banner ul{



	display:block;



	list-style-type:none;



	width:720px;



	margin:0 -20px 20px 0;



}



div#l_top div.banner ul:after{



	display:block;



	content:"";



	height:0;



	clear:both;



}



div#l_top div.banner ul li{



	display:block;



	width:340px;



	float:left;



	margin:0 20px 0 0;



}



div#l_top div.banner ul li img{



	margin-bottom:5px;



}







div#l_top div.top_jouhou{



	display:block;



	background:url(images/common_bg_footer.gif) repeat-x bottom;



	margin-bottom:35px;



	padding-bottom:40px;



}



div#l_top div.top_jouhou h3{



	display:block;



	margin-bottom:10px;



}



div#l_top div.top_jouhou p{



	display:block;



	margin:0 10px 15px 10px;



}



div#l_top div.top_jouhou ul{



	display:block;



	height:100%;



	list-style-type:none;



	/*width:715px;*/

	width:720px;



	/*margin:0 -15px 0 0;*/

	margin:0 -20px 0 0;



}



div#l_top div.top_jouhou ul:after{



	display:block;



	content:"";



	height:0;



	clear:both;



}



div#l_top div.top_jouhou ul li{



	display:block;



	/*width:223px;*/

	width:340px;



	float:left;



	/*margin:0 15px 0 0;*/

	margin:0 20px 0 0;



}







/*l_kiyaku*/



div#l_kiyaku{



	display:block;



	margin:-25px 0 50px 0;



}



div#l_kiyaku h4{



	display:block;



	margin-bottom:20px;



}



div#l_kiyaku dl{



	display:block;



}



div#l_kiyaku dl dt{



	display:block;



	background:#203B5B;



	padding:5px;



	color:#FFF;



	font-weight:bold;



	margin-bottom:20px;



}



div#l_kiyaku dl dd{



	display:block;



	margin:0 10px 30px 10px;



}



div#l_kiyaku p{



	display:block;



	margin:0 0 15px 10px;



}



div#l_kiyaku dl dd p{



	margin-left:0;



}



div#l_kiyaku dl dd ol{



	display:block;



	list-style-type:decimal;



	margin:0 20px 0 35px;



}



div#l_kiyaku dl dd ol li{



	margin-bottom:10px;



}



div#l_kiyaku i{



	display:block;



	font-style:normal;



	text-align:right;



	margin:-32px 10px 20px 0;



}



div#l_kiyaku b{



	display:block;



	font-weight:normal;



	text-align:right;



	margin-right:10px;



}







/*l_info*/



div#l_ifno{



	display:block;



	margin:0 0 50px 0;



}



div#l_ifno ul{



	display:block;



	list-style-type:none;



	margin:0 10px;



	width:680px;



}



div#l_ifno ul li{



	display:block;



	margin-bottom:30px;



}



div#l_ifno ul li a:hover img{



	opacity: 0.5;



	filter: alpha(opacity=60);



}



div#l_ifno h2{



	display:block;



	background:url(images/common_bg_t01.gif) no-repeat;



	width:660px;



	height:33px;



	margin:-25px 0 20px 0;



	font-weight:bold;



	font-size:16px;



	padding:8px 0 0 40px;



	line-height:1.5;



}



div#l_ifno p{

	display:block;

	background:url(images/common_bg_footer.gif) repeat-x bottom;

	padding:0 0 30px 0;

	margin-bottom:25px;

}



div#l_ifno div.link{

	display:block;

	padding:0;

	margin-bottom:5px;

	clear:both;

}



.link span{

	color:#f60;

	font-weight:bold;

}



div#l_ifno div.link b{

	display:block;

	font-size:0;

	line-height:0;

	height:0;

	text-indent:-9999px;



}



div#l_ifno .searchbox {

	/*float:right;*/

	margin:0 0 10px 10px;

	/*padding-right:70px;*/

	/*clear:right;*/

}

div#l_ifno .searchbox dl {

	clear:both;

}

div#l_ifno .searchbox dl dd.box1 {

	width:255px;

	float:left;

}

div#l_ifno .searchbox dl dd.box2 {

	padding-top:2px;

}

div#l_ifno .searchbox dl dd.box2 strong {

	color:#696969;

}

div#l_ifno div.link .searchbox .btn {

	vertical-align:bottom;

	padding-bottom:4px;

}



div#l_ifno .result {

	margin:5px 10px;

	padding:5px 0;

	border-bottom:1px dotted #666;

	font-size:14px;

	margin-bottom:10px;

}



div#l_ifno .result strong {

	font-weight:bold;

	padding:5px;

	margin-right:5px;

	border:1px solid #666;

}

div#l_ifno .result span {

	font-weight:bold;

	color:#dc143c;

	font-size:150%;

}



div#l_ifno table.l_info_tbl01{



	border-collapse:collapse;



	border:#CCCCCC 1px solid;



	width:700px;



}



div#l_ifno table.l_info_tbl01 th{



	border:#CCCCCC 1px solid;



	width:70%;



	padding:5px 8px;



	text-align:left;



	background:#FFF;



	color:#333;



}



div#l_ifno table.l_info_tbl01 td{



	border:#CCCCCC 1px solid;



	width:30%;



	padding:5px 8px;



	text-align:center;



}



div#l_ifno table.l_info_tbl01 td a:hover img{



	opacity: 0.5;



	filter: alpha(opacity=60);



}



div#l_ifno table.l_info_tbl01 tr.gry th,



div#l_ifno table.l_info_tbl01 tr.gry td{



	background:#EBEBEB;



}



div#l_ifno table.l_info_tbl01 th.ttl{



	border:#CCCCCC 1px solid;



	text-align:center;



	color:#FFF;



	font-weight:bold;



	padding:8px;



	width:auto;



	background:#666;



}







div#l_ifno div.data,



div#l_news div.data{



	display:block;



	clear:both;



	border-bottom:#999 1px dotted;



	margin-bottom:25px;



	padding-bottom:25px;



	height:100%;



}



div#l_ifno div.data{



	margin-bottom:20px;



	padding-bottom:5px;



}



div#l_ifno div.data:after,



div#l_news div.data:after{



	display:block;



	content:"";



	height:0;



	clear:both;



}



div#l_ifno div.data div.image,



div#l_news div.data div.image{



	display:block;



	width:230px;



	float:left;



	text-align:center;



}



div#l_ifno div.data div.image img,



div#l_news div.data div.image img{



	background:url(images/common_bg_img.gif) no-repeat right bottom;



	padding:0 4px 4px 0;



	margin-bottom:15px;



}



div#l_ifno div.data div.image span,



div#l_news div.data div.image span{



	display:block;



	margin-bottom:15px;



}



div#l_ifno div.data div.image span img,



div#l_news div.data div.image span img{



	padding:0;



	background:none;



	margin:0;



}



div#l_ifno div.data div.image u,



div#l_news div.data div.image u{



	display:block;



	text-decoration:none;



	font-size:11px;



	line-height:1.3;



}



div#l_ifno div.data div.txt,



div#l_news div.data div.txt{



	display:block;



	width:465px;



	float:right;



}



div#l_ifno div.data div.txt h3,



div#l_news div.data div.txt h3{



	display:block;



	background:url(images/l_info_02_bg_t.gif) no-repeat #203B5B;



	font-size:15px;



	font-weight:bold;



	color:#FFF;



	padding:5px 0 5px 30px;



}



div#l_ifno div.data div.txt p,



div#l_news div.data div.txt p{



	display:block;



	background:none;



	margin:0 0 15px 0;



	padding:0;



}



div#l_ifno div.data div.txt div.btn{



	display:block;



	text-align:right;



}



div#l_ifno div.data div.txt div.btn span{



	display:block;



	margin-bottom:5px;



}



div#l_ifno div.data div.txt div.btn img{



	padding:0;



	background:none;



	margin:0;



}



div#l_ifno div.data div.txt div.btn u{



	display:block;



	text-decoration:none;



	font-size:11px;



	line-height:1.3;



}







/*l_tool*/



div#l_tool{



	display:block;



	margin:-15px 0 30px 0;



}



div#l_tool p{ 



	display:block;



	margin-bottom:20px;



}



div#l_tool h2{ 



	display:block;



	clear:both;



}



div#l_tool ul{ 



	display:block;



	width:700px;



	margin:0 -5px 30px 5px;



	list-style-type:none;



	height:100%;



}



div#l_tool ul:after{ 



	display:block;



	content:"";



	height:0;



	clear:both;



}



div#l_tool ul li{ 



	display:block;



	text-align:center;



	width:336px;



	padding:1px 1px 15px 1px;



	border:#203B5B 1px solid;



	float:left;



	margin:0 10px 0 0;



}



div#l_tool ul li h3{ 



	display:block;



	background:#203B5B;



	padding:5px;



	font-size:110%;



	color:#FFF;



	font-weight:bold;



	margin:0 0 5px 0;



}



div#l_tool ul li span{



	display:block;



	font-size:80%;



	text-align:center;



	margin:5px 0 10px 0;



}



div#l_tool ul li u{



	display:block;



	text-decoration:none;



	font-size:80%;



	line-height:1.3;



}



div#l_tool ul li b{ 



	display:block;



	text-align:left;



	margin:10px 0 0 10px;



}



div#l_tool ul li b span{ 



	display:inline;



	color:#F00;



	font-size:100%;



}



div#l_tool ul li b i{



	font-style:normal;



	font-size:80%;



	font-weight:normal;



}



div#l_tool strong{ 



	display:block;



	clear:both;



	text-align:center;



	color:#CC3300;



	font-size:120%;



	line-height:1.5;



	margin:20px 0;



}



div#l_tool span{ 



	display:block;



	text-align:center;



	margin-bottom:20px;



}



div#l_tool u{ 



	display:block;



	text-align:center;



	font-size:80%;



	text-decoration:none;



}







/*l_news*/



div#l_news{



	display:block;



	margin:-15px 0 30px 0;



}



div#l_news div.freeSpace{



	display:block;



	padding:10px 10px 20px 10px;



	background:url(images/common_bg_footer.gif) repeat-x bottom;



	margin-bottom:30px;



}



/**/



div#l_news div.news_list{



	display:block;



	width:660px;



	padding:15px 10px 10px 10px;



	border:#CCCCCC 10px solid;



	border-top:#CCCCCC 6px solid;



	margin-bottom:40px;



}



div#l_news div.news_list dl {



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;



}



div#l_news div.news_list dt {



	font-weight: bold;



	color: #0985c1;



	margin: 0 0 0 10px;



	padding: 0 0 0 15px;



	background: url(images/common_icon_blue.gif) no-repeat 0 50%;



}



div#l_news div.news_list dt a{



	text-decoration: none;



	color: #0985c1;



}



div#l_news div.news_list dt a:hover {



	text-decoration: none;



	color: #0985c1;



}



div#l_news div.news_list dd a{



	text-decoration: underline;



	color:#0099cc;



}



div#l_news div.news_list dd a:hover{



	text-decoration:none;



}



div#l_news div.news_list dd {



	margin: -1.5em 0 10px 0;



	padding: 0 0 10px 154px;



	/*background: url(images/common_bg_dotted.gif) repeat-x 0 100%;*/



}







div#l_news h3{



	display:block;



	background:url(images/common_bg_t02.gif) no-repeat #999999;



	padding:5px 10px 5px 30px;



	font-weight:bold;



	color:#FFF;



	font-size:105%;



	margin:10px 0 20px 0;



	line-height:1.5;



}







/*l_photo*/



div#l_photo{



	display:block;



	margin:-20px 0 30px 0;



}







div#l_photo h2{



	display:block;



	background:url(images/common_bg_t02.gif) no-repeat #999999;



	padding:5px 10px 5px 30px;



	font-weight:bold;



	color:#FFF;



	font-size:105%;



	margin:10px 20px 0 20px;



	line-height:1.5;



}



div#l_photo div.waku{



	display:block;



	border:#999999 10px solid;



	border-top:#999999 5px solid;



	padding:10px;



	margin:0 20px 30px 20px;



}



div#l_photo div.waku ol{



	display:block;



	list-style-type:decimal;



	margin:0 0 0 20px;



}



div#l_photo div.waku ol ;o{



	margin:0 0 15px 0;



}







/*l_opinion*/



div#l_opinion{



	display:block;



	margin:-20px 0 30px 0;



}











/**/







/* # sidebar



---------------------------------------------------------------------------- */







div#sidebar {



	float: right;



	width: 226px;



}







div#sidebar div#loginArea {



	display:block;



	width:226px;



	height:100%;



	background: url(images/common_bg_sidecontent.gif) no-repeat bottom;



	padding-bottom:15px;



	margin-bottom:15px;



}







div#sidebar div#loginArea dl {



	margin: 0 0 0 10px;



	padding: 10px 10px 0 10px;



	background: url(images/common_bg_dotted.gif) repeat-x 0 100%; 



}







div#sidebar div#loginArea dl dt {



	font-weight: bold;



}







div#sidebar div#loginArea dl dd {



	margin: -20px 0 5px 0; 



	padding: 0 0 5px 65px;







}







div#sidebar div#loginArea dl dd input {



	width: 120px;



}







div#sidebar div#loginArea p {



	display:block;



	margin:0;



	padding:0;



	text-align: center;



}







div#sidebar div#mobileArea {



	background: url(images/common_bg_sidecontent.gif) no-repeat 0 100%;



	padding-bottom: 5px;



	margin-bottom: 15px;



}







div#sidebar div#mobileArea h3 {



	margin: 0 0 10px 0;



}







div#sidebar div#mobileArea p {



	text-align: center;



}















div#sidebar div.bannerArea ul {



	margin: 0 auto;



	margin-bottom:20px;



}







div#sidebar div.bannerArea ul li {



	font-size: 80%;



	margin-bottom: 5px;



	text-align: center;



}







div#sidebar div.bannerArea ul li img {



	margin-bottom: 3px;



}











div#sidebar div.otherBannerArea ul {



	text-align: center;



}







div#sidebar div.otherBannerArea ul li {



	margin: 10px;



}















/* # footer



---------------------------------------------------------------------------- */







div#footer {



	clear: both;



	width: 956px;



	margin: 0 auto;



	padding: 20px 0 50px 0;



	background: url(images/common_bg_footer.gif) repeat-x 0 0;



}







div#footer ul#pageSitemap {



	text-align: center;



}







div#footer ul#pageSitemap li {



	display: inline;



	background: url(images/common_footer_links.gif) no-repeat 0 0;



}







div#footer ul#pageSitemap li.firstChild {



	background: none;



}







div#footer p#footerTagline {



	font-weight: bold;



	color: #1f3a5a;



	margin: 15px;



	text-align: center;



}







div#footer p#copyright {



	margin-bottom: 0;



	text-align: center;



}











/* # clearfix



---------------------------------------------------------------------------- */







div#pageBody:after,



div#pageBodySecond:after,



div#header:after,



div#header ul#utility:after,



div#gNav:after,



div#contentInner:after,



div.section:after,



div.innerSection:after,



div#content div.section ul.caseList:after,



div#aboutCase.innerSection dl:after,



div#caseDetail.section ul:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







div#pageBody,



div#pageBodySecond,



div#header,



div#header ul#utility,



div#gNav,



div#contentInner,



div.section,



div.innerSection,



div#content div.section ul.caseList,



div#aboutCase.innerSection dl,



div#caseDetail.section ul {



	display: inline-block;



}



/* Hides from IE-mac \*/



* html div#pageBody,



* html div#pageBodySecond,



* html div#header,



* html div#header ul#utility,



* html div#gNav,



* html div#contentInner,



* hmml div.section,



* html div.innerSection,



* html div#content div.section ul.caseList,



* html div#aboutCase.innerSection dl,



* html div#caseDetail.section ul {



	height: 1%;



}



div#pageBody,



div#pageBodySecond,



div#header,



div#header ul#utility,



div#gNav,



div#contentInner,



div.section,



div.innerSection,



div#content div.section ul.caseList,



div#aboutCase.innerSection dl,



div#caseDetail.section ul {



	display: block;



}



/* End hide from IE-mac */











/* #11 common classes



---------------------------------------------------------------------------- */



* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } 











p.pageTop {



	clear: both;



	text-align: right;



	margin: 0 0 25px 0;



}







p.pageTop a {



}







p.date {



	margin-bottom: 0;



}











p.detailBtn {



	clear: both;



	text-align: right;



	margin-right: 20px;



}







ul#pageSitemap {



	margin: 0 15px 25px 15px;



}







ul#pageSitemap li {



	font-size: 80%;



	display: inline;



	margin: 0 6px 0 0;



	padding: 0 0 0 9px;



	background: url(images/common_bg_caselist.gif) no-repeat 0 0;



}







ul#pageSitemap li a:hover {



	text-decoration: underline;



}







p#pageTagline {



	font-weight: bold;



	color: #FFF;



	text-align: center;



	margin: 0;



}







p.contactBtn {



	clear: both;



	text-align: center;



}







ul.pageMove {



	text-align: center;



}







ul.pageMove li {



	display: inline;



	margin: 0 10px;



}











/*ページ毎スタイル*/



div.about01{



	display:block;



	width:700px;



	background:url(images/about_bg01.gif) no-repeat bottom #D7E3E8;



	padding:0 0 20px 0;



	margin-bottom:20px;



}



div.about02{



	display:block;



	width:700px;



	background:url(images/about_bg02.gif) no-repeat bottom #D5EAD7;



	padding:0 0 20px 0;



	margin-bottom:10px;



}



div.about01 p,



div.about01 ol,



div.about02 p{



	/*font-family:monospace;*/



	margin-left:15px;



	margin-right:15px;



	text-indent:-22px;



	padding-left:22px;



}







div.about02 dl{



	display:block;



	margin:0 20px;



}



div.about02 dl dt{



	display:block;



	width:2em;



	float:left;



	margin:0 0 7px 0;



}



div.about02 dl dd{



	padding:0 0 0 2em;



	margin:0 0 7px 0;



}







div.shop_map{



	display:block;



}



div.shop_map div.map_title{



	display:block;



}



div.shop_map div.map{



	display:block;



	border:#203B5B 1px solid;



	width:658px;



	background:url(images/shop_bg01.gif) no-repeat;



	padding:20px 20px 0 20px;



	margin-bottom:20px;



}



table.map{



	width:658px;



	border:none;



}



table.map td{



	vertical-align:top;



	width:50%;



	border:none;



}



table.map td dl dt{



	display:block;



	margin-bottom:5px;



}



table.map td dl dd{



	display:block;



	margin-bottom:10px;



}







span.pdf{



	display:block;



	background:url(images/common_icn_pdf.gif) no-repeat 0 3px;



	padding:3px 0 2px 20px;



	font-size:80%;



}







/*company_txt*/



div.company_txt{



	display:block;



	margin:0 0 0 15px;



	letter-spacing:0.1em;



}



div.company_txt h3{



	display:block;



}



/* Modules Table Of Contents



----------------------------------------







# offscreen



# float clear



# float



# align



# valign



# rollover



# font color



# font size



# last list 



# clearfix



# inline-block







----------------------------------------*/











/* # offscreen



---------------------------------------------------------------------------- */







.offscreen {



	text-indent: -9999em;



	position: absolute;



	overflow: hidden;



}











/* # float clear



---------------------------------------------------------------------------- */







.clearLeft  { clear:left; }



.clearRight { clear:right; }



.clearBoth  { clear:both; }











/* # float



---------------------------------------------------------------------------- */







.floatLeft  { float:left; }



.floatRight { float:right; }











/* # align



---------------------------------------------------------------------------- */







.alignLeft   { text-align: left !important; }



.alignCenter { text-align: center !important; }



.alignRight  { text-align: right !important; }











/* # valign



---------------------------------------------------------------------------- */







.valignBaseline { vertical-align: baseline; }











/* # rollover



---------------------------------------------------------------------------- */







.imgover {}











/* # font color



---------------------------------------------------------------------------- */







.attention { 



	color: #ff0000; 



}







.required { 



	color: #ff6666; 



}







.red {



	color: #FF0000;



}







/* # font size



---------------------------------------------------------------------------- */







.smallText { font-size: 83%; }











/* # last list 



---------------------------------------------------------------------------- */







.lastList {



	background: none !important;



	border: none !important;



	margin-right: 0 !important;



}











/* # clearfix 



---------------------------------------------------------------------------- */







.clearfix:after {



	content: "."; 



	display: block; 



	height: 0; 



	clear: both; 



	visibility: hidden;



}







.clearfix { display: inline-block; }



/* Hides from IE-mac \*/



* html .clearfix { height: 1%; }



.clearfix { display: block; }



/* End hide from IE-mac */











/* # inline-block



---------------------------------------------------------------------------- */







.inlineBlock {



	display: -moz-inline-box;



	display: inline-block;



}







/* Hides from IE-mac \*/



* html .inlineBlock {



	display: inline;



	height: 1%;



}







*:first-child+html .inlineBlock {



	display: inline;



	height: 1%;



}



/* End hide from IE-mac */







.post_link{



	margin:-25px 0 25px 0;



}







.previous_post{



	float:left;



}







.next_post{



	float:right;



}







#map_canvas{



	border: 1px solid #CCCCCC;



	width:698px;



	height:400px;



}







/*logged_in*/



div#sidebar div#logged_in {



	display:block;



	width:226px;



	height:100%;



	background: url(images/common_bg_sidecontent.gif) no-repeat bottom;



	padding-bottom:5px;



	margin-bottom:15px;



}







div#sidebar div#logged_in div#login_name {



	background:url(images/common_sh_bottom.gif) no-repeat bottom;



	width:226px;



	margin-bottom:0;



	padding-bottom:0;



}







div#sidebar div#logged_in div#login_name div#inner {



	background:url(images/common_sh.gif) no-repeat;



	padding:12px 12px 2px;



}







div#sidebar div#logged_in div#login_name div#inner h3 {



	font-size:14px;



	font-weight:bold;



	color:#FFF;



}







div#sidebar div#logged_in dl {



	margin:0px auto;



	padding-top:10px;



	padding-bottom:13px;



	width:190px;



	clear:both;



}







div#sidebar div#logged_in dl dt {



	float:left;



	width:64px;



}







div#sidebar div#logged_in dl dd {



	display:inline;



	_float:left;



}







div#sidebar div#logged_in dl dd ul {



	display:inline-block;



	list-style:none;



	width:126px;



	margin-top:15px;



	text-align:center;



}



div#sidebar div#logged_in dl dd ul li {



	font-size:12px;



	color:#333;



	text-align:center;



}







div#sidebar div#logged_in p {



	background: url(images/common_bg_dotted.gif) repeat-x center top;



	clear:both;



	display:block;



	margin:0 auto;



	padding:3px 0 0 0;



	text-align: center;



	width:210px;



}





/*ninteiten*/

div#layout div.ninteiten{

	display:block;

	width:700px;

	background:url(images/case_bg_ninteiten.jpg) repeat-x bottom #EDEDED;

	margin-bottom:30px;

	padding:0 0 10px 0;

}

div#layout div.ninteiten b{

	display:block;

	margin:0 0 10px 0;

	padding:0;

	width:700px;

}

div#layout div.ninteiten table{

	margin:5px 20px;

	width:660px;

	background:#FFF;

}

div#layout div.ninteiten table th {

	color: #FFF;

	font-weight: bold;

	background:#8C8C8C;

	padding:5px 10px;

	border: 1px solid #cccccc;

	width:20%;

}

div#layout div.ninteiten table td {

	padding:5px 15px;

}

div#layout div.ninteiten table td.companyName {

	font-weight: bold;

}

div#layout div.ninteiten table td.center {

	text-align:center;

}



div#layout div.ninteiten table td.noBorder {

	border: none;

}



/*l_link*/

div#l_link{

	display:block;

	margin:0 0 30px 0;

}

div#l_link p{

	display:block;

	margin:0 10px 15px 10px;

}



div#l_link dl{

	display:block;

	clear:both;

	height:100%;

	border:#CCCCCC 1px solid;

	width:678px;

	margin:0 0 20px 10px;

}

div#l_link dd{

	display:block;

	height:100%;

	padding:0 20px 15px 20px;

}

div#l_link dd img{

	float:left;

	margin:0 20px 15px 0;

}

div#l_link dd:after{

	display:block;

	content:"";

	height:0;

	clear:both;

}





div.l_link01,

div.l_link02,

div.l_link03{

	display:block;

	margin:0 0 40px 0;

}





/*-----------------------------------------------------*

		2010-07-28 光の施工例コンテスト

*------------------------------------------------------*/

#hikari_contest {

	width: 700px;

	/*padding: 0px 20px 20px;*/

	line-height: 160%;

	display: block;

	color:#555;

}



#hikari_contest a {

	text-decoration:none;

	color:#999;

}

#hikari_contest a:hover {

	color:#F60 !important;

	}

	

#hikari_contest a:hover img {

	opacity:0.8;

	filter:alpha(opacity=80);

}

	

#hikari_contest img {

	vertical-align:bottom;

}

#hikari_contest h1#page_header {

	margin-bottom:20px;

}

#hikari_contest h3 {

	clear: both;

	padding:7px 0 0 10px;

	margin:0 !important;

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

	background:url(images/contest_hikari_title2.jpg) 0 0 no-repeat;

	width:690px;

	height:26px;

}

#hikari_contest p.description {

	font-size:13px;

	padding:10px;

	margin:0;

}



#hikari_contest div.winner {

	width:100%;

	margin:0px auto 40px;

	padding:0;

	padding-top:30px;

}

	#hikari_contest h4 {

		/*background:url("images/common_bg_mh.gif") no-repeat scroll 0 0 transparent;

		color:#FFFFFF;

		font-size:140%;

		font-weight:bold;

		padding:10px;*/

		margin-bottom:10px;

	}

	#hikari_contest div.winner dl.work {

		width:100%;

		letter-spacing:1px;

		font-size:12px;

	}

	#hikari_contest div.winner dl.work dt {

		width:340px;

		border:#999 3px double;

		padding:2px;

		float:left;

	}

	#hikari_contest div.winner dl.work dd {

		width:340px;

		float:right;

	}

		#hikari_contest div.winner dl.work dd span.name {

			display:block;

			font-size:14px;

			font-weight:bold;

			border-bottom:#063 2px solid;

		}

		#hikari_contest div.winner dl.work dd span.url {

			display:block;

			text-align:right;

		}

		#hikari_contest div.winner dl.work dd span.stuff {

			display:block;

			border-bottom:#FC0 1px solid;

			margin-bottom:8px;

			margin-top:3px;

			line-height:1.3;

		}

		#hikari_contest div.winner dl.work dd span.stuff strong {

			font-weight:bold;

			display:block;

		}

		#hikari_contest div.winner dl.work dd span.point {

			display:block;

			font-weight:bold;

		}

	#hikari_contest div.winner dl.work ul {

		margin:0px 0px 0px 17px;

		list-style:disc;

	}

	#hikari_contest div.winner dl.work ul li {

		line-height:1.7;

		font-size:12px;

		border-bottom:#999 1px dotted;

	}

	

#hikari_contest div#tokuten {

	border:#999 3px double;

	padding:10px;

	width:660px;

	margin:10px auto 20px;

}

	#hikari_contest div#tokuten p {

		font-size:14px;

		font-weight:bold;

		margin-bottom:5px;

		padding:0 3px;

		border-bottom:#FC0 1px dotted;

	}

	#hikari_contest div#tokuten div.left {

		float:left;

		width:200px;

		margin-left:20px;

		_margin-left:10px;

	}

	#hikari_contest div#tokuten div.right {

		float:left;

		width:400px;

		margin-left:20px;

		_margin-left:10px;

	}

	#hikari_contest div#tokuten ul {

		list-style:disc;

	}

	#hikari_contest div#tokuten ul li {

		font-size:12px;

		list-style:disc;

		list-style-position:outside;

	}



#hikari_contest table {

	width:660px;

	margin:0px auto 40px;

	line-height:1.4;

	border:none;

}

#hikari_contest table td {

	vertical-align:top;

	font-size:12px;

	padding:3px 5px 0;

	border:none;

}



/*--20101215追加（サイドの新着情報）--*/

#sidenews {

	background:url(images/sidenews_back.jpg) bottom center repeat-y;

	text-align:left;

	margin-bottom:15px;

	padding:0;

}

#sidenews .title {

	padding:10px 0 0 15px;

	float:left;

}

#sidenews .btn {

	padding:8px 0 0 0;

	float:left;

	margin-left:50px;

}

	#sidenews .btn a {

		width:16px;

		height:16px;

		display:block;

		overflow:hidden;

	}

	#sidenews .btn a:hover {

		text-indent:-16px;

	}

#sidenews ul {

	padding:15px 20px 10px 15px;

	clear:both;

}

#sidenews ul li {

	background:url(images/sidenews_icon.jpg) 0 3px no-repeat;

	padding-left:15px;

	text-align:left;

	margin-bottom:10px;

}

#sidenews .under {

	clear:both;

	padding:5px 15px 20px 15px;

}

#sidenews .under img {

	margin:0;

}



/*--TOPシーン別カテゴリ追加(20101221)--*/

#scene img {

	vertical-align: text-bottom;

}

#scene {

	width:700px;

	margin:20px auto;

	background:#000;

}

#scene ul {

	width:690px;

	margin:0 auto;

	padding:0 5px;

	list-style-type:none;

	background:url(images/index_scenebnr_back.jpg) 0 0 no-repeat;

	clear:both;

	display:block;

}

#scene ul li {

	float:left;

	display:block;



}

#scene ul li a {

	width:216px;

	height:20px;

	padding:7px 5px 0 5px;

	background:url(images/index_scene_list.jpg) top right repeat-y #FFF;

	margin:1px;

	display:block;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

	vertical-align:middle;

	border:1px solid #000;

}

#scene ul li a:hover {

	background:url(images/index_scene_list2.jpg) top right repeat-y #666;

	border:1px solid #CCC;

}

#scene ul li a span {

	padding-left:17px;

	line-height:100%;

	display:block;

	background:url(images/index_scene_icon.jpg) -3px -2px no-repeat;

	color:#000;

	padding-bottom:2px

}

#scene ul li a:hover span {

	background:url(images/index_scene_icon2.jpg) -3px -2px no-repeat;

	color:#FFF;

}



/*--変更--*/

#works_scene {

	width:700px;

	margin:0 auto 15px auto;

}

.scenebox {

	background:url(images/works_scene_back.jpg) 0 0 no-repeat #122031;

}

.lowerbox {

	background:url(images/works_scene_back2.jpg) 0 0 no-repeat #122031;

}

#works_scene ul {

	width:480px;

	padding:10px 10px 0 210px;

}

#works_scene ul.lowerlist {

	width:480px;

	padding:50px 10px 0 210px;

}

#works_scene ul li {

	float:left;

	display:block;

}

#works_scene ul li a {

	width: 145px;

	height: 20px;

	padding: 7px 5px 0 5px;

	background: url(images/index_scene_list.jpg) top right repeat-y white;

	margin: 1px;

	display: block;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	vertical-align: middle;

	border: 1px solid black;

}

#works_scene ul li a:hover {

	background:url(images/index_scene_list2.jpg) top right repeat-y #666;

	border:1px solid #CCC;

}

#works_scene ul li a span {

	padding-left: 17px;

	line-height: 100%;

	display: block;

	background: url(images/index_scene_icon.jpg) -3px -2px no-repeat;

	color: black;

	padding-bottom: 2px;

}

#works_scene ul li a:hover span {

	background:url(images/index_scene_icon2.jpg) -3px -2px no-repeat;

	color:#FFF;

}



/*--FLASH--*/

#flash {

	margin:0 auto 15px auto;

	clear:both;

	width:700px;

	height:270px;

	background:url(images/flash_back.jpg) 0 0 no-repeat;

}



/*--20110212追加-受賞コメント--*/

#hikari_contest div.winner div.comment {

	clear:both;

	text-align:left;

	margin:10px;

	width:680px;

	/*background:url(images/contest_comentbg2.jpg) center bottom no-repeat;*/

	background:url(images/contest_comentbg.jpg) top left no-repeat;

	border:3px double #E1E6CE;

}

#hikari_contest div.winner div.comment .comment_title {

	 /*background:url(images/contest_comentbg1.jpg) 0 0 no-repeat;*/

	 clear:both;

}

#hikari_contest div.winner div.comment .comment_title p {

	margin:0 10px;

	padding:12px 0 7px 0;

	font-size:14px;

	border-bottom:2px dotted #FFF;

}

#hikari_contest div.winner div.comment .comment_title span {

	color:#84ADAD;

}

#hikari_contest div.winner div.comment p.text {

	padding:5px 10px;

}



/*---------画像枚数---------*/

#works_pics {

	width:670px;

	margin:0 auto 15px auto;

	text-align:right;

}

#works_pics span {

	margin:0 1px;

	padding:2px 5px;

	border:1px solid #778899;

	color:#da0b00;

	font-weight:bold;

}



/*--取扱説明書変更--*/

.manualsbox {

	background:url(images/manuals_botcont.jpg) left bottom no-repeat;

	width:680px;

	margin:0 auto 15px auto;

	text-align:left;

	clear:both;

	padding:0;

}

.manualsbox .img {

	vertical-align: top;

}

	.manualsbox .left {

		width:220px;

		float:left;

		padding:0 5px 5px 5px;

		text-align:center;

	}

		.manualsbox .left img {

			padding:2px;

			background:#FFF;

			/*border:1px solid #333;*/

		}

		.manualsbox .left .imagebox {

			width:210px;

			height:170px;

			overflow:hidden;

		}

	.manualsbox .right {

		float:left;

		width:440px;

		margin:0 5px 5px 5px;

	}

		.manualsbox .right .title {

			padding:2px;

			background:#630;

			color:#FFF;

			font-weight:bold;

			display:block;

		}

		.manualsbox .right .itemname {

			padding:5px;

			font-weight:bold;

			}

		.manualsbox .right .itemcode {

			padding:5px;

			/*width:300px;*/

			/*word-break: break-all;*/



white-space: -moz-pre-wrap; /* Mozilla */

white-space: -pre-wrap; /* Opera 4-6 */

white-space: -o-pre-wrap; /* Opera 7 */

white-space: pre-wrap; /* CSS3 */

word-wrap: break-word; /* IE 5.5+ */



			}

		.manualsbox .right ul.itemdown {

			margin:5px;

			}

				.manualsbox .right ul.itemdown li {

					float:left;

					width:65px;

					display:block;

					margin-right:5px;

					text-align:center;

				}



/*--関連--*/

h2.kanren {

color: white;

font-weight: bold;

font-size: 140%;

padding: 10px;

background: url(images/common_bg_mh.gif) no-repeat 0 0;

}



/*--検索BOX--*/

#searchform1 {

	position: relative;

}

#keywords1	{

	width: 160px;

	height: 16px;

	background: url(images/search.png) no-repeat 8px 3px;

	border: 1px solid #CCC;

	padding: 2px 2px 2px 26px;

}

#searchBtn1	{

	position: absolute;

	top: 0;

	left: 195px;

}



/*--検索結果--*/

#incoming {

	display:none;

}



/*--第2回光の施工例コンテスト（contest_2011）--*/

#hikari_contest #toptext {
	background:url(images/contest2011_toptext_cont.jpg) bottom center;
	padding-bottom:15px;
	font-size:14px;
	line-height:150%;
}
#hikari_contest #toptext h3 {
	margin:0;
	padding:0;
	background:none;
	height:25px;
}
#hikari_contest #toptext p {
	margin:10px 25px;
}
#hikari_contest #toptext p span {
	border-bottom:1px dotted #CCC;
	padding-bottom:2px;
	display:block;
	margin-bottom:5px;
}
.winner {

	clear:both;

}

.winner .topphoto {

	text-align:center;

}

.winner .topphoto img {

	padding:2px;

	border:1px #CCC solid;

	background:#FFF;

}

.winner .inbox {

	width:680px;

	margin:0 auto;

}

	.winner .inbox .pointbox {

		background:url(images/contest2011_pointbox_cont.jpg) center bottom no-repeat;

		margin-bottom:15px;

	}

		.winner .inbox .pointbox ul {

			padding:10px 70px 20px 70px;

		}

		.winner .inbox .pointbox ul li {

			border-bottom:1px dotted #CCC;

			padding:2px 0;

		}

		.winner .inbox .pointbox span {

			display:block;

			padding-left:5px;

			margin-bottom:5px;

			border-left:5px solid #CCC;

		}

	.winner .inbox table.photo {

		width:660px;

		margin:0 auto 15px auto!important;

		border:none;

	}

	.winner .inbox .commentbox {

		width:660px;

		margin:0 auto;

		clear:both;

		padding-bottom:10px;

		background:url(images/contest2011_commentbox_cont.jpg) bottom center no-repeat #FFF;

	}

		.winner .inbox .commentbox .left {

			float:left;

			text-align:left;

			width:270px;

			border-right:2px solid #CCC;

			margin-right:10px;

			margin-left:15px;

			margin-top:10px;

		}

			.winner .inbox .commentbox table {

				width:250px!important;

				margin:0!important;

			}

			.winner .inbox .commentbox table th {

				background:none;

				color:#333;

				border:0;

				border-left:5px solid #CCC;

				padding:2px 5px;

			}

			.winner .inbox .commentbox table td {

				padding:5px 0 5px 10px!important;

			}

		.winner .inbox .commentbox .right {

			width:350px;

			float:left;

			margin-top:10px;

		}

			.winner .inbox .commentbox .right .commenttitle {

				padding-bottom:2px;

				padding-left:5px;

				border-left:4px solid #CCC;

				/*text-align:right;*/

			}

			.winner .inbox .commentbox .right ul {

				padding:10px;

			}

			.winner .inbox .commentbox .right ul li {

				margin-bottom:5px;

				padding-bottom:2px;

				border-bottom:1px dotted #CCC;

			}

		.winner .inbox .companybox {

		width:600px;

		margin:15px auto 0 auto;

		padding:10px;

		border-top:2px solid #213B5C;

		border-bottom:2px solid #213B5C;

		clear:both;

		}



#hikari_contest  .votebox {

width:650px;

margin:0 auto 15px auto;

background:url(images/contest2011_vote_boxcont.jpg) bottom center;

padding-bottom:15px;

} 



#hikari_contest .votebox table {

width:630px!important;

margin:15px auto 0 auto;

}

#hikari_contest .votebox table td {

width:315px;

text-align:center;

padding-bottom:10px;

}

#hikari_contest .votebox table td img {

padding:2px;

background:#FFF;

border:1px solid #CCC;

}

#hikari_contest div#tokutenbox {
	text-align:center;
	margin:0 auto 25px auto;
}

#hikari_contest #best10 {
	padding-bottom:15px;
	border-bottom:2px dotted #213B5C;
	margin-bottom:20px;
	}

	#hikari_contest #best10 table.ta01 {
		width:600px;
		margin:20px auto 20px auto;
	}
	#hikari_contest #best10 table.ta01 td {
		width:200px;
		text-align:center;
	}
	#hikari_contest #best10 table.ta02 {
		width:640px;
		margin:0 auto 10px auto;
	}
	#hikari_contest #best10 table.ta02 td {
		width:160px;
		text-align:center;
	}
	#hikari_contest #best10 table th {
		background:#FFF;
		text-align:center;
		border:none;
	}
	#hikari_contest #best10 table th a {
		color:#FFF;
		font-weight:bold;
		display:block;
		padding:2px;
		margin:0 5px 0 0;
		background:#213B5C;
	}
	#hikari_contest #best10 table th a:hover {
		color:#FFC!important;
	}

/*--プロの庭照明とは？シーン別--*/
#about_scene {}

#about_scene h3 {
	margin:0!important;
	padding:0;
}
#about_scene .comment_img {
	width:680px;
	margin:0 auto 15px auto;
	border-bottom:2px dotted #74654A;
}
#about_scene .bottom_btn {
	text-align:right;
	margin-bottom:15px;
}
#about_scene .line_m {
	margin-bottom:10px!important;
}