@charset "UTF-8";
/* CSS Document */
@import url("/css/thickbox.css");



body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	vertical-align: baseline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
body {
	font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif,'ＭＳ Ｐゴシック';
	font-size:12px;
	*font-size: 72%; /*Win IE7Win IE6*/
	*font: x-small;  /*Win IE 5-5.56*/
	line-height: 1.6em;
}
img, div {
	behavior:url(/iepngfix.htc);
}
body {
background-color:#e5e6e9;
color:#4A4A4A;
}
h2 {
font-size:120%;
}
h3 {
font-size:110%;
}
h4,h5,h6 {
font-size:100%;
}
.clear {
	clear: both;
}
.fl {
float:left;
}
.fr {
float:right;
}
a {color: #000000; text-decoration:none;}
a.link {color: #000000; border-bottom: 1px dotted #F8703B; text-decoration:none;}
a:hover {color: #F8703B;  outline:none; }
a img {
    border-style:none;
	text-decoration : none;
	outline:none;
}
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.tx11 {font-size:0.95em; line-height:1.4em;}
.tx10 {font-size:0.85em; line-height:1.2em;}
.tx9 {font-size:0.75em; line-height:1.0em;}
.mac.gecko .tx11 {letter-spacing:-0.05em;}
.webkit .tx11 {letter-spacing:-0.1em;}
.tsume {letter-spacing:-0.1em;}
.mac.gecko .tsume {letter-spacing:-0.18em;}
.webkit .tsume {letter-spacing:-0.18em;}

.ore {color: #F89B1B;}

.gre {color:#a4b438;}

#wrap{
width:948px;
position:relative;
background-color:#e5e6e9;
margin:18px auto 0;
}
#header {
width:922px;
float:left;
height:55px;
background-color:#FFFFFF;
}
#header ul{
display:inline;
width:651px;
margin-left:270px;
/*margin-top:19px;*/
margin-top:10px;
padding:0px;
float:left;
} 
#header li{
float:left;
display:inline;
list-style:none;
margin:0 54px 0 0;
height:36px;
overflow:hidden;
}
#container {
float:left;
width:922px;
min-height:566px;
   height:auto !important;  
   height:566px;    
background-color:#FFF;

}
#leftarea {
background-color:#FFFFFF;
width:122px;
float:left;
}
#leftarea ul{
margin-left:23px;
margin-top:74px;
margin-bottom:23px;
padding:0px;
}
#leftarea li{
list-style:none;
width:76px;
height:76px;
margin:0 0 2px 0;
overflow:hidden;
}
#mainarea {
width:800px;
float:left;
background-image:url(/images/bg_white.gif);
background-repeat:repeat-x ;
}
#mainarea #phblock{
	width:594px;
	float:left;
	background-image:url(/images/bg_leftbar.gif);
	background-repeat:no-repeat;
	background-position:right 30px ;
	position:relative;
}
#mainarea #txblock{
	width:186px;
	float:left;
	padding-left:20px;
}
#mainarea #txblock p{
width:167px;
color:#f89b1b;
}

#rightarea{
width:26px;
float:left;
display:block;
margin-top:120px;
}
#rightarea ul{
margin-top:120px;
padding:0px;
margin:0px;
}
#rightarea li{
list-style:none;
width:26px;
height:97px;
margin-bottom:3px;
line-height:0px;
overflow:hidden;
}
#footer {
	width:948px;
	position:relative;
	margin:0 auto ;
	line-height:0px;
}
#footer p{
    margin-right:26px;
	text-align:right;
	padding:7px 0;
 	border-top:#f89b1b solid 7px ;
	position:relative;
	line-height:1.0em;
}
#logo {
position:absolute;
top:27px;
left:0px;
z-index:50;
}
#txblock{
margin-top:123px;
} 
#txblock h2{
margin-bottom:16px;
}
#bana{
position:absolute;
width:167px;
display:block;
top:-100px;
right:46px;
}
#bana02{
position:absolute;
width:167px;
display:block;
top:-54px;
right:46px;
}
#bana img,#bana02 img{
display:block;
margin-bottom:9px;
}
#phblock_ind {
line-height:0px;
font-size:0px;
overflow:hidden;
float:left;
display:block;
}

