﻿@charset "utf-8";
/* CSS Document */

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	line-height:160%;
	background-image:url(images/background.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#F8C221;
	padding:0px;
	margin:0px;
}

td  {
	vertical-align:top;
}

img {
	border-color:#999999;
}

.plain {
	font-size:10pt;
	line-height:160%;
}

#container {
	margin:0px auto;
	width:800px;
}

#header {
	background-image:url(images/header_background.gif);
	background-repeat:repeat-x;
	background-color:#68311A;
}

.logo {
	width:320px;
	float:left;
}

.read {
	width:480px;
	float:left;
}

.text_navi {
	width:470px;
	text-align:right;
	color:#FFFFFF;
	padding-right:10px;
}

.text_navi a {
	color:#FFFFFF;
}

#navi {

}

#navi ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#navi li {
	float:left;
}

#navi li img {
	border:0px;
	vertical-align:top;
}

#flash {

}

#content {
	padding-top:10px;
	background-image:url(images/content_background.gif);
	background-repeat:repeat-y;
}

.top_first {
	float:left;
	width:250px;
	padding:5px 5px 5px 10px;
}

.top_second {
	float:left;
	width:250px;
	padding:5px 5px 5px 5px;
}

.top_third {
	float:right;
	width:250px;
	padding:5px 10px 5px 5px;
}

.left_column {
	width:180px;
	float:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.left_column ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.left_column li {
	display:block;
	height:30px;
	margin-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
}

.left_column li a{
	padding-left:20px;
	color:#FF6600;
	background-image:url(images/list_background.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.left_column li a:hover {
	padding-left:20px;
	background-image:url(images/list_background_on.gif);
	background-repeat:no-repeat;
}

.right_column {
	width:580px;
	float:right;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.page_title {
	border-bottom:1px solid #CCCCCC;
	height:30px;
	background-image:url(images/page_title.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:10px;
	line-height:20px;
	margin:0px;
	font-weight:bold;
}

.red_space {
	background-color:#B73100;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
}

.grayspace {
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
	padding:5px;
	color:#333333;
}

.yellowspace {
	background-color:#FFFF66;
	border:1px solid #CCCCCC;
	padding:5px;
	color:#333333;
}

.greenspace {
	background-color:#CCFF99;
	border:1px solid #CCCCCC;
	padding:5px;
	color:#333333;
}


.infoboxl {
	width:380px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.infoboxr {
	width:380px;
	float:right;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.news {
	width:230px;
	height:100px;
	overflow:auto;
	background-color:#EFEFEF;
	padding:10px;
	font-size:8pt;
}

.top_banner {
	padding-bottom:5px;
}

#footer {

}

.head_navi {
	text-align:center;
	padding-bottom:10px;
}

.foot_navi {
	text-align:center;
}

.copy {
	color:#FFFFFF;
	background-color:#68311A;
	text-align:center;
	padding:5px;
}

#menu {

}

.product {
	padding:10px;
	background-color:#5E210B;
}

.spec {
	padding:10px;
}

.product_title {
	font-size:14pt;
	font-weight:bold;
	color:#333333;
}

.product_price {
	font-size:11pt;
	font-weight:bold;
	color:#CC3300;
}

.recruit_content {
	padding-left:30px;
	padding-right:30px;
}

.red12pt {
	color:#FF0000;
	font-size:12pt;
}

.recruit_table td{
	border:1px solid #CCCCCC;
}

.imagel {
	margin-right:10px;
}

.imager {
	margin-left:10px;
}

.red14pt {
	font-size:14pt;
	color:#FF0000;
}

table.saisai_table {
border-collapse:collapse;
}

.saisai_table td {
	border:1px solid #999999;
}

table.spec {
	font-size:8pt;
	color:#666666;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	line-height:110%;
}

.spec td {
	border:1px solid #999999;
	padding:2px;
	margin:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/*Hides from IE-mac \*/
* html .clearfix {}
.clearfix { display: block;}
/*End hide from IE-mac */