/**************** styles reset ****************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
 margin:0; padding:0;
 }
table{
 border-collapse:collapse; border-spacing:0;
 }
fieldset, img{
 border:0;
 }
address, caption, cite, code, dfn, em, strong, th, var{
 font-style:normal; font-weight:normal;
 }
ol, ul{
 list-style:none;
 }
caption, th{
 text-align:left;
 }
h1, h2, h3, h4, h5, h6{
 font-size:100%; font-weight:normal;
 }
q:before, q:after{
 content:''}
abbr, acronym{
 border:0;
 }
 
/**************** font styles ****************/ 
 /**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {
	font:13px Lucida Grande, Hiragino Kaku Gothic Pro, ƒqƒ‰ƒMƒmŠpƒS Pro W3, ‚l‚r ‚oƒSƒVƒbƒN;
*font-size:small;*font:x-small;	
}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:93%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.9em;}

 
 
/**************** Body and tag styles ****************/


body{
	background-color: #DDDDC8;
	text-align:center;
	background-image: url(../images/body_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

a{
color:#828233;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#60A800; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0;}

img.left,img.center,img.right{padding:0; border:0;}
img.left{float:left; margin:0;}
img.center{display:block; margin:0;}
img.right{float:right; margin:0;}

/**************** Header and navigation styles ****************/

#container{
	width:750px;	
	margin:0 auto;
	padding:0;
	text-align:left;
  clear: both;
	background-color: #FAFAF6;	
}

#header{
height:57px;
width:750px;
/*width:751px;*/
background:url(../images/header_bg.gif) no-repeat left top;
/*background:url(../images/hedder_bg_02.gif) no-repeat left top;*/
}

#navigation{
height:37px;
width:750px;
/*width:751px;*/
background:url(../images/navigation_bg.gif) no-repeat left top;
/*background:url(../images/navigation_bg_02.gif) no-repeat left top;*/
}
#navigation ul{
margin:0;
float:right;
white-space:nowrap;
}
#navigation li{
margin:0;
float:left;
display:block;
list-style-type:none;
white-space:nowrap;
}

/**************** Content styles ****************/
#content{
float:right;
width:550px;
padding:20px 10px 20px 0;
line-height:1.4em;
}

#content h2{
display:block;
margin:0 10px 10px 10px;
padding:0px;
background:url(../images/u-line.gif) repeat-x left bottom;
font-size:150%;
color:#7C7C66;
font-weight:bold;
}

.normal{
margin:0 10px;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 10px; font-size:115%;color:#60A800;font-weight:bold;}
#content a{text-decoration:underline;}
#content a:hover,#subcontent a:hover{text-decoration:none;}
#content ul,#content ol{margin:0 10px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}
.table-list{margin-left:10px;}
.table-list td{
padding-left:10px;
background:url(../images/li_01.gif) no-repeat left center;
}
.table-01{
	margin:5px 10px;
  border: 1px solid #CCC;
  border-collapse: collapse;	
}
.table-01 th,
.table-01 td{
  padding: 2px;
  border: 1px solid #FFF;
}
.table-01 th{
	background-color:#CCCCCC;
	text-align:center;
	font-weight:bold;
}
.table-01 td{
	background-color:#DDDDDD;
}
.list-01 ul{
margin:0px;
white-space:nowrap;
}
.list-01 li{
padding-left:10px;
margin-bottom:5px;
list-style-type:none;
white-space:nowrap;
background:url(../images/li_01.gif) no-repeat left top;
}
.topics{
margin:0 0 0 10px;
}
.backtotop{
margin:10px 10px 50px 0;
text-align:right;
}

/**************** home main-img style ****************/
#img-main{
display:block;
width:100%;
height:275px;
background:url(../images/img_main.gif) no-repeat left top;
}
#btn-shousai{
padding-top:186px;
padding-left:400px;
display:block;
}

/**************** Sidebar styles ****************/
#subcontent{
float:left;
width:170px;
font-size:100%;
padding:20px 0 0 10px;
}


/**************** Footer styles ****************/

