﻿@charset "UTF-8";

/* 共通 */

* { margin:0; padding:0; }

body {
	font-size:12px;
	color:#333333;
	text-align:center;
	background:url('http://macho.co.jp/img_new/bodyBg_01.jpg');
	/*background:#f00 url(../img/bg_body.gif) repeat-x center top;*/
	line-height:1.4;
	font-family	:ＭＳ Ｐ明朝, sans-serif;
 }
img { border:0; }
table { border-collapse:collapse; }
td {  }
a:link { color:#00312b; text-decoration:none;}
a:visited { color:#00312b; text-decoration:none;}
a:hover { color:#999999; text-decoration:none;}
a:active { color:#999999; text-decoration:none;}
a:link img, a:visited img { border:none; }
.taC { text-align:center; }
.taL { text-align:left; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }
.clear { clear:both; height:0; overflow:hidden; }
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }


#container1 { /*background:url(../img/bg_container1.gif) repeat-y center top;*/ margin:0 auto; width:800px; text-align:left; position:relative; }

.grayLine{
	position:absolute;
	top:142px;
	right:-1183px;
}

#container2 { position:relative; }
#container_top { background:url(http://macho.co.jp/img_new/bg_container_top.gif) no-repeat center top; height:60px;}

/*-
*ヘッダー
*/

.wrapper{
	width:100%;
	background:url(http://macho.co.jp/img_new/wrapperBgImg.gif) repeat-x top;
}

#header{
	width:100%;
	height:52px;
	background:#000;
	position:relative;
}

#header div{
	padding-top:5px;
}

#header div h1{
	float:left;
	margin-left:20px;
}

#header div p{
	float:right;
	margin-right:20px;
}

#header #navi{
	position:absolute;
	bottom:5px;
	right:20px;
}

#header #navi li{
	list-style:none;
	float:left;
	margin-left:20px;
}

#content { }

/*#navi { background-color:#000000; padding:10px 25px 10px 25px; }
#navi img { margin-right:20px; }*/

.newsBunner{
	position:absolute;
	top:30px;
	right:0;
}

