@charset "utf-8";
*{margin:0; padding:0;}

/* =============================================== */
/** 00. common  - 全ページ共通  */
/* ----------------------------------------------- */

body {
	background-color:#170703;
	margin:0;
	padding:0;
	font-family:"ＭＳ 明朝", "MS Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:medium;
	line-height:1.6em;
	color:#333333;
}




img {border: 0;}

#bg{background:url(img/bg.jpg) repeat-x top center;background-color:#170703;}

#wrapper{background:url(img/bgwrap.jpg) no-repeat top center;width:948px;margin:0 auto;}

#content{width:920px;margin:0 auto;}


/* =============================================== */
/** 00. link  -リンク全ページ共通  */ 
/* ----------------------------------------------- */

a:link{color:#c4a430;text-decoration:none;}
a:visited{color:#c4a430;text-decoration:none;}
a:hover{color:#c4a430;text-decoration:underline;}


/* =============================================== */
/** 00. nav  - グローバルナビ  */
/* ----------------------------------------------- */



#nav{width:920px;height:86px;margin:0 auto;background-color:#210905;}
.navleft{margin:0; float:left;width:270px;padding-left:20px;}
.navright{margin:0;float:right;width:610px;text-align:left;}

	
/* Firefox Dotted Outline Fix */
a:active { outline: none; }
	
/* Firefox Dotted Outline Fix */
a:focus { -moz-outline-style: none; }
	
/* Menu Body */
ul#menu {margin:0;padding:0;}
	
/* Float LI Elements - horizontal display */
ul#menu li {float:left;list-style:none;height:86px;}
	
/* Link - common attributes */
ul#menu li a {background:url(img/menu.jpg) no-repeat scroll top left;
		display:block;
		height:86px;
		position:relative;
	}
	

/* Specify width and background position attributes specifically for the class  */
ul#menu li a.uni {width:85px;}
ul#menu li a.lineup {width:85px;background-position:-85px 0px;}
ul#menu li a.quality {width:85px;background-position:-170px 0px;}	
ul#menu li a.company {width:85px;background-position:-255px 0px;}	
ul#menu li a.link {width:85px;background-position:-340px 0px;}
ul#menu li a.kiritappu {width:85px;background-position:-425px 0px;}
ul#menu li a.home {width:85px;background-position:-511px 0px;}

/* Span (on hover) - common attributes */
ul#menu li a span {
		background:url(img/menu.jpg) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:86;
	}
	
/* Span (on hover) - display pointer */
ul#menu li a span:hover {cursor:pointer;}
	
/* Shift background position on hover for the class*/
ul#menu li a.uni span {background-position:0px -86px;}
ul#menu li a.lineup span {background-position:-85px -86px;}
ul#menu li a.quality span {width:85px;background-position:-170px -86px;}	
ul#menu li a.company span {width:85px;background-position:-255px -86px;}	
ul#menu li a.link span {width:85px;background-position:-340px -86px;}
ul#menu li a.kiritappu span {width:85px;background-position:-425px -86px;}	
ul#menu li a.home span {width:85px;background-position:-511px -86px;}		



/* =============================================== */
/** 00. common - 共通  */
/* ----------------------------------------------- */	
#presentation{width:920px;height:365px;margin:0;padding:0;}
#leftbox{width:292px;float:left;margin-top:20px;}
#rightbox{width:608px;float:right;margin:20px 0;}




.pagetop{margin:0 auto;padding:50px 15px 50px 0;text-align:right;}


/* =============================================== */
/** 00. index  - インデックス  */
/* ----------------------------------------------- */	


/* =============================================== */
/** 00. uni  - うにについて */
/* ----------------------------------------------- */
.leftbox_uni{width:292px;margin:0;font-size:x-small;line-height:2.0em;}
.leftbox_uni h1{width:186px;margin:0 auto;}
.line_tate2{background:url(img/line_tate2.jpg) no-repeat top right;height:893px;}
.uniicon{width:186px;margin:80px auto 0;}
.uniicon_txt{width:186px;margin:25px auto 20px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.rightbox_uni{width:565px;margin:0 15px 0 10px;}
.uni_uni_midashi{margin:20px 0 15px 0;}
.uni_txt{margin:20px 0 0 10px;font-size:small;line-height:1.8em;}
.line_naname{clear:both;margin:40px 0 30px;}
.uni_btn{margin:30px 0 30px 10px;}

.phleft{float:left;margin:10px 10px 10px 0;}
.phright{float:right;margin:-10px 0 10px 10px;}
/* =============================================== */
/** 00. lineup  - 取り扱い品 */
/* ----------------------------------------------- */
#lineup {margin:0 auto;width:852px;}
#lineup h1{width:852px;margin:0 auto;text-align:center;}


#table_lineup {margin:0 auto;width:852px; padding:0;}

#table_lineup tr td {width:284px;	
vertical-align:top;
text-align:center;
margin:0;
padding:0;}



/* =============================================== */
/** 00. company  - 会社概要 */
/* ----------------------------------------------- */
#leftbox_company{float:left;width:318px;padding:0;}
#leftbox_company h1{width:318px;margin:0;}
#rightbox_company{float:right;width:575px;margin:0 15px 0 0;}

.txt_company{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.company_contact{text-align:center;margin:20px 20px 0 0 ;}

#table {margin:30px auto;width:505px;}

#table td#this  {
padding:12px 0;
border-bottom: 1px dotted #999999;
text-align:center;
font-weight:bold;
margin:20px 0 0 0;font-size:small;line-height:1.8em;
}

#table tr td {
padding:12px 0 12px 30px;
border-bottom: 1px dotted #999999;
vertical-align:top;
margin:20px 0 0 0;font-size:small;line-height:1.8em;
}

