@charset "UTF-8";

@import url(reset.css);
@import url(fonts.css);
@import url(layout.css);

/* --------------------------------------------------
 * general
 * -------------------------------------------------- */
html {
}

body {
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-position:left top;
background-color:#fff;
text-align:center;
overflow-y:scroll;
color:#333;
}


/* ie6, ie7 hack */
*html body,
*+html body {
overflow-y:auto;
}


a {
color:#06C;
text-decoration:none;
}
a:hover {
color: #06C;
text-decoration: underline;
}


h1 {
font-size: 146.5%;
margin: 0 0 1em;
font-weight:bold;
background-image:url(../images/bg_h1.png);
background-repeat:repeat-x;
padding:0 0 30px;
}

h2 {
font-size: 131%;
margin:0 0 0.5em;
font-weight:bold;
border-left:10px solid #990;
padding:0 0 0 10px;
}

h3 {
font-size: 116%;
margin: 0 0 0.5em;
padding:0.2em;
font-weight:bold;
background-color:#F1F1DD;
}

h4 {
font-size: 100%;
margin: 0 0 0.5em;
font-weight:bold;
border-bottom:1px solid #990;
}

p {
padding:0 0 1.5em;
}

ul {
margin:0 0 1em;
}
ul li {
/*list-style-type:disc;*/
padding:0 0 0 20px;
margin-bottom: 0.3em;
background-image:url(../images/list_news.png);
background-position:left top;
background-repeat:no-repeat;
}

ol {
margin:0 0 1em 2em;
}
ol li {
list-style-type: decimal;
margin-bottom: 0.3em;
}

strong {
font-weight:bold;
}

table {
border-collapse:collapse;
margin: 0 0 1.5em;
}
table th {
background-color: #990;
border: 1px solid #6A6A00;
padding:0.5em;
font-weight:bold;
}
table td {
border: 1px solid #6A6A00;
padding:0.3em;
background-color:#F0F0D9;
}
.bg_w td,
.bg_w th{
background-color:#FFFFFF;
}

pre {
margin: 0 0 1.5em;
padding: 0.5em;
border: 1px solid #ccc;
font-size:77%;
line-height:100%;
background-color: #EFEFEF;
font-family: monospace;
}

h2 small {
color:#666;
font-size:60%;
}
h2.toptitle {
border:none;
margin:0px;
padding:0px;
}

img.textmiddle {
vertical-align:middle;
}

.margin {
margin-bottom:1em;
}
/* --------------------------------------------------
 * user class
 * -------------------------------------------------- */
.attentionbox {
border:3px double #999;
padding:0.5em; 
background-color:#ffc;
margin:0 0 1.5em;
}


/* --------------------------------------------------
 * maincol
 * -------------------------------------------------- */
div#single #maincol {
margin: 1em 1.5em;
}



/* --------------------------------------------------
 * content
 * -------------------------------------------------- */
.content {
zoom:100%;
}
.content:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


/* --------------------------------------------------
 * maincontent
 * -------------------------------------------------- */
#menu ul{
margin:0 0 1.3em 0;
}

#menu li{
list-style-type:none;
margin-bottom:1px;
background-image:none;
padding:0em;
}


#news {
background-color:#F0F0D9;
width:460px;
margin-bottom:20px;
}

#news h2 {
border:none;
margin:0px;
padding:0px;
}

#news ul{
margin:0;
padding:1em;
}

#news li{
list-style-type:none;
background:url(../images/list_news.png) no-repeat;
padding: 0 0 0.5em 2em;
}

#attention{
background-image:url(../images/attention.png);
background-repeat:no-repeat;
border-bottom:2px solid #C00;
border-top:2px solid #C00;
border-right:2px solid #C00;
margin:2em 0;
padding:0.4em 3em 0;
position:relative;
}
#attention p{
padding:0 0 0.5em;
}
/*
#attention .icon {
position:absolute;
top:0px;
left:0px;
}
*/
#e-town{
padding:0 0em 1em;
}
/* --------------------------------------------------
 * detail_maincontent
 * -------------------------------------------------- */

#explanation{
border:1px solid #ccc;
}

/* --------------------------------------------------
 * table

 * -------------------------------------------------- */
table.value{
text-align:right;
}

table.value th {
text-align:center;
}

tr.subtotal{
background-color:#FFFF99;
}

tr.total{
background-color:#CCCC99;
}

/* --------------------------------------------------
 * box
 * -------------------------------------------------- */
.creation {
padding:1em 0;
margin-bottom:0.5em;
}
.creation td {
border:0;
}

.photo,.text{
float:left;
}
.photo {
/* border:1px solid #CCC; */
margin-right:0.3em;
}

.photo img{
margin:9px;
}

.text {
width:250px;
padding-left: 4px;
color:#333;
}

.img_left {
float:left;
margin:0 1em 1em 0;
text-align:center;
font-size:77%;
}

.pattern{
background-color:#DDE8A4;
}

/* --------------------------------------------------
 * rightcol
 * -------------------------------------------------- */
#sidemenu {
	padding: 1em 0;
}

#link h3 {
background-color:transparent;
padding: 0px;
}
#link ul {
margin-top: 0.5em;
}
#link li{
list-style-type:none;
background-image:none;
padding:0.2em 0 0 0;

}


/* --------------------------------------------------
 * footer
 * -------------------------------------------------- */
#address{
	float:left;
	line-height: 167%;
}

#line {
	border-top:1px solid #666;
	padding:0.5em 0 0;
	margin-top: 0.5em;
}

.copyright {
background-color:#036;
height:50px;
}

.copy_text{
padding:18px 0;
color:#FFFFFF;
/* font-size:77%; */
text-align:center;
}