@charset "utf-8";

/* reset */
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, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 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;}


/* base */
body {
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background:url(../img/bg.gif) 0 0;
line-height:1.5em;
}
* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#container {
width:800px;
margin:0 auto;
text-align:center;
}
#contents {
text-align:left;
}
#contents:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#contents {display: inline-block;}
#contents {zoom: 100%;}

#leftBox {
background:url(../img/menubg.gif) 0 0 no-repeat;
width:232px;
height:607px;
float:left;
}

#rightBox {
background:url(../img/mainbg.jpg) 0 0 no-repeat;
width:563px;
height:607px;
float:left;
}


/* ヘッダー */
#header { margin-top:10px; }
#header:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#header {display: inline-block;}
#header {zoom: 100%;}

#logo {
background:url(../img/ttl.gif) 0 10px no-repeat;
width:448px;
height:80px;
overflow:hidden;
float:left;
}
#logo a {
display:block;
padding-top:120px;
}

/* フッター */
#footer {
font-size:80%;
line-height:1.5em;
margin:8px auto;
text-align:center;
}
a:link { color: #4E0805; text-decoration: underline; }
a:visited { color: #447622; text-decoration: underline; }
a:active { color: #9E0522; text-decoration: underline; }
a:hover { color: #9E0522; text-decoration: underline; }