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

/*RESET.css*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline : 0; background : transparent; background-color: transparent; color: #000; font-size:100%; font-family: inherit; vertical-align: baseline; font-weight: normal; font-style: normal; text-decoration: none; }


/*BODY要素*/
body{
margin: 0;
padding: 0;
background: #333333;
color: #000000;
font-size: 11px;
line-height:18px;
font-family:"MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
text-align: center;
}

/*LINK*/
a:link { color: #333333; text-decoration: none;}
a:visited { text-decoration: none; color: #663399;}
a:hover { text-decoration: underline; color: #663399;}
a:active { text-decoration: none; color: #663399;}

/*TABLE*/
table,td,tr,th {margin: 0; padding: 0; vertical-align: top; }

/*p*/
p {
width:530px;
height:100%;
margin:10px 0px 20px 35px;
color:#222222;
line-height:18px;
}

/*ul*/
ul {
width:612px;
height:40px;
font-size:10px;
color:#000000;
padding-top:4px;
padding-left:8px;
margin:0px 10px 0px 0px;
background-image:url(../img/right_back.gif);
background-repeat:repeat-x;
}

/*strong*/
strong {
font-weight:bold;
}

/*LAYOUT*/
div#container {
width: 840px;
text-align: center;
margin: 0 auto;
background-image:url(../img/img_background.gif);
background-repeat: repeat-y;
background-position: center;
position: relative;
}

div#centerbox {
width: 800px;
margin: 0 auto;
background-image: url(../img/top_back.gif);
background-repeat: repeat;
}


/*CONTENT BOX*/
div#header {
width: 800px;
height: 119px;
text-align: left;
}

div#main {
width: 800px;
height: 100%;
margin: 0 auto;
background-image: url(../img/img_sider3.png);
background-repeat: repeat;
}

div#intro {
width: 800px;
height: 100%;
text-align:left;
margin: 0 auto;
background-color:#FFFFFF;
}

div#new {
width: 300px;
height: 340px;
text-align: left;
margin: 0;
background-image: url(../img/top_new_back.gif);
background-repeat: repeat;
}

div#side {
width: 620px;
height: 100%;
background-image:url(../img/right_back.gif);
background-repeat: repeat-x;
}

div#footer {
float: left;
width: 840px;
text-align: left;
background:#FFFFFF;
}

/*IMG*/
img {margin: 0; padding: 0; border: none; vertical-align:bottom;}