@charset "utf-8";
/* CSS Document */

/* Mainimage
-------------------------------------------------------------- */

#mainImg{
	width:936px;
	height:330px;
	margin-bottom:0.5em;
	background:url(../img/mainImage.jpg) no-repeat;
}

#mainImg .btn{
	width:234px;
	height:43px;
	padding:256px 0 0 672px;
}


/* Main
-------------------------------------------------------------- */

#main{
	width:708px;
	float:left;	
	overflow:hidden;
}

#main h3{
	width:312px;
	height:108px;
	display:block;
	float:left;
	margin:1em 2em 0 1em;
	border-bottom:1px solid #ccc;
}

* html #main h3{
	width:312px;
	height:108px;
	display:block;
	float:left;
	margin:1em 1em 0 1em;
	border-bottom:1px solid #ccc;
}

#main .borderNone{
	border:0;
}

/*Point*/
#point {
}

#point ul{
	
}

#point li{
	width:240px;
	height:48px;
	float:left;
	margin:1em 2em 0 1em;
	padding:36px 72px 24px 0;
	border-bottom:1px solid #ccc;
	font-size:9px;
	line-height:12px;
	overflow:hidden;
}

#point .li1{
	background:url(../img/point1.gif) no-repeat;
}

#point .li2{
	background:url(../img/point2.gif) no-repeat;
	padding-left:12px;
}

#point .li3{
	background:url(../img/point3.gif) no-repeat;
}

#point .li4{
	background:url(../img/point4.gif) no-repeat;
	padding-left:12px;
}

#point .li5{
	background:url(../img/point5.gif) no-repeat;
	border:0;
}

#point .li6{
	background:url(../img/point6.gif) no-repeat;
	padding-left:12px;
	border:0;
}



/*News*/

#news{
	clear:both;
	width:696px;
	height:528px;
	background:url(../img/newBg.gif) no-repeat 0 36px;
	margin-top:12px;
}

#news ul{
	clear:both;
}

.tab {
	width:636px;
	height:3em;
	float:left;
}

.rss{
	margin:0;
	width:4em;
	height:3em;
	float:left;
	background:url(../img/iconRss.gif) no-repeat 0 center;
	text-indent:-9999px;
	overflow:hidden;
}

.rss a{
	display:block;
	width:4em;
	height:3em;
}

.rss a:hover{
	background:url(../img/hover.gif);
	filter:alpha(opacity=60); 
	opacity:0.60;
}

.tab li{
	float:left;
	width:132px;
	height:36px;
	cursor:pointer;
	position:relative;
	top:1px;
	text-indent:-9999px;
	overflow:hidden;
}

.tab1{
	background:url(../img/tab1.gif) no-repeat;
}

.tab2{
	background:url(../img/tab2.gif) no-repeat;
}

.tab1.selected{
	background:url(../img/tab1Selected.gif) no-repeat;
}

.tab2.selected{
	background:url(../img/tab2Selected.gif) no-repeat;
}

/*Panel*/

.panel li{
	clear:both;
	padding:27px 18px 18px 24px;
	width:648px;
	height:444px;
}

#panel1 .more,
#panel2 .more{
	margin:0;
	text-align:right;
	font-size:12px;
	line-height:1em;
	background:url(../img/iconArrow1.gif) no-repeat 528px 0; 
}

#panel1 p a:hover,
#panel2 p a:hover{
	text-decoration:none;
}



/*成功事例*/

#panel1 dl{
	clear:both;
	width:648px;
	height:96px;
	margin-bottom:1em;
	border-bottom:1px dotted #ccc;
}

#panel1 dt{
	padding-bottom:0.5em;
}

#panel1 dt img{
	width:120px;
	height:84px;
	float:left;
	margin-right:2em;
}

* html #panel1 dt img{
	width:120px;
	height:84px;
	float:left;
	margin-right:21px;
}

#panel1 dt .title{
	width:396px;
	float:left;
	font-weight:bold;
	overflow:hidden;
}

#panel1 dt .date{
	width:96px;
	float:left;
	text-align:right;
	padding-right:12px;
	font-size:9px;
	overflow:hidden;
}

#panel1 dd{
	float:left;
	width:504px;
	height:41px;
	padding-top:1em;
	padding-bottom:1em;
	overflow:hidden;
}


/*お知らせ*/

#panel2 dl{
	clear:both;
	width:648px;
	height:96px;
	margin-bottom:1em;
	border-bottom:1px dotted #ccc;
}

#panel2 dt{
	padding-bottom:0.5em;
}

#panel2 dt img{
	float:left;
	width:24px;
	height:12px;
}

#panel2 dt .title{
	width:516px;
	float:left;
	text-indent:1em;
	font-weight:bold;
	overflow:hidden;
}

#panel2 dt .date{
	width:96px;
	float:left;
	text-align:right;
	padding-right:1em;
	font-size:9px;
}

#panel2 dd{
	clear:both;
	width:612px;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:3em;
	margin-bottom:2em;
	overflow:hidden;
}