/*  
Theme Name: NEXT
Theme URI: http://www.designtheque.jp/
Description: 2010 NEXT theme. designd by <a href="http://www.designtheque.jp/">designtheque</a>.
Version: 1.0
Author: kanie fujio
LastUpdate : 20 Sep 2010
*/

/* @group Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td    { }
p  { margin: 0 0 1.2em 0; padding :0 }
h1,h2,h3,h4,h5,h6  { 
font-size: 100%; 
font-weight: normal; margin: 0; padding: 0
}
ol,ul  {
list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table   {
margin: 0 0 2em; padding: 0; border-collapse: collapse; border-spacing: 0
}
fieldset,img {
border: 0;
}
caption,th  { text-align: left }
q:before, q:after {
content: '';
}
td            { color: #444; font-family: "メイリオ", "Meiryo", Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; text-align: left; margin: 0; padding: 0 }

/**
h1       { color: #fff; font-size: 120%; padding-top: 0.5em; padding-bottom: 0.5em }
h2     { color: #3c6; font-size: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
h3     { padding-top: 0.5em; padding-bottom: 0.5em }
**/
h1   { font-size: 1.2em; color: #006cc8; margin: 0; padding-top: 0.5em;  padding-bottom: 1em }
h1 a  { font-weight: normal }
h1 a:hover { }
h2    { font-size: 1.1em; color: #006cc8; margin: 0; padding-bottom: 0.25em }
h2 a    { font-weight: normal }
h2 a:hover { }
h3  { color: #393; font-size: 100%; padding-top: 0em; padding-bottom: 0.25em }
h3 a    { color: #393; font-weight: normal }
h3 a:hover { }
p.postmetadata  { color: #5e5e5e; margin: 10px 0 25px }
a:link, a:visited  { color: #1b71c7; text-decoration: none }
a:hover  { color: #39f; border-bottom: medium none }
#sidebar_navi ul   { padding-top: 15px }
#sidebar_navi h1 { text-transform: none }
#sidebar_navi h2 {text-transform: uppercase;}
a:link.subscribe, a:visited.subscribe { color: #f36a18; } 
a:hover.subscribe  {
color: silver;}

img.border {
border: 1px solid #D5D5D5;
padding: 4px;
}
img.frame {
border: 1px solid #D5D5D5;
margin:4px 5px 4px 0px;
padding: 4px;
}
/* @end */

/* @group Structure */
body   { color: #fff; background-color: #000; /* background: url("images/bg_gra-yoko.jpg"); background-repeat: repeat;  background-position: center bottom; */ font-size: 10px; font-family: Hiragino Kaku Gothic Pro, Arial, Helvetica, sans-serif; text-align: center; line-height: 1.8; margin: 0; padding: 0;  }
#site-home { background: url("images/bg_gra.jpg"); background-repeat: repeat-x; background-position: 0 563px; text-align: left; margin-right: auto; margin-left: auto; width: 1000px; height:100%;}
#site { background: url("images/bg_gra.jpg"); background-repeat: repeat-x; background-position: 0 563px; text-align: left; margin-right: auto; margin-left: auto; width: 920px; height:100%;}

#cover { margin: 0 0 0 40px; padding: 0; width: 880px; height: 280px }
.bg   {  background: url("images/bg_gra.jpg"); background-repeat: repeat-x; background-position: 0 563px; position: absolute; margin: 0; padding: 0; width: 1000px; height: 640px }
.bg-sub   {  }
.bg-420   {  background: url("images/bg_gra.jpg"); background-repeat: repeat-x; background-position: 0 0px; margin: 0; padding: 0; width: 940px; height: 700px }


/*************************PHOTO COVER ************************************/
#photo_cover { background-color: #000;  text-align: left;  margin: 100px 0 0 0; padding: 0; width: 1000px;  
height: 1%;
overflow: hidden; 
}
#photo_cover img { background-color: ; text-align: left; margin: 0px; display: none;}
#photo_cover a.pc2  { display: none; }
#photo_cover a.pc3  { display: none; }
#photo_cover a.pc4  { display: none; }
#photo_cover a.pc5  { display: none; }

/*************************PHOTO COVER SUB ************************************/
#photo_cover-sub { background-color: #000;  text-align: left;  margin: 0px 0 0 0px; padding: 0; width:690px;
height: 1%;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
display: none;
overflow: hidden;
}
#photo_cover-sub img { background-color: ; text-align: left; margin: 0px;  display: none;  }
#photo_cover-sub a.pc2  { display: none; }
#photo_cover-sub a.pc3  { display: none; }
#photo_cover-sub a.pc4  { display: none; }
#photo_cover-sub a.pc5  { display: none; }

/*************************HEADER HOME ************************************/
#header-home                { background-color: #000; position: absolute; top: 0px; z-index: 20; font-size: 91.6%; margin: 0px 0 0 0px; padding: 0; width: 1000px; height: 100px; clear: both; opacity: 1; }
#header-home_left            { text-align: left; width: 100px; height: 100px; margin-top:-10px; margin-left: 20px; float: left; display: inline;}
#header-home_left a           { display: block; background: transparent url("images/next_logo.jpg") no-repeat; width: 100px; height: 100px; text-indent: -5000px;}
/**FireFox対策**/
#header-home_left a:focus    {overflow:hidden; outline:none;}
#header-home_right             { text-align: right; margin-top:-10px; margin-right: 20px; padding: 50px 0 0 0;  height: 50px; float: right; display: inline;}
/**
#header-home_right             { text-align: right; position: relative; top: 34px; margin-right: 20px; padding: 0;  height: 100px; float: right; display: inline;}
**/
/*************************HEADER ************************************/
#header                { background-color: #000; position: absolute; top: 0px; z-index: 20; font-size: 91.6%; margin: 0px 0 0 0px; padding: 0; width: 920px; height: 100px; clear: both; opacity: 1; }
#header_left            { display: inline; text-align: left; width: 100px; height: 100px; margin-top:-10px; margin-left: 40px; float: left }
#header_left a           { display: block; background: transparent url("images/next_logo.jpg") no-repeat; width: 100px; height: 100px; text-indent: -5000px;}
/**FireFox対策**/f
#header_left a:focus    {overflow:hidden; outline:none;}
#header_right             { display: inline; text-align: right; margin-top:-10px; margin-right: 40px; padding: 50px 0 0 0;  height: 50px; float: right }


/************************* PAGES ************************************/
#pages      { 
z-index: 100; 
width: 648px;
font-size: 10px; 
position: absolute; top: 68px; 
margin: 0 0 0 260px; padding:  0; 
}
*html #pages  {
width: 748px;
}

#pages ul   { margin: 0; padding: 0 0 0 0px; }
#pages ul li  { opacity: 0.8 }
#pages ul li a { display: block; border-bottom: 0px solid #b2097a; }

#pages li ul {
display: none;
width: 262px;
padding: 10px 0 20px 0;
margin: 0px 0 0 0;
margin-top: 1px;
background-color: #eaeaea;
}

#pages li li  {float: none; width: 260px; height: 50px; margin: 4px 0 2px 1px;}

#pages li.page-item-7, #pages li.page-item-21, #pages li.page-item-35, #pages li.page-item-305  {float: left; dispray: inline; margin: 0 0px 0 2px; }
#pages ul li.page-item-7 a { background: transparent url("images/bt/navi_company.jpg") no-repeat; text-indent: -5000px; width: 160px; height: 50px; }
#pages ul li.page-item-21 a { background: transparent url("images/bt/navi_gallery.jpg") no-repeat; text-indent: -5000px; width: 160px; height: 50px; }
#pages ul li.page-item-35 a { background: transparent url("images/bt/navi_showroom.jpg") no-repeat; text-indent: -5000px; width: 160px; height: 50px;}
#pages ul li.page-item-305 a { background: transparent url("images/bt/navi_medianews.jpg") no-repeat; text-indent: -5000px; width: 160px; height: 50px;}
#pages ul li.page_item_empthy       { list-style-image: none; padding:  0 0 0 0; height: 51px; width:142px; margin: 0 0px 0 0px; padding: 10px 70px 0 20px;}

#pages ul li.page-item-7 a:hover { background: transparent url("images/bt/navi_company-hover.jpg")  }
#pages ul li.page-item-21 a:hover { background: transparent url("images/bt/navi_gallery-hover.jpg")  }
#pages ul li.page-item-35 a:hover { background: transparent url("images/bt/navi_showroom-hover.jpg")  }
#pages ul li.page-item-305 a:hover { background: transparent url("images/bt/navi_medianews-hover.jpg")  }

#pages ul li a, #pages ul li a:visited {color: #fff}
#pages ul li a:active   { color: #fff; font-weight: normal; text-decoration: none; opacity: 1.0 }
#pages ul li:hover, #pages ul li a:hover       { color: #d3d3d3;  font-weight: normal; text-decoration: none; opacity: 1.0 }
/**FireFox対策**/
#pages li a:focus    {overflow:hidden;}
#pages ul li.current_page_item , #pages ul li.current_page_item  { 
border-bottom: 2px solid #ffffff;  
opacity: 1.0 
}

#pages li.page-item-243 li.page-item-94 a {background: transparent url("images/bt/navi_about.jpg") no-repeat; width: 260px;}
#pages li.page-item-243 li.page-item-52 a {background: transparent url("images/bt/navi_smarthome.gif") no-repeat; width: 260px;}
#pages li.page-item-243 li.page-item-292 a {background: transparent url("images/bt/navi_product.gif") no-repeat; width: 260px;}
#pages li.page-item-243 li.page-item-289 a {background: transparent url("images/bt/navi_keiyaku.gif") no-repeat; width: 260px;}

#pages li.page-item-9 li.page-item-358 a {background: transparent url("images/bt/navi_gallery2010.gif") no-repeat; width: 260px;}
#pages li.page-item-9 li.page-item-362 a {background: transparent url("images/bt/navi_gallery2000.gif") no-repeat; width: 260px;}
#pages li.page-item-9 li.page-item-364 a {background: transparent url("images/bt/navi_gallery1986.gif") no-repeat; width: 260px;}

#pages li.page-item-12 li.page-item-354 a {background: transparent url("images/bt/navi_news.gif") no-repeat; width: 260px;}
#pages li.page-item-12 li.page-item-384 a {background: transparent url("images/bt/navi_media1.gif") no-repeat; width: 260px;}
#pages li.page-item-12 li.page-item-408 a {background: transparent url("images/bt/navi_media2.gif") no-repeat; width: 260px;}
#pages li.page-item-12 li.page-item-410 a {background: transparent url("images/bt/navi_media3.gif") no-repeat; width: 260px;}


/** #pages ul li.page-item-243:hover ul li.page-item-289 a, #pages ul li.page-item-243:hover ul li.page-item-292 a, #pages ul li.page-item-243:hover ul li.page-item-52 a {left: 0em; display: block;  opacity: 1.0 } **/

#pages li li a {
display: block;
width: 260px; /* gives consistant width for all secondary topnav dropdowns */
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
opacity: 0.9;
}
#pages li li a:hover, #pages li li a.over  {  background-image: none; /* removes the 'a' background to allow the 'span' on state to show through */ }
#pages li:hover ul, 
#pages li.over ul {
display: block;
opacity: 1.0;
}

/****
#bezel               { background-color: #fff; background-repeat: repeat-x; text-align: left; position: absolute; top: 303px; margin: 0 0 0 20px; padding: 0; width: 960px; height: 380px; opacity: 0.4; z-index: 10;}
****/


/************************* WRAPPER ************************************/
#wrapper               { background: url("images/bg_gra.png"); background-repeat: repeat-x; text-align: left; position: absolute; top: 623px; margin: 0 0 0 40px; padding: 0; width: 920px; z-index: 1002;}
#wrapper-sub               { text-align: left; position: absolute; top: 120px; margin: 0; padding: 0; width: 920px; z-index: 10;}
/********  Sheat  ********/
#sheat {
overflow: hidden;
background-color: #fff; 
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
behavior: url(border-radius.htc);
}
*html #sheat {
background-color: #fff;
height: 100%;
}

