@charset "Shift_JIS";


/* 基本のレイアウト
---------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #666666;
	line-height: 1.4;
}

#container {
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 900px;
	background-color: #FFFFFF;
}



#header {
	width:900px;
	height:72px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	}

.logo {
 margin: 0;
 padding: 0px 0px 0px 0px;
 float: left;
}

#header_menu {
 margin: 0;
 padding: 25px 0px 0px 0px;
 float: right;
 width: 205px;
}

#header_menu li{
 margin: 0;
 padding: 0;
 float: left;
 list-style: none;
 text-indent: -9999px;
}

#header_menu li#home{
  margin: 0;
  padding: 0;
  width: 50px;
  height: 15px;
}

#header_menu li#home a{
  display: block;
  background-image: url(img/home.gif);
  background-repeat: no-repeat;
  width: 50px;
  height: 15px;
  text-decoration: none;
}

#header_menu li#sitemap{
  margin: 0;
  padding: 0;
  width: 80px;
  height: 15px;
}

#header_menu li#sitemap a{
  display: block;
  background-image: url(img/sitemap.gif);
  background-repeat: no-repeat;
  width: 80px;
  height: 15px;
  text-decoration: none;
}

#header_menu li#contact{
  margin: 0;
  padding: 0;
  width: 75px;
  height: 15px;
}

#header_menu li#contact a{
  display: block;
  background-image: url(img/contact.gif);
  background-repeat: no-repeat;
  width: 75px;
  height: 15px;
  text-decoration: none;
}

.content {
  margin: 0;
  padding: 0;
  width: 900px;
  clear:both;
}

.content_800 {
	margin:  0px 50px 0px 50px;
	padding: 0;
	width: 800px;
	clear:both;
	background-color:#FFFFFF;
	color: #666666;
}

.content_900 {
	margin:  0px 0px 0px 0px;
	padding: 0;
	width: 900px;
	clear:both;
	background-color:#FFFFFF;
	color: #666666;
}

.menucol {
 margin: 0;
 padding: 0px 20px 0px 0px;
 width: 150px;
 float:left;
}

.maincol {
 margin: 0;
 padding: 0;
 width: 590px;
 float:right;
}

h1 {
 margin: 0;
 padding: 0px 0px 10px 0px;
 width: 590px;
}


h2 {
 margin: 0;
 padding: 0px 0px 10px 0px;
 width: 590px;
}

h3 {
 margin: 0;
 padding: 0px 0px 0px 0px;
 width: 590px;
}

hr{
  clear: both;
  visibility: hidden;
  padding: 20px 0px 0px 0px;
  margin: 0;
  border: none; 
}

.pagetop a{
 margin: 0;
 padding: 0px 0px 10px 0px;
 width: 80px;
 height: 10px;
 background-image: url(img/pagetop.gif);
 background-repeat: no-repeat;
 float:right;
 text-decoration: none;
}

.copyright {
  display: block;
  margin: 0;
  padding: 0;
  width: 900px;
  height: 10px;
  background-image: url(img/copyright.jpg);
  background-repeat: no-repeat;
  clear:both;
  font-size:0;
}

/* パンくずリスト
---------------------------------------------------- */

#pan{
	margin: 0;
	width: 900px;
	height: 10px;
	clear: both;
	font-size: 10px;
	background-color:#FFFFFF;
	color: #333333;
}

#nav ul {
 list-style: none;
	margin:0;
	padding:0;
	}


#nav li {
/*  display: block;
*/  margin: 0;
  padding: 0;
  height: 14px;
  float: left;
}
#nav li a {
  display: block;
  padding: 0;
  margin: 0;
  height: 14px;
  text-decoration: none;

}


/* メインメニュー
---------------------------------------------------- */
#nav{
  margin: 0;
  width: 900px;
  height: 40px;
  clear: both;
  font-size:0;
}

#nav ul {
 list-style: none;
	margin:0;
	padding:0;
	}


#nav li {
/*  display: block;
*/  margin: 0;
  padding: 0;
  height: 40px;
  float: left;
}
#nav li a {
  display: block;
  padding: 0;
  margin: 0;
  height: 40px;
  text-decoration: none;
  background-image: url(img/global_nav.jpg);
  background-repeat: no-repeat;
}

