@charset "utf-8";

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  包括レイアウト
//
///////////////////////////////////////////////////////////////////////////////////
*/
/* contents 
========================================== */

#container {
	border-top: solid 1px #777;
	background: url(/images/base/bg_top.jpg) no-repeat center center #000;
	height: 1080px;
}
#container_ {
	border-top: solid 1px #777;
	background: url(/images/base/bg.jpg);
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}
#logo {
	float: left;
	width: 310px;
	background: url(/images/base/bg_logo.png) no-repeat;
}
#navi {
	width: 483px;
	float: right;
}
#navi ul {
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	clear: both;
}
#navi li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height: 47px; /* all browsers, of course */
	height : 46px\9; /* IE8 and below */
}
#navi a, #navi span {
	float: left;
	clear: both;
	cursor: pointer;
	margin-right: 10px;
	height: 47px; /* all browsers, of course */
	height : 46px\9; /* IE8 and below */
}
#sitemap {
	position: fixed;
	right: 20px;
	bottom: 70px;
}
#return {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

#copy {
	text-align: center;
	color: #999;
	background: #222;
	font-size: 10px;
	padding: 10px;
}
#copy a {
	color: #999;
}
#copy a:hover {
	text-decoration: none;
}
#navi_f {
	font-size: 10px;
	text-align: center;
	color: #666;
	background: #222;
}
#navi_f a {
	color: #666;
}
#navi_f a:hover {
	text-decoration: none;
}

.inner {
	padding: 20px;
}
h1 {
	font-family: 'Orbitron', serif;
	font-size: 24px;
	color: #AAA;
	border-bottom: dotted 1px #CCC;
	line-height: normal;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
h1 span {
	color: #FFF;
}
h2,h3,h4,h5,h6 {
	font-family: 'Orbitron', serif;
	font-size: 20px;
	color: #AAA;
	border-bottom: dotted 1px #CCC;
	line-height: normal;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	color: #FFF;
}
.thumb {
	width: 96px;
	float: left;
}
.thumb img {
	margin: 5px;
}

#slide_outer {
	width: 400px;
	float: left;
	margin-top: 5px;
}
.slideshow {
	width: 400px;
	height: 300px;
}
.slideshow div {
	display: none;
	position: absolute;
}
#slide_txt {
	width: 540px;
	float: right;
}
#slide_txt h2 {
	border: none;
}
.movie {
	width: 400px;
	float: left;
	margin-top: 5px;
}
.movie_txt {
	width: 540px;
	float: right;
}

#contactable {
	background-image: url(/images/common/contact.png);
	color: #FFF;
	background-color: #535353;
	cursor: pointer;
	margin-left: -5px; 
	*margin-left: -5px; 
	overflow: hidden;
	position: fixed;
	*position: absolute;
	height: 102px;
	top: 60px;
	*margin-top: 10px;
	width: 44px;
	z-index: 500;
}
#contactForm {
	background-color: #535353;
	border: 3px solid #111;
	color: #FFF;
	height: 360px;
	left: 0;
	margin-left: -400px;
	*margin-left: -434px;
	margin-top: -160px;
	overflow: hidden;
	padding-left: 30px;
	position: fixed;
	top: 170px;
	width: 358px;
	*width: 392px;
	z-index: 99;
}
form#contactForm input, textarea {
	background: #FFF none repeat scroll 0 0;
	outline-style: none;
	outline-width: medium;
	width: 323px;
	padding: 5px;
	border: 1px solid #DFDFDF;
	margin-bottom: 10px;
}
form#contactForm .submit {
	background: #111 none repeat scroll 0 0;
	outline-style: none;
	outline-width: medium;
	width: 336px; /* all browsers, of course */
	width : 336px\9; /* IE8 and below */
	padding: 5px;
	border: 3px solid #000;
	outline-color: -moz-use-text-color;
	cursor: pointer;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Orbitron', serif;
}
form#contactForm .submit:hover {
	background: #333 none repeat scroll 0 0;
	color: #CCC;
	border: 3px solid #222;
}
form#contactForm .disclaimer {
	*margin-left: 20px;
}
#overlay {
	background-color: #666;
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width:1 00%;
	z-index: 0;
} 
.error {
	background-color: #EDBE9C;
}
#name.error {
	background-color: #EDBE9C;
}
#email.error {
	background-color: #EDBE9C;
}
#comment.error {
	background-color: #EDBE9C;
}
form#contactForm label{
	*margin-left: 20px;
}

form#contactForm #loading {
	background: url(/images/ajax-loader.gif) no-repeat;
	width: 55px;
	height: 55px;
	margin: 100px auto;
	display: none;
}
#callback {
	color: #FFF;
	width: 325px;
	margin: 100px auto;	
	display: none;
}
.holder {
	margin: 0 auto;
	*margin-left: 20px;
	padding-top: 20px;	
}
#main {
	width: 640px;
	float: left;
	color: #CCC;
}
.title_entry {
	font-size: 14px;
	border-left: solid 3px #FFF;
	padding-left: 5px;
	line-height: normal;
	margin: 0 0 5px 0;
}
.title_entry a {
	display: block;
}
.updated {
	font-size: 10px;
	color: #999;
}
.entry_content {
	border-bottom: solid 1px #CCC;
	margin-bottom: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
	line-height: 160%;
	font-size: 12px;
	letter-spacing: 0.1em;
	font-family: 'Orbitron', serif;
}
.entry_content p {
	line-height: 160%;
	font-size: 12px;
	letter-spacing: 0.1em;
}
#side_column {
	width: 300px;
	float: right;
	color: #FFF;
}
#side_column span {
	color: #F90;
}
#side_column ul {
	margin-bottom: 10px;
}
#side_column li {
	background: url(/images/common/arrow.png) no-repeat left center;
	padding-left: 15px;
}
#side_column li a {
	display: block;
}
#archive {
	background: url(/images/common/archive.png) no-repeat left center;
	padding-left: 30px;
}
#archive a {
	display: block;
}
#rss {
	background: url(/images/common/rss.png) no-repeat left center;
	padding-left: 30px;
}
#rss a {
	display: block;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #333;
	padding: 2px 6px;
	opacity: 0.75;
}
#tooltip h3, #tooltip div {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
}