@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0;}
body {
	font-size: small;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 1.5em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
	background-color: #333333;
}
*:first-child+html body {
	letter-spacing: 0.09em;
}
* html body {
	letter-spacing: 0.09em;
  	behavior: url(assets/js/pngbehavior.htc);
}
* html .iepngfix {
  /* behavior: url(assets/js/pngbehavior.htc); */
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

.clearfix {display: inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h2 {
	width: 825px;
	height: 200px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat:no-repeat;
	margin: 0 auto;
}
h2#flash {
	display:none;
	height: 0;
}
h2#products {
	background-image: url("assets/images/flash03.jpg");
}
h2#gaikan {
	background-image: url("assets/images/gaikan_title.jpg");
}
h2#naikan {
	background-image: url("assets/images/naikan_title.jpg");
}
h2#gousei {
	background-image: url("assets/images/gousei_title.jpg");
}
h2#reform {
	background-image: url("assets/images/reform_title.jpg");
}
h2#animation {
	background-image: url("assets/images/animation_title.jpg");
}
h2#design {
	background-image: url("assets/images/design_title.jpg");
}
h2#traditional {
	background-image: url("assets/images/traditional_title.jpg");
}
h2#creators {
	background-image: url("assets/images/creators_title.jpg");
}
h2#aboutus {
	background-image: url("assets/images/aboutus_title.jpg");
}
h2#contact {
	background-image: url("assets/images/contactus_title.jpg");
}
h3 {
	font-size: 115%;
	font-weight: normal;
	color: #669;
	border-bottom: solid 1px #99c;
	margin-bottom: 2em;
	padding-top: 1em;
	background-image: url("assets/images/midashi_bg.jpg");
	background-repeat:no-repeat;
	bottom: 0;
	left: 0;
}
h4 {
	font-size: 105%;
	color: #333;
	margin: 1em 0;
	font-weight: normal;
}
img {
	border: none;
}
ul {list-style: none;}
ol {list-style-position: inside;}
#page {
	background:#333333 url("assets/images/shadow2.png") repeat-y center;
}
#rbox {
	width: 100px;
	height: 100px;
	background-color: #456;
	border: solid 1px #fbc;
	color: #fff;
}
strong {
	color: #900;
	text-decoration: none;
	font-weight: normal;
}

/* Header */
div#header {
	background:  url("assets/images/khaoss_grad.png") repeat-x;
	margin: 0 auto;
	/* border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #f80; */
	overflow: hidden;
}
div#header h1 {
	background: url(assets/images/Khaoss_header7.png) no-repeat top center;
	width: 825px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#content {
	width: 825px;
	/*background-color: #FFCE00;*/
	background-color:  #ffe221;
	/*background-image: url("assets/images/yellow_grad.jpg");
	background-repeat: repeat-x;*/
	margin: 0 auto;
	text-align: center;
}

/* Main Menu */
#navi {
	float: left;
	width: 230px;
	margin-top: 20px;
	margin-left: 8px;
}
* html #navi {
	margin-left: 4px;
}
#navi #menu{
}

#navi #menu ul{
	list-style: none;
	margin: 0 0px;
	text-align: left;
}
#navi #menu ul li {
	width: 210px;
	margin: 4px auto;
	padding: 8px;
	overflow: hidden;
	/*background-color: #FFCE00;*/
	background-image: url("assets/images/top.png");
	background-position: top right;
	background-repeat: no-repeat;
}
#navi #menu ul  li, #navi #menu ul  li .sb-inner {
	background-color: #ffe221;
}

* html body #navi #menu ul  li, * html #navi #menu ul  li .sb-inner {
	background-color: #ffe221;
}
 #navi #menu ul  li .sb-border {
	background-color: #333;
 }
#navi #menu ul li.active ,#navi #menu ul li.active .sb-inner{
	background-color: #333;
}
#navi #menu ul li.active .sb-border{
	background-color: #333;
}
#navi #menu ul li li{
	margin: 0 30px;
	padding: 4px;
	width: 160px;
}
#navi #menu ul li li,#navi #menu ul li li .sb-inner {
	background-color: transparent;
	color: black;
}
#navi #menu ul li li.active,#navi #menu ul li li.active .sb-inner {
	color: #ffce00;
}
#navi #menu ul li li.active,#navi #menu ul li li.active .sb-inner {
	background-color: #ffce00;
}
#navi #menu ul li a{
	display: block;
	text-decoration: none;
	color: #666;
	padding:0;
}

#navi #menu ul li a:hover {
	color: white;
}
#navi #menu ul li.active a{
	color: white;
}
* html #navi #menu ul li a {
  /* behavior: url(assets/js/iepngfix.htc); */
}

/* Banner */
.bmenu {
	width: 180px;
	padding: 10px;
	color: #333;
	margin: 10px auto;
}
#banner1, #banner2 {
	background-repeat: no-repeat;
}
a#banner1 { 
	width: 180px;
	height: 180px;
	margin: 0px auto;
background-image:url("assets/images/alices_001.jpg"); 
display: block;
}
#banner2 {
	width: 200px;
	height: 200px;