#nav li#home { width: 92px; }
#nav li#kyoiku { width:  121px; }
#nav li#miryoku { width:  125px; }
#nav li#gakka { width:  88px; }
#nav li#sakuhin { width:  88px; }
#nav li#gyoji { width:  88px; }
#nav li#nyugaku { width:  88px; }
#nav li#qa { width:  67px; }
#nav li#access { width:  143px; }




#nav li#home a { background-position:   
  0 0; }
#nav li#kyoiku a { background-position:  -92px
0; }
#nav li#miryoku a { background-position:
-213px 0; }
#nav li#gakka a { background-position:
-338px 0; }
#nav li#sakuhin a { background-position:
-426px 0; }
#nav li#gyoji a { background-position:
-514px 0; }
#nav li#nyugaku a { background-position:
-602px 0; }
#nav li#qa a { background-position:
-690px 0; }
#nav li#access a { background-position:
-757px 0; }




#nav li#home a:hover { background-position:   
  0 -40px; }
#nav li#kyoiku a:hover { background-position:  -92px
-40px; }
#nav li#miryoku a:hover { background-position:
-213px -40px; }
#nav li#gakka a:hover { background-position:
-338px -40px; }
#nav li#sakuhin a:hover { background-position:
-426px -40px; }
#nav li#gyoji a:hover { background-position:
-514px -40px; }
#nav li#nyugaku a:hover { background-position:
-602px -40px; }
#nav li#qa a:hover { background-position:
-690px -40px; }
#nav li#access a:hover { background-position:
-757px -40px; }




#nav li#home.current-page { background: url(img/global_nav.jpg) 0px -40px;  }
#nav li#kyoiku.current-page { background: url(img/global_nav.jpg) -92px -40px; }
#nav li#miryoku.current-page { background: url(img/global_nav.jpg) -213px -40px; }
#nav li#gakka.current-page { background: url(img/global_nav.jpg) -338px -40px; }
#nav li#sakuhin.current-page { background: url(img/global_nav.jpg) -426px -40px; }
#nav li#gyoji.current-page { background: url(img/global_nav.jpg) -514px -40px; }
#nav li#nyugaku.current-page { background: url(img/global_nav.jpg) -602px -40px; }
#nav li#qa.current-page { background: url(img/global_nav.jpg) -690px -40px; }
#nav li#access.current-page { background: url(img/global_nav.jpg) -757px -40px; }


/* フッターメニュー
---------------------------------------------------- */
#footer_nav{
	margin: 0;
	width: 900px;
	height: 20px;
	clear: both;
	background-color: #FFFFFF;
	font-size:0;
}

#footer_nav ul {
 list-style: none;
	margin:0;
	padding:0;
	}


#footer_nav li {
  list-style: none;
  /*  display: block;
*/
  margin: 0;
  padding: 0;
  height: 20px;
  float: left;
}
#footer_nav li a {
  display: block;
  padding: 0;
  margin: 0;
  height: 20px;
  text-decoration: none;
  background-image: url(img/footer_nav.gif);
  background-repeat: no-repeat;
}

#footer_nav li#no { width: 300px; }
#footer_nav li#yakan { width:  126px; }
#footer_nav li#taiken { width:  69px; }
#footer_nav li#siryo { width:  69px; }
#footer_nav li#sotsugyo { width:  92px; }
#footer_nav li#privacy { width:  132px; }
#footer_nav li#site { width:  112px; }





#footer_nav li#no a { background-position:   
  0 0; }
#footer_nav li#yakan a { background-position:  -300px
0; }
#footer_nav li#taiken a { background-position:
-426px 0; }
#footer_nav li#siryo a { background-position:
-495px 0; }
#footer_nav li#sotsugyo a { background-position:
-564px 0; }
#footer_nav li#privacy a { background-position:
-656px 0; }
#footer_nav li#site a { background-position:
-788px 0; }





#footer_nav li#no a:hover { background-position:   
  0 -20px; }
#footer_nav li#yakan a:hover { background-position:  -300px
-20px; }
#footer_nav li#taiken a:hover { background-position:
-426px -20px; }
#footer_nav li#siryo a:hover { background-position:
-495px -20px; }
#footer_nav li#sotsugyo a:hover { background-position:
-564px -20px; }
#footer_nav li#privacy a:hover { background-position:
-656px -20px; }
#footer_nav li#site a:hover { background-position:
-788px -20px; }





