@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  case
=================================================================== */

/*----------------------------------------------------
	#title
----------------------------------------------------*/
#title{
	text-indent:-9999px;
	width:900px;
	height:160px;
	background:url(../image/case/ttl.jpg) no-repeat;
	margin-bottom:3px;
}
#title02{
	text-indent:-9999px;
	width:900px;
	height:160px;
	background:url(../image/case/ttl02.jpg) no-repeat;
	margin-bottom:3px;
}
#title03{
	text-indent:-9999px;
	width:900px;
	height:160px;
	background:url(../image/case/ttl03.jpg) no-repeat;
	margin-bottom:3px;
}
#title04{
	text-indent:-9999px;
	width:900px;
	height:160px;
	background:url(../image/case/ttl04.jpg) no-repeat;
	margin-bottom:3px;
}
#title05{
	text-indent:-9999px;
	width:900px;
	height:160px;
	background:url(../image/case/ttl05.jpg) no-repeat;
	margin-bottom:3px;
}
/*----------------------------------------------------
	#breadcrumbs
----------------------------------------------------*/
#page .breadcrumbs{
	font-size:10px;
	margin-bottom:20px;
}
#page .breadcrumbs a{
	color:#1F7F1F;
	text-decoration:underline;
}
/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main .lead{
	font-size:18px;
	margin-bottom:20px;
	line-height:120%;
}
#main .lead span{
	font-size:14px;
	color:#FF6600;
}
#main .lead span.f12{
	font-size:12px;
	color:#333;
}
#main .box{
	margin-bottom:5px;
	padding-bottom:0
}

#main .oneline{width:640px;margin-left:10px;	font-size:14px;}

#main .oneline:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

#main .oneline .inner-l{
	float:left;
	width:310px;
	margin-bottom:20px;
}

#main .oneline .inner-r{
	float:right;
	width:310px;
	margin-bottom:20px;
}
#main .oneline .ttl{
	width:310px;
	padding:0 0 5px 0;
	margin-bottom:10px;
	background:url(../image/case/border.gif) no-repeat left bottom;
}
#main .oneline .ttl:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

#main .oneline h3{
	float:left;
	width:200px;
	font-size:16px;
	padding:0;
}
#main .oneline p{
	color:#666;
}
#main .oneline h3 a{color:#000;}
#main .box h3 span{color:#72C900;}
#main .oneline h3 a:hover{color:#1F7F1F;}

#main .oneline .more{
	text-indent:-9999px;
	float:right;
	width:75px;
	height:18px;
	font-size:10px;
	background:url(../image/case/more-off.gif) no-repeat left bottom;
}
#main .oneline .more a{
	display:block;
	text-decoration:none;
	width:75px;
	height:18px;
	background:url(../image/case/more.gif) no-repeat left bottom;
}
#main .oneline .more a:hover{
	background:url(../image/case/more-over.gif) no-repeat left bottom;
}
/*pagetop*/
#main .pagetop{
	font-size:10px;
	margin-bottom:20px;
	text-align:right;
}
#main .pagetop a{color:#666;}
#main .pagetop a span{
	color:#1F7F1F;
}
#main .pagetop a:hover{
	color:#1F7F1F;
}

/*----------------------------------------------------
	sub
----------------------------------------------------*/
/*-pagelink-*/
#sub .pagelink{
	width:180px;
	background:url(../image/common/sub-bg.gif) repeat-y;
	padding:5px 10px;
	margin-bottom:20px;
	border-top:5px solid #E6E6E6;
	border-bottom:5px solid #E6E6E6;
}
#sub .pagelink p{
	margin-bottom:5px;
	padding-left:13px;
	background:url(../image/privacy/arrow.gif) no-repeat;
	font-size:12px;
}
#sub .pagelink p a{
	color:#333;
}
#sub .pagelink p a:hover{
	color:#1F7F1F;
}
/*-pagelink-*/
#sub .link-area{
	width:190px;
	background-color:#E6E6E6;
	padding:5px 5px 0 5px;
	margin-bottom:20px;
}
#sub .link-area p{
	width:190px;
	height:50px;
	padding-bottom:5px;
}
#sub .link-area a{
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	width:190px;
	height:50px;
}
#sub .link-area p.link01{background:url(../image/case/link01.jpg) no-repeat;}
#sub .link-area p.link02{background:url(../image/case/link02.jpg) no-repeat;}
#sub .link-area p.link03{background:url(../image/case/link03.jpg) no-repeat;}
#sub .link-area p.link04{background:url(../image/case/link04.jpg) no-repeat;}
#sub .link-area p.link05{background:url(../image/case/link05.jpg) no-repeat;}
#sub .link-area p.link06{background:url(../image/case/link06.jpg) no-repeat;}
#sub .link-area p.link07{background:url(../image/case/link07.jpg) no-repeat;}
#sub .link-area p.link01 a:hover{background:url(../image/case/link01-over.jpg) no-repeat;}
#sub .link-area p.link02 a:hover{background:url(../image/case/link02-over.jpg) no-repeat;}
#sub .link-area p.link03 a:hover{background:url(../image/case/link03-over.jpg) no-repeat;}
#sub .link-area p.link04 a:hover{background:url(../image/case/link04-over.jpg) no-repeat;}
#sub .link-area p.link05 a:hover{background:url(../image/case/link05-over.jpg) no-repeat;}
#sub .link-area p.link06 a:hover{background:url(../image/case/link06-over.jpg) no-repeat;}
#sub .link-area p.link07 a:hover{background:url(../image/case/link07-over.jpg) no-repeat;}

/*----------------------------------------------------
	menu
----------------------------------------------------*/
#header .menu li.case a{background:url(../image/common/menu.jpg) no-repeat -300px -50px;}

/*----------------------------------------------------
	lead02
----------------------------------------------------*/

#main .lead02{
	font-size:14px;
	padding-bottom:200px;
	background:url(../image/case/case01-img.jpg) no-repeat left bottom;
	margin-bottom:20px;
}
#main .lead03{
	font-size:14px;
	padding-bottom:200px;
	background:url(../image/case/case02-img.jpg) no-repeat left bottom;
	margin-bottom:20px;
}