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

/*==========================================
	基本設定
	・ブラウザ設定解除
	・テキストリンク基本色
	・.clearfix
	・カラー
==========================================*/



html {
	overflow-y: scroll;
}
body {
	font-size:12px;
	color:#333333;
	text-align:left;
	line-height:1.4em;
}
* {
	padding:0px;
	border:0px;
	margin:0px;
}
h1,h2,h3,h4,h5,h6{
	text-align:left;
	line-height:1.2em;
}
p {
	line-height: 1.6;
	text-align:left;
}
ul {
	list-style: none;
	text-align:left;
}
dl {
	text-align:left;
}
img {
	border: 0;
	vertical-align: bottom;
}
table {
	border-collapse: collapse;
	text-align:left;
}
th {
	font-weight: normal;
}
em {
	font-style:normal;
	text-align:left;
}


/* テキストリンク基本色 */
a {
	color: #e60012;
	text-decoration:none;
}
a:hover {
	color: #666;
}
a:focus {
	outline: none;
}

* html body {
	text-align: center; /* IE6.0�ȉ��R���e���c�Z���^�����O */
}


/*==========================================
	.clearfix
==========================================*/
.clear {
	clear: both;
}
.clearfix {
	zoom:1;  /* for IE 5.5-7 */
}
.clearfix:after {  /* for modern browser */
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*==========================================
	全ページ共通スタイル	
==========================================*/
#all {
	width:860px;
	padding:10px 0px 0px 0px;
	margin: 0 auto;
}


/*================================
	ヘッダ
================================*/
#head {
	width:860px;
	clear:both;
	padding-bottom:10px;
}
#head h1 {
	float:left;
}
#head p {
	float:right;
}

/*================================
	ナビゲーション
================================*/
#navi {}
#navi ul {
	width:860px;
	clear:left;
}
#navi ul li {
	width:215px;
	float:left;
}
#navi ul li a {
	width: 100%;
	height: 100%;
	display: block;
}
#navi ul li a:hover {
	background-color: #fff;
	height: 100%;
}
#navi ul li a:hover img {
	visibility: hidden;
	}
#navi ul li.nav1 a {
	background:url(../images/navi/navi_01_on.gif) 0 0 no-repeat;
}
#navi ul li.nav2 a {
	background:url(../images/navi/navi_02_on.gif) 0 0 no-repeat;
}
#navi ul li.nav3 a {
	background:url(../images/navi/navi_03_on.gif) 0 0 no-repeat;
}
#navi ul li.nav4 a {
	background:url(../images/navi/navi_04_on.gif) 0 0 no-repeat;
}
#navi ul li.nav5 a {
	background:url(../images/navi/navi_05_on.gif) 0 0 no-repeat;
}

/*================================
	コンテンツ
================================*/
#main {
	width:860px;
	}
#left {
	text-align:left;
}

/*=================================

`	パンくず

=================================*/
ul#bread {
	width:860px;
	float:left;
	padding: 5px 0px 20px 0px;
}
ul#bread li {
	float:left;
}
ul#bread li a {
	color:#333333;	
}
ul#bread li a:hover {
	color:#666666;
	text-decoration:underline;
}
ul#bread li em {
	font-style:normal;
	color:#e60012;
}
ul#bread li img {
	padding:5px;
}

/*================================
	フッター
================================*/
#footer {
	width:860px;
	height:100px;
	clear:both;
	padding:12px 0px 0px 0px;
	border-top:1px dashed #666;
	margin:15px 0px 0px 0px;
}

#footer #f_left {
	float:left;
}
#footer #f_left ul {
	clear:both;
}
#footer #f_left ul li {
	float:left;
	padding-right:20px;
}
#footer #f_left p {
	padding-top:20px;
}

#footer #f_right {
	float:right;
}
#footer #f_right p {
	text-align:right;
}
#footer #f_right address {
	text-align:right;
	font-style:normal;
}


/*==========================================
	.color
==========================================*/

