@charset "UTF-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 12px;
	background-color: #FFF;
}
.koei #wrap {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
}

img {
	border: 0;
}


/* color*/

.yellow {
	color: #FF0;
}

.white {
	color: #FFF;
}

.blue {
	color: #00F;
}
.glay {
	color: #333;
}

.red {
	color: #F00;
	font-weight: bold;
}

a:link {
color:#ffff00;
text-decoration: none;
}

a:visited {
color:#ffff00;
text-decoration:none;
}

a:hover {
	color:#F00;
	text-decoration:underline;
}

/* ベースレイアウト*/

/* header */

.koei #header {
	background-image: url(../img/top/head/header_top.png);
	background-repeat: repeat-y;
}

.koei #headL {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-align: left;
	float: left;
	font-weight: bold;
	color: #FF0;
} 

.koei #headW {
	text-align: right;
	float: right;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-weight: bold;
	color: #FF0;
} 

.koei #imgbox {
	padding-top: 8px;
} 

td img {
	display: block;
}

.read_link {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	line-height: 1.6em;
	width: 526px;
	padding-left: 10px;
	font-weight: bold;
	text-align: center;
	word-spacing: normal;
}

#bottom_t  {
	margin-top: 8px;
	height: 40px;
	text-align: center;
	background-image: url(../img/top/fotter.png);
	background-repeat: no-repeat;
	float: left;
	width: 980px;
	padding-top: 6px;
} 


/* sidebar */

.koei #sidebar {
	float: right;
	width: 210px;
	padding-left: 16px;
	margin-top: 12px;
	padding-right: 12px;
	background-color: #E0FFE8;
}

.side_ad {
	width: 210px;
	padding-top: 8px;
	padding-bottom: 4px;
}
/* mainbox */

#mainbox  {
	float: left;
	margin-top: 12px;
	background-image: url(../img/menu/menubar_bg.png);
	background-repeat: repeat-y;
	height: 100%;
} 
/* menubar */

#menubar  {
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	width: 156px;
} 


/*mainber */

#mainber {
	float: left;
	width: 546px;
}
#read_top {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	line-height: 1.6em;
	width: 526px;
	padding-left: 10px;
}

/*トップページ */

#bertitle_top {
	width: 546px;
}

.bertitle_second {
	padding-top: 16px;
}

#scr {
	overflow: auto;
	padding-bottom: 6px;
	height: 100px;
	line-height: 1.6em;
	float: left;
	width: 526px;
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 10px;
	background-color: #9C3;
}

#osusume {
	padding-top: 16px;
	float: left;
}

.conte {
	padding-top: 16px;
	float: left;
}

/*セール */

.sale_box1 {
	width: 546px;
}

.copy {
	width: 526px;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	line-height: 1.6em;
}

.read_sale {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	line-height: 1.6em;
	width: 526px;
	padding-left: 10px;
}

.sale_top {
	width: 546px;
	padding-top: 6px;
}

.sale_img {
	width: 152px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-top: 6px;
	padding-bottom: 4px;
}

.sale_link {
	float: left;
	margin-top: 6px;
}

.sale_mid {
	width: 546px;
	background-image: url(../img/main/sale/sale_mid.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

.sale_midL {
	float: left;
	width: 164px;
}

.sale_midR {
	float: right;
	width: 376px;
}

.sale_copy {
	float: left;
	width: 346px;
	line-height: 1.3em;
	background-color: #CCC;
	margin-top: 6px;
	font-weight: bold;
	padding: 6px;
}

.sale_op {
	float: left;
	padding: 6px;
	width: 346px;
	line-height: 1.6em;
}

.sale_price {
	float: left;
	text-align: right;
	width: 346px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.sale_bottom {
	width: 546px;
	float: left;
}

.sale_top2 {
	width: 546px;
	padding-top: 8px;
}

.sale_img2 {
	float: left;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 6px;
	height: 140px;
	width: 140px;
}

.sale_mid2 {
	float: right;
}

.sale_copy2 {
	float: right;
	width: 368px;
	line-height: 1.3em;
	margin-right: 8px;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #CCC;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.sale_copyt {
	width: 346px;
	line-height: 1.3em;
	background-color: #009;
	font-weight: bold;
	padding: 6px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FF0;
	margin-right: 0px;
}

.sale_copyt2 {
	width: 364px;
	line-height: 1.3em;
	background-color: #9F9;
	margin-bottom: 4px;
	padding: 6px;
	float: right;
	margin-right: 8px;
}

.sale_rogo{
	width: 364px;
	line-height: 1.3em;
	float: right;
	padding-right: 6px;
	margin-right: 8px;
	padding-left: 6px;
}

.sale_copyt3 {
	width: 364px;
	line-height: 1.3em;
	padding: 6px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	text-align: right;
	float: right;
	margin-right: 8px;
}

.maker {
	background-color: #009;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	color: #FF0;
	float: left;
	font-size: 130%;
	font-weight: bold;
}

.maker2 {
	background-color: #FFF;
	color: #F00;
	float: right;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: underline;
}

.maker3 {
	background-color: #333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	color: #FFF;
	float: left;
	margin-left: 3px;
	font-weight: bold;
	line-height: 1.2em;
}

.maker4 {
	background-color: #F00;
	padding-left: 4px;
	color: #FF0;
	float: right;
	margin-left: 3px;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.2em;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
}


/*会社案内 */

.read_company {
	line-height: 1.6em;
}

.conte_company {
	padding-top: 16px;
	float: left;
	width: 536px;
	margin-right: 8px;
	padding-bottom: 4px;
}

	margin: 0 250px 0 0; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.koei #wrap #mainbox #mainber .mainberbox .read_sale table tr td {
	text-align: center;
}

/*special2 */

.ph-L {
	float: left;
	height: 120px;
	width: 120px;
}

.read-R {
	float: right;
	width: 410px;
	padding-left: 6px;
}