@charset "Shift_JIS";

/*インダスプレス*/

/************************************************************************

 インページレイアウト設定
	
*************************************************************************/




/*フォント*/


.f-ll {  font-size: 139%; }/*特に大きい文字*/
.f-l {  font-size: 121%; }/*大きい文字*/

.f-s {  font-size: 93%; line-height: 135%; font-family: "ＭＳ Ｐゴシック", "Osaka";　 }/*小さい文字*/

.fontsmall { 
 font-size: 93%; 
	line-height: 145%; 
	font-family: "ＭＳ ゴシック", "Osaka−等幅" 
	}



/*------------------------------------------------------------*/



body {
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 50px;
 width: 640px;
 color: #333333;
 background-color: #21233d;
}
#wrapper {
	width: 640px;
	margin: 0 0 0 0;
	padding: 16px 0 16px 0;
	background-color: #ffffff;

}

#borderbox {
 width: 610px;
	height: 1.0;
	margin: 0 14px 0 14px;
	padding: 0;
	border: 1px solid #333366;
}

h1,h2,h3,h4,form{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
h5,h6{
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	display: block;
	font-size: small;
}
div.clear{
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	width: 608px;
	left: 1px;

}

.img1 {/*画像の左側に文字が回り込み*/
	float: right;
	margin-top: 0;
	margin-left: 1.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
}

.img2 {/*画像の右側に回り込み*/
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: 1.2em;
	margin-bottom: 0.5em;
	}
	
.mid {/*画像のたて揃えを真中に(インライン要素に適用)<img class="mid">　*/
	vertical-align: middle;
	margin-right: 5px;
	}
	
.base {/*画像のたて揃えを下部に(インライン要素に適用)<img class="base">　*/
	vertical-align: baseline;
	margin-right: 5px;
	}

p{
 margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

.up01 {/*ページ上へ*/
	margin: 0 40px 10px auto;
	padding: 0;
	width: 570px;
	height: 50px;
	text-align: right;
	clear: both;
}

.up02 {/*ページ上へ*/
	margin: 0 100px 10px auto;
	padding: 0;
	width: 400px;
	height: 50px;
	text-align: right;

}

.under {　/*ライン付きリンク*/
	color: #0000CC;
	text-decoration: underline;
}

.up{ /*ページ上へ　<p class="up"> */
	text-align: right;
 margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
 clear: both;
	}
	

/*------------------------------------------------------------
　ヘッダー　
------------------------------------------------------------*/
#header {
 width: 610px;
	height: 87px;
	margin: 0;
	padding: 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #333366;
	border-left: none;
}

h1 {
	margin: 0;
	padding: 0;
 width: 148px;
	float: left;
	display: block;
 font-size: 100%;
}
h2 {
	margin: 0;
	padding-top: 17px;
	width: 258px;
	float: left;
	display: block;
 font-size: 86%;
}



#headtit01 {
 width: 195px;
	height: 87px;
	margin: 0;
	padding: 0;
	text-align: right;
	float: left;
}
#headtit02 {
 width: 5px;
	height: 87px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}




/*------------------------------------------------------------
　 ページ本体
------------------------------------------------------------*/
#backnumbercontainer {/*バックナンバーコンテナ*/
 width: 610px;
}

.add{/*追記*/
	margin: 30px;
	padding: 0;
	width: 540px;
	height: 1.0;
	font-size: 70%;
	line-height: 145%; 
	text-align: left;
	color: #333366;
	clear: both;
}

#backnumber {
 width: 610px;
}
#backnumber002{
 width: 610px;
}

p.backnumber{
	margin: 0 50px 20px 50px;
	padding: 0;
	width: 500px;
}


/*バックナンバー「お料理」「ラーメン」-----------------------------------*/



dl.dl01{
	clear: both;
	margin: 0 0 30px 0;
	padding:  0 0 30px 0;
	font-size: 77%;
	line-height: 115%;
 color: #333366;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #333366;
	border-left: none;
}
dl.dl02{
	clear: both;
	margin:  0 0 30px 0;
	padding:  0;
	font-size: 77%;
	line-height: 115%;
 color: #333366;
}

