/*----------------------------------------------------
style css for BELLOF


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

/* basic -------------------------------------------*/

div#container {
	text-align: center;
	width:950px;
	margin:auto;
}

h1#logo {
float:left;
width:257px;
height:118px;
vertical-align:top;
margin:0;
padding:0;
}


/* header ------------------------------------------*/

div#header {
	width: 950px;
	margin: 0 auto;
	padding: 0 ;
}

div#header ul.sub {
	float: left;
	list-style-type: none;
	padding-top:47px;
}

div#header ul.sub li {
	float: left;
}

div#header ul.utility01 {
	float: left;
	padding:0;
	margin:0;
	list-style-type: none;
	width:120px;
}

div#header ul.utility01 li {
	 float: left;
 }

div#header ul.utility02 {
	float:left;
	padding:0;
	margin:0;
	list-style-type: none;
	width:76px;
}

div#header ul.utility02 li {
	float: left;
}




/*-- path -----*/

div#path {
	clear: both;
	text-align:left;
	padding:10px 20px;
	color:#FFFFFF;

}

div#path a:link { color: #c8c8c8; text-decoration: underline;  }
div#path a:visited { color: #c8c8c8; text-decoration: underline; }
div#path a:hover { color: #ff6600; }
div#path a:active { color: #ff6600; }

div#recommend a:link { color: #ffffff; text-decoration: underline;  }
div#recommend a:visited { color: #ffffff; text-decoration: underline; }
div#recommend a:hover { color: #666666; }
div#recommend a:active { color: #666666; }


/* main --------------------------------------------*/

div#main {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}

div#main .pagetop {
	text-align: right;
}

div#main h2 {
width:920px;
padding-top:219px;
padding-left:30px;
padding-bottom:15px;
color:#FFFFFF;
font-weight:bold;
line-height:150%;
}

div#main h2 .n {
font-weight:normal;
font-size:10px;
}

div#main h2 .warning {
width:920px;
padding-left:30px;
padding-bottom:15px;
color:#FFFFFF;
font-weight:bold;
line-height:150%;
}

div#main h2 .n {
font-weight:normal;
font-size:10px;
}

div#main h2 .n02 {
font-weight:normal;
font-size:10px;
color:#141414;
}

/*-- contents -----*/

div#main #contents {
padding:25px 30px;
}

div#main #contents .detail {
float:left;
width:670px;
}

div#main #contents .detail .title{
width:630px;
background:#e9e9e9;
font-weight:bold;
padding:8px 20px;
margin-bottom:20px;
}

div#main #contents .detail ul li {
list-style:none;
}

div#main #contents .detail .right {
width:320px;
}

div#main #contents .menu {
float:right;
width:199px;
}

div#main #contents .menu ul {
padding:0;
margin:0;
}

div#main #contents .menu ul li {
width:182px;
height:24px;
padding-left:17px;
padding-top:5px;
border-bottom:1px #d3d3d3 dotted;
list-style:none;
background:url(../common_img/icon_blue.jpg) left no-repeat;
}

div#main #contents .menu .bro {
background: url(../common_img/icon_bro.gif) left no-repeat;
}

div#main #contents .menu .top {
width:191px;
height:24px;
padding-left:8px;
padding-top:5px;
border-bottom:1px #d3d3d3 dotted;
border-top:1px #000000 dotted;
list-style:none;
background:none;
font-weight:bold;
}

div#main #contents .menu .bottom {
border-bottom: none;
}

div.kadomaru {
   border-radius: 4px;         /* CSS3 */
   -moz-border-radius: 4px;    /* Firefox */
   -webkit-border-radius: 4px; /* Safari,Chrome */

   border: 1px #d3d3d3 solid;     /* �g���̑��� */
   background-color: #f6f6f6;   /* �w�i�F */
   text-align:center;
   padding:0 10px 10px 10px;
   margin-top:50px;
}

div.kadomaru02 {
   border-radius: 3px;         /* CSS3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */

   border: 1px #d3d3d3 solid;     /* �g���̑��� */
   background-color: #ffffff;   /* �w�i�F */
   width:298px;
}

div.kadomaru p.car {
padding:0 ;
font-weight:bold ;
text-align:left;
}

div.kadomaru02 p {
margin:10px;
padding:0;
}

div.kadomaru p {
margin:5px;
padding:0;
}


div.kadomaru a:link { color: #333333; text-decoration:underline ; font-weight:bold }
div.kadomaru a:visited { color: #333333; }
div.kadomaru a:hover { color: #ff6600; }
div.kadomaru a:active { color: #ff6600; }


div#main #contents #product {
padding:0 25px;
float:left;
width:840px;
}

div#main #contents #product .product-d {
width:260px;
height:450px;
float:left;
padding-right:30px;
}

div#main #contents #product .product-d dl {
margin-top:0;
}

div#main #contents #product .product-d .title {
margin :15px 0 0 0 ;
font-size:12px;
font-weight:bold;
}

div#main #contents #product .product-d .txt {
margin:0;
}

div#main #contents #product .product-d .link {
margin:0 0 0 -40px;
padding:0;
}

