@charset "shift_jis";

* { margin: 0;padding: 0; }
html{ 
    height:100%; 
} 
body{ 
    height:100%; 
} 
/* =-=-=-=-=-= link =-=-=-=-=-=-= */
a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }

a:link,
a:visited { color: #0000FF; }
a:hover {
	color: #000099;
	text-decoration: underline;
}
a:active { color: #0000FF; }

.red { color: #ff4500;}
.green { color: #339900;}
.black { color: #000000;}


/* =-=-=-=-=-= framework =-=-=-=-=-=-= */
body {
  font-size: 80%;line-height: 160%;color: #555555;width : 100% ;
  text-align: center;
  font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background-color: #E8EBDE;
}


#wrapper {
 background:#E8EBDE;width:100%; height:100%; 
}
#container {
 width:980px;
 margin: 0 auto;
 text-align:left;clear:left;
}
#header {
 width:920px;padding:0 30px;
 background: url(../images/image_bg.jpg) repeat-y;float: left;
}
#header_in {
 background: url(../images/image_btm.jpg) no-repeat center bottom;
}
#fadeimage {
	display:none;
	}

#globalnavi {
  width: 854px;height: 71px;
  margin-left:63px;
  position: absolute;
  top: 420px;
  left:auto;clear:left;background: url(../images/nav_btm.jpg) repeat-x center bottom;
}

#globalnavi2 {
  width: 854px;height: 71px;
  margin-left:63px;
  position: absolute;
  top: 240px;
  left:auto;clear:left;
  background: url(../images/nav_btm.jpg) repeat-x center bottom;
}
#nav_btm {

}
#contents {
 clear:left;margin: 0 auto;
 /*
 background-color: #E8EBDE;
 position: relative; 
  top: -85px;
  left:auto;
  */
   position: absolute; width: 100%;
  top: 491px;
  left:0;
}
#contents2 {
 clear:left;
 width: 100%;background-color: #E8EBDE;
 position: absolute;
  top: 301px;
  left:0;
}
#cntarea {
 width: 852px;background-color: #ffffff;text-align:left;margin: -29px auto 0 auto;
 padding:0;border-color:#DDDFD1;border-width:0 1px 1px 1px;border-style:solid;
}
#cntarea2 {
 width: 852px;background-color: #ffffff;text-align:left;margin: 0 auto;
 padding:0;border-color:#DDDFD1;border-width:0 1px 1px 1px;border-style:solid;
}
 
.pagetop {
margin:70px 140px 0 0;text-align:right;clear:left;
}
.pagetopblog {
margin:70px 60px 0 0;text-align:right;clear:left;
}
#footer {
width:100%;background: url(../images/footer.jpg) repeat-x;background-color: #F8F9F5;
clear:left;margin: 40px 0 0 0;position: relative;top:0;left:0;
min-height:150px;
height: auto !important;
height: 150px;
}

/* =-=-=-=-=-= header =-=-=-=-=-=-= */
#h_line {
  background:#D7D8B6;width: 920px;height: 5px;font-size: 0;
}
.logo {
  float: left;
}
#mainimg {
  width: 920px;height: 510px;clear:left;padding-bottom:5px;
}
#mainimg2 {
  width: 920px;height: 270px;clear:left;padding-bottom:5px;
}
#h_btm {
background: url(../images/image_btm2.jpg) no-repeat;width: 980px;height: 29px;margin: 0 auto;
 position: relative;
  top: 80px;
}
#h_btm2 {
background: url(../images/image_btm2.jpg) no-repeat;width: 980px;height: 29px;margin: 0 auto;
}

/* =-=-=-=-=-= hnavi =-=-=-=-=-=-= */
#hnavi ul {
  width: 413px;float: right;margin-top:5px;
  list-style-type: none;
  background-color:#ffffff;
}

#hnavi li {
  width: auto;
  float: left;padding:0px;
}
/* =-=-=-=-=-= globalnavi =-=-=-=-=-=-= */
#globalnavi ul {
  padding: 0px;width: 854px;
  list-style-type: none;
  background-color:#336600;
}

#globalnavi li {
  width: auto;
  float: left;padding:0px;
}

/* =-=-=-=-=-= globalnavi =-=-=-=-=-=-= */
#globalnavi2 ul {
  padding: 0px;width: 854px;
  list-style-type: none;
  background-color:#ffffff;
}

#globalnavi2 li {
  width: auto;
  float: left;padding:0px;
}


/* =-=-=-=-=-= footer =-=-=-=-=-=-= */
#copy {
  text-align: center;height: 15px;padding: 20px 0 50px 0;
}

/* =-=-=-=-=-= HOME =-=-=-=-=-=-= */
.top_info		{ float:left;background: url(../../images/box_bg.gif) repeat-y;width:815px;margin-top:10px;position: relative;top:0;left:18px}
.infobox		{ float:left;width:260px;}
.infobox2		{ float:left;width:260px;margin-left:17px;}
.infobox_cnt 	{ width:230px;margin-left: 15px;}
.infobox_btm	{ background: url(../../images/box_btm.gif) no-repeat;clear:left;width:815px;height:13px;margin:0px 0px 20px 18px;}