.blue-l { color:#0057be;}
.blue-m { color:#04438e;}
.blue-h { color:#203875;}
.blue-u { color:#001257;}

.light-blue { color:#00ffff;}

.red { color:#f80204;}
.orange { color:#ffa341;}
.green { color:#42a529;}

/*==========================================
	.fontsize
==========================================*/
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}





/*================================================

	製品案内ページ以下
	左側ナビゲーション

================================================*/
#l-navi {
	width:232px;
	float:left;
}
#l-navi dl {
	width:232px;
	padding-bottom:20px;
}
#l-navi dl dt {
	widdh:232px;
}
#l-navi dl dd {
	widdh:232px;
	text-align:right;
}
#l-navi dl dt.ttl-dt {
	padding-bottom:5px;
}
#l-navi dl dt.navidot {
	height:1px;
	line-height:1px;
}


#l-navi dl dd a,
#p-navi dl dd a,
#a-navi dl dd a, {
	color:#666666;
}
#l-navi dl dd a:hover,
#p-navi dl dd a:hover,
#a-navi dl dd a:hover, {
	color:#e60012;
}

#main div dl dd a {
	color:#333;
}
#main div dl dd a:hover {
	color:#e60012;
}

/*================================================

	製品案内ページ以下
	左側ナビゲーション

================================================*/
#p-navi {
	width:232px;
	float:left;
}
#p-navi dl {
	width:232px;
	padding-bottom:20px;
}
#p-navi dl dt {
	widdh:232px;
}
#p-navi dl dt a {
	widdh: 100%;
	height: 100%;
	display: block;
}
#p-navi dl dt a:hover {
	background-color: #fff;
	height: 100%;
}
#p-navi dl dt a:hover img {
	visibility: hidden;
	}
#p-navi dl dt.p-nav1 a {
	background:url(../products/images/navi/p_navi_01_on.gif) 0 0 no-repeat;
}
#p-navi dl dt.p-nav2 a {
	background:url(../products/images/navi/p_navi_02_on.gif) 0 0 no-repeat;
}
#p-navi dl dt.p-nav3 a {
	background:url(../products/images/navi/p_navi_03_on.gif) 0 0 no-repeat;
}
#p-navi dl dt.p-nav4 a {
	background:url(../products/images/navi/p_navi_04_on.gif) 0 0 no-repeat;
}
#p-navi dl dt.p-nav5 a {
	background:url(../products/images/navi/p_navi_05_on.gif) 0 0 no-repeat;
}
#p-navi dl dt.p-nav6 a {
	background:url(../products/images/navi/p_navi_06_on.gif) 0 0 no-repeat;
}
#p-navi dl dt.navidot {
	height:1px;
	line-height:1px;
}

#p-navi dl dd {
	widdh:232px;
	text-align:right;
}
#p-navi dl dt.ttl-dt {
	padding-bottom:5px;
}

/*================================================

	会社案内ページ
	左側ナビゲーション


================================================*/
#a-navi {
	width:232px;
	float:left;
}
#a-navi dl {
	width:232px;
}
#a-navi dl dt {
	width:232px;
}
#a-navi dl dt a {
	width: 100%;
	height: 100%;
	display: block;
}
#a-navi dl dt a:hover {
	background-color: #fff;
	height: 100%;
}
#a-navi dl dt a:hover img {
	visibility: hidden;
	}
#a-navi dl dt.a-nav1 a {
	background:url(../about/images/navi/a_navi_01_pick.gif) 0 0 no-repeat;
}
#a-navi dl dt.a-nav2 a {
	background:url(../about/images/navi/a_navi_02_pick.gif) 0 0 no-repeat;
}
#a-navi dl dt.a-nav3 a {
	background:url(../about/images/navi/a_navi_03_pick.gif) 0 0 no-repeat;
}
#a-navi dl dt.a-nav4 a {
	background:url(../about/images/navi/a_navi_04_pick.gif) 0 0 no-repeat;
}
#a-navi dl dt.a-nav5 a {
	background:url(../about/images/navi/a_navi_05_pick.gif) 0 0 no-repeat;
}
#a-navi dl dt.navidot {
	height:1px;
	line-height:1px;
	_margin-top: -13px;/* IE6 */
}

#a-navi dl dd {
	widdh:232px;
	text-align:right;
}
#a-navi dl dt.ttl-dt {
	padding-bottom:5px;
}
/*================================================

	色、文字サイズ

================================================*/

.f10 {
	font-size:10px;
}
.f11 {
	font-size:11px;
}
.f12 {
	font-size:12px;
}
.f13 {
	font-size:13px;
}
.f14 {
	font-size:14px;
}

.bold {
	font-weight:bold;
}