/********  h1 Comany  ********/
h1.next, .history, .idea {
text-indent: -5000px; display: block; 
margin: 0px; padding: 0; 
width: 464px; height: 100px; 
opacity: 1.0; z-index: 16;
}
h1.smarthome, h1.hometheater, h1.handling, h1.flow, h1.glasluce, h1.history  {
text-indent: -5000px;  
display: block; 
margin: 0; padding: 0; 
width: 340px; height: 100px; 
opacity: 1.0; z-index: 16; 
}

h1.next       { background: url("images//h1/h1_next.png"); background-repeat: no-repeat }
h1.history       { background: url("images//h1/h1_history.png"); background-repeat: no-repeat }
h1.smarthome      { background: url("images//h1/h1_smarthome.png"); background-repeat: no-repeat }
h1.hometheater      { background: url("images//h1/h1_hometheater.png"); background-repeat: no-repeat }
h1.handling      { background: url("images//h1/h1_handling.png"); background-repeat: no-repeat }
h1.flow      { width: 690px; height: 340px; background: url("images//h1/h1_flow.jpg"); background-repeat: no-repeat }
h1.history       { background: url("images//h1/h1_history.png"); background-repeat: no-repeat }

/********  h2 Comany  ********/
h2.flow1, h2.flow2, h2.flow3, h2.flow4, h2.flow5, h2.flow6, h2.flow7, h2.flow8, h2.flow9, h2.flow10, h2.flow11     { 
text-indent: -5000px;  
margin: 0 0 0 0px; padding: 0; 
width: 500px; height: 60px; 
opacity: 1.0; 
}
h2.flow1      { background: url("images//h2/h2_flow1.jpg"); background-repeat: no-repeat }
h2.flow2      { background: url("images//h2/h2_flow2.jpg"); background-repeat: no-repeat }
h2.flow3      { background: url("images//h2/h2_flow3.jpg"); background-repeat: no-repeat }
h2.flow4      { background: url("images//h2/h2_flow4.jpg"); background-repeat: no-repeat }
h2.flow5      { background: url("images//h2/h2_flow5.jpg"); background-repeat: no-repeat }
h2.flow6      { background: url("images//h2/h2_flow6.jpg"); background-repeat: no-repeat }
h2.flow7      { background: url("images//h2/h2_flow7.jpg"); background-repeat: no-repeat }
h2.flow8      { background: url("images//h2/h2_flow8.jpg"); background-repeat: no-repeat }
h2.flow9      { background: url("images//h2/h2_flow9.jpg"); background-repeat: no-repeat }
h2.flow10      { background: url("images//h2/h2_flow10.jpg"); background-repeat: no-repeat }
h2.flow11      { background: url("images//h2/h2_flow11.jpg"); background-repeat: no-repeat }
p.flow1a     { 
background: url("images/p/p_flow1a.jpg"); background-repeat: no-repeat;
text-indent: -5000px;  
margin: 0 0 0 0px; padding: 0; 
width: 500px; height: 280px; 
opacity: 1.0; 
}
p.flow11a     { 
background: url("images/p/p_flow11a.jpg"); background-repeat: no-repeat;
text-indent: -5000px;  
margin: 0 0 0 0px; padding: 0; 
width: 500px; height: 280px; 
opacity: 1.0; 
}
h2.glasluce      { 
text-indent: -5000px;  
margin: 0 0 0 0px; padding: 0; 
width: 690px; height: 340px; 
opacity: 1.0; 
}
h2.glasluce      { background: url("images//h1/h1_glasluce.jpg"); background-repeat: no-repeat; display: block; }


