Fli@charset "utf-8";

/*------------------------------------
  base
------------------------------------*/ 
body.index {
    font:13px "ＭＳ Ｐゴシック", "MS P Gothic", arial,helvetica,clean,sans-serif;
    *font-size: small;
    *font: x-small;
	color: #000;
}


/*------------------------------------
  Anchor
------------------------------------*/ 
.index a {
	color: #666;
	text-decoration: none;
}
.index a:hover {
	color: #666;
	text-decoration: underline;
}


/*------------------------------------
  #wrapper
------------------------------------*/ 
.index #wrapper {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	line-height: 120%;
}


/*------------------------------------
  header
------------------------------------*/ 
.index .header {
	width: 1000px;
	height: 75px;
	margin: 0;
	padding: 0;
}
.index .header h1 {
	float: left;
	width: 276px;
	padding: 20px 0 0 28px;
}
.index .top_menu {
	float: left;
	width: 600px;
	padding: 10px 14px 0 0;
}
body.index div.top_menu p.menu {
	float: left;
	width: 520px;
	padding: 7px 10px 0 0;
	text-align: right;
	font-size: 77%;
}
.index .top_menu ul.size {
	float: right;
	width: 70px;
	height: 20px;
	padding: 2px 0 0 0;
}
.index .top_menu ul.size li {
	float: left;
	padding: 0 0 0 5px;
	display: block;
}
.index .top_menu ul.size li a {
	float: left;
	display: block;
	height: 20px;
}
.index .top_menu ul.size li img {
	display: block;
}
.index .logo {
	float: right;
	padding: 8px 20px 0 0;
}
.index .top_img {
	width: 1000px;
	height: 440px;
	padding: 0;
	margin: 0;
}


/*------------------------------------
  #hnav
------------------------------------*/ 
.index #nav {
	height: 35px;
	width:960px;
	margin: 5px 0 5px 20px;
	background:url(../images/index/nav_bg.jpg);
}
.index #nav ul {
	margin-left:42px;
}
.index #nav li {
	float: left;
	padding: 3px 8px 0 0;
}
.index #nav .search {
	float: right;
	width: 309px;
	height: 23px;
	margin: 5px 20px 0 0;
	background: url(../images/index/nav_search.jpg);
}
.index input {
	margin: 0 0 0 10px;
	vertical-align: bottom;
}
.index .inputbox {
	width: 260px;
	height: 14px;
	font-size: 12px;
	line-height: 100%;
	border: 1px solid #fff;
}
.index .input1 {
	border: none;
	color: #000;
}


/*------------------------------------
  gnav
------------------------------------*/ 
.index ul.gnav {
	width: 960px;
	height: 50px;
	margin:0 0 0 20px;
}
.index ul.gnav li {
	float: left;
	display: inline;
}


/*------------------------------------
  #contents
------------------------------------*/ 
.index #contents {

}


/*------------------------------------
  #left_column
------------------------------------*/ 
.index #left_column {
	float: left;
	display: inline;
	width: 459px;
	margin-left:18px;
	padding-bottom: 20px;
}
body.index h2 {
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
}
.index dl.news_list {
	width: 433px;
	margin-left: 13px;
	padding: 8px 0;
	background: url(../images/index/dot01.gif) repeat-x left bottom;
	font-size: 85%;
	line-height: 120%;
}
.index dl.news_list dt {
	float: left;
	display: block;
	width: 60px;
	padding-right: 5px;
}
.index dl.news_list dd {
	float: left;
	display: block;
	width: 368px;
}
.index dl.news_list a {
	color: #2f99d4;
	text-decoration: underline;
}
.index .news_footer {
	width: 433px;
	margin-left: 13px;
	padding: 6px 0;
}
.index .news_link {
	float: right;
	margin: 6px 0 0 0;
	padding: 2px 0 0 15px;
	font-size: 12px;
	line-height: 100%;
	background: url(../images/index/icon_arrow.jpg) no-repeat left 3px;
}
.index .news_link a {
	text-decoration: underline;
}

		
/*------------------------------------
  #center_column
------------------------------------*/ 		
.index #center_column {
	float:left;
	width: 212px;
	margin-left:20px;
	font-size: 85%;
}
.index ul.ulTab {
	width: 211px;
	margin: 0;
	padding: 0;
}
.index ul.ulTab img{
	display: block;
}
.index ul.ulTab li.tabl {
	float: left;
}
.index ul.ulTab li.tabr {
	float: right;
}
.index .cont {
	width: 190px;
	height: 184px;
	padding: 12px 11px 0 10px;
	background: url(../images/index/box3_bg02.gif) no-repeat;
	font-size: 12px;
}
.index .link_box {
	display: block;
	margin-top: 10px;
	padding-left: 15px;
	vertical-align: middle;
	background: url(../images/index/icon_arrow1.gif) no-repeat left center;
}
.index .orange {
	color: #da7600;
	font-weight: bold;
}
.index .cont p {
	float: left;
	width: 100px;
	line-height: 1.6em;
}
.index .cont dl {
	float: right;
	width: 74px;
}
.index .cont dt {
}
.index .cont dd {
	font-size: 11px;
	text-align: right;
	line-height: 1.5em;
}
.black {
	font-size: 12px;
	font-weight: bold;
}
.index #center_column a {
	color: #da7600;
	text-decoration: underline;
}


