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

/***********************************************/
/****************** company ********************/
/***********************************************/

.jph #left_colmun li a{background-image:url(../img/localnavi.gif);}

.jph #left_colmun li#left01 a{background-position:0 0;}
.jph #left_colmun li#left02 a{background-position:0 -30px;}
.jph #left_colmun li#left03 a{background-position:0 -60px;}
.jph #left_colmun li#left04 a{background-position:0 -90px;}
.jph #left_colmun li#left05 a{background-position:0 -120px;}
.jph #left_colmun li#left06 a{background-position:0 -150px;}
.jph #left_colmun li#left07 a{background-position:0 -180px;}
.jph #left_colmun li#left08 a{background-position:0 -210px;}
.jph #left_colmun li#left09 a{background-position:0 -240px;}
.jph #left_colmun li#left10 a{background-position:0 -270px;}
.jph #left_colmun li#left11 a{background-position:0 -300px;}
.jph #left_colmun li#left12 a{background-position:0 -330px;}
.jph #left_colmun li#left13 a{background-position:0 -360px;}

.jph #left_colmun li#left01 a:hover{background-position:-231px 0;}
.jph #left_colmun li#left02 a:hover{background-position:-231px -30px;}
.jph #left_colmun li#left03 a:hover{background-position:-231px -60px;}
.jph #left_colmun li#left04 a:hover{background-position:-231px -90px;}
.jph #left_colmun li#left05 a:hover{background-position:-231px -120px;}
.jph #left_colmun li#left06 a:hover{background-position:-231px -150px;}
.jph #left_colmun li#left07 a:hover{background-position:-231px -180px;}
.jph #left_colmun li#left08 a:hover{background-position:-231px -210px;}
.jph #left_colmun li#left09 a:hover{background-position:-231px -240px;}
.jph #left_colmun li#left10 a:hover{background-position:-231px -270px;}
.jph #left_colmun li#left11 a:hover{background-position:-231px -300px;}
.jph #left_colmun li#left12 a:hover{background-position:-231px -330px;}
.jph #left_colmun li#left13 a:hover{background-position:-231px -360px;}

.jph .bnr{
	margin:15px 0 15px 15px;
}

.jph #title{
	border:1px solid #CCC;
	height:106px;
	width:632px;
	position:relative;
}

.jph #title h2{
	position:absolute;
	top:3px;
	left:3px;
}

/* index */
.jph .index{
	background:url(../img/topimage.jpg) top left no-repeat;
	width:635px;
	height:558px;
	position:relative;
}

.jph .index .btn_concept{
	position:absolute;
	bottom:30px;
	left:30px;
}

.jph .index #long, .jph .index #safe, .jph .index #feature{
	float:left;
	margin-right:1em;
}

.jph .index #long a, .jph .index #safe a, .jph .index #feature a{
	display:block;
	width:186px;
	height:111px;
	text-indent:-10000px;
}

.jph .index #long a{background:url(../img/btn_long.jpg) top left no-repeat;}
.jph .index #safe a{background:url(../img/btn_safe.jpg) top left no-repeat;}
.jph .index #feature a{background:url(../img/btn_feature.jpg) top left no-repeat;}

.jph .index #long a:hover{background:url(../img/btn_long.jpg) bottom left no-repeat;}
.jph .index #safe a:hover{background:url(../img/btn_safe.jpg) bottom left no-repeat;}
.jph .index #feature a:hover{background:url(../img/btn_feature.jpg) bottom left no-repeat;}


.jph #year{
	position:relative;
	height:20px;
	margin-top:30px;
}

.jph #year .c1{
	position:absolute;
	top:0;
	left:305px;
	width:80px;
	background-color:#CCC;
	color:#FFF;
	text-align:center;
}

.jph #year .c2{
	position:absolute;
	top:0;
	left:415px;
	width:90px;
	background-color:#999;
	color:#FFF;
	text-align:center;
}

.jph #year .c3{
	position:absolute;
	top:0;
	left:535px;
	width:100px;
	background-color:#6FBA2C;
	color:#FFF;
	text-align:center;
}

.jph .subnavi{
	margin-top:3em;
}

.jph .subnavi li{
	float:left;
	margin-right:1em;
}

.jph .subnavi li a{
	background:url(../img/bg_link.gif) 0% 50% no-repeat;
	padding-left:0.8em;
	color:#6FBA2C;
}

.jph .subnavi li a:hover{
	text-decoration:underline;
}

.jph .subnavi li.select a{
	background:url(../img/bg_link.gif) 0% 50% no-repeat;
	padding-left:1em;
	color:#555;
}

.jph .subnavi li.select a:hover{
	text-decoration:none;
}

/* concept(long, safe, feature) */
.jph .concept h3{
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0 0.5em 0;
}

.jph .concept p, .jph .change p{
	line-height:2em;
}

.jph .concept .link a{
	color:#6FBA2C;
	background:url(../img/bg_link.gif) 0 50% no-repeat;
	padding-left:1em;
}

.jph .concept .link a:hover{
	text-decoration:underline;
}

/* 7926 */
.jph .change{
	position:relative;
}

.jph .change .c1{
	position:absolute;
	top:0;
	right:0;
}

/* history */
.jph .history{
}

.jph .history ul.products li{
	position:relative;
	height:130px;
	border-bottom:1px dotted #CCC;
	padding-top:1.5em;
}

.jph .history .c1{
	color:#6FBA2C;
	font-size:1.2em;
}

.jph .history .c1, .jph .history .c2{
	width:290px;
}

.jph .history .flow{
	position:absolute;
	top:1.5em;
	right:0;
}

.jph .history .flow div{
	float:left;
}

.jph .history .flow div p{
	text-align:center;
	font-size:0.8em;
}

.jph .history .flow div.c3{
	padding-top:20px;
}

.jph .history .flow div.c4{
	padding-top:10px;
}

.jph .history .flow div.c5{
	padding:55px 10px 0;
}

.jph .history .flow div.c6{
	color:#6FBA2C;
	font-size:1.1em;
}