#phblock_fea {
position:relative;
display:inline;
float:left;
margin-left:31px;
min-height:561px;
height:auto !important;  
height:561px;
padding-bottom:18px;
}
#phblock_spe {
position:relative;
float:left;
min-height:561px;
height:auto !important;  
height:561px;
padding-bottom:18px;
}
#fresco #phblock_fea,
#fresco #phblock_spe,
#frescoloft #phblock_fea,
#frescoloft #phblock_spe{
min-height:572px;
height:auto !important;  
height:572px;
padding-bottom:18px;
}


#phblock_fea img.logo{
float:left;
}
#phblock_fea dl{
float:left;
display:inline;
width:530px;
margin-top:-40px;
margin-left:0px;
/*margin-bottom:20px;*/
}
table#cgimgarea {
float:left;
border:0px;
border-collapse:collapse;
}
#cgimgarea td {
width:435px;
height:474px;
vertical-align:middle;
text-align:left;
border-collapse:collapse;
}
#cgimgarea img {
}

#txblock_fea #cg {
margin-top:16px;
}
#txblock_fea #cg img{
margin-right:4px;
margin-bottom:4px;
border:#CCCCCC solid 1px;
}
#opendm {
font-weight:normal;
}
#demen{
position:absolute;
background-color:#FFFFFF;
padding:8px;
/*top:60px;*/
top:150px;
left:-33px;
border:#CCCCCC 3px solid;
text-align:right;
}
#load{
position:absolute;
top:60px;
left:-33px;
}
#phblock_spe #colorph{
margin-bottom:8px;
margin-left:80px;
position:relative;
height:346px;
}
#phblock_spe #colorph p{
font-size:0.95em;
}
#cvari_coco_01{
position:absolute;
top:280px;
left:102px;
}
#cvari_coco_02{
position:absolute;
top:280px;
left:328px;
}
#cvari_cocoplex_01{
position:absolute;
top:260px;
left:60px;
}
#cvari_cocoplex_02{
position:absolute;
top:260px;
left:220px;
}
#cvari_cocoplex_03{
position:absolute;
top:260px;
left:360px;
}
#cvari_fresco_01{
position:absolute;
top:280px;
left:320px;
}
#cvari_frescoloft_01{
position:absolute;
top:230px;
left:160px;
}
#cvari_frescoloft_02{
position:absolute;
top:230px;
left:380px;
}
#cvari_nano_01{
position:absolute;
top:310px;
left:320px;
}
#cvari_otto_01{
position:absolute;
top:300px;
left:210px;
}

#phblock_spe dl{
float:left;
display:inline;
width:530px;
margin-left:33px;
}
#phblock_spe dd{
display:inline;
margin-right:8px;
}
#confo {
width:684px;
float:left;
margin-bottom:18px;
}
#confo.movie {
width:360px;
float:left;
margin-bottom:18px;
}
#confo dl{
border:#FFCC99 1px solid;
width:587px;
padding:20px;
background-color:#FDFFEE;
}
#confo dt p{
clear:both;
padding-right:18px;
}
#confo dd img{
border:3px solid #CCCCCC;
float:left;
}
#confo dt{
width:200px;
float:left;
}
#confo dt img{
float:left;
margin-bottom:7px;
}
#confo dd{
float:right;
margin:0px;
}
#confo i{
float:right;
margin-right:20px;
font-size:0.95em;
font-style:normal;
}
/**//**//**//**//**//**//**/
#movie dl{
border:#FFCC99 1px solid;
width:320px;
padding:20px;
background-color:#FDFFEE;
}
#movie dt{
float:left;
font-size:0px;
line-height:0px;
overflow:hidden;
}
#movie dd{
float:left;
width:320px;
margin-top:12px;
clear:both;

}
#movie i{
float:right;
margin-right:0px;
font-size:0.95em;
font-style:normal;
}
/**//**//**//**//**//**//**/
#showmovie {
position:absolute;
top:150px;
right:20px;
z-index:20;
}