/*------------------------------------
  #right_column
------------------------------------*/ 		
.index #right_column {
	float: left;
	width: 252px;
	margin-left: 20px;
}
body.index h2.column{
	width: 212px;
	height: 23px;
	background: url(../images/index/column_h2.jpg) no-repeat;
	padding: 9px 0 0 40px;
	color: #6e5123;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
}

/*
.index #box1 {
	width:252px;
	height:126px;
	background:url(../images/index/area_box.jpg) no-repeat;
}

.index #box1 .txt {
	margin:12px 10px 0 10px;
}

.index #box1 p {
	font-size: 11px;
	line-height:1.4em;
}

#.index box1 .link_box {
	vertical-align:middle;
	display: block;
	background:url(../images/index/icon_arrow1.gif) no-repeat left center;
	padding-left:15px;
	margin: 0 0 0 0;
	float: right;
	font-size: 11px;
}
*/

div.columnbox {
	width: 252px;
	height: 125px;
	background: url(../images/index/column_box.jpg) no-repeat;
	font-size: 12px;
}
div.columnbox p.column_l {
	float: left;
	width: 145px;
	padding: 12px 0 0 10px;
	line-height: 1.4em;
}
div.columnbox .green {
	color: #58a431;
	font-weight: bold;
}
div.columnbox p.column_r {
	float: right;
	width: 79px;
	padding: 12px 10px 0 0;
}
div.columnbox .link_box {
	float: right;
	display: block;
	margin: 6px 0 0 0;
	padding-left:15px;
	background: url(../images/index/icon_arrow2.gif) left 4px no-repeat;
	font-size: 12px;
	vertical-align: middle;
}
div.columnbox .link_box a {
	color: #58a431;
	text-decoration: underline;
}
.index #banner_box {
	width: 212px;
	margin-top: 10px;
}


.index #link01 {
	margin-left: 18px;
}	
.index #friendlink {
	clear: both;
	width: 689px;
	margin: 0 0 18px 0;
	background: url(../images/index/link01_repeat.gif) repeat-y;
}
.index .frienlink_bottom {
	background: url(../images/index/link01_bottom.gif) left bottom no-repeat;
	width: 689px;
	padding: 15px 0 5px 10px;
}
.index #friendlink ul {
}
.index #friendlink ul li {
	float: left;
	display: block;
	padding: 0 18px 10px 0;
}

.index #banner_box2 {
	margin: 15px 0 0 0;
	text-align: center;
}
.index #banner_box2 a {
	display: block;
	margin: 0 0 10px 0;
}
 		
.index #footer {
	clear: left;
	width: 1000px;
	padding-top: 10px;
	border-top: #CCCCCC solid 2px ;
}
.index #footer .footmenu {
	float: left;
	width: 480px;
	padding: 0 0 0 20px;
}
.index #footer .footmenu a {
	background: url(../images/foot_navi_icon.gif) left top no-repeat;
	padding: 0 0 0 8px;
	margin: 0 10px 0 0;
	font-size: 77%;
	color: #2f99d4;
}
.index #footer .copyright {
	float: right;
	width: 480px;
	margin: 0 0 20px 0;
	padding: 0 20px 0 0;
	text-align: right;
	color: #333333;
	font-size: 10px;
}


/*------------------------------------
　font
------------------------------------*/ 
.brown {
	color:#6e5123;
}
.black {
	color:#000000;
	font-size:13px;
}