div#main #contents #product .product-d .link ul li {
padding-left:10px;
list-style:none ; 
background: url(../common_img/icon_blue02.gif)  left no-repeat  ;
}

div#bottom {
background:#e9e9e9 ;
margin-top:20px ;
padding:20px;
}

div#bottom .title_left {
border:1px #d3d3d3 solid ;
background:#FFFFFF ;
width:306px ;
text-align: left ;
padding:8px 11px;
}

div#bottom .title_right {
border:1px #d3d3d3 solid ;
background:#FFFFFF ;
width:476px ;
text-align: left ;
padding:8px 11px;
}

div#bottom table {
width:100%;
}

div#bottom table td {
border-bottom:1px #a6a6a6 dotted;
padding-left:10px;
}

div#bottom table th {
border-bottom:1px #a6a6a6 dotted;
border-top:1px #a6a6a6 dotted;
padding-left:10px;
font-weight:normal;
text-align:left;
}

.photo td {
margin:0;
padding:0;
}

div#color {
width:670px;
float:left;
}

div#color .color {
border-bottom:1px #141414 dotted;
padding-bottom:10px;
font-weight:bold;
margin-top:30px;
margin-bottom:20px;
}

div#color .lineup {
width:206px;
height:250px;
float:left;
margin:0;
padding:0 20px 0 0;
text-align:left;
}

div#color .lineup02 {
width:206px;
height:180px;
float:left;
margin:0;
padding:0 20px 0 0;
text-align:left;
}

div#color .lineup dl {
width:206px;
margin:0;
padding:0;
text-align:left;
}

div#color .lineup .txt {
margin-left:0;
}

div#color .sub {
font-weight:bold;
margin-left:0;
}

div#bulb {
width:670px;
float:left;
}

div#bulb .bulb {
border-bottom:1px #141414 dotted;
padding-bottom:10px;
font-weight:bold;
margin-top:30px;
margin-bottom:20px;
}

div#bulb .lineup02 {
width:206px;
height:180px;
float:left;
margin:0;
padding:0 20px 0 0;
text-align:left;
}

div#bulb .lineup dl {
width:206px;
margin:0;
padding:0;
text-align:left;
}

div#bulb .lineup .txt {
margin-left:0;
}

div#bulb .sub {
font-weight:bold;
margin-left:0;
}

div#attach {
width:500px;
float:right;
}

div#attach .left {
width:164px;
height:123px;
float:left;
margin:0;
padding:0 4px 0 0;
text-align:left;
}

.title02 {
border-bottom:1px #141414 dotted;
padding-bottom:10px;
font-weight:bold;
margin-top:30px;
margin-bottom:20px;
}



div#waku {
background:#e9e9e9;
padding:24px;
margin-top:20px;
}


div#waku .title_sub {
border:1px #d3d3d3 solid;
background:#FFFFFF;
width:582px;
padding:8px 20px;
}


div#waku table {
width:622px;
}

div#waku table td {
border-bottom:1px #a6a6a6 dotted;
padding-left:10px;
}

div#waku table th {
border-bottom:1px #a6a6a6 dotted;
border-top:1px #a6a6a6 dotted;
padding-left:10px;
font-weight:normal;
text-align:left;
}


div#bottom .title_sub {
border:1px #d3d3d3 solid;
background:#FFFFFF;
width:810px;
padding:8px 20px;
}

div#bottom .title_sub_news {
border:1px #d3d3d3 solid;
background:#FFFFFF;
width:564px;
padding:8px 20px;
}

.adpt {
width:500px;
margin:auto;
}

.adpt_b {
color:#2684ac;
font-weight:bold;
}

div#main #utility {
padding:100px 100px 0 0;
background: #FFFFFF;
margin:auto;
}

div#main #utility h2 {
margin:0;
padding:0;
float:left;
width:320px;
}


div#main #utility .right .sitemap {
border-bottom:1px #141414 dotted;
padding-bottom:10px;
font-weight:bold;
margin-bottom:20px;
}


div#main #history h2 {
margin:0;
padding:0;
}

div#main #history {
background:#FFFFFF;
}

div#main #history .left {
float:left;
width:301px;
}

div#main #history .right {
float:right;
padding-right:50px;
width:599px;
padding-bottom:60px;
}

div#main #history .right .year {
float:left;
width:55px;
margin-top:50px;
font-size:12px;
font-weight:bold;
}

div#main #history .right .txt {
float:right;
width:544px;
margin-top:50px;
}

div#company {
margin:30px 60px 0 60px;
padding-bottom:66px;
}

div#company .right {
width:360px;
}

div#company .left dl {
 width:439px;
}

div#company .left dt {
 float:left;
 width:86px;
 padding:10px 0 10px 7px;
 clear:both;
 font-weight:bold;
 border-bottom:1px #d3d3d3 dotted;
}

div#company .left dd {
 width:346px;
 margin-left:87px;
 padding:10px 0;
 border-bottom:1px #d3d3d3 dotted;
}

div#company .left .top {
border-top:1px #141414 dotted ;
}


div#recruit {
padding:25px 60px 60px;
}

div#recruit dl {
 width:439px;
}