background-image:url("assets/images/cg001.jpg"); 
	background-position: 20px 32px;
}


/* Article */
#article {
	float: right;
	width: 580px; 
	font-size: 0.9em;
	text-align: left;
}
* html #article {
	padding-right: 0px;
}

#article .comment{
	margin: 0 10px;
	padding: 20px 60px 40px 60px;
	font-weight: normal;
}
#article .comment, #article .comment .sb-inner {
	background-color: #f8f8f8;
}
#article .comment h4{
	margin: 10px 0 8px 20px;
}
#article .comment p{
	padding: 0 20px;
}
#article .comment .sb-shadow {
	background-color: #bbb;
}
#inner-article {
	margin: 20px;
}
* html #inner-article {
	margin-right: 0px;
}



/* Products[TOP] */

#products-list {
	border-bottom: solid 1px #ccc;
	margin: 20px 0;
}
#products-list .row {
	margin: 20px 0;
}

.product {
	width: 274px;
	height: 200px;
	margin: 0 4px 24px 4px;
	float: left;
	font-size: 90%;
	position: relative;
}
.product  .top-comment{
	margin: 140px 10px 4px 10px;
}
.product a {
	position: absolute;
	right: 6px;
	bottom: -12px;
	display:block;
	width: 54px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("assets/images/shousai_aka.png") no-repeat;
	text-decoration: none;
	color: #666;
}
.product#gaikan-top {
	background-image: url("assets/images/top_gaikan3.jpg");
}
.product#gaikan-top .top-comment{
	color: #fff;
}
.product#naikan-top {
	background-image: url("assets/images/top_naikan3.jpg");
}
.product#naikan-top .top-comment{
	color: #fff;
}
.product#gousei-top {
	background-image: url("assets/images/top_gousei3.jpg");
}
.product#gousei-top .top-comment{
}
.product#douga-top {
	background-image: url("assets/images/top_douga.jpg");
	color: #fff;
}
.product#reform-top .top-comment{
}
.product#reform-top .top-comment strong {
	color: #f66;
}
.product#design-top {
	background-image: url("assets/images/top_design2.jpg");
}
.product#design-top .top-comment{
	color: #fff;
}
.product#traditional-top {
	background-image: url("assets/images/top_traditional2.jpg");
}
.product#traditional-top .top-comment{
}


/* Products */
ul.products-menu { 
	list-style: none;
	margin: 10px 0 20px 20px;
	font-size: 85%;
}
ul.products-menu li{ 
	display: inline;
	border-right: solid 4px #333;
	width: 100px;
}
ul.products-menu li:first-child{ 
	border-left: solid 4px #333;
}
* html ul.products-menu { 
	border-left: solid 4px #333;
}
ul.products-menu li a{ 
	padding: 4px 8px;
	text-decoration: none;
	color: #339;
}
ul.products-menu li a:hover{ 
	color: #999;
}

ul.products-menu li.active a{ 
	color: #960;
}


#gallery, #gallery2 {
	text-align: center;
}
#gallery img{
	margin: 6px;
}

/* About us */
dl#aboutus  {
	margin: 10px 10px 0 10px;
	padding: 0;
}
* html dl#aboutus  {
}

dl#aboutus dt{
	font-weight: bold;
	padding: 8px;
	width: 120px;
	float: left;
	text-align: right;
}
* html dl#aboutus dt{
}
dl#aboutus dd{
	padding: 10px;
	width: 360px;
	float: left;
	padding-bottom: 8px;
	background-color: #333333;
	color: #fff;
}
* html dl#aboutus dd {
}
#aboutus-comment {
	background-color: #333333;
	color: #fff;
	margin: 0 40px 20px 146px ;
	width: 340px;
	padding: 20px;
}
#aboutus-comment p {
	margin-bottom: 10px;
}

/* CREATORS */
ul.creators{
	margin-bottom: 30px;
}
* html ul.creators{
	margin-right: 20px;
}
ul.creators li{
	color: #333;
}
ul.creators li dt{
	margin-bottom: 8px; 
}
ul.creators li dd{
	font-size: 85%;
	margin-left: 40px;
	margin-bottom: 1em;
	padding: 8px 20px;
}
ul.creators li dd,ul.creators li dd .sb-inner{
	background-color: #ddd; 
}
#rc, #rc .sb-inner {background-color: #da0;}

/* Footer */
#footer-wrapper {
	background:#333333 url("assets/images/shadow2.png") repeat-y center;
}
#footer {
	clear: both;
	width: 625px;
	color: white;
	background: black url(assets/images/foot_logo.gif) no-repeat;
	height: 14px;
	padding-top: 14px;
	padding-right: 50px;
	padding-bottom: 6px;
	padding-left: 150px;
	font-size: 65%;
	line-height: 140%;
	text-align: right;
	margin: 0 auto;
}

/* Lightbox Effect */ 

#overlay{ 
    background-image: url(assets/images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(assets/images/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="assets/images/overlay.png", sizingMethod="scale");
}

#box{
    width:300px;
    background:#2d2d2d;
    padding:10px;
    border:2px solid #eee;
}

#close{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}