@charset "Shift_JIS";
/*初期設定*/
body, p, caption, th, td, ul, ol, li, dl, dt, dd, form  { 
color: #333; 
font-family: Lucida Grande,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif; 
}

input {
font-family: Lucida Grande,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

h1, h2, h3, p, div,dt,dd,dl,img,input,form {margin: 0;}
img {border: 0;}

br.br_clear {clear: both;}
hr {clear: both;}
hr.hidden {visibility: hidden;margin: 0;}
hr.hidden_c {visibility: hidden;clear: both;margin: 0;}

.f_right {float: right;}
.f_left {float: left;}
.clear {clear: both;}

/*ベース*/
body {
	width:100%;
	margin:0 auto 0 auto;
	padding: 0px;
	text-align:left;
	background-color: #FFFFFF;
}
#wrap {
	margin:0 auto 0 auto;
	width:750px;
	background: url(../img/body_bg.gif) repeat;
}

#wrap_nm {
	width:620px;
	margin:0 auto 0 auto;
	padding: 0px;
	background: url(../img/body_bg2.gif) repeat;
}


/*ヘッダー*/
#header {
	padding: 10px 10px 0px 10px;
	height: 60px;
}
/*#header img {
	float: left;
}*/
#header ul {
	margin: 0px;
	padding-top: 5px;
	float: right;
	list-style: none;
}
#header ul li {
	margin: 0px;
	padding: 0px 5px;
	font-size: 70%;
	line-height: 120%;
	color: #999;
	float: left;
}
#header ul li.line {
	border-left: 1px solid #DBD6D1;
}
#header a:link,#header a:visited {
	color: #999;
	text-decoration: none;
	}
#header a:active,#header a:hover {
	color: #c00;
	text-decoration: none;
	}

/*メニュー*/
#menu {
	height: 35px;
}
#menu ul {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	list-style: none;
	line-height: 0px;
}
li.home a:hover,
li.company a:hover,
li.example a:hover,
li.catalog a:hover,
li.inquiry a:hover {
	background-position: 0 -35px ;
	}
li.home a {
	background: url(../img/menu01.jpg) no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 150px;
	float:left;
}
li.company a {
	background: url(../img/menu02.jpg) no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 150px;
	float:left;
}

li.example a {
	background: url(../img/menu03.jpg) no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 150px;
	float:left;
}
li.catalog a {
	background: url(../img/menu04.jpg) no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 150px;
	float:left;
}
li.inquiry a {
	background: url(../img/menu05.jpg) no-repeat;
	text-indent: -9999px;
	height: 35px;
	width: 148px;
	float:left;
}

/*メニューN*/
#menuN {
	height: 35px;
}
#menuN ul {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	list-style: none;
	line-height: 0px;
}
li.homeN a:hover,
li.companyN a:hover,
li.exampleN a:hover,
li.catalogN a:hover,
li.inquiryN a:hover,
li.stockingN a:hover{
	background-position: 0 -35px ;
	}
li.homeN a  { background: url("../cf/img/menuN01.gif") no-repeat; text-indent: -9999px; width: 125px; height: 35px; float: left }
li.companyN a  { background: url("../cf/img/menuN02.gif") no-repeat; text-indent: -9999px; width: 125px; height: 35px; float: left }

li.exampleN a  { background: url("../cf/img/menuN03.gif") no-repeat; text-indent: -9999px; width: 125px; height: 35px; float: left }
li.catalogN a  { background: url("../cf/img/menuN04.gif") no-repeat; text-indent: -9999px; width: 125px; height: 35px; float: left }
li.inquiryN a  { background: url("../cf/img/menuN05.gif") no-repeat; text-indent: -9999px; width: 125px; height: 35px; float: left }
li.stockingN a  { background: url("../cf/img/menuN06.gif") no-repeat; text-indent: -9999px; width: 123px; height: 35px; float: left }

/*メイン*/
#main {
	padding: 10px;
}
.gt_top {
	font-size: 70%;
	text-align: right;
	padding: 10px 0px 0px 0px;
}
	
/*リンク*/
a:link,a:visited {
	color: #00F;
	text-decoration: none;
	}
a:active,a:hover {
	color: #00F;
	text-decoration: underline;
	}

/*フッター*/
#footer {
	clear: both;
	margin:0 auto 0 auto;
	height: 20px;
	background: url(../img/footer_bg.jpg) no-repeat;
	text-align: right;
	font-size: 75%;
	line-height: 100%;
	color: #999;
	font-family: Geneva, Arial, Helvetica, san-serif;
}

		
/*リンク*/
a:link
{
    /* リンク */
    text-decoration: none;
    color: #000033;}

a:hover
{
    /* リンク上にカーソルが移動した時 */
    text-decoration: underline;
    color: #FF6600;
}

a:visited
{
    /* 訪問済みリンク */
	text-decoration: none;
    color: #7C7399;
}

a:active
{
    /* アクティブリンク */
    color: #FF6600;
}

	
/*フォントカラー*/
.notes {
	color: #CC0000;
}

/*事業内容：サブメニュー*/
#s_menu {
	margin: 10px 0px 5px 70px;
	height: 14px;
}
#s_menu ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	line-height: 0px;
}
li.cf a:hover,
li.si a:hover,
li.ss a:hover,
li.pt a:hover,
li.le a:hover {
	background-position: 0 -24px ;
	}
li.si a {
	background: url(../img/s_menu01.gif) no-repeat;
	text-indent: -9999px;
	height: 24px;
	width: 138px;
	float:left;
	padding-right: 10px;
}
li.cf a {
	background: url(../img/s_menu02.gif) no-repeat;
	text-indent: -9999px;
	height: 24px;
	width: 138px;
	float:left;
	padding-right: 10px;
}
li.ss a {
	background: url(../img/s_menu03.gif) no-repeat;
	text-indent: -9999px;
	height: 24px;
	width: 138px;
	float:left;
	padding-right: 10px;
}
li.pt a {
	background: url(../img/s_menu04.gif) no-repeat;
	text-indent: -9999px;
	height: 24px;
	width: 138px;
	float:left;
	padding-right: 10px;
}
li.le a {
	background: url(../img/s_menu05.gif) no-repeat;
	text-indent: -9999px;
	height: 24px;
	width: 138px;
	float:left;
}