/* CSS Document */

/* Default ---------------------------------------------------------------- */

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,iframe {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
fieldset,img,abbr,acronym {
    border:0;
} 

ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/* Layout ----------------------------------------------------------------- */

html {
	height: 100%;
}

body {
	height: 100%;
	text-align: center;
	background: #000000 url(../images/back_repeat.jpg) top center repeat-x;
}

#container {
	width: 900px;
	min-height: 100%;
	margin: 0 auto;
}

#container-th {
	width: 300px;
	margin: 20px 30px 20px 30px;
	padding: 10px;
	background: #ffffff;
	text-align: left;
}


#content {
	width: 900px;
	height: 500px;
	margin: 10px 0px 15px 0px;
}

#btn-base {
	width: 900px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/button_back.png) top center no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	text-align: left;
	clear: both;
}

#btn-box {
	margin: 0px 0px 0px 30px;
	padding: 1px 0px 0px 0px;
}


#footer {
    position: relative;
	width: 900px;
	height: 40px;
}

/* Content ---------------------------------------------------------------- */

a:link, a:visited {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

p {
	line-height: 1.2em;
}

blockquote, ol, ul {
    margin-left: 30px;
    background-repeat: repeat-y;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }



/* Style ----------------------------------------------------------------- */

/* Global */

body {
    font: normal 12px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
	color: #000000;
}

.r12 {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.p12 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

.r10 {
	font-size: 10px;
	_font-size: 75%;
	font-weight: normal;
	color: #111111;
}

.b11 {
	font-size: 11px;
	font-weight: bold;
	color: #111111;
}

.style-red {
	color: #EE0000;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}


.firstbtn a{
	position: relative;
	width: 168px;
	height: 32px;
	float: left;
	background: url(../images/btn1.jpg) top center no-repeat;
}

.firstbtn a:hover,
.firstbtn a#current{
	background: url(../images/btn1.jpg) 0px -32px no-repeat;
}


.secondbtn a{
	position: relative;
	width: 168px;
	height: 32px;
	float: left;
	background: url(../images/btn2.jpg);
}

.secondbtn a:hover,
.secondbtn a#current{
	background: url(../images/btn2.jpg) 0px -32px no-repeat;
}

.thirdbtn a{
	position: relative;
	width: 168px;
	height: 32px;
	float: left;
	background: url(../images/btn3.jpg);
}

.thirdbtn a:hover,
.thirdbtn a#current{
	background: url(../images/btn3.jpg) 0px -32px no-repeat;
}

.fourthbtn a{
	position: relative;
	width: 168px;
	height: 32px;
	float: left;
	background: url(../images/btn4.jpg);
}

.fourthbtn a:hover,
.fourthbtn a#current{
	background: url(../images/btn4.jpg) 0px -32px no-repeat;
}

.fifthbtn a{
	position: relative;
	width: 168px;
	height: 32px;
	float: left;
	background: url(../images/btn5.jpg);
}

.fifthbtn a:hover,
.fifthbtn a#current{
	background: url(../images/btn5.jpg) 0px -32px no-repeat;
}





/*LINK*/
a:link{text-decoration:none;color:#000066;}
a:visited{text-decoration:none;color:#000099;}
a:active{text-decoration:none; color:#000099;}
a:hover {text-decoration:underline; color:#0000CC;}


/***** Content *****/

/* header */

br.fclear {
	clear: left;
}