body{
background: #e0e0e0 url('../images/bg.png') repeat-x top;
margin:0;
font: 10pt/14pt 'メイリオ', 'Lucida Grande', Verdana, Helvetica, sans-serif; 
}

A:link{ color:#f4c074; text-decoration:none; }
A:hover{ color:#3f3f3f; text-decoration:none; }
A:active{ color:#f4c074; text-decoration:none; }
A:active:hover{ color:#3f3f3f; text-decoration:none; }
A:visited{ color:#f4c074; text-decoration:none; }
A:visited:hover{ color:#3f3f3f; text-decoration:none; }

#wide_container {
	width: 900px;
	margin: 0 auto;
	/* border: #ff0000 1px solid; */
}
#page {
	background: url('../images/page.png') repeat-y;
	width: 800px;
	margin: 0 auto;
	position: relative;
	/* border:#ff0000 1px solid;*/
}

#title{
background:#3786be;
width: 792px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
text-align:right;
padding:0;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-weight: bold;
font-size:22px;
text-transform:uppercase;
color:#ffffff;
/*border-left: #666666 2px solid;
border-right:#666666 2px solid;*/
}

#outer{
width: 792px;
margin-left:auto;
margin-right:auto;
padding-left:0px;
padding-right:0px;
/* border-left: #666666 2px solid;
border-right:#666666 2px solid; */
}

#header2{
/* background:url(../images/header-back.jpg) no-repeat bottom left;*/
background: #fff bottom left;
width: 792px;
height:53px;
/* margin-top:5px; */
margin-left:auto;
margin-right:auto;
/* margin-bottom:5px;*/
border-bottom: #000000 1px solid;
}

#header{
/* background:url(../images/Movietitle.jpg) no-repeat #F4DDB1 bottom left; */
background: #fff bottom left;
width: 792px;
height:220px;
/* margin-top:5px; */
margin-left:auto;
margin-right:auto;
/* margin-bottom:5px;*/
border-bottom: #000000 2px solid;
}

#header_left{
	height:217px;
	border-right:
	solid 1px #000000;
	float: left;
	padding-top: 5px;
}
#CoverFlow1 {
	background-color: #fff;
	position: absolute;
}
#ipoddiv {
	width: 120px;
	height: 120px;
	margin-left : 640px;
	padding-top : 35px;
}

#google_search {
	float: right;
	position: absolute;
	margin-left : 598px;
	margin-right : 10px;
	margin-top: -30px;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
/* Star Hack for IE */
*:first-child+html #google_search {
	float: right;
	position: absolute;
	margin-left : 480px;
	margin-right : 10px;
	margin-top: +25px;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
#ipodhelp {
	float: right;
	position: absolute;
	margin-left : 620px;
	margin-right : 10px;
	margin-top: -10px;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
*/ IE7 Hack */
*:first-child+html #ipodhelp {
	float: right;
	position: absolute;
	margin-left : 20px;
	margin-right : 10px;
	margin-top: -30px;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}


h3{
font-size:18px;
font-weight:bold;
color:#DFA478;
letter-spacing:-1px;
font-weight:normal;
}

h4{
font-size:14px;
font-weight:bold;
color:#ffffff;
letter-spacing:-1px;
font-weight:normal;
cursor: pointer;
}

p{
margin: auto;
padding: 0;
}

#container{
	width: 792px;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-right:0px;
	/* border-left: #666666 2px solid;
	border-right:#666666 2px solid;*/}

/* IE7 Hach Style */
*:first-child+html: #container {
	width: 792px;
	background:#ffffff;
	margin-left: auto;
	margin-right:auto;
	/* padding:0;
	padding-left:0px;
	padding-right:0px; */
	/* border-left: #666666 2px solid;
	border-right:#666666 2px solid; */
	}
.page-body {
	margin: 0 auto 0 auto;	
	padding: 0 20px 0 20px;
	text-align: left;
}

.page-body2 {
	margin: 0 auto 0 auto;	
	padding: 0 30px 0 30px;
	text-align: left;
}

.left-side{
	width: 572px;
	padding: 10px;
	background:#ffffff;
	text-align:justify;
	font: 11pt/14pt 'メイリオ', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#333333;
	/*border: 1px solid #ff0000;*/
}
.subtitle{
clear: both;
height: 0;
margin: auto;
padding-top: 0;
padding-bottom: 0;
/* padding-left: auto;
padding-right: auto; */
color: #ffffff;
}

