@import url("reset.css");

@font-face {
    font-family:'Prism';
    src: url('../fonts/prism-webfont.eot');
    src: local('o0--d'),
	     url('../fonts/prism-webfont.eot?iefix') format('eot'),
         url('../fonts/prism-webfont.woff') format('woff'),
         url('../fonts/prism-webfont.ttf') format('truetype'),
         url('../fonts/prism-webfont.svg#webfontNDB61bHQ') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 共通 */

html{
	height:100%;
}

body{
	width:100%;
	height:100%;
    margin:0;
	padding:0;
	font-family:"Century Gothic,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "小塚ゴシック Pro B",clean,sans-serif";
	font-size:100%;
	text-align:center;
	color:#434343;
}

#bgColor{
	height:auto;
	min-height:100%;
    margin:0;
	padding:0;
	background:#999999;
	background:linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.75), rgba(255,255,255,0.9));
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), color-stop(0.4,rgba(255,255,255,0.75)), to(rgba(255,255,255,0.9)));
	background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 40%, rgba(255,255,255,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#C9CACB, EndColorStr=#F7F7F7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C9CACB, endColorstr=#F7F7F7)";
}

a{
	outline:none;
}

#container{
    width:700px;
	height:100%;
	margin:0 auto;
	text-align:left;
}

.upper{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -200px;
}

.stopper{
    height:200px;
}

#sliderFrame{
    margin:10px 0 20px;
}

#menuNavi{
    width:700px;
	height:37px;
	margin:0 auto 10px;
	list-style:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	position:relative;
	behavior:url(http://maedacom.jp/new_extra/js/PIE.htc);
}

#menuNavi li{
	width:115px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	height:37px;
	border-right:1px solid #333333;
	background:linear-gradient(top, rgba(130,130,130,1), rgba(70,70,70,1));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(130,130,130,1)), to(rgba(70,70,70,1)));
	background:-moz-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(70,70,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#828282, EndColorStr=#464646);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#828282, endColorstr=#464646)";
    float:left;
}

#menuNavi li.menuLeft{
	border-right:1px solid #333333;
	border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
}

#menuNavi li.menuRight{
	width:120px;
	border:0;
	border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
}

#menuNavi li a{
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding:12px 0;
}

#menuNavi li a:hover{
	color:#FFFFFF;
	text-shadow:0 0 3px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 30px #fff;
	background-color:#999999\9;
	width:100%;
	height:100%;
}

#main{
    width:700px;
	background-color:#FFFFFF;
	margin:0 auto 15px;
	padding:10px 0;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	position:relative;
	behavior:url(http://maedacom.jp/new_extra/js/PIE.htc);
}

#inner{
	width:678px;
	margin:0 auto;
}

#nameArea{
	width:678px;
	margin:0 auto 10px;
	padding:20px 0 10px;
	border-bottom:3px #000033 solid;
}

#bname{
	width:60%;
	color:#000033;
	font-family:"ヒラギノ明朝 Pro W6","ＭＳ Ｐ明朝", "細明朝体";
	font-weight:bold;
	font-size:20px;
	text-shadow:1px 1px 3px #666666;
	text-shadow:2px 2px 3px #666666\9;
	position:relative\9;
	z-index:1\9;
	behavior:url(http://maedacom.jp/new_extra/js/ie-css3.htc)\9;
	float:left;
}

#bname a{
	text-decoration:none;
	color:#000033;
}

#bname a:active{
	text-decoration:none;
	color:#000033;
}

#bname a:hover{
	text-decoration:none;
	color:#000033;
}

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

#contentsName{
	width:40%;
	color:#343434;
	font-weight:bold;
	font-size:15px;
	float:right;
	text-align:right;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}


/* フッター */

#footer{
    width:700px;
	height:200px;
	margin:0 auto;
	padding:0;
}

#footer h2{
    width:100%;
	margin:0 0 3px;
	font-size:12px;
	font-weight:bold;
	color:#434343;
}

.inquiryInfo{
    width:680px;
	height:145px;
	background-color:#FFFFFF;
	margin:0 auto 3px;
	padding:10px;
	text-align:left;
	font-size:12px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	position:relative;
	behavior:url(http://maedacom.jp/new_extra/js/PIE.htc);
}

ul.mystyle{
    width:339px;
	border-right:1px #434343 solid;
	float:left;
	text-align:left;
}

ul.mscom{
    width:340px;
	float:right;
	text-align:left;
}

li.inquiryTitle{
	padding:5px 0 5px 5px;
    text-align:left;
}

li.inquiryShop{
    height:30px;
    margin:5px 0 0 5px;
}

li.inquiryTell{
    margin:20px 0 10px 5px;
	font-size:24px;
	font-weight:bold;
}

li.inquiryTime{
	margin:10px 0 10px 5px;
}

#copyRight{
	font-size:10px;
	text-align:right;
}