#backnumber002 dt{
float: left;
	margin: 0;
	padding: 0px 5px 5px 50px;
	font-weight: bold;
}

#backnumber002 dd{
	margin: 0px 30px 5px 9em;
	padding-left: 0px;

}


#backnumber002 a:link { color: #000099 ;}
#backnumber002 a:visited { color: #333333 ;}
#backnumber002 a:hover {text-decoration: none ; color: #999999 ;} 
#backnumber002 a:active { color: #999999 ;}
#backnumber002 a{ text-decoration :none; font-weight: normal; }



/*バックナンバー「人もの技」「マドンナ」-----------------------------------*/



ul.ul01{
	margin: 0 0 30px 0;
	padding:  0 0 30px 0;
	font-size: 77%;
	line-height: 115%;
 color: #333366;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #333366;
	border-left: none;
}
ul.ul02{
	margin:  0 0 30px 0;
	padding:  0;
	font-size: 77%;
	line-height: 115%;
 color: #333366;
}

#backnumber li{
	margin: 5px 50px 5px 50px;
 list-style-type: none;
	padding-left: 0px;
	font-weight: bold;
}


#backnumber a:link { color: #000099 ;}
#backnumber a:visited { color: #333333 ;}
#backnumber a:hover {text-decoration: none ; color: #999999 ;} 
#backnumber a:active { color: #999999 ;}
#backnumber a{ text-decoration :none; font-weight: normal; margin-left: 5px;}





/*組合員企業-----------------------------------*/

#genkimembercontainer {/*組合員企業*/
 width: 608px;
}

.memnavi {/*組合員企業---ページナビ*/
	margin: 20px 30px 20px 35px;
	padding: 0;
	width: 440px;
	height: 1.0;
	text-align: left;
	font-size: 100%;
	line-height: 115%;
	clear: both;
}

