/* CSS Document */
@charset "Shift_JIS";


/* ------------------------------ */
/* body */

body { margin:auto; padding: 0px; width:742px; font-size:11px; color:#333; text-align:center;
	   background:url(../../img/bg.jpg) repeat-x; font-family:Verdana,"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; line-height:140%;}
img  { border:0;}

/* ------------------------------ */
/* link */

a        { color:#333; text-decoration:underline;}
a:hover  { color:#F27C00; text-decoration:none;}

/* ------------------------------ */
/* layout */

h1{ margin:0; padding:0;}
br.clear{ margin:0; padding:0; font-size:0; line-height:0em; clear:both;}

/* ------------------------------ */
/* position */

.po_right    { text-align:right;}
.po_center   { text-align:center;}
.po_left     { text-align:left;}


/* ------------------------------ */
/* footer */
#foot{ width:742px; font-size:10px; color:#666; text-align:center;}
#copy{ border-top:1px solid #CCC; line-height:24px; font-size:10px; color:#999; text-align:center;}
#copy a      { color:#666; text-decoration:none;}
#copy a:hover{ color:#666; text-decoration:underline;}

/* ------------------------------ */
/* font */

.bd10{ font-size:10px;}
.bd14{ font-size:14px;}

/* ------------------------------ */
/* layout */
#header table{ width:742px; height:67px;}
#header .mb5 { margin-bottom:5px;}
#header input[type="text"] {width:220px;}
#head_img          { width:742px; height:136px;}
#head_img .hi_left { float:left;  width:140px; height:136px; text-align:right;}
#head_img .hi_right{ float:right; width:602px; height:136px; text-align:left;}

#content { width:742px; text-align:left; padding-top:8px;}
#content .co_left  { float:left;  width:163px; margin-right:6px;}
#content .co_center{ float:left;  width:404px; margin-right:6px;}
#content .co_right { float:right; width:163px;}

#content .update   { width:404px; height:462px; overflow:auto; margin-top:4px; border-bottom:1px solid #AAA; overflow-x:hidden;
										 scrollbar-face-color:#EFF0E8;
										 scrollbar-highlight-color:#ECECEC;
										 scrollbar-track-color:#DBDDCD;
										 scrollbar-shadow-color:#ECECEC;
										 scrollbar-3dlight-color:#FFF;
										 scrollbar-arrow-color:#F27C00;
										 scrollbar-darkshadow-color:#BBB;
}
#content .update_info   { width:404px; height:366px; overflow:auto; margin-top:4px; border-bottom:1px solid #AAA; overflow-x:hidden;
										 scrollbar-face-color:#EFF0E8;
										 scrollbar-highlight-color:#ECECEC;
										 scrollbar-track-color:#DBDDCD;
										 scrollbar-shadow-color:#ECECEC;
										 scrollbar-3dlight-color:#FFF;
										 scrollbar-arrow-color:#F27C00;
										 scrollbar-darkshadow-color:#BBB;
										 padding-bottom:10px;
}
#content .co_center table{ width:380px;}
#content .co_center th{ font-weight:normal; text-align:left; color:#944612; width:55px; vertical-align:top;}
#content .co_center td{ background:url(../img/arrow.gif) no-repeat 1px 0.8em; padding-left:12px;}
#content .co_center td.none { background:none; padding:0;}

#content .btn      { margin:-4px 0 8px 0;}
#content .menu ul  { margin:0; padding:0; list-style-type:none;}
#content .menu li  { margin:0; padding:0; font-size:1px; line-height:0; text-decoration:none;}
#content .monthly   { margin-top:12px; font-size:10px; border-bottom:1px solid #AAA;}
#content .monthly ul{ padding:0; margin:0; list-style-type:none;}
#content .monthly li{ background:url(../img/arrow.gif) no-repeat 0em 6px; padding-left:8px;}
#content .about     { margin-top:12px; font-size:10px; border-bottom:1px solid #AAA; margin-bottom:12px;}
#content .about p   { margin:4px; margin-top:2px; margin-left:0; border-left:3px solid #F2C200; padding-left:5px;}
#content .about ul  { padding:0; margin:0; margin-top:-4px; margin-bottom:5px; list-style-type:none; border-left:3px solid #F2C200; padding-left:5px;}
#content .about li  { background:url(../img/arrow.gif) no-repeat 0em; padding-left:10px;}
#content .banner    { background:#F5F5F5;}
#content .banner ul { margin:0; padding:5px 5px 0 5px; list-style-type:none;}
#content .banner li { padding-bottom:5px;}
#content .link      { margin-top:12px; padding:0 0 4px 0; font-size:10px; border-bottom:1px solid #AAA;}
#content .link ul   { padding:0; margin:0; list-style-type:none;}
#content .link li   { background:url(../img/arrow.gif) no-repeat 0.5em; padding-left:14px;}
iframe{ margin:0 0 12px 0; border-bottom:1px solid #C1C1C1; font-size:10px;}

#content .koukoku    { margin-top:12px; text-align:center; border-bottom:1px solid #AAA;}
#content .koukoku ul { margin:0; padding:5px 5px 0 5px; list-style-type:none;}
#content .koukoku li { padding-bottom:5px;}


.co_brown{ color:#944612;}
.co_red  { color:#CC0000;}
.co_blue  { color:#76BCE9;}

.green .point{
	color:#fff;
	background:#C00;
	padding:2px;
}