@charset "Shift_JIS";


/*-------------------------------------------------------------
初めてのお客様へ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* message */
#about #contents #message{
	background: url(../about/img/message/bgMessage.jpg) no-repeat center top;
	padding: 35px 20px;
}

#about #contents #message h2{
	margin-bottom: 20px;
}

#about #contents #message h3{
	margin-bottom: 40px;
}

#about #contents #message p{
	margin-bottom: 20px;
}

#about #contents #message .layout02{
	width: 610px;
	padding-top: 20px;
}

#about #contents #message .layout01{
	background: url(../about/img/message/img03.jpg) no-repeat right top;
	padding: 20px 220px 10px  0;
}

#about #contents #message .layout02 .desc{
	width: 360px;
	float: right;
}

#about #contents #message .layout02 .pics{
	width: 230px;
	float: left;
}



/* profile */
#about #contents h4{
	width: 620px;
	margin: 0 auto;
}

#about #contents #profile{
	background: url(../about/img/message/bg_b.gif) no-repeat center bottom;
	width: 620px;
	margin: 3px 15px;
	padding-bottom: 10px;
}

#about #contents #profile dl{
	background: url(../about/img/message/bg_t.gif) no-repeat center top;
	padding: 15px;
	width: 590px;
}

#about #contents #profile dt{
	width: 186px;
	float: right;
}

#about #contents #profile dd{
	width: 389px;
	float: left;
}

#about #contents #profile dd p{
	margin-bottom: 20px;
}



/*-------------------------------------------------------------
商品への想い
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#about #contents #product{
	width: 646px;
}

/* pageNavi */
#about #contents #product #pageNavi{
	width: 644px;
}

#about #contents #product #pageNavi li{
	width: 155px;
	float: left;
	padding: 0 8px 32px 0;
}

#about #contents #product #pageNavi li.last{
	float: right;
	padding: 0;
}


/* headlines */
#about #contents #product h2{
	padding: 0 0 22px;
	width: 646px;
	margin: 0 auto;
}


/* dl */
#about #contents #product dl{
	width: 646px;
}

#about #contents #product dt{
	padding: 0 0 15px;
}

#about #contents #product dd{
	padding-bottom: 50px;
}

#about #contents #product dd.last{
	padding-bottom: 0;
}

#about #contents #product .layout{
	width: 646px;
	margin: 0 auto;
}

#about #contents #product .layout dl{
	width: 422px;
	float: left;
}

#about #contents #product .layout p{
	width: 200px;
	float: right;
	padding-top: 40px;
}

#about #contents #product .button{
	width: 160px;
	padding: 10px 0 42px 486px;
}


/*-------------------------------------------------------------
未来への想い
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#about #contents #future{
	margin-top: 40px;
}

#about #contents #future h2{
	margin-bottom: 22px;
}

#about #contents #future p{
	padding: 0 0 15px 10px;
}

#about #contents #future .layout01,
#about #contents #future .layout02{
	width: 646px;
	margin: 0 auto 20px;
}

#about #contents #future .layout01 .desc{
	width: 400px;
	float: left;
}

#about #contents #future .layout01 .pics{
	float: right;
	width: 219px;
	padding: 0;
}

#about #contents #future .layout02 .desc{
	width: 400px;
	float: right;
}

#about #contents #future .layout02 .pics{
	float: left;
	width: 219px;
	padding: 0;
}


/*-------------------------------------------------------------
会社概要
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#about #contents #company{
	width: 646px;
	margin: 0 auto;
}

#about #contents #company h2{
	margin-bottom: 28px;
}

#about #contents #company .layout{
	width: 646px;
	margin: 0 0 20px;
	background: url(../img/dot.gif) repeat-x left bottom;
	padding-bottom: 20px;
}

#about #contents #company .layoutLast{
	width: 646px;
	margin: 0 0 20px;
	background: none;
	padding-bottom: 20px;
}

#about #contents #company .layout .decs,
#about #contents #company .layoutLast .decs{
	width: 425px;
	float: right;
}

#about #contents #company .layoutLast .decs p{
	margin-bottom: 15px;
}

#about #contents #company .layout .pics,
#about #contents #company .layoutLast .pics{
	width: 200px;
	float: left;
}

#about #contents #company .layout .decs h3,
#about #contents #company .layoutLast .decs h3{
	margin-bottom: 20px;
}

#about #contents #company .layout .decs dt{
	font-weight: bold;
	color: #8D1C03;
	border-top: 2px solid #F7ECC4;
	padding: 15px 0 0 5px;
	margin-top: 20px;
}

#about #contents #company .layout .decs dd{
	border-bottom: 2px solid #F7ECC4;
	padding: 0 0 15px 5px;
}

/* table */
#about #contents #company table{
	width: 400px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#about #contents #company table td,
#about #contents #company table th{
	padding: 6px 10px;
	border: 1px solid #CCC;
}

#about #contents #company table th{
	background: #F7ECC4;
	width: 80px;
	text-align: left;
}