#footer{
clear:both;
margin:0px;
padding:0px;
width:750px;
/*width:751px;*/
height:71px;
font-size:85%;
color:#333333;
background:#FAFAF6;
background:url(../images/footer_bg.gif) no-repeat left top;
/*background:url(../images/footer_bg_02.gif) no-repeat left top;*/
}

#footer p{padding-top:25px; margin:0; text-align:center;line-height:1.5em;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{
	float:left; 
	width:45%;
	margin:10px 5px 20px 20px;
	/*margin:10px 5px 20px 10px;*/	
}
.splitcontentright{
	float:right; 
	width:45%;
	margin:10px 20px 20px 5px;
	/*margin:10px 10px 20px 5px;*/	
}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

.box_grn{
margin:0 0 20px 0;
padding:10px;
border:1px solid #afcf30;
background-color:#f0f5cf;
/*color:#505050;*/
line-height:1.5em;
}

.text-m-yellow-bold{
color:#828233;
font-weight:bold;
}
/**************** left-column box-sub styles ****************/
#box-sub-top{
width:160px;
height:13px;
margin:0;
background:url(../images/box_sub_top.gif) no-repeat left top;
}
#box-sub-middle{
width:160px;
margin:0;
padding:0 8px;
background:url(../images/box_sub_middle.gif) repeat-y left top;
}
#box-sub-middle h2{
display:block;
margin:0 15px 5px 5px;
/*margin-right:5px;*/
background:url(../images/u-line.gif) repeat-x left bottom;
text-align:left;
font-size:110%;
color:#60A800;
font-weight:bold;
}

#box-sub-middle ul{
width:135px;
margin:0 0px 0 5px;
}
#box-sub-middle li{
padding:0px;
}
#box-sub-middle a{
padding-left:11px;
background:url(../images/li_03.gif) no-repeat left top;
/*background:url(../images/li_03_b.gif) no-repeat left 3px;*/
color:#7C7C66;
font-weight:bold;
/*line-height:1.2em;*/
display:list-item;
/*margin-bottom:-15px;*/

}
#box-sub-middle a:hover{
padding-left:11px;
background:url(../images/li_03_on.gif) no-repeat left top;
/*background:url(../images/li_03_on_b.gif) no-repeat left 3px;*/
color:#B7D32B;
font-weight:bold;
/*line-height:1.2em;*/
display:list-item;
/*margin-bottom:-15px;*/

}
#box-sub-middle-02{
width:160px;
margin:0;
padding:0;
background:url(../images/box_sub_middle.gif) repeat-y left top;
}
#sub-btn{
width:140px;
margin:0;
padding:0;
}
#sub-btn li{
margin-bottom:10px;
/*_margin-bottom:7px;*/
list-style-type:none;
line-height:0em;
}
#sub-btn li.last{
margin:0;
list-style-type:none;
line-height:0em;
}

#box-sub-bottom{
width:160px;
height:13px;
margin:0;
background:url(../images/box_sub_bottom.gif) no-repeat left top;
}

/**************** home box-main styles ****************/
#box-main-top{
width:550px;
height:20px;
margin:0;
background:url(../images/box_main_top.gif) no-repeat left top;
}
#box-main-middle{
width:550px;
margin:0;
background:url(../images/box_main_middle.gif) repeat-y left top;
}
#box-main-middle h2{
margin:0 20px;
background:url(../images/u-line.gif) repeat-x left bottom;
font-size:150%;
color:#7C7C66;
font-weight:bold;
}
#box-main-bottom{
width:550px;
height:25px;
margin:0 0 20px 0;
background:url(../images/box_main_bottom.gif) no-repeat left top;
}
#service{
width:490px;
height:120px;
margin-left:35px;
}
#service ul{
margin:10px 0 0 0;
white-space:nowrap;
}
#service li{
margin:0 10px 10px 0;
float:left;
display:block;
list-style-type:none;
white-space:nowrap;
}

.text-b{
	font-weight:bold;
	color:#333;
	}

.attentionBox {
	border:1px solid #F00;
	margin:10px;
	padding:10px;
	color:#F00;
	}