/* SD WORKS DESIGN */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u,i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, lable, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                margin: 0;
                border: 0;
                padding: 0;
                outline: 0;
                font-size: 100%;
                vertical-align: baseline;
                background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
      }





body {
		margin: 0px;
		background-image: url(../image/bg.jpg);
		background-repeat: repeat-x;
		background-position: top center;
		background-color: #580201;
		color: #580201;
}



/* CONTAINER BOX DESIGN */

#container {
		margin: 30px auto;
		width: 844px;
}



/* HEADER DESIGN */

#header {
		width: 844px;
}


#logo {
		float: right;
		margin: 5px 0px;
		border: 0px solid #FFFFFF;
		width: 336px;
		text-align: right;
}


#logo h1 a {
		color: #FFFFFF;
		text-decoration: none;
}

#logo a:hover {
		color: #BE0000;
		background: #FFFFFF;
}


#menu {
		float: left;
		border: 0px solid #FFFFFF;
		width: 504px;
}

#menu li {
		float: left;
		margin: 5px 5px 5px 0px;
		border: 1px solid #FFFFFF;
		width: 85px;
		text-align: center;
		color: #778899;
		background: #FFFFFF;
}

#menu li a {
		display: block;
		width: 100%;
		color: #000000;
		text-decoration: none;
}

#menu a:hover {
		color: #FFFFFF;
		background: #BE0000;
}



/* MAIN DESIGN */

#main {
		margin: 20px 0px;
		padding-top: 100px;
		width: 844px;
		color: #FFFFFF;
}


#main p {
		margin: 0px 0px 2em 0px;
		line-height: 1.75em;
		font-size: 80%;
}




#main_w {
		float: left;
		border: 0px solid #FFFFFF;
		width: 504px;
}

#main_m {
		float: left;
		border: 0px solid #FFFFFF;
		width: 616px;
}


#main_m2 {
		float: left;
		border: 0px solid #FFFFFF;
		width: 728px;
}


#main_s {
		float: left;
		border: 0px solid #FFFFFF;
		width: 336px;
}


#main_f {
		clear: both;
		border: 0px solid #FFFFFF;
		width: 840px;
}

/* MAIN BACKGROUND DESIGN */

#bg {
		min-height: 399px;
		background-image: url("../image/wall.jpg");
		background-repeat: no-repeat;
		padding: 15px;
		color: #202020;
}

#bg  p a {
		color: #202020;
}


/* 文字関係 */

.cn { text-align: center; }


.lf { text-align: left; }

.rt { text-align: right; }


.clear { clear: both; }



.ref { font-size: 70%; }


.grn { color: #98FB98; }

.bgrn { font-style: bold; color: #98FB98; }

#main a { color: #FFFFFF; }

#main a:hover { color: #000000; background: #98FB98; }



/* 画像関係 */

#main img.pho {
		border: 1px solid #DCDCDC;
		padding: 5px;
		background: #FFFFFF;
}



.pic img,p img {
		margin: 10px 0px;
		padding: 10px;
}


a:hover img   {
                filter: alpha(opacity=60);
              }



img.dvd {
		border: 1px solid #000000;
		padding: 0px;
}


img.jk {
		border: 1px solid #000000;
		padding: 7px;
		background: #000000;
}



ul.pic {
		margin-bottom: 30px;
}



ul.pic li {
		float: left;
		margin-right: 1px;
}

ul.pic img {
		margin: 0px;
		border: 1px solid #DCDCDC;
		background: #F0FFF0;
}




img.left {
		float: left;
		margin: 0px 45px 15px 0px;
}

img.right {
		float: right;
		margin: 0px 0px 25px 25px;
}           

img.leftp {
		float: left;
		margin: 25px;
		border: 1px solid #DCDCDC;  
		padding: 5px;
		background: #F0FFF0;
}           

img.rightp {
		float: right;
		margin: 25px;
		border: 1px solid #DCDCDC;  
		padding: 5px;
		background: #F0FFF0;
}           

img.rightp2 {
		float: right;
		margin: 25px;
		border: 1px solid #000000;  
		padding: 2px;
		background: #98FB98;
} 


img.fade {
                filter: alpha(opacity=0);
}

.buy {
		margin: 20px;
}

img.logo2 {
		margin: 0px;
		padding: 0px;
}

img.logo1 {
		margin-left: 125px;
		padding: 0px;
}






/* リスト関係 */

ol.num {
		float: right;
		list-style-type: decimal;
		font-size: 80%;
		color: #808080;
		line-height: 1.5em;
}


.num a:hover {
		color: #BE0000;
		background: #98FB98;
}

.num li {
		margin: 5px;
		padding: 5px;
		color: #98FB98;
		background: #580201;
}









ol.num2 li {
		text-align: right;
}




dl.num {
		font-size: 80%;
		color: #808080;
		line-height: 1.5em;
}

dl.num dt {
		float: left;
		width: 200px;
}

dl.num dd {
		float: left;
		width: 70px;
}






/* COPY BOX DESIGN */

#copy {
		clear: both;
		margin-top: 30px;
		width: 100%;
		font-size: 70%;
		color: #DCDCDC;
}

#copy p {
		line-height: 2em;
		white-space: nowrap;
}

#copy p a {
		color: #808080;
		text-decoration: none;
}

#copy p a:hover {
		border-bottom: 1px solid #808080;
}


#copy p.lf { float: left; width: 30%; }

#copy p.rt { float: right; width: 30%; }

#copy p.rt a { color: #808080; }






/* 区切り線関係 */

hr.al {
		clear: both;
		margin-left: 0px; 
		height: 1px;
		width: 60%;
		text-align: left;
		color: #DCDCDC;
}