/********  h1 Gallery  ********/
h1.gallery, h1.ga-2000, h1.ga--1986 {
text-indent: -5000px; display: block; 
margin: 0; padding: 0; 
width: 700px; height: 100px; 
opacity: 1.0; z-index: 16;
}
h1.gallery       { background: url("images/h1/h1_gallery.jpg"); background-repeat: no-repeat }

h1.ga-2000       { background: url("images/h1/h1_gallery-2000.png"); background-repeat: no-repeat }
*html>body h1.ga-2000       { background: url("images/h1/h1_gallery-2000.gif"); }
h1.ga-1986       { background: url("images/h1/h1_gallery-1986.png"); background-repeat: no-repeat; }
*html>body h1.ga-1986       { background: url("images/h1/h1_gallery-1986.gif"); }

/********  h1 Showroom  ********/
h1.sw       { 
text-indent: -5000px; display: block; 
position: absolute; top: -100px; 
margin: 0 0 0 0px; padding: 0; 
width: 464px; height: 100px; 
opacity: 1.0; z-index: 16; 
}
h1.sw       { background: url("images//h1/h1_showroom.png"); background-repeat: no-repeat;  }

/********  h1 Media  ********/
h1.medianews, .news, .media1, .media2       { 
text-indent: -5000px; display: block; 
margin: 0 0 0 0px; padding: 0; 
width: 464px; height: 100px; 
opacity: 1.0; z-index: 16; 
}
h1.medianews       { background: url("images//h1/h1_medianews.png"); background-repeat: no-repeat; }
h1.news       { background: url("images//h1/h1_news.jpg"); background-repeat: no-repeat; }
h1.media1       { background: url("images//h1/h1_media1.jpg"); background-repeat: no-repeat; }
h1.media2       { background: url("images//h1/h1_media2.jpg"); background-repeat: no-repeat; }

