@charset "Shift_JIS";

@import url("init.css");
@import url("base.css");
@import url("common.css");

ul#gNavi li#gL5 a {
	background-position:-620px -90px;
}

h2 {
	background:url(../example/img/title.jpg) no-repeat;
}

div#columnR h3 {
	width:auto;
	height:20px;
	text-indent:-9999px;
	margin-bottom:20px;
}

/*////////////////////////////
//index///////////////////////
////////////////////////////*/

h3#index {
	background:url(../example/img/title.gif) no-repeat left center;
}
ul.list {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #CCC;
}

ul.list li a  {
	widows:640px;
	height:140px;
	display:block;
	text-indent:10px;
	line-height:250%;
	font-weight:bold;
}
ul.list li a:hover {
	text-decoration:none;
}
li#c001 a {
	background:url(../example/img/001.jpg) no-repeat;
}
li#c002 a {
	background:url(../example/img/002.jpg) no-repeat;
}
li#c003 a {
	background:url(../example/img/003.jpg) no-repeat;
}
li#c004 a {
	background:url(../example/img/004.jpg) no-repeat;
}
li#c005 a {
	background:url(../example/img/005.jpg) no-repeat;
}
li#c006 a {
	background:url(../example/img/006.jpg) no-repeat;
}
li#c001 a:hover, li#c002 a:hover, li#c003 a:hover, li#c004 a:hover , li#c005 a:hover , li#c006 a:hover{
	background-position: 0 -140px;
}
/*////////////////////////////
//�ڍ�////////////////////////
////////////////////////////*/

/*title/////////////////////*/

h3.case1 {
	background:url(../example/001/title.gif) no-repeat left center;
}
h3.case2 {
	background:url(../example/002/title.gif) no-repeat left center;
}
h3.case3 {
	background:url(../example/003/title.gif) no-repeat left center;
}
h3.case4 {
	background:url(../example/004/title.gif) no-repeat left center;
}
h3.case5 {
	background:url(../example/005/title.gif) no-repeat left center;
}
h3.case6 {
	background:url(../example/006/title.gif) no-repeat left center;
}
/*mainImg/////////////////*/
div#mainImg {
	width:640px;
	height:304px;
	position:relative;
	margin-bottom:10px;
}
div.case1 {
	background:url(../example/001/main_img.jpg) no-repeat;
}
div.case2 {
	background:url(../example/002/main_img.jpg) no-repeat;
}
div.case3 {
	background:url(../example/003/main_img.jpg) no-repeat;
}
div.case4 {
	background:url(../example/004/main_img.jpg) no-repeat;
}
div.case5 {
	background:url(../example/005/main_img.jpg) no-repeat;
}
div.case6 {
	background:url(../example/006/main_img.jpg) no-repeat;
}
/*////////////////////////*/

div#mainImg p {
position:absolute;
top:7px;
left:5px;
}
div#mainImg ul {
	width:150px;
	height:50px;
	display:block;
	position:relative;
	top:180px;
	left:5px;
}
/*for case5*/
div#mainImg ul#case5 { 
	top:200px;
	left:500px;
}
#copy_c5{
	line-height:170%;
	margin-bottom:20px;
	}
#copy_c5 img{
	float:right;
	margin-left:10px;
	}
/**/
p#copy {
	margin-bottom:30px;
}
ul#pg {
	width:640px;
	height:auto;
	display:block;
}
ul#pg li {
	float:left;
}
ul#pg li a {
	width:114px;
	height:110px;
	display:block;
	overflow:hidden;
	background:url(../example/img/pg_bg.gif) no-repeat center bottom;
	border:5px solid #F0F0F0;
	margin:0 5px 5px 0;
}
ul#pg li.marginN a {
	margin-right:0;
}
ul#pg li a:hover {
	border-color:#FFCC66;
}

p.floor{
	font-weight:bold;
	margin:10px 0 10px 0;
	color:#FFFFFF;
	padding:2px 0 2px 5px;
	background-color:#43371E;
	clear:both;
}

div#bBtn {
	clear:both;
}
div#bBtn a {
	width:240px;
	height:35px;
	display:block;

	text-indent:-9999px;
	overflow:hidden;
	background:url(../example/img/back_btn.gif) no-repeat;
	margin:30px auto;
}
div#bBtn a:hover {
background-position:0 -35px;