#aboutus #howto {
position: relative;
}


#aboutus #showmovie {
position:static;
width:400px;
height:300px;
background-color:#00FFCC;
}


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

#txblock_spe ul{
margin-top:13px;
}

#txblock_spe li{
float:left;
list-style:none;
overflow:hidden;
margin-right:13px;
}
#txblock_spe i{
display:block;
width:167px;
clear:both;
font-size:0.85em;
line-height:1.4em;
font-style:normal;
color:#FF6600;
}
#nano #txblock_spe i{
color:#4A4A4A;
}

#cg img,#rightarea img,#txblock_spe li img,#goconfo{
cursor:pointer;
}
#goconfo{
margin-top:18px;
padding-left:33px;
overflow:hidden;
}

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

#aboutus #container,#aboutus #header{
background-color:#f5f4f4;
}
#aboutus #container{
position:relative;
background-image:url(/images/bg_leaf.gif);
background-position:100% 10px;
background-repeat:no-repeat;
width:922px;
}
#aboutus #mainarea {
width:602px;
background-image:none;
line-height:1.8em;
margin-top:93px;
margin-left:157px;
display:inline;
padding-bottom:20px;
float:left;
}
#aboutus.wpnews #mainarea {
width:765px;
background-image:none;
line-height:1.8em;
margin-top:93px;
margin-left:157px;
display:inline;
padding-bottom:20px;
float:left;
}
#aboutus.wpnews .wpnttl{
width:510px;
}
#aboutus p {
padding:16px 0;
}
#aboutus p img {
padding:6px 0px 0px 14px;
padding-bottom:30px;
}
#aboutus #faq {
position:absolute;
right:55px;
top:25px;
}
#aboutus #faq img{
display:block;
padding-bottom:10px;
}
#aboutus #rightarea {
visibility:hidden;
}
#aboutus dt {
font-weight:bold;
color:#000000;
}
#aboutus b {
display:block;
border:#FFFFFF 1px solid;
padding:12px;
font-weight:normal;
line-height:1.6em;
margin:18px 0;
}

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

#aboutus.body_faq #container,#aboutus.body_faq #header{
background-color:#f5f4f4;
}
#aboutus.body_faq #container{
background-image:url(/images/bg_leaf.gif);
background-position:100% 10px;
}
#aboutus.body_faq .box{
background-color:#FFFFFF;
padding:8px;
margin:12px 0;
/*margin:22px 0;*/

}
#aboutus.body_faq h4{
background-color:#F8BD3D;
border-left:#f89b1b 2.8em solid;
color:#FFFFFF;
padding:6px 0;
text-indent:-1.8em;
}
#aboutus.body_faq ol li{
list-style-position:inside;
}
#aboutus.body_faq h3{
font-size:1.2em;
}
#aboutus.body_faq h2{
margin-bottom:12px;
}
#aboutus.body_faq table{
width:90%;
margin-left:10%;
border-collapse:collapse;
border-top:#FFCC66 1px solid;
border-left:#FFCC66 1px solid;
}
#aboutus.body_faq td,#aboutus.body_faq th{
border-bottom:#FFCC66 1px solid;
border-right:#FFCC66 1px solid;
padding:5px;
}
#aboutus.body_faq th{
background-color:#FCFFE4;
width:30%;
text-align:right;
}
#aboutus.body_faq i{
float:right;
font-style:normal;
font-size:0.95em;
}
#aboutus.body_faq strong{
color:#FF6600;
}
hr {
clear:both;
display:block;
visibility:hidden;
margin:0px;
padding:0px;
}
/**//**//**//**//**//**//**//**//**//**//**/
#aboutus.news p {
padding:12px  0;
}

#aboutus.wpnews p {
padding:12px  0;
}

#aboutus.news h5{
background-color:#F8BD3D;
color:#FFFFFF;
}
#aboutus.news h5 .date{
background-color:#f89b1b;
display:block;
padding:1px 8px;
}

#aboutus.news h5 .nttl{
display:block;
padding:6px 8px;
}






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