/* =============================================== */
/** 00. quality  - 品質管理 */
/* ----------------------------------------------- */
#quality {margin:0 auto;width:852px;}
#quality h1{width:852px;margin:0 auto;}
#leftbox_quality{float:left;width:426px;margin:0;}
#rightbox_quality{float:right;width:426px;margin:0;}

.qualitybox1{float:left;width:425px;height:480px;margin:0;border-right:1px #666 solid;border-bottom:1px #666 solid;background:url(img/quality1.jpg) no-repeat top;}
.qualitybox2{float:right;width:426px;height:480px;margin:0;border-bottom:1px #666 solid;background:url(img/quality2.jpg) no-repeat top;}
.qualitybox3{float:left;width:425px;margin:0;height:480px;border-right:1px #666 solid;background:url(img/quality3.jpg) no-repeat top;}
.qualitybox4{float:right;width:426px;margin:0;height:480px;background:url(img/quality4.jpg) no-repeat top;}

.quality_txt{margin:0;font-size:small;line-height:1.8em;padding:370px 50px 20px;}
.quality_txt2{margin:0;font-size:small;line-height:1.8em;padding:375px 50px 50px;}

/* =============================================== */
/** 00. kiritappu - 霧多布の魅力 */
/* ----------------------------------------------- */
#kiritappu {margin:0 auto;width:852px;font-size:small;line-height:1.5em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

#kiritappu1{margin:0 auto;width:852px;height:929px;background:url(img/kiritappu1.jpg) no-repeat top center;}
#kiritappu2{margin:20px auto 10px;width:852px;height:660px;background:url(img/kiritappu2.jpg) no-repeat top center;}
#kiritappu3{margin:0 auto;width:852px;height:615px;background:url(img/kiritappu3.jpg) no-repeat top center;}

.kiritappu1_txt{padding:578px 10px 0 530px;}
.kiritappu2_txt{padding:198px 564px 0 10px;}
.kiritappu3_txt{padding:25px 10px 0 540px;}
.kiritappu4_txt{padding:137px 600px 0 10px;}
.kiritappu5_txt{padding:21px 10px 0 420px;}
.kiritappu6_txt{padding:590px 10px 0 10px;}

/* =============================================== */
/** 00. link  - リンク */
/* ----------------------------------------------- */
#link {margin:0 auto;width:852px;}
#link h1{width:852px;margin:0 auto;text-align:center;}


.link_banner {margin:50px auto 0;text-align:center; border-bottom:1px dotted #999999;}

.txt_link{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

/* =============================================== */
/** 00. footer  - フッター */
/* ----------------------------------------------- */	
#footer{background-color:#111111;height:90px;margin:0;clear:both;}
.footer_in{width:920px;height:90px;margin:0 auto;clear:both;background-color:#000000;color:#333333;}
.footer_txt{text-align:right;font-size:x-small;padding:15px 15px 0 0;}
.copyright{margin:0 auto;padding-left:30px;text-align:left;font-size:x-small;font-family:Georgia, "Times New Roman", Times, serif;}

#footer a:link{color:#444444;text-decoration:none;}
#footer a:visited{color:#444444;text-decoration:none;}
#footer a:hover{color:#ccc;text-decoration:underline;}

/* ===================================== ========== */
/** 00. clearfix  - float解除  */
/* ----------------------------------------------- */	

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


./* IE7でpadding指定 */ 
*:first-child+html body { 
padding-left: 1px; 
} 
 
 
/* IE6以下でpadding指定 */ 
*html body { 
padding-left: 1px; 
}