@charset "utf-8";

/* -----------------------------------------------------------
    reset
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,dl,dt,dd,form,img,hr,table,tr,td{
	margin:0px;
	padding:0px;
	border:none;
}

h1{
	font-weight:normal;
	font-size:10px;
}

h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:12px;
}

/* -----------------------------------------------------------
    body
-------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background-color: #000000; /* ページの背景色 */
	color: #ffffff; /* 全体の文字色 */
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','ＭＳ Ｐゴシック',Verdana,sans-serif;
	font-size:12px;
	line-height:1.6;
}

/* -----------------------------------------------------------
    clear
-------------------------------------------------------------- */
.clear{
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
	clear:both;
	font-size:0px;
}

/* -----------------------------------------------------------
    link
-------------------------------------------------------------- */
a:link,a:visited{
	text-decoration:none;
	color:#FF6600;
}

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

/* --- コンテナ --- */
#container {
	background-color: #080808; /* ページの背景色 */
}

/* --- ヘッダ --- */
#header {
	text-align:center;
	background: url(../img/dot-small.gif); /* サイドバーの背景画像 */
	border-bottom: 1px #333333 solid; /* 枠線 */
	padding-bottom:10px;
}

.remarks {
	background:#222;
	text-align:left;
	padding:4px;
	margin-bottom:14px;

	padding-left:4px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

.pageshift {
	text-align:right;
	background:#111;
	border-bottom: 1px #333333 solid; /* 枠線 */
	height:20px;
	padding-top:4px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}


#main {
	background: url(../img/maria_back.gif); /* サイドバーの背景画像 */
	margin: 0 auto; /* センタリング */
	width: 960px; /* ページの幅 */
	border-left : 1px #333333 solid; /* 枠線 */
	border-right: 1px #333333 solid; /* 枠線 */
}

.maintitle {
	width:100%;
	background:#696969;
	border-bottom: 1px #333333 solid; /* 枠線 */
	font-size:16px;
	font-weight:bold;
	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

#main ul {
	padding-left:20px;
}
#main li {
	margin:4px;
	list-style:none;
	border-bottom: 1px #333333 solid; /* 枠線 */
}

#pan {
	width:100%;
	height:30px;
	padding-top:12px;
	text-align:left;
	background:#000000;
	border-bottom : 1px #333333 solid; /* 枠線 */
}

/* --- ナビゲーション --- */
#nav {
	float: left;
	width: 150px; /* サイドバーの幅 */

}

#nav2 {
	float: left;
	width: 168px; /* サイドバーの幅 */

}

#nav p {
	background:#111;
	padding:4px 0 4px 4px;
	border-bottom: 1px #333333 solid; /* 枠線 */
}

#nav ul {
	padding-left:20px;
}
#nav li {
	margin:4px;
}

/* --- メインカラム --- */
#content {
	float: left;
	width: 640px; /* メインカラムの幅 */
}

.shop {
	margin-bottom:10px;
	padding:4px;
	border-bottom: 1px #333333 solid; /* 枠線 */
}

.shopname {
	width:100%;
	background:#101010;
	font-size:16px;
	font-weight:bold;
	padding-left:4px;
	filter:alpha(style=1, opacity=100 ,finishopacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#bottom {
	width:100%;
	text-align:right;
	background:#000000;
	border-top: 1px #333333 solid; /* 枠線 */
	height:20px;
	padding-top:4px;
}

/* --- フッタ --- */
#footer {
	clear: left; /* フロートのクリア */
	vertical-align:middle;
	background: url(../img/dot-small.gif); /* サイドバーの背景画像 */
	border-top: 1px #333333 solid; /* 枠線 */
	text-align:center;
	font-size:10px;
	width: 100%;
	height:30px;
	padding-top:12px;
}