.thumb {
display:inline;
width: 50px;
height: 50px;
padding: 5px;
float: left;
font-size: 10px;
/* border: 1px solid #ff0000; */
}

.thumb img {
margin: 0;
padding:2px;
background:#fff;
border:0;
}

dl{
color: #ffffff;
}
dt{
/* disply: block; */
float: left;
clear: left;
width: 80px;
text-align: right;
color: #ffffff;
}

dd{
/* disply: block; */
text-align: left;
font-weight: normal;
color: #ffffff;
}

#news ol {
	/*disply: block; */
	margin-left: 100px;
	margin-right: 20px;
	text-align: left;
	font-weight: bold;
	/* border: 1px solid #ff0000; */
}

#news li {
	/* display:inline; */
	margin:0;
	padding:0;
	text-align:left;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#news li a{
	color: #000000;
	font-weight: bold;
	font-size:14px;
	text-decoration: underline;
}

.flash {
	background: #000000;
	margin-top:5px;
	width: 500px;
	height: 350px 
	
}

.article {
	margin-left:10px;
	/* padding:10px; */
	border: 1px solid #cccccc;
	background-position:top left;
	background-repeat:no-repeat;
	/* margin-bottom:5px; */
}
.article h4{
	font-size: 1.1em;
	font-weight:bold;
	color:#7e7e7e;
	letter-spacing:-1px;
	font-weight:normal;
}

.article p {
	margin:10px;
	font-size: 1.0em;
	color:#000000;
}

.article li{
	text-align:left;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight: bold;
	list-style-type: none;
	color: #000000;
}

.article dd{
	text-align: left;
	font-size:0.9em;
	font-weight: normal;
	color: #000000;
}

.article_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#666666;
	letter-spacing:2px;
	font-variant:small-caps;
	text-transform:lowercase;
}

.submit {
	text-align: center;
	}

/**************** images styles ****************/
a img{
	  border: none;
}

img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.center {
	  display: block;
	  margin: 0 auto 5px auto;
}

img.right {
	  float: right;
	  margin: 0 0 5px 12px;
}

#footer_bar{
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border-top: 1px solid #000000;
}

#footer{
	background: #e0e0e0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align: center;
	font: 10pt/11pt 'メイリオ', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#000000;
}

#footer a{
	color:#000000;
	text-decoration: underline;
}

.pullquote {
width:246px;
float:right;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
font-family:'Lucida Grande', Helvetica, sans-serif;
font-weight: italic;
font-size: 24px;
font-weight:bold;
line-height:26px;
letter-spacing:-1px;
text-align: right;
color: #ac9259;
}
.L16B{
font-family:'Lucida Grande', Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #f4c074;
}

.L18R{
font-size:18px;
font-weight:bold;
color:#ff0000;
font-weight:normal;
}

.L18G{
font-family:'メイリオ', 'Lucida Grande', Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #7e7e7e;
}

.small{
font: 8pt/9pt 'メイリオ', 'Lucida Grande', Verdana, Helvetica, sans-serif;
color: #000000;
text-align:justify;
}

.smallwh{
font: 8pt/9pt 'メイリオ', 'Lucida Grande', Verdana, Helvetica, sans-serif;
color: #ffffff;
text-align:justify;
}

.comment{
color: #ffffff;
margin-top:5px;
text-indent: 1em;
border-bottom: 1px solid #a0a0a0;
}
	
#wrap-right{
	position: relative;
	float: right; 
	width: 198px;
	margin-left:auto;
	margin-right:auto; 
	padding-left:0px;
	padding-right:0px;
	margin-right: 8px; 
	background:#e0e0e0;
}
#wrap-right2{
	position: absolute; 
	float: right; 
	width: 198px;
	margin-left: 593px;
	margin-right:auto;
	top: 150px;
	padding-top: 0; 
	padding-left:0px;
	padding-right:0px; 
	background:#e0e0e0;
}

.about{
	width: 175px;
	margin: 2px 5px 3px 5px;
	padding-left: 1.0em;
	padding-bottom:1.5em;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	/* font-weight: nomal; */
	font-size: 0.8em;
	/* border:#B37159 1px solid; */
}

.under a{
	color: #10a7f1;
	font-weight: bold;
	font-size:1.1em;
	text-decoration: underline;
}


#archive{
	width: 175px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1em;
/* border:#B37159 1px solid;*/
}

#category{
	width: 175px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:8px;
	padding-bottom:1em;
/* border:#B37159 1px solid;*/
}

