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

*{
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
color:#333;
}
 
body{
margin:0;
padding:0;
font-size:12px;
letter-spacing:0.5px;
text-align:center;
line-height:18px;
background-color:#EEEEEE;
}

#wrapper  {
width:960px;
min-height:500px;
height: auto !important;
height: 500px;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
}


/*****************************HEAD***************************************/

#header{
width:960px;
height:115px;
background:url(../images/header_bg.jpg) no-repeat;
/*border:1px solid #C3C3C3;*/
}

/******************login******************/
#login_header{
width:960px;
height:115px;
background:url(../images/login_header_bg.jpg) no-repeat;
}
/******************login******************/


#title{
width:225px;
height:75px;
float:left;
/*border:1px solid #C3C3C3;*/
/*background-color:#FFFFFF;*/
}

#login{
width:600px;
height:42px;
float:right;
padding: 0 30px 0 0;
/*border:1px solid #C3C3C3;*/
}

#logout{
width:600px;
height:25px;
float:right;
padding: 15px 30px 0 0;
/*border:1px solid #C3C3C3;*/
}

div#home{
	height:25px;
	float:right;
	margin-right:30px;
	/*border:1px solid #C3C3C3;*/
}

*html div#home{
	margin-right:0;
	padding-right:30px;
}


div#login ul{
	clear:both;
	float:right;
	margin-top:5px;
}

div#login li{
	float:left;
	margin-left:10px;
}

div#menu {
	float:left;
	clear:both;
	height:40px;
	/*border:1px solid #C3C3C3;*/
}

/*===================logout================*/

.logout_ul { width: 220px; height: 25px; overflow: hidden; float: right; display: inline; }

.logout_ul li { height: 25px; float: left; display: inline; margin-right: 0px; }
.logout_ul li a { display: block; height: 25px; text-indent: -9999px; background: transparent url(../images/logout2.png) 0 0 no-repeat; }
 
#henkou_btn { width: 110px; background-position: 0px -25px; }
#henkou_btn:hover { background-position: 0px 0px; }

#logout_btn { width: 110px; background-position: -110px -25px; }
#logout_btn:hover { background-position: -110px 0px; }

#jlc_btn { width: 110px; background-position: -220px -25px; }
#jlc_btn:hover { background-position: -220px 0px; }


/*****************************CONTENTS***************************************/

#contents{
width:960px;
clear:both;
/*border:1px solid #C3C3C3;*/
}


/*********製品ナビ*******/

div#seihin_menu {
	clear:both;
	height:30px;
	margin-bottom:15px;
	/*border:1px solid #C3C3C3;*/
}

/*********製品ナビ*******/

#footer{
height:30px;
padding:5px;
clear:both;
text-align:center;
/*background-color:#DDDDDD;*/
background-color:#336600;
}


div#footer ul{
	margin:-2px 5px 0 0;
	float:right;
}

div#footer li{
	list-style:none;
	background:url(../images/footer_icon.gif) no-repeat 0 3px;
	margin-left:10px;
	padding-left:15px;
	float:left;
}

div#footer a{
	font-weight:bold;
	color:#FFFFFF;
}

div#footer a:hover{
	font-weight:bold;
	color:#00FF00;
}

address{
	font-family: georgia, times new roman, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}


/*================ 細かいパーツ =================*/
/*ログイン部*/
div#login li{
	list-style:none;
	margin-bottom:8px;
}



a {
   color:#333;
   text-decoration:none;
}
 
a:hover {
   color:#666;
}


/*=============== 初期化 ===============*/ 
img {
   border:0;
   vertical-align:bottom;
}
 
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,address {
   margin:0;
   padding:0;
}