﻿
#conten{
    float:left;
    width:673px;
    margin-top:11px;
    margin-left:11px

}


/* 全体の横幅 */

#wrap {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}


/*左ナビ　コンテンツ*/
#content-left{

     float: left;
     width: 151px;
     margin-bottom:11px;
}


/*左用　サブタイトル*/
.sub-navi-left{
	background-image: url('../images/sub-navi.gif');
	height: 28px;
	text-align:left;
	text-indent:13px;
	width: 151px;
	font-size:12px;
}

p.sub-navi-left{
	background-image: url('../images/sub-navi.gif');
	height: 28px;
	text-align:left;
	text-indent:13px;
	width: 151px;
	font-size:12px;
}

.sub-navi-left-a{
	line-height: 2.3em;
	display:block;
}
.sub-navi-000{
	height:5px;
}


td.sub-navi-left{
	background-image: url('../images/sub-navi.jpg');
	height: 24px;
	text-align:left;
	text-indent:13px;
	width: 151px;
	font-size:12px;
}

/*td.sub-navi-left a:hover{
	position:relative;left:5px;
	font-weight:bold;
}


/*右　コンテンツ*/
#content-right{
    float:left;
    width:auto;
    height:auto;
	margin-bottom: 11px;
}

/*--------------*/
#content01{
	float: left;
	width: 675px;
	margin-bottom: 9px;
}
/*1行目　商品広告*/
#graph01{
	float: left;
	height: 100px;
	width: 665px;
	border: 1px solid #9fb7d4;
	text-align: left;
	
}




/*------------------------------------------*/


/*緊急連絡用*/

.top-top{
	
	width:100%;
	height:auto;
}

.emergency{
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border: 2px #CCCCCC solid;
	display: inline;
	
    height:60px;	
    line-height:56px;
    width:260px;
    margin-top:7px;
    margin-right:7px;
}

*html .emergency{
    width:268px;
}


/*緊急連絡ここまで*/


/*震災復興室*/

.reco{
	float:left;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border:2px #CCCCCC solid;
	display:inline;
	
	height:60px;
	line-height:1.5em;
	margin-top:7px;
	width:565px;
}

/*震災復興室　ここまで*/

/*トピックス情報----------------------------------*/
/*トピックス情報　タイトル*/
#content-sbt-TP{
	text-align: left;
	background-image: url('../images/News&Topics.jpg');
	float: left;
	width: 665px;
	margin:0 0 0 0;
	padding:1em 0 0 0;
	text-align:right;
	font-size:10px;
	
}

#content-sbt-TP{height:18px; display:block;}

.infobox-NewsTopics{
	width:665px;
	height:180px;
	overflow:auto;
	float:left;
	border-bottom:1px #d4d4d4 solid;
	margin-bottom:10px;
}

*html #content-sbt-TP{height:28px;}

/* テーブル*/

table.sample2,th.sa_3,th.sa_4,th.sa_5{

     border-top:0px solid #E4E4E4;
     border-right:0px solid #666666;
     border-bottom:0px solid #e4e4e4;
     border-left:0px solid #666666;
}


table.sample2{
	border-collapse: collapse;
	margin-bottom: 0px;
	float: left;
	width: 645px;
	height: auto;
	/*background-color:#f5f5f5;*/
}

table.sample2 a{
	display:block;
}

.sample2 tr:hover{
background-color: #E6F4FA;
}

a.sa_4:link,a.sa_4:visited{
text-decoration:underline;
}

th.sa_3,th.sa_4,th.sa_5{
	height:30px;
}

/* 更新日*/
th.sa_3{
     
     width:80px;
     
     font-size: 12px;
     font-weight: 400;
     text-align:center;

     padding-top:5px;
     padding-right:0px;
     padding-bottom:5px;
     padding-left:0px;

}


/* トピックス　タイトル*/
th.sa_4{
	width: 488px;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* 部門ロゴマーク*/

th.sa_5{
     width:90px;
     
     font-weight: 400;
     text-align:center;
     padding-left:5px;
}

/*トピックス一覧*/
.tp-list{
	font-weight:normal;
	text-align:right;
	font-size:12px;
}

/* ---------------------------- */



/*製品情報　----------------------------------*/

/*製品情報　タイトル*/
#content03{
	height: 28px;
	text-align: left;
	background-image: url('../images/seihin.jpg');
	float: left;
	width: 665px;
	margin-top: 0px;
	margin-bottom: 9px;
}


#content03{
	height: 28px;
	text-align: left;
	background-image: url('../images/seihin.jpg');
	float: left;
	width: 665px;
	margin-top: 0px;
	margin-bottom: 9px;
}


#content04{
	float: left;
	width: 211px;
	height: auto;
	margin-right: 15px;
}

