@charset "utf-8";
/* CSS Document */

/* ----------------------------
 == Mame_CSS
---------------------------- */
body{
	background: url(../images/bg_header_load.jpg);
}

/* ----------------------------
 == Header
---------------------------- */
#header{ height: 414px;}
#wrap .In{ background: url(../mame/images/bg_header_top.jpg) no-repeat left top;}
#wrap .Ev{ background: url(../nagoya/images/bg_header_event.jpg) no-repeat left top;}
#wrap .Me{ background: url(../nagoya/images/bg_header_member.jpg) no-repeat left top;}
#header h1{
	width: 367px;
	padding: 5px 0 0 15px;
	float: left;
}

#header #btnArea{
	width: 200px;
	padding-top: 30px;
	padding-left: 20px;
	float: left;
}
#header #btnArea ul li{ display: inline;}

#header #gNavi{ width: 600px;}
#header #gNavi ul{
	width: 600px;
	display: block;
}
#header #gNavi ul li{ display: inline;}
#header #gNavi ul li.tokyo{ position: relative; left: 54px; top: 15px;}
#header #gNavi ul li.osaka{ position: relative; left: 56px; top: 17px;}
#header #gNavi ul li.nagoya{ position: relative; left: 58px; top: 15px;}
#header #gNavi ul li.hakata{ position: relative; left: 58px; top: 24px;}
*html #header #gNavi ul li.hakata{ position: relative; left: 58px; top: 24px;}
*:first-child+html #header #gNavi ul li.hakata{ position: relative; left: 58px; top: 25px;}

#header #subMenu{ width: 400px;}
#header #subMenu ul{
	width: 400px;
	padding-top: 70px;
	display: block;
}
#header #subMenu ul li{ display: inline;}
#header #subMenu ul li.about{ position: relative; left: 72px;}
#header #subMenu ul li.event{ position: relative; left: 83px;}
#header #subMenu ul li.member{ position: relative; left: 92px;}

/* ----------------------------
 == Main-common
---------------------------- */
#page{
	background: url(../nagoya/images/bg_middle.jpg) repeat-y left top;
	width: 100%;
	/*height: 100%;*/
}
*html #page{
	background: url(../nagoya/images/bg_middle.jpg) repeat-y left top;
	width: 100%;
}
#kutsu{
	width: 95px;
	height: 5px;
	position: relative;
	left: 0;
	top: -250px;
	z-index: 2;
}
*html #kutsu{
	display: none;
}
#txtArea{
	width: 830px;
	position: relative;
	left: 97px;
	top: -50px;
	z-index: 1;
}
#txtArea p.mameLead{
	font-size: 150%;
	font-weight: bold;
}

/* ----------------------------
 == Main
---------------------------- */
#txtArea .aiueo{
	margin-bottom: 15px;
	font-size: 110%;
	float: left;
}
#txtArea .aiueo ul li{
	background: url(../images/icon_arrow.gif) no-repeat left center;
	margin-right: 10px;
	padding-left: 10px;
	display: inline;
}
#txtArea .aiueo ul li.active{
	background: url(../images/icon_arrow_on.gif) no-repeat left center;
	font-weight: bold;
	text-decoration: none !important;
}
#txtArea .aiueo ul li a{ text-decoration: underline;}
#txtArea h2.method{ background: url(../mame/knowledge/images/sttl_method.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.design{ background: url(../mame/knowledge/images/sttl_design.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.material{ background: url(../mame/knowledge/images/sttl_material.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.fit{ background: url(../mame/knowledge/images/sttl_fit.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.parts{ background: url(../mame/knowledge/images/sttl_parts.gif) no-repeat left top; height: 39px; text-indent: -9999px;}

#txtArea h2.oil{ background: url(../mame/care/images/sttl_oil.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.tuya{ background: url(../mame/care/images/sttl_tuya.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.suedel{ background: url(../mame/care/images/sttl_suedel.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.point{ background: url(../mame/care/images/sttl_point.gif) no-repeat left top; height: 39px; text-indent: -9999px;}

#txtArea h2.history{ background: url(../mame/mamemame/images/sttl_history.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.faq{ background: url(../mame/mamemame/images/sttl_faq.gif) no-repeat left top; height: 39px; text-indent: -9999px;}
#txtArea h2.lady{ background: url(../mame/mamemame/images/sttl_lady.gif) no-repeat left top; height: 39px; text-indent: -9999px;}

#txtArea table{ margin: 20px auto 40px; text-align: center;}
#txtArea table tr td.border{ border-bottom: 1px dotted #FF9900; padding: 15px;}
#txtArea table tr td.borderFit{ border-bottom: 1px dotted #FF9900;}
#txtArea table tr td.varTop{ vertical-align: text-top;}
#txtArea table tr td.noborder{ border-bottom: none;}
#txtArea table.material{ border: 1px solid #ececec;}
#txtArea table.material tr td{ padding:5px;}
#txtArea table.material tr td.naka{ text-align: center;}

span.fit{
	background: #ececec;
	padding: 10px;
	color: #000000;
	font-size: 120%;
}

table tr td.tekuImg{ text-align: center;}
table.faq tr td{ padding: 5px;}
table tr td img.ladyBtn{ margin-left: 250px;}
.centerImg{ text-align: center;}
.nen{ width: 750px; text-align: center; margin: 0 auto 0;}

.boxArea , .boxAreaMa{
	background: url(../mame/images/bg_box.gif) no-repeat left bottom;
	width: 272px;
	height: 263px;
	margin: 30px 0 40px;
	float: left;
}
.boxAreaMa{ margin-left: 7px;}
.boxArea img.txtImg , .boxAreaMa img.txtImg{ margin: 20px 0 12px 30px;}
.boxAreaMa ul{ margin-top: 15px;}
.boxArea ul li , .boxAreaMa ul li{
	background: url(../mame/images/icon_mame.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 40px;
}

/* ----------------------------
 == Footer
---------------------------- */
#footer{
	background: url(../images/bg_bottom.jpg) no-repeat left top;
	width: 100%;
	height: 150px;
}
#footer ul{ width: 500px; padding: 85px 0 0 60px;}
#footer ul li{
	background: url(../images/icon_arrow.gif) no-repeat left center;
	margin-right: 8px;
	padding-left: 9px;
	display: inline;
}
#footer address{ display: none;}