#index01 {
	width:625px;
	text-indent: -9999px;
}


#index01 a {
	display:block;
	width:625px;
	height: 180px;
	margin-bottom: 10px;
	background-image: url(../index/img001.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#index01 a:hover {
	background-position: 0px -180px;
}


#staff {
	width:625px;
	text-indent: -9999px;
}


#staff a {
	display:block;
	width:625px;
	height: 180px;
	margin-bottom: 10px;
	background-image: url(../index/img007.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#staff a:hover {
	background-position: 0px -180px;
}



ul.index02 {
	width:625px;
	height: 300px;
}

ul.index02 li {
	float: left;
}


#c01 {
	text-indent: -9999px;
}


#c01 a {
	display:block;
	width:615px;
	height: 450px;
	margin-right: 5px;
	background-image: url(../index/c001.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#c01 a:hover {
	background-position: 0px -450px;
}





#c02 {
	text-indent: -9999px;
}


#c02 a {
	display:block;
	width:205px;
	height: 330px;
	margin-right: 5px;
	background-image: url(../index/c002.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#c02 a:hover {
	background-position: 0px -330px;
}



#c03 {
	text-indent: -9999px;
}


#c03 a {
	display:block;
	width:205px;
	height: 330px;
	background-image: url(../index/c003.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#c03 a:hover {
	background-position: 0px -330px;
}


/* add ul index 03 */

ul.index03 {
	width:820px;
	height: 300px;
}

ul.index03 li {
	float: left;
}


#d01 {
	text-indent: -9999px;
}


#d01 a {
	display:block;
	width:820px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/d001.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#d01 a:hover {
	background-position: 0px -280px;
}





#d02 {
	text-indent: -9999px;
}


#d02 a {
	display:block;
	width:820px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/d002.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#d02 a:hover {
	background-position: 0px -280px;
}



#d03 {
	text-indent: -9999px;
}


#d03 a {
	display:block;
	width:820px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/d003.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#d03 a:hover {
	background-position: 0px -280px;
}


/* add ul index 03 */


#m01 {
	text-indent: -9999px;
}


#m01 a {
	display:block;
	width:205px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/m001.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m01 a:hover {
	background-position: 0px -280px;
}





#m02 {
	text-indent: -9999px;
}


#m02 a {
	display:block;
	width:205px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/m002.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m02 a:hover {
	background-position: 0px -280px;
}



#m03 {
	text-indent: -9999px;
}


#m03 a {
	display:block;
	width:205px;
	height: 280px;
	background-image: url(../index/m003.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m03 a:hover {
	background-position: 0px -280px;
}




#m04 {
	text-indent: -9999px;
}


#m04 a {
	display:block;
	width:205px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/m004.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m04 a:hover {
	background-position: 0px -280px;
}





#m05 {
	text-indent: -9999px;
}


#m05 a {
	display:block;
	width:205px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/m005.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m05 a:hover {
	background-position: 0px -280px;
}



#m06 {
	text-indent: -9999px;
}

#m06 a {
	display:block;
	width:205px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/m006.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m06 a:hover {
	background-position: 0px -280px;
}



#m07 {
	text-indent: -9999px;
}

#m07 a {
	display:block;
	width:205px;
	height: 280px;
	background-image: url(../index/m007.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m07 a:hover {
	background-position: 0px -280px;
}




#m08 {
	text-indent: -9999px;
}

#m08 a {
	display:block;
	width:205px;
	height: 280px;
	margin-right: 5px;
	background-image: url(../index/m008.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m08 a:hover {
	background-position: 0px -280px;
}


#m10 {
	text-indent: -9999px;
}

#m10 a {
	display:block;
	width:205px;
	height: 330px;
	margin-right: 5px;
	background-image: url(../index/m010.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m10 a:hover {
	background-position: 0px -330px;
}


#m11 {
	text-indent: -9999px;
}

#m11 a {
	display:block;
	width:205px;
	height: 330px;
	background-image: url(../index/m011.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m11 a:hover {
	background-position: 0px -330px;
}


#m12 {
	text-indent: -9999px;
}

#m12 a {
	display:block;
	width:205px;
	height: 330px;
	background-image: url(../index/m012.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#m12 a:hover {
	background-position: 0px -330px;
}


.homeIndexBlock01 {
	width: 650px;
	margin: 0 -20px 25px 0;
}
.homeIndexBlock01 h2 {
	margin: 0 0 16px 0;
}
.homeIndexBlock01 .section {
	float:left;
	position: relative;
	width: 210px;
	min-height: 88px;
	_height: 85px;
	margin: 0 20px 0 0;
	padding: 0 0 15px 95px;
}


/* -+-+-+-+ pick-up-menu スタート */
#pick-up {
	width:200px;
	height: 350px;
	float: left;
}


/* -+-+-+-+ topics スタート */
#topics {
	width:689px;
	clear: both;
}
#topics  h2 {
	width:689px;
	height: 50px;
	background-image: url(../public_html/index/topics-top.jpg);
	text-indent: -9999px;
}