#content04-2{
	float: left;
	width: 211px;
	height: auto;
	margin-right: 15px;
}

#content04-3{
	float: left;
	width: 211px;
	height: auto;
}


#content-a{
	width: 211px;
	height: auto;
	margin-bottom: 5px;
}

#content-a-bottom{
	height: 20px;
	width: 211px;
	background-image: url('../images/content-a-bottom.jpg');
}

#a-01,#a-01-kaiyo,#a-01-kankyo,#a-01-kensetsu,#a-01-kenchiku,
#a-01-kasei,#a-01-sangyo,#a-01-haki{
	width: 211px;
	height: 80px;
	margin-bottom: 2px;
	/*border-bottom:1px blue solid;*/
}

/*
#a-01-kaiyo{
	background-image:url('../images/top-kai.jpg');
}

#a-01-kankyo{
	background-image:url('../images/top-kan.jpg');
}

#a-01-kensetsu{
	background-image:url('../images/top-ken.jpg');
}

#a-01-kenchiku{
	background-image:url('../images/top-kenchi.jpg');
}

#a-01-kasei{
	background-image:url('../images/top-kasei.jpg');
}

#a-01-sangyo{
	background-image:url('../images/top-sangyo.jpg');
}

#a-01-haki{
	background-image:url('../images/top-haki.jpg');
}
*/


#a-02{
	width: 211px;
	height: auto;
	margin-top: 0px;
	text-align: left;
	font-size: 11px;
	line-height: 1.2em;
}

#a-03{
	width: 211px;
	height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-indent: 16px;
	 /*background-image:url('../images/sub-navi.jpg');*/;
	/*background-image: url('../images/seihin-con.jpg');*/
}


#a-03-01,#a-03-02,#a-03-03,#a-03-04,#a-03-05,#a-03-06,#a-03-07{
	width: 211px;
	height: 71px;
	margin-top: 3px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-indent: 16px;
	 /*background-image:url('../images/sub-navi.jpg');*/;
	/*background-image: url('../images/seihin-con.jpg');*/
}

#a-03-011,#a-03-022,#a-03-033,#a-03-044,#a-03-055,#a-03-066,#a-03-077{
	width: 211px;
	height: 53px;
	margin-top: 3px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-indent: 16px;
	 /*background-image:url('../images/sub-navi.jpg');*/;
	/*background-image: url('../images/seihin-con.jpg');*/
}

#a-03-0111,#a-03-0222,#a-03-0333,#a-03-0444,#a-03-0555,#a-03-0666,#a-03-0777{
	width: 211px;
	height: 68px;
	margin-top: 3px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-indent: 16px;
	 /*background-image:url('../images/sub-navi.jpg');*/;
	/*background-image: url('../images/seihin-con.jpg');*/
}



#a-03-01,#a-03-011,#a-03-0111{background-image: url('../images/seihin-con01.jpg');}
#a-03-02,#a-03-022,#a-03-0222{background-image: url('../images/seihin-con02.jpg');}
#a-03-03,#a-03-033,#a-03-0333{background-image: url('../images/seihin-con03.jpg');}
#a-03-04,#a-03-044,#a-03-0444{background-image: url('../images/seihin-con04.jpg');}
#a-03-05,#a-03-055,#a-03-0555{background-image: url('../images/seihin-con05.jpg');}
#a-03-06,#a-03-066,#a-03-0666{background-image: url('../images/seihin-con06.jpg');}
#a-03-07,#a-03-077,#a-03-0777{background-image: url('../images/seihin-con07.jpg');}

#a-03-01 a:hover,#a-03-011 a:hover,#a-03-0111 a:hover{background-image: url('../images/seihin-con01-on.jpg');}
#a-03-02 a:hover,#a-03-022 a:hover,#a-03-0222 a:hover{background-image: url('../images/seihin-con02-on.jpg');}
#a-03-03 a:hover,#a-03-033 a:hover,#a-03-0333 a:hover{background-image: url('../images/seihin-con03-on.jpg');}
#a-03-04 a:hover,#a-03-044 a:hover,#a-03-0444 a:hover{background-image: url('../images/seihin-con04-on.jpg');}
#a-03-05 a:hover,#a-03-055 a:hover,#a-03-0555 a:hover{background-image: url('../images/seihin-con05-on.jpg');}
#a-03-06 a:hover,#a-03-066 a:hover,#a-03-0666 a:hover{background-image: url('../images/seihin-con06-on.jpg');}
#a-03-07 a:hover,#a-03-077 a:hover,#a-03-0777 a:hover{background-image: url('../images/seihin-con07-on.jpg');}


#a-03 a{
	display:block;
}


