@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

body h1.seotext {
	margin: 0 auto;
	color:#000000;
	font-weight: normal;
	text-align: center;
	line-height: 1.7;
	background: #fff;
}
/*-------------------------------------------------------------------
	#case
-------------------------------------------------------------------*/
#case {
	margin-bottom:70px;
	overflow: hidden;
	/zoom: 1;
}
#case .box {
	float:left;
	width: 390px;
	margin: 0 30px 0px 0;
	overflow: hidden;
	/zoom: 1;
}
#case .none,
#case .box .imgbox .none {
	margin-right: 0;
}
#case .box h4 {
	background:#E1FBE2;
	
	padding: 10px 10px 6px 10px;
	text-align: center;
	margin: 0 0 10px;
	color: #000;
	font-size:14px;
	font-weight: bold;
	line-height: 1.0;
}
#case .box .imgbox {
	background: url(../image/list_ba_arrow.jpg) center top 80px no-repeat;
	overflow: hidden;
	/zoom: 1;
}
#case .box .imgbox dl,
#case .box .imgbox li {
	float: left;
	width: 180px;
	margin: 0 30px 0 0;
	text-align: center;
}
#case .box .imgbox dl dt {
	margin: 10px 0 0px;
	
	line-height: 1.0;
}
#case .box .imgbox dl dd a,
#case .box .imgbox dl dd span,
#case .box .imgbox li a,
#case .box .imgbox li span {
	border: 1px solid #CCCCCC;
	/*background: #fff;*/
	padding: 4px;
	width: 170px;
	height: 170px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#case .box p.more {
	margin-top: 24px;
	text-align: center;
}
/*-------------------------------------------------------------------
	#greeting
-------------------------------------------------------------------*/
#greeting {
	
	margin-bottom:30px;
	
}
p.img01{
	margin-bottom: 30px;
	text-align: center;
}

#greeting .image span {
    /* border: 1px solid #CCCCCC; */
    display: table-cell;
  margin-top: 29px;
    text-align: center;
    vertical-align: middle;

}
.text p+p{
	padding-top: 28px;
}

/**/
.box01{
	/* position: relative; */
	/* position:absolute; */
	padding: 0 0 20px 0;
	overflow: hidden;
	background: url(../image/index_01_pic.jpg) top+35px left no-repeat;
}
.box01 ul{
	float: left;
	margin-right: 20px;
	width: 418px;
	padding-left: 360px;
}

.li_left{
	float:left;
	width: 143px;
	/* margin-right: 30px; */
}

.li_left:nth-child(2n) {
	width: 108px;
margin-right: 0;
}
.li_left2{
	float:left;
	width: 129px;
	/* margin-right: 30px; */
}

.li_left2:nth-child(2n) {
	width: 251px;
	margin-right: 0;
}


.box01 ul li{
	font-weight: bold;
	font-size: 1.28em;
	line-height: 2.0;
	padding-left: 19px;
	background: url(../image/icon_index.jpg)left top 13px no-repeat;
}
.box01.last{
	padding: 9 0 13px 0;
	background: url(../image/index_02_pic.jpg) top+35px left no-repeat;
}

.with1{
    /* position: relative; */
    /* right: 667px; */
    /* position:absolute; */
    /* z-index: 1; */
    padding-left: 230px;
    padding-bottom: 20px;
}
.with2{
    padding-left: 230px;
    padding-bottom: 10px;
}
/*-------------------------------------------------------------------
	#topics
-------------------------------------------------------------------*/

#topics {
	height: 160px;
	padding: 0px 0;
	margin: 0px auto 70px;
	line-height: 1.6;
	overflow-y: scroll;
}
#topics dl {
	overflow: hidden;
	/zoom: 1;
	padding: 10px 0 8px 20px;
	color: #645752;
}
#topics dl.even {
}
#topics dt {
	float: left;
}
#topics dd {
	padding: 0 0 0 103px;
}
/*#topics dd a{
	color: #662C13;
	text-decoration: underline;
}

#topics dd a:hover{
	text-decoration: none;
}*/