/********  span News  ********/
span.newstitle  { color: #393; font-size: 1.2em; padding-top: 0em; padding-bottom: 0.25em }
span.newstitle a    { color: #393; font-weight: normal }
span.newstitle a:hover { }

/********  h1 Others  ********/
h1.group, .sitemap, .reservation, .privacy      { 
text-indent: -5000px; display: block; 
margin: 0 0 0 0px; padding: 0; 
width: 464px; height: 100px; 
opacity: 1.0; z-index: 16; 
}
h1.group       { background: url("images//h1/h1_group.jpg"); background-repeat: no-repeat; }
h1.sitemap       { background: url("images//h1/h1_sitemap.jpg"); background-repeat: no-repeat; }
h1.reservation       { background: url("images//h1/h1_reservation.jpg"); background-repeat: no-repeat; }
h1.privacy       { background: url("images//h1/h1_privacy.jpg"); background-repeat: no-repeat; }


/** Gallery**/
.ga-navi       { display: block; position: absolute; top: -340px; margin: 0 0 0 0px; padding: 0; width: 200px;  opacity: 1.0; z-index: 16; }
ul.ga-navi       { display: block; position: absolute; top: -340px; margin: 0 0 0 20px; padding: 0; width: 200px; height: 100px; opacity: 1.0; z-index: 16; }
*html>body h1.ga-navi       { }

ul.ga-navi li.ga-1986 a      { background: url("images/li_gallery-1986.png"); background-repeat: no-repeat; text-indent: -5000px; display: block;  margin: 0 0px 0 0px; padding: 0; width: 160px; height: 30px; opacity: 1.0; z-index: 16; float: left}
ul.ga-navi li.ga-2000 a      { background: url("images/li_gallery-2000.png"); background-repeat: no-repeat; text-indent: -5000px; display: block;  margin: 0 0px 0 0px; padding: 0; width: 160px; height: 30px; opacity: 1.0; z-index: 16; float: left}
ul.ga-navi li.ga-2010 a      { background: url("images/li_gallery-2010.png"); background-repeat: no-repeat; text-indent: -5000px; display: block;  margin: 0 0px 0 0px; padding: 0; width: 160px; height: 30px; opacity: 1.0; z-index: 16; float: left}
ul.ga-navi li:hover,ul.ga-navi li a:hover     { opacity: 0.8}

/** Showroom**/


/************************* SIDEBAR ************************************/
#sidebar {
background-color: #fff; 
float: left;
width: 200px;
margin-bottom: 20px;
padding: 0 0 10px 0;
background-color: #fff; 
display: inline;
}
*html #sidebar {
display: inline;
}
#sidebar ul  {  display: block; margin: 0; padding: 0 0 0 5px; list-style: none; }
/*** #sidebar ul li {  display: block; min-height: 40px; list-style: none;  opacity: 0.8; } ***/
#sidebar ul li.page_item a   { display: block;  background: url("images/list.gif") no-repeat 0px 15px; padding-top: 30px; padding-left: 15px; border-bottom: 1px solid #bdb76b; }
/*** *html #sidebar .page_item a   { margin: 0 5px 0 5px; padding: 0px 0px 20px 0px;  } ***/

