@charset "utf-8";
@import "fonts.css";
@import "clearfix.css";
@import "sidebar.css";
@import "others.css";
@import "design.css";

*{margin:0; padding:0;}

html {background:#111;}

body {
	margin: 0;
	padding: 0;
	overflow-y:scroll;
	background:#fff;
	background-image: -moz-linear-gradient(top, #ffffff, #fdfdfd); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #fdfdfd)); /* Saf4+, Chrome */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdfdfd'); /* IE6,IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdfdfd')"; /* IE8 */
	font-size: 85%;
	font-family:"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,sans-serif;
	}

ul, li {list-style:none;}

/*HEADER*/
#header {
	margin: 0; padding: 0;
	height: 100px;
	width: 100%;
	background:url(img/head_bottombg.gif) repeat-x bottom;
	}

#headerimg {
	margin: 0px auto; padding: 0;
	height:100px;
	width: 940px;
	}
#headerimg img {padding-top:15px;}

#headerimg li.searching {/*search form*/
	background:url(img/mushimegane.gif) no-repeat left top;
	margin-top:30px;
	min-height:25px;
	padding-left:25px; padding-top:0;
	list-style:none;
	float:right;
	}
#headerimg li.searching form {
	padding:0; margin:0;
	}

#searchsubmit {/* これは[検索]ボタン */background-color:#ddd;}
#headerimg label {display:none;}



/*TOP IMAGE*/
#topimgbox {
	width:100%; height:250px;
	margin:0 0 0 0; padding:0;
	background:#333;
	background:url(img/backpattern.gif) repeat;
	z-index:1;
	position:relative;
	border-bottom:10px solid #000;
	}
.slideshow {
	width:960px; height:250px;
	display:block;
	margin:0 auto; padding:0;
	background:#000;
	}
.slideshow ul#slides li {
	margin:0 0 0 10px;
	width:940px;　height:250px;
	}

/*NAV*/
#nav {
	width:100%; height:55px;
	margin:0 auto 20px; padding:0;
	background:#000;
	background:url(img/navis_bg.jpg) repeat-x;
	}

#nav ul {
	width:940px; height:55px;
	margin:0 auto; padding:0;
	line-height: 0;
	list-style:none;
	}
#nav ul li {
	width:156px;height:55px;
	list-style:none;
	float:left;
	text-indent:-9877em;
	}
#nav ul li a {
	width:156px;height:55px;
	display:block;
	float:left;
	}
#nav ul li.home a {background:url(img/navis.jpg) no-repeat -1px 0px;}
#nav ul li.home a:hover {background:url(img/navis.jpg) no-repeat -1px -55px;}
#nav ul li.product a {background:url(img/navis.jpg) no-repeat -156px 0px;}
#nav ul li.product a:hover {background:url(img/navis.jpg) no-repeat -156px -55px;}
#nav ul li.about a {background:url(img/navis.jpg) no-repeat -312px 0px;}
#nav ul li.about a:hover {background:url(img/navis.jpg) no-repeat -312px -55px;}
#nav ul li.intvw a {background:url(img/navis.jpg) no-repeat -468px 0px;}
#nav ul li.intvw a:hover {background:url(img/navis.jpg) no-repeat -468px -55px;}
#nav ul li.cmpny a {background:url(img/navis.jpg) no-repeat -624px 0px;}
#nav ul li.cmpny a:hover {background:url(img/navis.jpg) no-repeat -624px -55px;}
#nav ul li.link a {background:url(img/navis.jpg) no-repeat -780px 0px;}
#nav ul li.link a:hover {background:url(img/navis.jpg) no-repeat -780px -55px;}

#nav2 {/* for INDEX page */
	width:900px; height:55px;
	margin:-40px auto 20px; padding:0;
	z-index:2;
	position:relative;
	}

#nav2 ul {
	width:900px; height:55px;
	margin:0; padding:0;
	color:#fff;
	line-height: 0;
	list-style:none;
	}

#nav2 ul li {
	width:150px;height:55px;
	list-style:none;
	float:left;
	text-indent:-9877em;
	}
#nav2 ul li a {
	width:150px;height:55px;
	display:block;
	float:left;
	}
#nav2 ul li.home a {background:url(img/navi2.png) no-repeat -1px 0px;}
#nav2 ul li.home a:hover {background:url(img/navi2.png) no-repeat -1px -55px;}
#nav2 ul li.product a {background:url(img/navi2.png) no-repeat -150px 0px;}
#nav2 ul li.product a:hover {background:url(img/navi2.png) no-repeat -150px -55px;}
#nav2 ul li.about a {background:url(img/navi2.png) no-repeat -300px 0px;}
#nav2 ul li.about a:hover {background:url(img/navi2.png) no-repeat -300px -55px;}
#nav2 ul li.intvw a {background:url(img/navi2.png) no-repeat -450px 0px;}
#nav2 ul li.intvw a:hover {background:url(img/navi2.png) no-repeat -450px -55px;}
#nav2 ul li.cmpny a {background:url(img/navi2.png) no-repeat -600px 0px;}
#nav2 ul li.cmpny a:hover {background:url(img/navi2.png) no-repeat -600px -55px;}
#nav2 ul li.link a {background:url(img/navi2.png) no-repeat -750px 0px;}
#nav2 ul li.link a:hover {background:url(img/navi2.png) no-repeat -750px -55px;}


/*CONTENTS*/
#page {
	margin: 0px auto 10px;
	padding:0 0 10px;
	width: 940px;
	}

#content { margin:0 auto; padding:0; }

.narrowcolumn {
	padding: 25px 0 0; margin: 0;
	width: 580px;
	}
.home {
	background:url(img/features.gif) no-repeat top left;
	}
.widecolumn {
	padding:0; margin: 0;
	width: 700px;
	float:left;
	}

.post {margin: 0 0 10px;}

.widecolumn .post {margin: 0;}

.narrowcolumn .postmetadata {padding-top: 5px;}

.widecolumn .postmetadata {margin: 20px 0;}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
	}

.postmetadata {clear:both;}

/*FOOTER*/
#footerbg {
	padding:20px 0; margin:0;
	background:url(img/footer_bg.gif) repeat-x top #333;
	width: 100%;
	clear: both;
	}
#footer {
	margin: 0 auto; padding:15px 0 10px;
	width:940px;
	font-size:12px; font-weight:normal;
	}
#footer p, #footer p a {color:#fff;}
#footer dl dd { float:left; margin-right:60px;}
#footer dl dd p {
	border-top:2px #fff solid;
	padding-top:3px;
	}
#footer p.info {float:right;}
#footer p.info a, #footer_btm a {color:#fffacd;}

#footerbg_btm {
	padding:5px 0; margin:0;
	background:#111;
	width: 100%;
	clear: both;
	}
#footer_btm {
	margin: 0 auto; padding:0;
	width:940px;
	font-size:10px; font-weight:normal;
	color:#fff;
	text-align:left;
	}
/* End Structure */


/* Images */
p img {
	padding: 15px 0;
	max-width: 100%;
	}

/*画像のフロートはこのクラスを推奨*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}

.alignleft {float: left;}

a img {border: none;}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {margin: 7px 0 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}

.entry ol {padding: 0 0 0 35px; margin: 0;}

.entry ol li, #sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}

select {width: 130px;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 3px;}
#respond:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {padding: 0;}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }

#commentform p {margin: 5px 0;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.navigation, .gototop {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size:77%;
	color:#666;
	clear:both;
	}

.gototop {padding-top: 30px;}