div#recruit dt {
 float:left;
 width:163px;
 padding:10px 0 10px 7px;
 clear:both;
 font-weight:bold;
 border-bottom:1px #d3d3d3 dotted;
}

div#recruit dd {
 width:667px;
 margin-left:165px;
 padding:10px 0;
 border-bottom:1px #d3d3d3 dotted;
}

div#recruit .top {
border-top:1px #141414 dotted ;
}

div#price .index {
margin:25px 30px 0;
padding-bottom:60px;
}

div#price .index ul {
padding:0;
margin:30px 20px 0 0;
width:283px;
float:left;
}

div#price .index ul li {
width:263px;
height:25px;
padding-left:17px;
padding-top:5px;
margin-right:20px;
border-bottom:1px #d3d3d3 dotted;
list-style:none;
background:url(../common_img/icon_blue.jpg)left no-repeat;
}


div#price .index .top {
width:275px;
height:25px;
padding-left:8px;
padding-top:5px;
list-style:none;
background:none #e9e9e9;
font-weight:bold;
border:none;
}


div#price .name {
padding-bottom:25px;
font-size:14px;
}


div#price table {
width:670px;
}

div#price table th {
font-weight:normal;
text-align:left;
background: #e9e9e9;
padding:10px 20px;
}

div#price table td {
padding:10px 20px;
border-bottom:1px #a6a6a6 solid;
}

div#price .memo {
margin-top:30px;
}

div#adapt .category {
background:#e9e9e9;
font-weight:bold;
padding:10px 15px;
}

div#adapt ul {
float:left;
width:180px;
margin-left:0;
margin:20px 0 20px 0px\9 ;
}

div#adapt ul li {
background:url(../common_img/icon_blue.jpg) left no-repeat;
padding-left:17px;
line-height:240%;
}

div#adapt_d ul {
float:left;
width:180px;
margin-left:-20px;
margin:10px\9 ;
}

div#adapt_d ul li {
background: url(../adaptiontable/images/icon_pdf_s.gif) left no-repeat;
padding-left:25px;
line-height:3em;
}

div#main .choice {
margin:50px auto 0 auto;
width:850px;
padding-bottom:50px;
}

div#main .choice .title{
background:#e9e9e9;
font-weight:bold;
padding:8px 20px;
margin-bottom:20px;
margin-top:30px;
}

div#news {
padding:65px 65px 90px 65px;
}


div#news .archive {
width:193px;
float:left;
}

div#news .archive ul {
padding:0;
margin:0;
}

div#news .archive ul li {
margin-top:0;
list-style:none;
line-height:300%;
}

.icon {
padding-top:8px;
*padding-top:0 ;
_padding-bottom:18px;
}


div#news .article {
width:611px;
float:right;
text-align:left;
}

div#news .article dl {
border-top:1px #000000 dotted;
margin-top:0px;
}

div#news .article dl dt {
float:left;
padding:5px 0 5px 17px;
background:url(../common_img/icon_blue.jpg) left no-repeat;
border-bottom:1px #d3d3d3 dotted;
clear:both;
}

div#news .article dl dt img {
padding-left:30px;
}

div#news .article dl dd {

margin-left:130px;
padding:5px 0 5px 17px;
border-bottom:1px #d3d3d3 dotted;
}

div#news_t table td {
border-bottom:1px #CDD0D8 solid;
}

/*-- side -----*/

div#main #side {
	width: 200px;
	padding: 10px;
	background-color: #ffffff;
}

div#main #side ul.banner {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#main #side ul.banner li {
	margin-bottom: 10px;
}

.drl_title {
background:#e9e9e9 ;
padding:10px;
width:650px;
margin-bottom:20px;
}


/* page top ------------------------------------------*/

div#pagetop {
clear:both;
text-align:right;
background-color: #141414;
}

/* footer ------------------------------------------*/

div#footer {
	clear: both;
	padding:40px 30px;
	color: #FFFFFF;
	background-color: #141414;
	text-align: left;
	width:890px;
	height:260px;
	font-size:10px;
	line-height:210%;
}

div#footer ul {
float:left;
margin:0;
padding:0 5px 0 0;
padding-right:10px\9; /* IE8 and below */
}

div#footer ul li {
list-style:none;
font-size:10px;
padding-left:5px;
margin-right:5px;
}

div#footer .sub {
font-weight:bold;
color:#8e8e8e;
}

div#footer .long {
letter-spacing:0.01em;
}

html[xmlns*=""]:root .long { letter-spacing:0.001em; }


div#footer_utility {
margin-top:14px;
color:#FFFFFF;
}

div#copyright {
margin:28px auto;
text-align:left;
color:#FFFFFF;
}

div#footer ul.utility li.first { border: none; }

div#footer ul li a:link { color: #ffffff; }
div#footer ul li a:visited { color: #ffffff; }
div#footer ul li a:hover { color: #ff6600; }
div#footer ul li a:active { color: #ff6600; }

div#footer_utility a:link { color: #ffffff; }
div#footer_utility a:visited { color: #ffffff; }
div#footer_utility a:hover { color: #ff6600; }
div#footer_utility a:active { color: #ff6600; }