/*導入事例一覧：トップページ----*/


div#case1,div#case2,div#case3,div#case4{
	background-image:url(../case/img/case1.jpg);
	background-repeat:no-repeat;
	width:660px;
	height:167px;
	margin:20px 0px;
	}


div#case1{	background-image:url(../case/img/idx_back_ca1.jpg);}
div#case2{	background-image:url(../case/img/idx_back_ca2.jpg);}
div#case3{	background-image:url(../case/img/idx_back_ca3.jpg);}
div#case4{	background-image:url(../case/img/idx_back_ca4.jpg);}

div#case1 p,div#case2 p,div#case3 p,div#case4 p{
	padding:65px 0px 0px 5px;
	width:370px;
	height:70px;
}




/* 導入事例一覧:caseピンクのリンク-------------------------------------*/
 ul.link {
	margin:0px;
	padding:0px;
}
ul.link li {
	margin:0px;
	float: left;
	width: 152px;
	list-style-type: none;
	padding-right: 12px;
	padding-bottom: 12px;
}
ul.link li a {
	display: block;
	overflow: hidden;
	width: 152px;
	height: 0 !important;
	height /**/:22px;
	padding-top: 22px;
	color: #FFFFFF;
	background-repeat:no-repeat;
}

ul.link li#link1 a {	background-image:url(../case/img/idx_case01.gif);}
ul.link li#link2 a {	background-image:url(../case/img/idx_case02.gif);}
ul.link li#link3 a {	background-image:url(../case/img/idx_case03.gif);}
ul.link li#link4 a {	background-image:url(../case/img/idx_case04.gif);}
ul.link li#link1 a:hover {	background-image:url(../case/img/idx_case01on.gif);}
ul.link li#link2 a:hover {	background-image:url(../case/img/idx_case02on.gif);}
ul.link li#link3 a:hover {	background-image:url(../case/img/idx_case03on.gif);}
ul.link li#link4 a:hover {	background-image:url(../case/img/idx_case04on.gif);}


/* 導入事例１----------------------------------------------------------------------*/

 ul#case1_01{
	margin:0px 0px 0px 30px;
	padding:0px;
}
ul#case1_01 li {
	margin:0px 0px 0px 10px;
	float: left;
	width: 277px;
	list-style-type: none;
	padding-right: 12px;
	padding-bottom: 12px;
}
ul#case1_01 li a {
	display: block;
	overflow: hidden;
	width: 277px;
	height: 0 !important;
	height /**/:349px;
	padding-top: 349px;
	color: #FFFFFF;
	background-repeat:no-repeat;
}

ul#case1_01 li#link1 a {	background-image:url(../case/img/ca1_02.gif);}
ul#case1_01 li#link2 a {	background-image:url(../case/img/ca1_03.gif);}
ul#case1_01 li#link1 a:hover {	background-image:url(../case/img/ca1_02on.gif);}
ul#case1_01 li#link2 a:hover {	background-image:url(../case/img/ca1_03on.gif);}

/* 導入事例１----------------------------------------------------------------------*/

 ul#case2_01{
	margin:40px 0px 0px 40px;
	padding:0px;
}
ul#case2_01 li {
	margin:0px 0px 0px 10px;
	float: left;
	width: 559px;
	list-style-type: none;
	padding-right: 12px;
	padding-bottom: 12px;
}
ul#case2_01 li a {
	display: block;
	overflow: hidden;
	width: 559px;
	height: 0 !important;
	height /**/:388px;
	padding-top: 388px;
	color: #FFFFFF;
	background-repeat:no-repeat;
}

ul#case2_01 li#link1 a {	background-image:url(../case/img/ca2_03.gif);}
ul#case2_01 li#link1 a:hover {	background-image:url(../case/img/ca2_03on.gif);}


/* 導入事例４　仙巌園プレミアムツアー----------------------------------------------------------------------*/

table#senganen{
	width:660px;
}
table#senganen th{
	padding:5px;
	width:220px;
	text-align:center;
	color:#060;
	border:1px solid #090;
	background-color:#9C9;
}
table#senganen td{
	padding:15px;
	width:220px;
	vertical-align:top;
	border:1px solid #090;
	background-color:#FFC
}
table#senganen td div.swt{
	text-align:center;
	color:#C60;
	padding:5px 0px;
}
table#senganen td span{
	color:#093;
	font-weight:normal;
}