#copylight{
width: 175px;
margin-left:auto;
margin-right:auto;
padding-left:5px;
padding-right:8px;
padding-bottom:1.5em;
/* border:#B37159 1px solid;*/
}

#aferieit{
	width: 175px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:1em;
	border-top :#ffffff 1px solid;
	
}

.right-image {
color:green;
float:right;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
}

.drop-here {
padding: 4px;
margin: 5px 5px 5px 5px;
border: 1px solid #a0a0a0;
}

.embed_right {
padding: 4px;
margin: 5px 5px 5px 5px;
border: 1px solid #a0a0a0;
}

.buttomblock1 {
	background: #c1c1c1;
	width: 175px;
	height: 15px;
	padding: 5px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #5c5c5c;
	border-bottom: 1px solid #5c5c5c;
	color: #3f3f3f;
	margin: 7px 0px 7px 5px;
	text-align:center;
}
.buttomblock1 a {
	color:#000000;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	}
.buttonText 
{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.buttomblock2 {
	background: #c1c1c1;
	width: 175px;
	height: 135px;
	padding: 5px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #5c5c5c;
	border-bottom: 1px solid #5c5c5c;
	/* color: #3f3f3f; */
	margin: 7px 0px 7px 5px;
	text-align:center;
}

.download_buttom {
	background: #c1c1c1;
	width: 200px;
	height: 15px;
	padding: 5px;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #5c5c5c;
	border-bottom: 1px solid #5c5c5c;
	color: #3f3f3f;	margin: 0 0 0 5px;
	text-align:center;
}

.download_BTText 
{
	text-align: center;
	padding: 3px 5px;
	font-size: 14px;
	font-weight: bold;
}

/* Drop menu */
.preload1 {background: url(../images/blank_over.gif);}
.preload2 {background: url(../images/blank_overa.gif);}
#nav {
	position:relative;
	list-style:none;
	height:30px;
	/* background:#fff; */
	background:#327eb3;
	z-index:768px;
	font-family:arial, verdana, sans-serif;
	margin-top: 0;
	margin-bottom:0;
	margin-left: 0;
	}
/* IE Hach Style */
* html #nav {
	position:relative;
	list-style:none;
	height:30px;
	/* background:#fff; */
	background:#327eb3;
	z-index:768px;
	font-family:arial, verdana, sans-serif;
	margin-top: 0;
	margin-bottom:0;
	margin-left:-15px;
	}

#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(../images/blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 20px 0 10px; height:36px; background:url(../images/blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(../images/blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(../images/blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(../images/arrow.gif) 140px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#3a93d2; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#3a93d2 url(../images/arrow_over.gif) 140px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{
	left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:150px; z-index:400; height:auto;}

/* portfolio */
div #slideshow {
	margin: auto;
	height:	322px;
	background: #ffffff;
}

div #portfolio img {
	margin-left: 15px;
	padding: 10px;
	border: 1px solid #000000; 
	background-color: #dcdcdc;
}

*:first-child+html: div #portfolio {
	position:absolute;
	z-index: 1;
}

html>/**/body div #slideshow{
	position:absolute;
	z-index:1;
}

html>/**/body div left-side #portfolio{
	position:absolute;
}
.red{
	font-weight: bold;
	color: #ff0000;
	text-align: right;
}
	
/*    Accoudeion  */
* {margin:0; padding:0; font:12px Verdana,Arial}
code {font-family:"Courier New",Courier}
/* base width */
#options {width:650px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}
#acc {width:650px; list-style:none; color:#033; margin:0 auto}
/* -13 */
#acc h3 {width:637px; border:1px solid #9ac1c9; padding:6px 6px 8px; margin-top:5px; cursor:pointer; background:url(../images/header.gif)}
#acc h3:hover {background:url(../images/header_over.gif)}
#acc .acc-section {overflow:hidden; background:#fff}
/* #acc .acc-content {width:626px; padding:15px; border:1px solid #9ac1c9; background:#fff} */
#acc .acc-content {width:626px; padding:15px; background:#fff}

/* -32 */
#nested {width:618px; list-style:none; color:#033; margin-bottom:15px}
/* -46 */
#nested h3 {width:604px; border:1px solid #9ac1c9; padding:6px 6px 8px; color:#000000; margin-top:5px; cursor:pointer; background:url(../images/header.gif)}
#nested h3:hover {background:url(../images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
/* -64 */
#nested .acc-content {width:586px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(../images/header_over.gif)}