#footer_nav li#no.current-page { background: url(img/footer_nav.jpg) 0px -20px;  }
#footer_nav li#yakan.current-page { background: url(img/footer_nav.jpg) -300px -20px; }
#footer_nav li#taiken.current-page { background: url(img/footer_nav.jpg) -426px -20px; }
#footer_nav li#siryo.current-page { background: url(img/footer_nav.jpg) -495px -20px; }
#footer_nav li#sotsugyo.current-page { background: url(img/footer_nav.jpg) -564px -20px; }
#footer_nav li#privacy.current-page { background: url(img/footer_nav.jpg) -656px -20px; }
#footer_nav li#site.current-page { background: url(img/footer_nav.jpg) -788px -20px; }




/* 製品メニュー
---------------------------------------------------- */
.seihin_top{
  margin: 0;
  padding: 0;
  width: 150px;
  height:58px;
  background-image: url(img/seihin_top.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}


#seihin_menu{
  margin: 0px 0px 20px 0px;
  padding: 0;
  width: 150px;
}

#seihin_menu p {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 150px;
  text-indent: -9999px;
}

#seihin_menu p a {
  display: block;
  padding: 0;
  margin: 0;
  width: 150px;
  height: 40px;
  text-decoration: none;
  background-image: url(img/seihin_menu.jpg);
  background-repeat: no-repeat;
}

#seihin_menu p#shumai { height: 40px; }
#seihin_menu p#gyouza { height: 40px; }
#seihin_menu p#harumaki { height: 40px; }
#seihin_menu p#souzai { height: 40px; }

#seihin_menu p#shumai a { background-position:   
  0 0; }
#seihin_menu p#gyouza a { background-position:  0px
-40px; }
#seihin_menu p#harumaki a { background-position:
0px -80px; }
#seihin_menu p#souzai a { background-position:
0px -120px; }

#seihin_menu p#shumai a:hover  { background-position:   
  -150px 0px; }
#seihin_menu p#gyouza a:hover  { background-position: -150px
-40px; }
#seihin_menu p#harumaki a:hover { background-position:
-150px -80px; }
#seihin_menu p#souzai a:hover { background-position:
-150px -120px; }

#seihin_menu p#shumai.current-page { background: url(img/seihin_menu.jpg) -150px 0px;  }
#seihin_menu p#gyouza.current-page { background: url(img/seihin_menu.jpg) -150px -40px; }
#seihin_menu p#harumaki.current-page { background: url(img/seihin_menu.jpg) -150px -80px; }
#seihin_menu p#souzai.current-page { background: url(img/seihin_menu.jpg) -150px -120px; }


/* オーダーバナー
---------------------------------------------------- */
p#order {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 210px;
  text-indent: -9999px;
}

p#order a {
  display: block;
  padding: 0;
  margin: 0;
  width: 150px;
  height: 210px;
  text-decoration: none;
  background-image: url(img/order_banner.jpg);
  background-repeat: no-repeat;
}

p#order a:hover { background-position:-150px 0px}

p#order.current-page { background: url(img/order_banner.jpg)   
  -150px 0px; }
  
 /* テキスト
---------------------------------------------------- */
.text-10b {
 font-size : 10px;
 font-weight: bold;
 color: #666666;
 line-height: 1.6;
}

.text-10 {
 font-size : 10px;
 color: #666666;
 line-height: 1.6;
}

.text-10_r {
 font-size : 10px;
 color: #FF0000;
 line-height: 1.6;
}

.text-12_r {
 font-size : 12px;
 color: #FF0000;
 line-height: 1.6;
}


.text-10b_r {
 font-size : 10px;
 font-weight: bold;
 color: #FF0000;
 line-height: 1.6;
}

.text-12 {
font-size : 12px;
color: #666666;
line-height: 1.6;
}


.text-12b_d{
	font-size : 12px;
	font-weight: bold;
	color: #00937C;
	line-height: 1.6;
}

.text-14b_d{
	font-size : 14px;
	font-weight: bold;
	color: #00937C;
	line-height: 1.6;
}

.text-16b_d{
	font-size : 16px;
	font-weight: bold;
	color: #00937C;
	line-height: 1.6;
}

.text-10b_d{
	font-size : 10px;
	font-weight: bold;
	color: #00937C;
	line-height: 1.6;
}


.text-12b {
	font-size : 12px;
	font-weight: bold;
	color: #666666;
	line-height: 1.6;
}

.text-14b { 
 font-size : 14px;
 font-weight: bold;
 	color: #666666;
	line-height: 1.6;
}

#op_flash {
	width:900px;
	height:450px;
	margin:0;
	padding:0;
	background-color:#99FF33;
	}