#topics dl {
	list-style-type: none;
	list-style-type: none;
	overflow: auto;
	float: left;
	width: 209px;
	padding: 10px;
}

 
#topics dt{
	color: #4A6F00;
	font-weight: bold;
	line-height: 1.5em;
	background-image: url(../public_html/common/pointmark2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
 
 
 
#topics dd {
	margin-bottom: 20px;
	color: #666666;
	line-height: 1.5em;
	font-size: 0.9em;
	margin-top: 10px;
}
 
#topics dd img{
	width:209px;
	height: 150px;
	margin-bottom: 10px;
}

.border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E3E3E3;
}

.photo {
   width:620px;
   margin-left:-10px;
   margin-bottom:20px;
   text-align:justify;
   text-justify:distribute;
   font-size:13px;
   line-height:1.4;
}

/* 回り込み解除 ここから */
.photo {
   ⁄zoom:1;
}

.photo:after {
   content:'';
   display:block;
   clear:both;
}
/* 回り込み解除 ここまで */

.photo h2 {
   margin:1em 0;
   font-size:13px;
   font-weight:bold;
}

.photo p {
   /zoom:1;
   overflow:hidden;
   margin:1em 0;
}

.photoInner {
   display:inline; /* for IE6 */
   width:190px;
   float:left;
   margin-left:15px;
}




/* for menu */
.menu_p {
   width:620px;
   margin-bottom:20px;
   text-align:justify;
   text-justify:distribute;
   font-size:13px;
   line-height:1.4;
}

/* 回り込み解除 ここから */
.menu_p {
   ⁄zoom:1;
}

.menu_p:after {
   content:'';
   display:block;
   clear:both;
}
/* 回り込み解除 ここまで */

.menu_p h2 {
   margin:1em 0;
   font-size:13px;
   font-weight:bold;
}

.menu_p p {
   /zoom:1;
   overflow:hidden;
   margin:0.3em 0;
}
.menu_pimg {
   display:inline; /* for IE6 */
   width:610px;
   margin-left:15px;
}
.menu_p1Inner {
	display:inline; /* for IE6 */
	width:600px;
	float:left;
	margin-left:5px;
}

.menu_p2Inner {
	display:inline; /* for IE6 */
	width:230px;
	float:left;
	margin-left:10px;
}

/* for side menu */

#side{
	width:220px;
	padding:20px;
	float: left;
	display:inline-block;
	height:700px;
	background-image: url(../edit/index/submenu_back.png);
	background-repeat: no-repeat;
 	background-position: 0px 20px;
	color:#fff;
}

.fixed{
	position:fixed;
	top:20px;
}

.cds-navi {
  list-style-position: inside;
  margin: 0 0 1em 0.5em;
  padding: 0;
}

.cds-navi ul {
  list-style-position: inside;
  margin: 0 0 0 1em;
  padding: 0;
}

.cds-navi li,
.cds-navi ul li { margin: 0 0 0; padding: 0; }

.cds-navi li a,
.cds-navi ul li a { text-decoration: none; }

.cds-navi li a:hover,
.cds-navi ul li a:hover { text-decoration: underline; }


/* --- メニューリスト --- */
/* --- リストエリア --- */
ul.thumbnail {
width: 860px; /* リストエリアの幅 */
margin: 0;
padding: 0;
/*border-top:  2px #ffffff solid;*/ /* リストエリアの上境界線 */
/*background: url(/index/menu_border_bottom.png) no-repeat;*/ /* タイトルエリアの背景 */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
padding: 5px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 5px #ffa07a solid ; /* リスト項目の下境界線 */
background: url(/index/menu_list_bg.png) no-repeat; /* タイトルエリアの背景 */
/*border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 90%;
}

/* --- 写真エリア --- */
ul.thumbnail dt.photo {
width: 210px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail dt.photo img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dt.title,
ul.thumbnail dd {
margin: 0 0 0 200px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail dt.title {
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 120%;
font-size:150%;
text-decoration: underline;
text-decoration-color: #D1D2D3;
}

/* --- コメントエリア --- */
ul.thumbnail dd {
line-height: 150%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- 見出しエリア --- */
div.heading {
width: 890px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}


/* --- フローチャート --- */
/* --- リストエリア --- */
ol.flow {
width: 700px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目 --- */
ol.flow li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(/index/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow dl {
margin: 0;
}

/* --- タイトルエリア --- */
ol.flow dt {
margin: 0px 30px 0;
padding: 10px 30px 10px; /* タイトルエリアのパディング（上、左右、下） */
background:url(/index/back_img_flow_top.png) no-repeat top; /* タイトルエリアの背景 */
/*background:#D7D7F4 no-repeat top; *//* タイトルエリアの背景 */
font-weight: bold;
color: #2b2b2b;
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
font-weight: bold;
color: #2b2b2b;
}

/* --- 本文エリア --- */
ol.flow dd {
margin: 0px 30px 0;
padding: 5px 40px 5px; /* 本文エリアのパディング（上、左右、下） */
background:url(/index/back_img_flow_bottom.png) no-repeat top; /* タイトルエリアの背景 */
/*background:#D7D7F4 no-repeat bottom;*/ /* 本文エリアの背景 */
color: #2b2b2b;
line-height: 150%;
}*/