/* =-=-=-=-=-= main =-=-=-=-=-=-= */
.ttl			{ padding:50px 0 0 140px;clear:both;}
.ttl_s			{ padding:20px 0 0 140px;clear:both;}
.tx_area		{ padding:25px 0 20px 140px;width: 570px;clear:both;}
.tx_area2		{ padding:15px 0 10px 155px;width: 555px;clear:both;}
.tx_area3		{ padding:15px 0 10px 155px;width: 590px;clear:both;}

/* =-=-=-=-=-= blog =-=-=-=-=-=-= */
.blog_area		{ padding:0px 0 0px 45px;width: 750px;clear:both;}

#blog-box		{ width:540px;float:right; }
.blog-ttl		{ padding:0px 0 10px 0px;clear:both;}

#Tmenu {
  margin: 0 0 0 30px;float:left;
  padding: 0;
  width: 170px;
}
#Tmenu h2 {
  padding:10px 8px;margin: 0px 0 15px 0;background:#E5E5E5;font-weight: normal;width:148px;font-size: 12px;
}
#Tmenu h3 {
  padding:10px 8px;margin: 40px 0 15px 0;background:#E5E5E5;font-weight: normal;width:148px;font-size: 12px;
}
#Tmenu h4 {
  margin: 3px 5px;padding: 0 6px 0 2px;
  font-size: 12px !important;line-height: 160% !important;font-weight: normal;
}

#Tmenu p {
  margin: 5px;
  padding: 0 6px 8px 2px;
  font-size: 12px !important;
  line-height: 160% !important;
  background:url(../images/dot_line.gif) no-repeat 0 bottom;
}

#blog-box .topics {
  width:540px;margin: 15px 0 5px 0;padding: 10px 0 0px 0;
}
#blog-box .topics_btm {
  width:540px;margin: 15px 0 5px 0;padding: 0px 0 10px 0;background:url(../images/dot_line.gif) no-repeat 0 bottom;clear: both;
}

#blog-box .topicsttl {
  padding:4px 8px;background:#E5E5E5;font-weight: normal;
}
#blog-box .topics p {
  /*width:580px;*/
  margin: 18px 0px 8px 0;padding:0 0 0 5px;
}
#blog-box .topics span {
  color: #3362B4;
  margin: 10px 0px 10px 0;padding:0 0 0 5px;
}
#blog-box .topics img {
  float: right;margin: 0 0 5px 15px;
}


/* =-=-=-=-=-= table =-=-=-=-=-=-= */
table			{ border-collapse: collapse;} 
.table_box		{ text-align:left;margin:0px 0 30px 0;width:570px; clear:both;}
* html .table_box { text-align:left;margin:0px 0 30px 0;padding:0;width:570px; clear:both;}
.table_box th	{ vertical-align: top; padding: 8px 10px;border: 1px solid #B5CBA3;background-color: #E6EAB0;width:130px;text-align:right}
.table_box td 	{ vertical-align: top; padding: 8px 10px;border: 1px solid #B5CBA3;}

/* =-=-=-=-=-= お問合フォーム =-=-=-=-=-=-= */
.form		{ border: solid 1px #777777;margin: 2px 2px 5px 2px;padding: 3px;}
.submit_btn	{ color: #FFF;background-color: #309000;border: 1px solid #555; padding: 3px 20px;}
.reset_btn	{ background-color: #fff;border: 1px solid #555; padding: 3px;}

/* =-=-=-=-=-= サイトマップ =-=-=-=-=-=-= */
.list1		{ background:url(../../sitemap/images/line.gif) no-repeat 0px bottom;padding:0px 30px 0px 65px;}
.list2		{ background:url(../../sitemap/images/line2.gif) no-repeat 0px bottom;padding:20px 30px 0px 65px;}

/* =-=-=-=-=-= 取り扱い品目 =-=-=-=-=-=-= */
.p_img		{ margin-left:15px;margin-bottom:15px;}

/* =-=-=-=-=-= margin =-=-=-=-=-=-= */
.maT5		{ margin-top:5px; }
.maT10		{ margin-top:10px; }
.maT20		{ margin-top:20px; }
.maT30		{ margin-top:30px; }
.maT40		{ margin-top:40px; }
.maT80		{ margin-top:80px; }
.maL10		{ margin-left:10px;}
.maL15		{ margin-left:15px;}
.maL50		{ margin-left:50px;}
.maB6		{ margin-bottom:6px; }

.claL	{clear:left;}
.floL	{float:left;}
.floR	{float:right;}
.clear	{clear:both;font-size:0;height:0}
 
.txs {
  font-size: 78%;
  line-height: 130%;
  margin: 10px 0;
}


/* 印刷用 */

@media print {

#footer {
width:100%;background: url(../images/footer.jpg) repeat-x;background-color: #F8F9F5;
clear:left;margin: 40px 0 0 0;position: relative;top:0;left:0;
}