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

/*----------------------------------------------------
	#title
----------------------------------------------------*/
#title{
	text-indent:-9999px;
	width:900px;
	height:160px;
	background:url(../image/about/ttl.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:14px;
	margin-bottom:20px;
}
#main .box{
	margin-bottom:5px;
}
#main .box h3{
	width:660px;
	padding:0 10px 10px 10px;
	font-size:18px;
	margin-bottom:10px;
}

#main .box h3.about01{background:url(../image/about/about01.gif) no-repeat left bottom;}
#main .box h3.about02{background:url(../image/about/about02.gif) no-repeat left bottom;}
#main .box h3.about03{background:url(../image/about/about03.gif) no-repeat left bottom;}

#main .box h3 span{color:#72C900;}
#main .box .inner{
	width:650px;
	margin-left:10px;
	font-size:14px;
}
#main .box a{
	color:#1F7F1F;
}
/*point01*/
#main .point01{
	width:370px;
	padding:10px 0;
	padding-left:280px;
	font-size:12px;
	background:url(../image/about/point01.jpg) no-repeat left center;
}
#main .point01 span{
	font-size:16px;
	color:#FF6600;
}
/*point02*/
#main .point02{
	width:370px;
	padding-right:280px;
	background:url(../image/about/point02.jpg) no-repeat right center;
}
#main .point02 span{
	color:#FF6600;
}
/*point03*/
#main .point03{
	width:370px;
	height:206px;
	padding-left:280px;
	background:url(../image/about/point03.jpg) no-repeat;
	padding-bottom:10px;
}
#main .point03 span{
	color:#FF6600;
}
/*point04*/
#main .point04{
	width:270px;
	padding-right:380px;
	background:url(../image/about/point04.jpg) no-repeat right center;
}
#main .point04 span{
	color:#FF6600;
}
/*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;
}


/*----------------------------------------------------
	#about-cp
----------------------------------------------------*/

#main .about-cp{
	margin-bottom:10px;
	border-top:2px solid #E6E6E6;
	border-bottom:2px solid #E6E6E6;
	padding-top:18px;
	font-size:14px;
}
#main .about-cp h4{
	font-size:18px;
	margin-bottom:10px;
}
#main .about-cp p{
	margin-bottom:20px;
}

#main .about-cp .cp-ttl{
	font-size:18px;
	color:#72C900;
	margin-bottom:2px;
}
#main .about-cp .cp-ttl a{
	font-size:12px;
	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/about/link01.jpg) no-repeat;}
#sub .link-area p.link02{background:url(../image/about/link02.jpg) no-repeat;}
#sub .link-area p.link03{background:url(../image/about/link03.jpg) no-repeat;}
#sub .link-area p.link01 a:hover{background:url(../image/about/link01-over.jpg) no-repeat;}
#sub .link-area p.link02 a:hover{background:url(../image/about/link02-over.jpg) no-repeat;}
#sub .link-area p.link03 a:hover{background:url(../image/about/link03-over.jpg) no-repeat;}

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