/*  
Theme Name: NEXT SCENE  
Theme URI: http://www.designtheque.jp/
Description: 2009 NEXT SCENE theme. designd by <a href="http://www.designtheque.jp/">designtheque</a>.
Version: 2.0
Author: kanie fujio
LastUpdate : 7 Jly 2009

*/

/* @group Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td    { margin: 0; padding: 0 }
h1,h2,h3,h4,h5,h6    { font-size: 100%; font-weight: normal }

.margin-line     { margin-top: 2em; margin-bottom: 2em; border-bottom: 1px dotted #ccc }
* html .margin-line      { margin-top: 2em; margin-bottom: 2em; border-bottom: 1px solid #ccc }

.margin-line-s      { margin-top: 1em; margin-bottom: 1em; clear: both; border-bottom: 1px solid #ccc }

ol,ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table  { margin: 0.5em 0; padding: 0; border-collapse: collapse; border-spacing: 0 }
fieldset,img {
	border: 0;
}
caption,th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
/* @end */

body                 { font: 12px/2em arial, Helvetica, sans-serif; background-color: #000; text-align: center; margin: 0; padding: 0 }
p  { font-size: 92.5%; margin-bottom: 1em }
/* @group Structure */



#reservebody          { background-color: #000; text-align: left; margin: 0 auto; padding: 0; width: 1000px }
*html #reservebody          { font-size: 92.5%; text-align: left; margin: 0; padding: 0; width: 1000px }

#homebody p  { font-size: 100%; text-align: left; letter-spacing: 0.1em }


#wrapper           { text-align: left; margin: 0 auto; padding: 0 }
* html #wrapper                   { font-size: 92.5%; text-align: left; margin: 0; padding: 0; height: 1% }

#wrapper.home             { background-color: #000; background-image: url("images/next-scene-topimage.jpg"); background-repeat: no-repeat; width: 1000px }

#wrapper_concept                   { background-image: url("images/next-scene-conceptimage.jpg"); background-repeat: no-repeat; background-position: 0 40px; margin-right: auto; margin-left: auto; z-index: 1; width: 1000px }
/* Hides from IE5-mac ?*/
* html #wrapper_concept                         { z-index: 1; height: 1% }
/* End hide from IE%-mac */
#wrapper.hometheatre              { background-color: #000; width: 1000px }
#wrapper.column2             { width: 680px }
#header { }
#header.home         { margin-top: 20px; width: 1000px; height: 70px }
#header.home  h1 { text-indent: -5000px; height: 1px; border-width: 0 }
#header.column2          { margin-top: 20px; width: 680px; height: 100px }
#header.column2 h1 { text-indent: -5000px; height: 1px; border-width: 0 }
#header  h1 { text-indent: -5000px; height: 1px; border-width: 0 }
#sidebar_navi h1  { text-transform: none }




/* @end */


a:link, a:visited   { color: #1b71c7; text-decoration: none }

a:hover  { color: #39f; border-bottom: medium none }
#sidebar a  { border: none }



.post li p, #sidebar2 li p {display: inline;}
.post li a, #sidebar2 li a  {}
.post li, #sidebar2 li {display: inline;}
#sidebar_navi h2 {text-transform: uppercase;}

a:link.subscribe, a:visited.subscribe {
color: #f36a18;}

a:hover.subscribe  {
color: silver;}

.description  { font-size: 76.5% }
a

#sidebar3      { font-size: 12px; text-align: left; padding-bottom: 25px; position: absolute; top: 320px; left: 0; width: 200px }
.entry h2 a { font-weight: normal; background-repeat: no-repeat }
.entry h2 a:hover { }
p.postmetadata   { color: #ccc; margin: 10px 0 25px }

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

#home_sidebar_navi        { margin: 0; padding: 0; width: 1000px; height: 50px }
#page_sidebar_navi    { margin: 0 0 60px; width: 680px; clear: both }
#sidebar_navi  { margin: 0 0 60px; width: 1000px; clear: both }

ul.navi_menu            { font-weight: lighter; list-style-type: none; display: block; margin: 0; width: 1000px; height: 50px }
ul.navi_menu li    { display: block; margin: 0; padding: 0; float: left }
ul.navi_menu li.logo a        { text-decoration: none; background-image: url("images/logo.gif"); background-repeat: no-repeat; background-position: 0 0; text-indent: -5000px; display: block; width: 160px; height: 50px; float: left }
html>body ul.navi_menu li.logo a { background-image: url("images/logo.png"); background-repeat: no-repeat; background-position: 0 0 }
ul.navi_menu li.menu         { color: #fcfcfc; font-size: 12px; display: block; margin: 0 0 0 0; padding: 32px 0 0 40px }
ul.navi_menu li a     { text-decoration: none; display: block; margin: 0; padding: 0 }
ul.navi_menu li a:hover { color: #39f; text-decoration: none }
ul.navi_menu li.blank   { font-size: 12px; display: block; padding: 38px 20px 0 0; width: 410px; float: left }
ul.navi_menu li a.current   { display: inline; margin: 0 }

#home_main      { background-image: url("images/next-scene-main.gif"); background-repeat: no-repeat; display: block; width: 1000px; height: 460px }
html>body #home_main   { background-image: url("images/next-scene-main.png") }
#home_main p, #home_main h2, #home_main h3  { text-indent: -5000px; position: absolute; left: -5000px }

#content         { width: 1000px }
* html #content          { margin-top: 60px; width: 1000px }
#content.concept               { text-align: left; display: block; clear: both }
* html #content.concept       { margin: 0; padding: 0 }
#content.hometheatre             { margin-top: 60px; clear: both }
html>body #content.hometheatre  { }
#content.glasluce             { display: block; margin-top: 20px; clear: both }
html>body #content.glasluce   { }
#content.pressrelease             { margin-top: 20px }
html>body #content.pressrelease  { }
#content.error             { color: #fcfcfc; margin-top: 20px; width: 1000px }
html>body #content.error  { }

h2.concept         { background-image: url("images/h2_concept.gif"); background-repeat: no-repeat; text-indent: -5000px; margin: 0 0 2em; width: 590px; height: 50px }
html>body h2.concept { background-image: url("images/h2_concept.png") }
h2.hometheater      { background-image: url("images/h2_hometheater.gif"); background-repeat: no-repeat; text-align: center; text-indent: -5000px; margin: 0 0 2em; height: 50px }
html>body h2.hometheater  { background-image: url("images/h2_hometheater.png") }
h2.glasluce      { background-image: url("images/h2_glasluce.gif"); background-repeat: no-repeat; text-align: center; text-indent: -5000px; margin: 0 0 2em; height: 50px }
html>body h2.glasluce  { background-image: url("images/h2_glasluce.png") }
h2.sountina      { background-image: url("images/h2_sountina.gif"); background-repeat: no-repeat; text-align: center; text-indent: -5000px; margin-bottom: 2em; height: 50px }
html>body h2.sountina   { background-image: url("images/h2_sountina.png") }

#sentence_concept                  { color: #fcfcfc; font-size: 97%; margin: 0 0 0 5px; padding-top: 60px; width: 560px }
* html #sentence_concept       { font-size: 92.5%; text-align: left; display: block; margin: 0 0 0 5px; padding: 60px 0 0; float: left }
#sentence_hometheater         { color: #fcfcfc; font-size: 97%; display: block; margin: 0 0 0 5px; padding: 100px 0 0; width: 270px; float: left }
* html #sentence_hometheater  { font-size: 92.5%; display: block; margin: 0 0 0 5px; padding: 100px 0 0; width: 270px; float: left }
#sentence_glasluce              { color: #fcfcfc; font-size: 97%; display: block; margin: 0 0 0 5px; padding: 100px 0 0; width: 320px; float: left }
* html #sentence_glasluce  { font-size: 92.5%; display: block; margin: 0 0 0 5px; padding: 100px 0 0; width: 320px; float: left }
#sentence_map                { color: #fcfcfc; font-size: 97%; display: block; margin: 0 0 0 5px; padding: 20px 0 0; width: 320px; float: left }
* html #sentence_map    { font-size: 92.5%; display: block; margin: 0 0 0 5px; padding: 20px 0 0; width: 320px; float: left }
#sentence_press                { color: #fcfcfc; font-size: 97%; display: block; margin: 0 0 0 5px; padding: 40px 0 0; width: 320px; float: left }
* html #sentence_press    { font-size: 92.5%; display: block; margin: 0 0 0 5px; padding: 40px 0 0; width: 320px; float: left }
#sentence_ad         { color: #fcfcfc; font-size: 97%; text-align: left; display: block; margin: 0 0 0 505px; padding: 40px 0 0; width: 320px }
* html #sentence_ad      { font-size: 92.5%; margin: 0 0 0 505px; padding: 40px 0 0; height: 320px }
#clip    { text-align: right; margin-top: 0; margin-left: 300px; width: 700px }
* html #clip { margin-left: 270px }
#clip_3       { text-align: right; display: block; margin-left: 380px; width: 620px }
* html #clip_3    { margin: 0 0 0 360px; padding: 0 }
#clip_address        { text-align: right; display: block; margin-left: 380px; padding-top: 20px; width: 620px }
* html #clip_address     { margin: 0 0 0 360px; padding: 20px 0 0 }



.post                   { color: #ccc; font-size: 97%; text-align: left; margin: 0 0 0 20px; padding: 0; width: 780px; float: right; overflow: hidden }
*html .post                     { font-size: 92.5%; margin: 0; padding: 0 0 0 20px; width: 780px; float: right; overflow: hidden }
.post img { margin-bottom: 1em; padding: 0; border: solid 1px #ccc }
.entry            { text-align: left; margin: 0; padding: 0; width: 600px }
entry p           { color: #ccc; text-align: left; width: 620px }
.entry blockquote    { color: #ccc; font-size: 82.5%; font-weight: normal; margin: 1.2em 0 1.2em 2em; padding-left: 1em; border-left: 2px solid silver }
#sidebar       { font-size: 97%; line-height: 2; text-align: left; margin: 0; padding: 0; width: 160px; float: left }
*html #sidebar     { font-size: 97%; text-align: left; width: 160px; float: left }
#sidebar h3       { color: #3c6; margin: 0 0 1em; padding: 0 }

.cat a:link, .cat a:visited{
text-transform: uppercase;
color: #f5467a;
}

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

.cat {text-transform: uppercase;}
#homefooter { color: #ccc; text-align: left; padding-top: 2em; padding-bottom: 0; width: 1000px; height: 4em; clear: both }
* html #homefooter { text-align: left; width: 1000px; height: 100px; clear: both }
#footer   { color: #ccc; font-size: 92.5%; text-align: left; padding-top: 2em; padding-bottom: 0; clear: both }
*html #footer  { font-size: 92.5%; text-align: left; clear: both }
/*footer menu*/
ul.footer_menu   { list-style-type: none; width: 1000px; height: 20px }
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; margin: 0; padding: 0; float: left }
html>body>ul.footer_menu li.footer_group            { background-repeat: no-repeat; background-position: 0 70% }
ul.footer_menu li.copyright           { margin: 0; padding: 0; float: right }


ul.archive li img        { margin: 0; padding: 4px; border: solid 1px #ccc }
.page_navi{ font-size: 100%}

strong {font-weight: bold;}

h1 {font-size: 110%}
h2    { }
.navigation {
margin: 0 0 1em;
}

.center {text-align: center;}

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

.imgleft {float:left;}

em {font-style: italic;}

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

ul    { }
ul ul {padding-left: 1em;}


ul.menu  { display: block; padding-left: 1em; }
/*ul concept image*/
ul.concept_image      { display: block; margin-top: 20px; margin-bottom: 40px; height: 50px }
ul.concept_image li      { display: block; margin-right: 50px; height: 50px; float: left }
ul.concept_image li.ht a       { background-image: url("images/concept_hometheater.jpg"); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 160px; height: 50px }
ul.concept_image li.gl a       { background-image: url("images/concept_glasluce.jpg"); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 140px; height: 50px }
ul.concept_image li.st a       { background-image: url("images/concept_sountina.jpg"); background-repeat: no-repeat; text-indent: -5000px; display: block; width: 110px; height: 50px }


ul.press    { display: block; padding-bottom: 2em }
ul.press li {display: block;}

ul.related li a{display: block;}
ul.related li {display: block;}

ul.archive li  { display: block; padding: 0 0 1em }
ul.archive { margin: 0; padding: 0 }
ul.archive p    { color: #ccc; padding: 0 }
.alignleft  { float: left }
.alignright  { float: right }

/* Begin Comments*/

/* 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; 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 }

/* Reservation Form */
.reserve                { font-size: 12px; line-height: 1.4em; background-image: url("images/next-scene-reserve-image.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 2em 0 0; padding: 0 0 0 0.5em; width: 1000px; height: 400px }
*html .reserve  { font-size: 12px }
.reserve p       { }
.reserve p.error        { color: #333; font-weight: bold; padding-top: 1em; padding-bottom: 1em }
#reserve tr      { }
#reserve td       { font-size: 10px; padding-bottom: 1em; padding-left: 2em }
.reservation                { font-size: 12px; margin: 0 0 0; padding: 0 0 0 0 }
*html .reservation  { font-size: 12px }
input  { font-size: 12px }