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

*/

/* @group Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td    { }
h1,h2,h3,h4,h5,h6        { 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: '';
}
/* @end */

/* @group Structure */

#homebody         { font-size: 91.6%; text-align: left; margin: 0; padding: 0; width: 860px; clear: both }
*html #homebody          { font-size: 91.6%; text-align: left; margin: 0; padding: 0; width: 880px; overflow: hidden }



#homebody p      { text-align: left }

#wrapper         { text-align: left; margin: 0 auto; padding: 0; width: 860px }
*html #wrapper                  { text-align: left; margin: 0; padding: 0; width: 880px }
*html>body #wrapper            { margin: 0; padding: 0 }

#header       { margin-top: 20px; width: 860px; height: 140px }
#header_left        { text-align: left; width: 860px; height: 140px; float: left; overflow: hidden }
#sidebar_navi h1  { text-transform: none }

body                    { color: #444; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8; background-color: #fff; margin: 0; padding: 0 }
*html body               { color: #444; font-size: 91.6%; font-family: Arial, Helvetica, sans-serif; background-color: #fff; text-align: center; margin: 0; padding: 0 }

td            { color: #444; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; text-align: left; margin: 0; padding: 0 }
/* @end */


h1       { color: #396; font-size: 110%; margin: 0; padding: 0 }
h2       { color: #393; padding-top: 0.5em; padding-bottom: 0.5em }

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

a:hover  { color: #39f; border-bottom: medium none }
#sidebar { font-size: 91.6%; line-height: 2; text-align: left; margin: 0; padding: 0; width: 160px; float: left;  display: inline }
*html #sidebar { font-size: 91.6%; text-align: left; width: 160px; float: left;  display: inline }

#sidebar ul {margin-bottom: 0; margin-left: 0}

#sidebar h2     { color: #3c6; font-size: 110%; margin: 0; padding: 0 }
#sidebar h3 { color: #3c6; margin: 0; padding: 0 }
#sidebar a   { margin: 0; padding: 0; border: none }
.post li p, #sidebar2 li p  { display: inline }
.post li a, #sidebar2 li a  {}
.post li, #sidebar2 li  { display: inline }
#sidebar_navi ul    { padding-top: 15px }

#sidebar_navi h2 {text-transform: uppercase;}

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

a:hover.subscribe  {
color: silver;}

#header img  { border: solid 0 #bebebe }


#sidebar3     { text-align: left; padding-bottom: 25px; position: absolute; top: 320px; left: 0px; width: 200px }


#sidebar_navi h3 { font-weight: normal; margin: 0 }
#sidebar h1 a { font-weight: normal }
.entry h2 { color: #396; font-size: 110%; margin: 0; padding: 0 }
.entry h2 a  { font-weight: normal }
.entry h2 a:hover { }
.entry h3  { color: #393; font-size: 100%; padding-top: 1em; padding-bottom: 0 }
.panel-overlay h2  { color: #fff; font-size: 120%; margin: 1em 0 0; padding: 0 }
p.postmetadata  { color: #5e5e5e; margin: 10px 0 25px }

span.posttime  { color: #f63; font-size: 75%; font-weight: normal }
#sidebar_navi     { font-size: 92.5%; margin: 0 0 60px; width: 800px; clear: both }

.post                     { font-size: 91.6%; text-align: left; margin: 0 0 0 20px; padding: 0; width: 662px; float: right; display: inline }
*html .post  { font-size: 91.6%; margin: 0; padding: 0 0 0 19px; width: 672px; float: right;  display: inline }
.entry                { text-align: left; margin: 0; padding: 0; width: 660px }
.entry-image              { text-align: left; width: 660px }
.entry p { text-align: left; margin: 0; padding-bottom: 1em }
.article { margin: 0; padding: 0; width: 580px }
.article520 { margin: 0; padding: 0; width: 520px }
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 }

.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;
}

.cat a:hover{
text-transform: uppercase;
color: 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;}

#footer    { font-size: 91.6%; text-align: left; padding-top: 4em; padding-bottom: 2em; width: 860px; height: 100px; clear: both }
*html #footer       { font-size: 91.6%; text-align: left; width: 860px; height: 100px; clear: both }

.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; display: block; margin: 0; padding: 0 }

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

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

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; width:540px }
ul.archive p   { color: #333; padding: 0 }
.alignleft  { float: left }
.alignright  { float: right }
.margin-line         { margin-top: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc }
*html .margin-line  { margin-top: 1em; margin-bottom: 1em }
.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*/

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

/*
Coin Slider jQuery plugin CSS styles
http://workshop.rs/projects/coin-slider
*/
.coin-slider {  zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-active { background-color: #B8C4CF; color: #fff; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; top: -130px; }
.cs-buttons a   {margin-left: 5px; height: 50px; width: 89px; float: left; border: 1px solid #000000; color: #B8C4CF; text-indent: -1000px; opacity: 1.0}

.cs-title { font-size: 10px; text-align: left; position: absolute; width: 420px; height: 63px; top: 500px; margin-left: 0px;  margin-right: 40px; background-color: #111; color: #FFFFFF;}

.cs-prev  { background-color: #fff; padding: 0px 10px 0px 5px; }
.cs-next  {  background-color: #fff; padding: 0px 5px 0px 10px; }

.cs-prev a:hover  { color: #FFFFFF;  }
.cs-next a:hover {  color: #FFFFFF; padding: 0px 25px 0px 10px; }