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

body {
text-align: center;
background: #cccccc url(../images/bg_1116.jpg) repeat-x fixed top;
}
#mawari {
text-align: left;
width: 920px;
margin: 0px auto 20px;
}
#zentai {
background: #FFF;
padding-bottom: 5px;
padding-top: 0px;
}

a:hover img {
opacity:0.6;
filter: alpha(opacity=60);* IE用 */
}

#header {
width: 880px;
margin-left: 20px;
}
#header_nav {
width: 880px;
background: url(../images/header_nav.jpg) repeat-x bottom;
text-align: left;
height: 32px;
margin: 0px 0px 0px 20px;
}
#header_nav h3 {
margin: 0px;
padding-left: 20px;
padding-top: 6px;
font-weight: normal;
}
#header_nav h3 a {
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #006;
}
#header_nav h3 a:hover {
color: #C00;
text-decoration: underline;
}



#nav {
width: 253px;
margin-left: 20px;
margin-top: 30px;
float: left;
margin-bottom: 30px;
}
#nav ul li {
font-size: 13px;
line-height: 140%;
font-weight: bold;
margin-bottom: 10px;
}
#nav ul #navno {
font-size: 13px;
font-weight: bold;
color: #006;
background: url(../images/Menu_bg.jpg) repeat-x left top;
display: block;
padding: 10px;
line-height: 140%;
border: 1px solid #066;
}
#nav ul #navno2 {
background: url(../images/Menu_bg.jpg) no-repeat left bottom;
font-size: 13px;
line-height: 140%;
font-weight: bold;
color: #006;
display: block;
padding: 10px 10px 10px 20px;
border: 1px solid #006;
}
#nav ul #navno3 {
font-size: 12px;
line-height: 140%;
display: block;
}
#nav ul #navno3 a {
color: #009;
text-decoration: none;
background: #FFF;
}
#nav ul #navno3 a:hover {
color: #C00;
text-decoration: underline;
}



#nav ul li a {
text-decoration: none;
color: #006;
background: url(../images/nav_02.jpg) repeat-x top;
display: block;
padding: 10px 10px 10px 20px;
border: 1px solid #999;
}
#nav ul li a:hover {
color: #006;
background: url(../images/nav_01.jpg) repeat-x top;
border: 1px solid #F99;
}
#nav #jimukyoku {
padding: 8px;
margin-top: 20px;
border: 1px solid #009;
}
#nav #jivrosg {
font-size: 12px;
line-height: 140%;
font-weight: bold;
text-align: left;
margin-top: 20px;
padding: 10px;
border: 2px solid #C00;
background: url(../images/jivrosg.jpg) no-repeat left bottom;
}
#nav #jivrosg a {
text-decoration: none;
color: #009;
}
#nav #jivrosg a:hover {
text-decoration: underline;
color: #006;
}



#nav #Count {
font-size: 11px;
margin-top: 15px;
padding: 5px;
border: 1px solid #999;
}
#nav #koukoku {
margin-top: 10px;
border: 1px solid #999;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;
}


#nav #clq {
width: 247px;
margin-top: 10px;
font-size: 90%;
margin-left: 5px;
color: #060;
}
#nav #link {
margin-top: 30px;
background-image: url(../images/nav_0917.gif);
background-repeat: no-repeat;
border: 1px solid #006;
float: left;
width: 253px;
margin-bottom: 30px;
margin-left: 20px;
}
#nav #link a {
	text-decoration: none;
	color: #00F;
}
#nav #link a:hover {
color: #C00;
text-decoration: underline;
}
.gochi {
font-weight: bold;
}
.red_bold {
    font-weight: bold;
    color: #FA0000;
}
.akagochi {
	font-weight: bold;
	color: #C00;
}
.akagochi14 {
font-size: 14px;
font-weight: bold;
color: #C00;
}


#nav #counter {
background: #FFF;
margin-top: 20px;
padding: 8px;
border: 1px dotted #666;
font-size: 96%;
}


#contents {
float: right;
width: 600px;
margin-right: 20px;
margin-top: 30px;
}
#column {
margin-bottom: 20px;
}
#column #columntext {
font-size: 14px;
line-height: 150%;
}
#column #columntext #souti {
float: left;
background: #FFF;
display: block;
margin-right: 10px;
}
#contents #touroku {
font-size: 12px;
line-height: 150%;
padding: 10px;
margin-bottom: 15px;
background: #FFC;
border: 1px solid #00F;
}
#contents #touroku .akagochi14 a {
text-decoration: none;
}
#contents #touroku .akagochi14 a:hover {
color: #C00;
text-decoration: underline;
}





#column02 #news {
float: left;
width: 380px;
margin-bottom: 20px;
}
#column02 #news h3 {
font-size: 109%;
font-weight: bold;
color: #FFF;
text-indent: 10px;
padding-top: 8px;
padding-bottom: 8px;
background: #066;
}
#column02 #news ul {
font-size: 100%;
border: 1px solid #346266;
}
#column02 #news ul li {
list-style: url(../images/list_1.gif) outside;
margin: 10px 10px 5px 20px;
}
#column02 #news ul a {
text-decoration: none;
color: #009;
}
#column02 #news ul a:hover {
color: #F00;
text-decoration: underline;
}

/* scroll
------------------------------------------------------------*/
#news_day {
	width: 380px;
	height: 300px;
	overflow: scroll;
}	
/*----------------------------------*/

#column02 #quicktime {
float: right;
width: 200px;
margin-bottom: 30px;
}
#column02 #quicktime #quicktimetext {
font-size: 100%;
line-height: 130%;
}
#column02 #quicktime #handson {
	font-size: 13px;
	line-height: 150%;
	border: 1px solid #999;
	border-radius: 4px;
	margin-top: 5px;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
}
#column02 #quicktime #handson #handM {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F69;
}
#column02 #quicktime #handson #handM a {
	color: #036;
	text-decoration: none;
}
#column02 #quicktime #handson #handM a:hover {
	color: #C00;
}
#column02 #quicktime #Handson {
	margin-bottom: 20px;
	background-image: url(../images/Handson_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 1px solid #009;
	border-radius: 4px;
}
#column02 #quicktime #Handson #quicktimetext {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 150%;
}
#column02 #quicktime #Handson #quicktimetext a {
	text-decoration: none;
	color: #006;
}
#column02 #quicktime #Handson #quicktimetext a:hover {
	color: #C00;
	text-decoration: underline;
}

#footer {
background: url(../images/footer_bg.jpg) repeat-x center bottom;
width: 880px;
margin-left: 20px;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
margin-bottom: 20px;
}