/****SIDEBAR PAGE LIST ON****/
#sidebar  ul li a, #sidebar ul li a:visited    { background: url("images/list.gif") no-repeat 0px 15px; color: #222; }
#sidebar ul li a:hover, #sidebar ul li a:active    {  background: url("images/list-on.gif") no-repeat 0px 15px; }

/****SIDEBAR PAGE LIST MAGAZINE****/
#sidebar  ul li.magazine a, #sidebar ul li.magazine a:visited    { background: url("images/list-magazine.gif") no-repeat 0px 15px; color: #222; }
#sidebar ul li.magazine a:hover, #sidebar ul li.magazine a:active    {  background: url("images/list-magazine-on.gif") no-repeat 0px 15px;  color: #1b71c7 }

/****SIDEBAR CATEGORY LIST ON****/
#sidebar ul li a.current_cat_ancestor, #sidebar ul li a.current_cat_ancestor:visited, 
#sidebarl ul li a.current_cat_ancestor:active, #sidebar ul li a.current_cat_ancestor:hover    {  background: url("images/list-on.gif") no-repeat 0px 15px;  color: #222; }

#sidebar  li:hover, #sidebar li a:hover       { color: #069; opacity: 1.0  }
#sidebar ul li.current_page_item a  { background: url("images/list-on.gif") no-repeat 0px 15px;  border-bottom: 1px solid #bdb76b; opacity: 1.0 }
#sidebar ul li.current_page_item page_folder a, #sidebar  ul li .current_page_item a:visited  { background: url("images/list-on.gif") no-repeat 0px 15px;  border-bottom: 1px solid #bdb76b; opacity: 1.0 }

#sidebar il li.page_item { min-height: 30px; list-style: none; border-bottom: 1px solid #bdb76b; opacity: 0.8; }
#sidebar  li li.page_item a  { background: url("images/list.gif") no-repeat 0px 15px; display: block; opacity: 1.0  }

/*** *html #sidebar  li li.page_item a  { line-height: 22px; margin: 0 10px 0 10px; padding: 0px 0px 10px 0px;  } ***/
#sidebar li li a:hover, #sidebar li li a:active    { background: url("images/list-on.gif") no-repeat 0px 15px; color: #069; }
/****SIDEBAR PAGE CHILDREN LIST ON****/
#sidebar li li.current_page_item a  { background: url("images/list-on.gif") no-repeat 0px 15px; opacity: 1.0  }
#sidebar  li li a:hover, #sidebarl li li a:active    {  background: url("images/list-on.gif") no-repeat 0px 15px;  color: #069; }
/****SIDEBAR CATEGOLY CHILDREN LIST ON****/
#sidebar li ul li.page_item a.current_cat_ancestor  { background: url("images/list-on.gif") no-repeat 0px 15px; opacity: 1.0 }
#sidebar  li li a.current_cat_ancestor:hover, #sidebar li li a.current_cat_ancestor:active    { background: url("images/list-on.gif") no-repeat 0px 15px; }

#sidebar li li.pagenum-567 a { font-size: 10px; }