.mem1 {/*組合員企業---左コンテンツ*/
	margin: 0;
	padding: 0px 0px 0px 40px;
	float: left;
 width: 180px;
	font-size: 70%; 
	line-height: 145%; 
	text-align: center;
}
.mem1 img	{
	margin-bottom: 5px;
}
.mem2 {/*組合員企業---右コンテンツ-その1*/
	margin: 0;
	padding: 0px 25px 0 20px;
	float: right;
 width: 343px;
	height: 1.0;
	font-size: 77%;
	line-height: 145%; 
	text-align: left;
}
.mem2 h3{
	margin: 15px 0 1em 0;
	padding: 0;
 width: 320px;
	font-size: 100%;
	color: #333366;
}
.mem2 img	{
 float: right;
	margin-top: -45px;
	margin-left: 1.0em;
	margin-right: 0;
	margin-bottom: 0.5em;
}
.mem2 a:link { color: #3333CC ;}
.mem2 a:visited { color: #333333 ;}
.mem2 a:hover {text-decoration: none ; color: #999999 ;} 
.mem2 a:active { color: #999999 ;}
.mem2 a{ text-decoration :underline;}

.mem3 {/*組合員企業---右コンテンツ-その2*/
	margin: 0;
	padding: 0px 25px 0 0;
	float: right;
 width: 343px;
	height: 1.0;
	font-size: 70%;
	line-height: 135%; 
	text-align: left;
}
.mem3 h4{
	margin: 1em 0 0 0;
	padding: 0;
 width: 300px;
	font-size: 100%;
	color: #333366;

}
.section{/*部門の色うすむらさき*/
	color: #9999CC;
}
.caption{/*写真のキャプション*/
	margin: 1em 0 0 0;
	padding: 0px 25px 5px 0px;
	float: right;
 width: 343px;
	height: 1.0;
	font-size: 70%;
	line-height: 135%; 
	text-align: left;
	color: #777777;
}

.memup01 {/*元気組合員ページ上へ-その1*/
	margin: 0 0 40px 0;
	padding: 0;
	width: 610px;
	height: 60px;
	clear: both;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #333366;
	border-left: none;

}
.memup01 p {/*ページ上へ*/
	margin: 0 ;
	padding: 0;
	width: 570px;
	height: 50px;
	text-align: right;
}
.memup02 {/*元気組合員ページ上へ-その2　最下部*/
	margin: 0 40px 10px auto;
	padding: 0;
	width: 530px;
	height: 50px;
	text-align: right;
	clear: both;
}


/*三条鍛冶の歴史-----------------------------------*/

#kajicontainer {/*三条鍛冶の歴史*/
  width: 608px;
}
.kaji1 {/*三条鍛冶の歴史---左コンテンツ*/
	margin: 0;
	padding: 10px 10px 0px 10px;
	float: left;
 width: 180px;
	font-size: 70%; 
	line-height: 145%; 
	text-align: center;
	color: #666666;
}
.kaji2 {/*三条鍛冶の歴史---右コンテンツ*/
	margin: 0;
	padding: 10px 25px 0 0;
	float: right;
 width: 383px;
	height: 1.0;
	font-size: 77%;
	line-height: 145%; 
	text-align: left;
}
.kaji2 h3{
	margin: 0 0 1em 0;
	padding: 0;
 width: 380px;
	font-size: 112%;
}
.kaji2 h4{
	margin: 1em 0 5px 0;
	padding: 0;
 width: 380px;
	font-size: 100%;
}

p.kajinavi {/*三条鍛冶の歴史---ページナビ*/
	margin: 20px 0px 20px 0px;
	padding: 0;
	width: 383px;
	height: 1.0;
	text-align: left;
	font-size: 100%;
	line-height: 115%;
 color: #999999;
}
p.kajinavi a:link { color: #333366 ;}
p.kajinavi a:visited { color: #333366 ;}
p.kajinavi a:hover {text-decoration: none ; color: #999999 ;} 
p.kajinavi a:active { color: #999999 ;}
p.kajinavi a{ text-decoration :none;}


.w140 {/*左画像140幅キャプション用*/
	margin: 5px 10px 10px 10px;
	padding: 0;
	width: 140px;
		height: 1.0;
	text-align: left;
	font-size: 100%;
	line-height: 120%;
 color: #666666;
}

caption.cap{/*キャプション用*/
	width: 160px;
	text-align: left;
	font-size: 93%;
	line-height: 120%;
 color: #666666;
}

/*三条トピックス-----------------------------------*/
#sanjotopixnavi {/*三条トピックス---ページナビ上*/
	margin: 30px 0px 30px 0px;
	padding: 0;
	width: 610px;
	height: 1.0;
	text-align: center;
	font-size: 77%;
	line-height: 115%;
 color: #999999;
}
.nolink {/*三条トピックス---ページナビ--リンク無し*/
 color: #333366;
	font-weight: bold;
}
.333366 {/*三条トピックス---ページナビ--No.*/
 color: #333366;

}



#sanjotopixnavi a:link { color: #333366 ;}
#sanjotopixnavi a:visited { color: #333366 ;}
#sanjotopixnavi a:hover {text-decoration: none ; color: #999999 ;} 
#sanjotopixnavi a:active { color: #999999 ;}
#sanjotopixnavi a{ text-decoration :none;}

#sanjotopix {/*三条トピックス---メインコンテンツ*/
	margin: 0 55px 0 55px;
	padding: 0;
	width: 500px;
	height: auto;
	font-size: 77%;
	line-height: 145%;
}
#sanjotopix h3{
	margin: 0px auto 1em 0;
	padding: 0;
 width: 500px;
	display: block;
 font-size: 112%;
}
#sanjotopixnavi02 {/*三条トピックス---ページナビ下*/
	margin: 30px 55px 30px 55px;
	padding: 0;
	width: 500px;
	height: auto;
	text-align: center;
	font-size: 77%;
	line-height: 115%;
 color: #999999;
}
#sanjotopixnavi02 a:link { color: #333366 ;}
#sanjotopixnavi02 a:visited { color: #333366 ;}
#sanjotopixnavi02 a:hover {text-decoration: none ; color: #999999 ;} 
#sanjotopixnavi02 a:active { color: #999999 ;}
#sanjotopixnavi02 a{ text-decoration :none;}


/*------------------------------------------------------------
　 フッター
----------------------------------------------------------- */


#footer{
	clear: both;
	width: 610px;
	height: 80px;
	margin: 0;
	text-align: center;
	border-top: 1px solid #333366;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.co{
	margin: 50px auto auto auto;
}