#a-04{
	width: 195px;
	height: auto;
	float: right;
	text-align: left;
	font-weight: normal;
	text-indent: 0px;
	font-size: 11px;
	margin-top: 6px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-bottom: 0px #e5e5e5 solid;
	padding-bottom: 2px;
	color: #666666;
	line-height: 1.4em;
}

#a-04-bottom{
	width: 211px;
	height: auto;
	text-align: left;
	font-size: 11px;
	margin-top: 3px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-bottom: 0px #e5e5e5 solid;
	padding-bottom: 2px;
	color: #666666;
}

#a-04 a:hover{
	background-image:none;
}

#a-04 a{
	font-size:12px;
	font-weight:bold;
}
/*製品情報　ここまで-----------------------------*/

/*更新情報*/
#Update-left{
	background-image:url('../images/Update.jpg');
	width:151px;
	height:30px;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
}


/*トピックス*/
#Topics-left{
	background-image:url('../images/new-topics.jpg');
	width:151px;
	height:30px;
	float:left;
	margin-top:10px;
	margin-bottom:0px;
}

/*ライン*/
#left-line{
	width:151px;
	height:auto;
	float:inherit;
	background-image:url('../images/left-line.jpg');
}


/*イベント情報*/
#event{
	background-image:url('../images/event.jpg');
	width:151px;
	height:34px;
	float:left;
	margin-top:10px;
	margin-bottom:0px;
}

/*メディア掲載情報*/
#media{
	background-image:url('../images/media.jpg');
	width:151px;
	height:34px;
	float:left;
	margin-top:10px;
	margin-bottom:0px;
}



*html #event01-head,*html #event01,*html #event01-new,*html #event01-2,*html #event02,*html #event03,*html #event04,*html #event05,*html #event06,*html #event06-new{
	width:139px;
	margin-left:6px;
}


#event01-head,#event01,#event01-new,#event01-2,#event02,#event03,#event04,#event05,#event06,#event06-new{
	width:138px;
	margin-left:6px;
}

#event01-head{
	font-size: 9px;
	color: #666666;
	text-align: left;
	margin-bottom: 3px;
	margin-top:3px;
	height: 9px;
}


#event01{
	font-size: 9px;
	color: #666666;
	text-align: left;
	margin-bottom: 3px;
	height: 9px;
}

#event01-2{
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	margin-bottom: 5px;
	height: 11px;
}

#event01-new{
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	margin-bottom: 5px;
	height: 18px;
}


#event02{
	height:auto;
	text-align:center;
	margin-bottom:5px;
}

#event03{
	height: auto;
	text-align: left;
	line-height: 1.1em;
	font-size: 11px;
}

#event03 img{
	margin-bottom:3px;
}

#event04{
	height: 14px;
	text-align: center;
}

#event05{
	height: 15px;
	text-align: right;
	font-size: 10px;
	margin-top: 3px;
}



#event05-s{
	height: 20px;
	text-align: left;
	font-size: 10px;
	margin-top: 0px;
	color:#666666;
	background-image:url('../images/boot-line.jpg');
	width:151px;
	float:inherit;
}

/*#event06{
    height:14px;
    text-align:left;
    margin-bottom:5px;
}*/





#event06-new{
    height:21px;
    text-align:left;
    margin-bottom:5px;
}


/*イベント情報　こまこで*/





/*左部ナビ用　マウス----------------------------------*/

*html body { behavior:url("csshover.htc"); }

/*左用　ナビタイトル　マウス*/
h1.seihin-title,h1.seihin-title2{
	cursor:pointer;
	color:#1D4FB3;
}

/*　オンマウス　要素にマウスカーソルが重なった時 */
h1.seihin-title:hover,h1.seihin-title2:hover{
	color:#ff0000;
	background-image:url("../images/nabi2.gif"); 
}

/*　選択した時（クリックなど） */
h1.seihin-title:active,h1.seihin-title2:active{
	color:#1d4fb8;
	text-decoration: none;
}

/*　オンマウス　要素にマウスカーソルが重なった時 */
#gnavi h1:hover,#gnavi h1 a:hover{
	background-image:url("../images/nabi2.gif"); 
}

/*------------------------------------------*/


/*ハトショップ　バナーボタン*/
#hato-shop{
	width:211px;
	height:84px;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
}
/*ハトショップ　バナーボタン　ここまで*/



/*ピックアップ製品*/

.pickup2011-page{
	float: left;
	/*width: 827px;*/
	width:100%;
	height:auto;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom:00px;
}


.pickup2011-title{
	float: left;
	width: 827px;
	height: 20px;
    margin-bottom:5px;
}

.pickup2011-01,.pickup2011-02,.pickup2011-03,.pickup2011-04,.pickup2011-05,.pickup2011-06
{
	float: left;
	width: 280px;
	height: 190px;
	text-align: center;
}