/************************* SUB-MENU ************************************/
#sub_page      {  font-size: 10px; margin: 0px 0 0 0px; padding:  0 0 0 0; width: 1000px; height: 63px;  border-bottom: 3px solid #000;  opacity: 0.8; }
#sub_page ul   {  margin: 0; padding: 0 0 0 0px; }
#sub_page ul li     { background-color: #222; list-style-image: url("images/list.gif"); list-style-position: inside; display: list-item; margin: 0 2px 0 0px; padding: 10px 70px 0 20px; height: 50px; border-bottom: 2px solid #b2097a; float: left; opacity: 0.8;}
#sub_page ul li.page_item_empthy       { list-style-image: none; width:1000px; }
#sub_page ul li a, #sub_page ul li a:visited { color: #fff; opacity: 1.0;}
#sub_page ul li a:active   { color: #fff; font-weight: normal; text-decoration: none;opacity: 1.0 }
#sub_page ul li:hover, #sub_page ul li a:hover       { color: #d3d3d3;  font-weight: normal; text-decoration: none; opacity: 1.0 }
#sub_page ul li.current_page_item , #sub_page ul li.current_page_item  { border-bottom: 2px solid #ffffff; opacity: 1.0 }


#navi         { font-size: 10px; background-color: #fff; margin: 0 0 0 800px; padding: 0; width: 100px; height: 32px; opacity: 0.8        }
#navi ul   { margin: 0; padding: 0 }
#navi ul li      { background-color: #fff; list-style-image: url("images/list.jpg"); list-style-position: inside; display: list-item; margin: 0 20px 0 0; padding: 0 0 0 5px; height: 27px; float: left }
#navi ul li a, #navi ul li a:visited, 
#navi ul li a:active, #navi ul li a:hover    { color: #069; font-weight: normal; text-decoration: none }
#navi ul li:hover, #navi ul li a:hover       { color: #39f; font-weight: normal; text-decoration: none; opacity: 0.8      }
#navi ul li .current_page_item a, #navi ul li .current_page_item a:visited { opacity: 0.2   }


/************************* HOME COLUM ************************************/
.col {float: left;}
.interest .copy, .interest .display {float: left;}
.interest .copy {margin-left: 15px;}
.interest .copy p {
	font-size: 1.1em;
	margin: 1px 0 0 0;
}
.interest .copy, .interest .display {float: left;}
.interest.first {
	border-top: 1px solid #bcbdbf;
	padding-top: 14px;
}
.home #content .col {
	width: 299px; /* 319 - 10pad - 10pad = 299px */
	margin-right: 1px;
	background-color: #070808;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../images/global/g_promo_bg.gif);
	padding: 25px 10px 0pt 10px
}
.home #content h2 a {
	color: #c3c5c6;
	text-decoration: none;
}
.home #content h2 a:hover {color: #b7bdc1;}

.home #content .copy {
	float: right;
	width: 63%;
	padding-top: 0px;
}
.home #content .copy h2 a {
	font-size: 1.3em;
	background: transparent url(../images/global/icn_promo_accent.gif) left top no-repeat;
	padding-top: 15px;
}
.home #content .copy h2 a:hover {text-decoration: underline;}
.home #content .copy p,
.home #content .copy div.informed {
	margin: 5px 0 0 0;
	line-height: 1.4em;
}


/**span.posttime  { color: #f63; font-size: 75%; font-weight: normal }**/

.post-home                       { font-size: 100%; text-align: left; margin:0; padding: 0px;  float: right; }
.post                       { font-size: 100%; text-align: left; margin: 0; padding: 0;  float: right; min-height: 410px;  }
*html #post {
background-color: #fff;
}