#blog {
	padding-top:50px;
	background-color:#636562;
	color:#ffffff;
}
#blogR { float:right; width:500px; }
#blogL { float:left; width:200px; }
#blogL h4 { border-bottom:1px solid #555555; margin-bottom:5px; }
#blogL a { display:block; padding:5px; color:#ffffff; text-decoration:none; }
#blogL a:hover { color:#999999; }
div.entry { border-bottom:1px solid #555555; margin-bottom:15px; padding-bottom:15px; }
div.entry h3 { font-size:109%; margin-bottom:5px; }

#admin { font-size:12px; margin-bottom:100px; }
#admin div.submenu { text-align:center; margin:1px 0 20px 0; border:5px solid #cccccc; padding:5px 10px; }
#admin h3 { border-bottom:2px solid #999999; padding-bottom:5px; margin:10px 0; }
#admin h4 { background-color:#ededed; padding:5px; border-top:1px solid #cccccc; margin:10px 0; }
#admin table {}
#admin th { border:1px solid #dddddd; background-color:#eeeeee; padding:5px 10px 4px 10px; text-align:center; }
#admin td { border:1px solid #dddddd; background-color:#ffffff; padding:5px 10px 4px 10px; }
#admin table.table2 th { background-color:#eeeeee; padding:5px 10px 4px 10px; width:auto; text-align:center; }
#admin .comment { margin-bottom:15px; border:3px solid #eeeeee; padding:5px 10px; }
.pages { border:1px solid #999999; padding:3px; text-align:center; }
.w95per { width:95%; }
.w80per { width:80%; }
.w60per { width:60%; }
.w50per { width:50%; }
.w30per { width:30%; }
.w20per { width:20%; }
.w10per { width:10%; }


.table1 { border-collapse:collapse; }
.table1 th { border:1px solid #dcdcdc; padding:5px 8px 3px 8px; background-color:#f1f1f1; }
.table1 td { border:1px solid #dcdcdc; padding:5px 8px 3px 8px; text-align:left; }

.fs0 { font-size:0; }
.vm { vertical-align:middle; }
.small { font-size: 10px !important; }
.nomal { font-weight:normal; }
.mT0 { margin-top: 0px !important; }
.mT1 { margin-top: 1px !important; }
.mT2 { margin-top: 2px !important; }
.mT3 { margin-top: 3px !important; }
.mT4 { margin-top: 4px !important; }
.mT5 { margin-top: 5px !important; }
.mT7 { margin-top: 7px !important; }
.mT9 { margin-top: 9px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT30 { margin-top: 20px !important; }
.mB0 { margin-bottom: 0px !important; }
.mB1 { margin-bottom: 1px !important; }
.mB2 { margin-bottom: 2px !important; }
.mB3 { margin-bottom: 3px !important; }
.mB4 { margin-bottom: 4px !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB30 { margin-bottom: 20px !important; }
.mL0 { margin-left: 0px !important; }
.mL1 { margin-left: 1px !important; }
.mL2 { margin-left: 2px !important; }
.mL3 { margin-left: 3px !important; }
.mL4 { margin-left: 4px !important; }
.mL5 { margin-left: 5px !important; }
.mL7 { margin-left: 7px !important; }
.mL9 { margin-left: 9px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL30 { margin-left: 20px !important; }
.mR0 { margin-right: 0px !important; }
.mR1 { margin-right: 1px !important; }
.mR2 { margin-right: 2px !important; }
.mR3 { margin-right: 3px !important; }
.mR4 { margin-right: 4px !important; }
.mR5 { margin-right: 5px !important; }
.mR7 { margin-right: 7px !important; }
.mR9 { margin-right: 9px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR30 { margin-right: 20px !important; }
.m0auto { margin:0 auto; }
div.mAuto,table.mAuto {margin:0 auto !important; }

.pd5 { padding:5px !important; }
.pd10 { padding:10px !important; }
.pd15 { padding:15px !important; }
.pd20 { padding:20px !important; }
.pd30 { padding:30px !important; }
.pdL50 {padding-left:50px !important; }
.pdR50 {padding-right:50px !important; }
.pdLR50 {padding:0 50px !important; }

.bg_a6{background:#595959;color:#fff;}
.bg_66{background:#666;}
.small { font-size:11px; }

div#brands {background:#666;color:#fff;}
div#brands a{color:#fff;}
div#brands table{margin:0 auto;}
div#brands table tr th,div#brands table tr td{color:#fff;}
div#brands table tr th img,div#brands table tr td img{ vertical-align:middle;}

div#brands_info {background:#666;color:#fff;}
div#brands_info a{color:#fff;}
div#brands_info table{margin:0 auto;}
div#brands_info table tr th,div#brands_info table tr td{  font-family	: ＭＳ Ｐ明朝, sans-serif;
 font-size:12px;color:#fff;}
div#brands_info table tr th img,div#brands_info table tr td img{ }

#displays { background-color:#595959; padding:15px 0; color:#fff;}
#displays p.date { text-align:center; margin-bottom:15px; font-weight:bold; }
#displays a { color:#ffffff; text-decoration:none; }
#displays a:hover { color:#ffffff; text-decoration:underline; }
#displays h4 { margin:40px 0 10px 0; }
#displays h5 { font-size:10px; text-align:center; }
#displays p { padding:5px 0 0 0; }
#disp_dona { width:330px; float:left; }
#disp_uomo { width:330px; float:right; }
.backnumber p { text-align:center; }
/* about us */
#mapBtn{display:block;width:62px; height:17px; position:absolute; margin-left:101px;margin-top:324px; margin-right:0; margin-bottom:0;}
#photoBtn{display:block;width:62px; height:17px; position:absolute; margin-left:101px;margin-top:343px; margin-right:0; margin-bottom:0;}