/* com */
#about #contents #company .com{
	width: 646px;
	padding-bottom: 52px;
}

#about #contents #company .com table{
	float: left;
}

#about #contents #company .com p{
	width: 230px;
	float: right;
}



/*-------------------------------------------------------------
ものづくりへの想い
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#about #contents #values{
	width: 646px;
	margin: 0 auto;
	background: url(../about/img/values/bg.jpg) no-repeat center top;
	position: relative;
}

#about #contents #values p{
	padding: 0 15px 15px 215px;
}


#about #contents #values p.nop{
	padding: 0 15px 15px 0;
}

#about #contents #values p.button{
	position: absolute;
	width: 160px;
	padding: 0;
	top: 280px;
	left: 30px;
}


/* headlines */
#about #contents #values h2{
	padding: 52px 0 12px 210px;
}

#about #contents #values h3{
	padding: 0 0 32px 210px;
}



/*-------------------------------------------------------------
HRKの社会貢献
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#about #contribution #inner ul{
	padding:0px 2px;
	width:646px;
	position:relative;
	text-align:center;
}

#about #contribution #inner .page01{
	background-image:url(../about/img/contribution/bg_individual-m.jpg);
	background-repeat:repeat-y;
	background-position:center;
	position:relative;
	margin-bottom:25px;
}

#about #contribution #inner .section{
	background-image:url(../about/img/contribution/bg_individual-t.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding:17px 0 0 75px;
	display:inherit;
	position:relative;
	
}

#about #contribution #inner .sec_ttl{
	padding-top:17px;
	position:absolute;
	width:100%;
	top:0px;
	left:75px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
}
#about #contribution #inner .sec_ttl span{
	display:block;
	float:left;
}
*:first-child+html #about #contribution #inner .sec_ttl{
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
}

#about #contribution #inner .pen{
	background-image:url(../about/img/contribution/pct_individual-pen.png);
	background-repeat:no-repeat;
	width:98px;
	height:59px;
	margin-top:-25px;
	margin-left:5px;
	float:right;
}

* html #about #contribution #inner .pen{
	margin-top:-18px;

}


#about #contribution #inner .sec_content{
	background-image:url(../about/img/contribution/bg_individual-b.jpg);
	background-repeat:no-repeat;
	background-position:0px bottom;
	margin-left:-51px;
	margin-top:55px;
	padding-left:15px;
	padding-bottom:30px;
}
*:first-child+html #about #contribution #inner .sec_content{
	padding-top:55px;
	background-position:0px bottom;
	width:599px;
}
* html #about #contribution #inner .sec_content{
	padding-top:55px;
	background-position:0px bottom;
	width:599px;
}

#about #contribution #inner .sc_left{
	float:left;
	margin-left:8px;
	width: 242px;
}
#about #contribution #inner .sc_right{
	width:290px;
	padding-left:265px;
	text-align:justify;
	text-justify:distribute;
	
}
*:first-child+html #about #contribution #inner .sc_right{
	padding-left:10px;
}
* html #about #contribution #inner .sc_right{
	padding-left:10px;
}



#about #contribution #inner .sc_right img{
	margin-left:25px;
	margin-top:20px;
}

/*#contribution #inner span{
	background-image:url(../about/img/pct_individual-line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	line-height:2.1em;
	padding-bottom:7px;
}*/
#about #contribution #inner .memotext{
	background-image:url(../about/img/contribution/pct_individual-line.gif);
	background-repeat:repeat;
	background-position:top;
	line-height:27px;
	padding-bottom:5px;
	display:block;
}

#about #contribution #inner .photo2{
	margin-top:10px;
}



.present{
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FF7FAA;
	text-align:center;
	padding-bottom:15px;
	line-height:120%;
}

.green{
	padding-bottom:20px;
}

.point{
	background-image:url(../about/img/diary/point.jpg);
	background-repeat:repeat-y;
	vertical-align:top;
	margin-bottom:30px;
}

.point h5{
	background-image:url(../about/img/diary/point_top.jpg);
	background-position:2px 0;
	height:44px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	
}


.point_last{
	background-image:url(../about/img/diary/point_last.jpg);
	background-repeat:no-repeat;
	background-position:0px bottom;
	
}

.book{
	padding-left:50px;
}

*:first-child+html .book {
	margin-bottom:-15px;
	}
 
* html {} 

.pt{
	font:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;
	font-weight:700;
	color:#008000;
	width:550px;
	line-height:120%;
	letter-spacing:50%;
	padding-left:50px;
	padding-top:3px;
	padding-bottom:2px;
}

.happy_calender{
	padding-top:0px;
}

.gentei{
	font-size:1.3em;
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-weight:bold;
	color:#500;
	text-align:left;
}











.annai{
	padding-top:20px;
	padding-bottom:20px;
}

.greeting{
    font-weight:bold;
    color:#551F00;
	font-size:large;
	text-align:center;
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}

.message{
	font-size:15px;
}