.entry                { color: #555; text-align: left; margin: 10px 10px 40px 20px; padding: 0; width: 690px; }
*html .entry                { margin: 10px 10px 40px 0px;  width: 680px; }
.entry-home                { text-align: left; margin: 0 0px 0 20px; padding: 0; width: 900px }
.entry-media                { color: #555; text-align: left; margin: 10px 10px 10px 20px; padding: 0; width: 690px; }
.entry-box                { color: #555; text-align: left; margin: 10px 10px 20px 20px; padding: 0; width: 690px; }
.entry-empty                { color: #555; text-align: left; margin: 300px 20px 40px 20px; padding: 0; width:670px; height: 0px; }
.half-left  { text-align: left; margin: 0; padding: 0; width: 420px; float:left }
.half-right  { text-align: left; margin: 0; padding: 0; width: 420px; float:right}
/*.entry-image             { text-align: left; width: 660px }*/
.entry p                 { font-size: 100%; text-align: left; margin-right: 10px; width:660px }
.entry-sr-sub p                {color: #fff;  text-align: left;  }
.sidebar h2  { background-image: url("images/h2_home.gif"); background-repeat: no-repeat; text-indent: -5000px; margin: 0 0 0 0em; width: 590px; height: 20px }
.article { margin: 0; padding: 0; width: 580px }
.article520 { margin: 0; padding: 0; width: 520px }
p.mt0  { margin-top: 0em }
p.mt1  { margin-top: 1em }
p.mt2  { margin-top: 2em }
p.mb1   { margin-bottom: 1em }
p.mb2   { margin-bottom: 2em }
p.midashi{color: #663; font-size: 110%; margin-bottom: 1em; padding: 0}
p.midashi120{color: #396; font-size: 120%; margin: 0; padding: 0}
.description    { color: #663; font-size: 100%; font-weight: normal; text-decoration: none }
.pagelinkbox { margin: 2em 0}
.pagelinkbox a { display: block}
p.page_navi{ margin: 2em 0}
.entry blockquote   { color: #444; font-size: 82.5%; font-weight: normal; margin: 1.2em 0 1.2em 2em; padding-left: 1em; border-left: 2px solid silver }
.entry-left-400      { font-size: 100%; text-align: left; width: 400px }
.entry-right-200     { text-align: right; padding-left: 2em }
.cat a:link, .cat a:visited{
text-transform: uppercase;
color: #f5467a;
}

.postnavi-i {margin-top: 4em; margin-bottom: 4em }
.postnavi-a {margin-top: 1em; margin-bottom: 6em }


.cat a:hover{
text-transform: uppercase;
pcolor: silver;}

.cat {text-transform: uppercase;}
ul.archive li img        { margin: 0; padding: 4px; border: solid 1px #ccc }
/*.post img     { margin-bottom: 1em; padding: 0; border: solid 1px #ccc }*/
.page_navi{ font-size: 100%}
strong {font-weight: bold;}

.navigation {
font-size: 1.2em;
margin: 1em 0 1em 0;
}

.center {text-align: center;}

.borderless img, img.borderless  { border-style: none; border-color:  }

.imgleft {float:left;}

em   { font-style: italic; display: block; margin: 0; padding: 0 }

.entry li   { display: block; margin: 0; padding: 0 }


/************************* NEWS COLUMN NEWS ************************************/
.entry-media .posttime  {float: left; width: 60px; height: 20px; color: #f63; margin: 1em 10px 01em 0}
.entry-media .column-news  {float: right; width: 560px; height: 20px; font-size: 100%; }
.entry-media .posttitle h2 { width: 550px; color: #f63; font-size: 100%; margin: 1em 10px 1em 0}
.entry-media .postexcept p  { width: 550px;  margin: margin: 0em 10px 1em 0}
/**
.entry-media .posttitle h2  {float: left; width: 120px; color: #f63; font-size: 100%; margin: 1em 10px 01em 0}
.entry-media .postexcept p  {float: right; width: 430px;  margin: margin: 1em 10px 01em 0}
**/

/************************* SHOWROOM GROUP BOX ************************************/
.box-280  {text-align: center; float: right; width: 280px; margin: 0 0 0 0}
.box-about  {float: left; width: 640px; margin: 10px 0px 40px -20px; font-size: 100%; }
.box-group  {float: left; width: 640px; margin: 10px 10px 40px 20px; font-size: 100%; }
.box-showroom  {float: right; width: 640px; font-size: 100%; }
.box-320-left  {
float: left; 
width: 320px; 
font-size: 10px;
margin: 0 px 0 0px;
}
.box-320-left h2, .box-320-left p  {padding-left: 20px;}
.box-320-right  {
float: right; width: 320px; 
font-size: 10px;
margin: 0 0px 0 0px; 
}
.box-320-right h2, .box-320-right p  {padding-left: 20px;}


.alignleft  { float: left }
.alignright  { float: right }
.margin-line         { margin-top: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc }
.margin-line-s       { margin-top: 1em; margin-bottom: 1em; clear: both; border-bottom: 1px dotted #ccc }
*html .margin-line-s  { margin-top: 1em; margin-bottom: 1em }
.margin-line-post   { margin-top: 1em; margin-bottom: 1em; width: 660px; border-bottom: 1px dotted #ccc }
*html .margin-line-post  { margin-top: 1em; margin-bottom: 1em }
.margin-line-620          { margin-top: 0.5em; margin-bottom: 0.5em; width: 620px; clear: both; border-bottom: 1px dotted #ccc }
*html .margin-line-620   { margin-top: 0.5em; margin-bottom: 0.5em; width: 620px; clear: both; border-bottom: 1px dotted #ccc }
*html >body .margin-line-620   { margin-top: 0.5em; margin-bottom: 0.5em; width: 620px; clear: both; border-bottom: 1px dotted #ccc }
/* Begin Comments*/


.post li p, #sidebar2 li p { display: block }
.post li a, #sidebar2 li a { }
.post li, #sidebar2 li { display: block }
/* Normal Bubble */
div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 10px;
	border: 1px solid #c9c2c1;}

div.bubble blockquote p {
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}

div.bubble cite  { font-size: 72.5%; font-style: normal; background: url("images/tip.gif") no-repeat 20px 0; display: block; margin: -7px; padding: 7px 0 10px 15px; position: relative; top: 5px }


.alt {
	margin: 0;
	padding: 0;
	}

#commentform p {
	padding: 5px 0;
	font-size: 1.2em;
	}

#comment {

	width: 336px;
	height: 100px;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
#commentPreview {
font-size: .8em;}
/* End Comments */

/* Share This */

.sharethis {padding: 2em 0 3em;}

#akst_form  { margin-left: -50px }

/* End Share This */
/* Begin Search */

#search_form   { width: 400px }

.search_input {
width: 5px;}

/* End Search */
.clear { clear: both }


/*Begin  LightBox Thumbnail */
.thumbnail    { background-image: url("images/bg.gif"); margin-right: 1em; margin-bottom: 1em; padding: 3px; float: left; border: solid 1px #eee }


/************************* FOOTER ************************************/
#footer   {  background-color: #000; color: #ccc;  font-size: 9px; text-align: left; width: 920px; padding: 2em 0 0 0; clear: both }
*html #footer  { text-align: left; clear: both }
/***footer menu***/
ul.footer_menu   { list-style-type: none; height: 20px; margin: 0 20px 0 20px; padding: 0;}
ul.footer_menu li           { line-height: 1 }
ul.footer_menu li.footer_group            { background-image: url("images/alink_white.gif"); background-repeat: no-repeat; background-position: 0 60%; text-indent: 2em;  font-size: 9px; margin-right: 20px; padding: 0; float: left }
html>body>ul.footer_menu li.footer_group            { background-repeat: no-repeat; background-position: 0 70%;  font-size: 9px;  }
ul.footer_menu li.copyright           {  font-size: 9px; margin: 0; padding: 0; float: right; }



/************************* MASONRY ************************************/
/**** BOX MHOME ****/
.box-home{
  width: 280px;
  padding: 10px 0 5px 0;
  margin: 10px 0px 0px 0px;
  float: left;
  }
.box-home img{
  color:#fff;
  float: left;
  width: 94px;
  margin: 0px;
  padding: 0px;
  }
.box-home .copy{
  float: right;
  letter-spacing: -0.2px;
  font:9px Helvetica Neue, Helvetica, Arial;
  color:#fff;
  width: 160px;
  margin: 0px 0px 4px 0px;
  padding-right: 16px;
}
.box-home .copy p a{ color:#fff; }
.box-home .copy p a:hover{ text-decoration: underline; }

/**** BOX MEDIA 対談 ****/
.box {
height: 170px;
width: 220px;
padding: 0px 0 5px 0;
margin: 0px 10px 0px 0px;
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}

.box:hover {

  }
  
.box img{
  color:#fff;
float: left;
  margin: 5px 5px 5px 5px;
  padding: 0px;
 }

.box p {
/**120px**/
}
.box p {
font-size: 9px;
}

.box1 {  width: 200px;
  padding: 0px;
  margin: 5px;
  float: left;
  background: #192129;
  display: inline;  
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.box-1 {
  width: 230px;
  height: 300px;
  padding: 0px 0 5px 0;
  margin: 0px 0px 0px 0px;
  float: left;
  display: block;  
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

.box-1:hover {

  }
  
.box-1 img{
  color:#fff;
float: left;
  margin: 0px 0px 5px 0px;
  padding: 0px;

  }

.box-1 .copy{
clear: both;
display: block;  
width: 210px;
height: 0;
  letter-spacing: -0.2px;
  font:9px Helvetica Neue, Helvetica, Arial;
 position: absolute; 
top: 200px; 
margin: 0 10px 0 10px;
  padding: 0;
  }
/*   ¥*/
* html .box-1 .copy {height: 1%}
/*  */

.box-1 .description    { color: #666; }
.box-1 h2 {  color:#469; font:14px Helvetica Neue, Helvetica, Arial; }
.box-company {
  width: 200px;
  padding: 0px 0 5px 0;
  margin: 0px 10px 0px 10px;
  float: left;
  }
.box-company p {
width: 190px;
}

//box-gallery
.box-ga-1 {
  width: 220px;
  padding: 0px 0 5px 0;
  margin: 0px 0px 0px 0px;
  float: left;
  display: inline;  
  }

.box-ga-1:hover, .box-ga-2:hover {

  }
  
.box-ga-1 img, .box-ga-2 img{
  color:#fff;
float: left;
  margin: 0px 0px 5px 0px;
  padding: 0px;

  }

small  {
font-size: 9px;
}