#home #wrap{
	background-image:url(/images/00top_bg.jpg);
	background-repeat:no-repeat;
	height: 622px;
	position:relative;
}
#home #container{
background:none;
}
#home #rightarea{
visibility:hidden;
}
#home #header{
background:none;
}

#home #wrap #news{
position:absolute;
width:353px;
top:120px;
color:#FFFFFF;
background-color:#f89b1b;
padding:6px 0 4px 0;
}
#home #wrap #news a{
color:#FFFFFF;
}
#home #wrap #news a:hover{
border-bottom:#FFFFCC 1px dotted;
}
#home #wrap #news dt{
width:47px;
margin-left:30px;
padding-top:3px;
}
#home #wrap #news dd{
width:265px;
margin-top:-1.7em;
line-height:1.4em;
margin-left:30px;
padding-left:52px;
padding-bottom:4px;
padding-top:2px;
background-image:url(/images/dot_white.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.webkit #home #wrap #news {
letter-spacing:-0.1em
}
#home .cgmg{
position:absolute;
top:280px;
left:29px;
}
#home .cgmg ul li{
list-style:none;
}
#home #footer p{
width:922px;
}
#home #footer p .crht{
float:right;
}
#home #footer p .goglo{
float:left;
}

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

#cm #wrap{
background-image:url(/images/0ctop_dm.jpg);
background-repeat:no-repeat;
}
#cm #container{
background:none;
}

#cm #rightarea{
visibility:hidden;
}
#cm #header{
background:none;
}
#cm #header img{
visibility:hidden;
}
/**//**//**//**//**//**//**//**//**//**//**/

#products_home #wrap{
	height: 622px;
}
#products_home #rightarea{
visibility:hidden;
}
#products_home #container{
position:relative;
width:922px;
}
#products_home #container #goodsblock{
width:580px;
float:left;
margin-left:176px;
margin-top:88px;
display:inline;
}
#products_home #container #goodsblock li{
line-height:0px;
list-style:none;
display:inline;
float:left;
width:162px;
margin:14px;
}
#products_home #container #grayleaf01{
position:absolute;
top:117px;
left:0px;
}
#products_home #container #grayleaf02{
position:absolute;
top:117px;
right:0px;
}
/**//**//**//**//**//**//**//**//**//**//**/
#aboutus.shop #container{
background-image:none;
}

#aboutus.shop #mainarea{
width:650px;
padding-bottom:20px;
}
.shop h2{
margin-bottom:1.2em;
}

.shop h3{
background-color:#fff;
background-image: url(/images/bar_tri.gif);
background-repeat:repeat-x;
background-position:bottom;
font-weight:normal;
font-size:1.4em;
padding-bottom:.2em;
padding-top:.2em;
padding-left:.5em;
margin-bottom:0.5em;
margin-top:1.5em;
font-weight:bold;
color:#000000;
}
.shop h3 span{
display:block;
float:left;
margin-top:8px;
}
.shop h3 img{
float:left;
padding-bottom:3px;
}

.shop h4{
margin:1em 0;
}
.shop dl {
width:100%;
float:left;
}
.shop dt,.shop dd{
margin:1em 0;
}
.shop dt{
float:left;
padding-right:20px;
display:block;
}
.shop dd{
overflow:auto;
zoom: 1;
}
.shop table{
width:100%;
border-collapse:collapse;
border-bottom: #FFF 3px solid;
border-right: #FFF 3px solid;
margin-bottom:1.0em;
}
.shop td,.shop th{
border-collapse:collapse;
border-top: #FFF 3px solid;
border-left: #FFF 3px solid;
padding:.4em .5em;
color:#777;
}
.shop tr{
background-color:#FFFBDB}
.shop th{
background-color:#FFD695;
color:#FFFFFF;
}
.shop .shopname{
background-color:#FFF5CC;
text-align:right;
color:#555;
}
.shop .ad2{
border-left: none;
}
.shop .tel{
white-space:nowrap;
}
.shop .dtlopen{
font-size:0.85em;
font-weight:normal;
margin-left:20px;
}
.shop .dtlopen img{
vertical-align:-0.25em;
}