@charset "Shift_JIS";

/*================[GLOBAL]================*/
html {  
     background-color: #d5d5c5;  
 }  

body {
	padding:0;
	margin:0;
	line-height:1.6;
	color:#222222;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color:#e1e1e1;
	font-size:12px;
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,form,button {
 	padding: 0;
	margin: 0;
	}

li {list-style-type:none;}
ul.sq li {list-style-type:square;margin-left:2em;margin-bottom:0.2em;}
ol li {list-style-type:decimal;margin-left:2em;margin-bottom:2.5em;}
ol li ul li {list-style-type:none;margin-left:2em;text-indent:-2.5em;margin-bottom:1em;}

li img {vertical-align:top!important;}
html {overflow-y:scroll;}
img {border:none;}

/*================[LINK]================*/
a {color:#9f8d59;text-decoration:underline;}
a:visited {color:#9f8d59;text-decoration:underline;}
a:hover {background-color:#333333;color:#ffde00;text-decoration:none;}
a:active {background-color:#d1d1bf;color:#333333;text-decoration:none;}

#TopBnrs a:hover,
#downloadslist a:hover,
a.bgnone
 {background:none;}


/*================[FONTSIZE]================*/
.f10 {font-size:10px;} * html .f10 {font-size:11px;} *:first-child+html .f10 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;} 


/*============[CLEARFIX]============*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {display:inline-block;}
/* End hide from IE mac \*/
* html .clearfix { height: 1%;}
.clearfix {display:block;}
/* End hide from IE mac */

/*============[MOZ]============*/
::-moz-selection {
		background-color:#333;
		color:#ffde00;
		}

::selection {
		background-color:#333;
		color:#ffde00;
	}
	


/*============[HEADER]============*/
#Header {
	width:940px;
	margin:0 auto;
}

#Header h1 {
	padding:20px 0;
}

#Header a:hover { background:none;}


#HeaderBG {
	width:100%;
	background-color:#FFFFFF;
	/*background:url(img/h_bg.gif);*/
}

/*============[NAV]============*/
#NavBG {
	background:url(img/nav_bg.gif) repeat-x;
	width:100%;
	height:54px;
	margin-bottom:5px;
	/*margin-top:-30px;*/
}

#Nav {
	width:940px;
	text-align:right;
	margin:0 auto;
}

#Nav li {
	display:inline;
	position:relative;
	z-index:6;
	}
	
	
/*============[SIDE_NAV]============*/
ul#bNav {
	text-align:left;
}


ul#bNav li {
	margin-bottom:5px;
	line-height:0;
	}


ul#sNav {
	text-align:left;
	border-left:#b3a16c solid 5px;
	margin-bottom:30px;
}

ul#sNav li {
	line-height:0;
}

ul#sNav li a {
	padding:3px;
	padding-left:7px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	/*background-color:#555555;*/
	text-decoration:none;
	line-height:normal;
	background:#555555 url(img/linebg_666666.gif) repeat-x bottom center;
	/*border-bottom:1px dotted #666666;*/
}

ul#sNav li.here a {background-color:#ffde00;color:#333333;}
ul#sNav li.final a {border-bottom:none;}
ul#sNav li a:hover {color:#ffde00;background-color:#666666;}
ul#sNav li.here a:hover {background-color:#ffde00;color:#333333;}

ul.ko {
	border-left:#b3a16c solid 5px;
	margin-left:0!important;
	line-height:1.3;
}

ul.ko li.ko a  {
	padding:3px;
	padding-left:10px;
	font-weight:bold;
	color:#cccccc!important;
	background:#555555 url(img/linebg_999999.gif) repeat-x bottom center!important;
	display:block;
	/*background:#555555!important;*/
}

ul.ko li.kohere a {color:#333333!important;background-color:#ffde00!important;}
ul.ko li.ko a:hover {color:#ffde00!important;background-color:#666666!important;}

/*============[Breadcrumbs]============*/
#Breadcrumbs {
	text-align:left;
	clear:both;
	width:940px;
	margin:0 auto 20px auto;
}

#Breadcrumbs a {background:none;color:#8d7d4c;}
#Breadcrumbs a:hover {background-color:#333333;color:#ffde00;text-decoration:none;}
	
	
/*============[FOOTER]============*/
#FooterBG {
	width:100%;
	background:url(img/linebg_999999.gif) repeat-x top center;
    background-color: #d5d5c5;  
}


#Footer {
	width:940px;
	margin:0 auto;
	clear:both;
	padding:10px 0;
}

#FooterL {
	float:left;
	width:620px;
}

#FooterR {
	float:right;
	text-align:right;
	width:300px;
}

#Footer li {
	display:inline;
	margin-right:10px;
	padding-right:10px;
	background:url(img/footer_kugiri.gif) no-repeat center right;
}

#Footer li#rss span {
	padding-left:20px;
	background:url(img/footer_rss.gif) no-repeat top left;
}

#Footer a {background-color:#d5d5c5;color:#333333;text-decoration:none;}
#Footer a:visited {background-color:#d1d1bf;color:#333333;text-decoration:none;}
#Footer a:hover {background-color:#333333;color:#ffde00;text-decoration:none;}
#Footer a:active {background-color:#d1d1bf;color:#333333;text-decoration:none;}

/*============[CONTENTS]============*/


#Contents {
	width:940px;
	margin:0 auto;
	margin-bottom:30px;
}


#ContentsL {
	width:190px;
	float:left;
}

#ContentsR {
	width:700px;
	padding:15px;
	float:right;
	background-color:#FFFFFF;
}

#ProductsL {
	width:700px;
	padding:15px;
	float:left;
	background-color:#FFFFFF;
}

#ProductsR {
	width:190px;
	float:right;
}

.Container {
	margin-bottom:5em;
	clear:both;
}

.ContainerL {
	width:460px;
	float:left;
}

.ContainerR {
	width:220px;
	float:right;
}

.Container220 {
	width:220px;
	float:left;
	}

.Container p {
	margin-bottom:1em;
	/*text-indent:1em;*/
}

.ContainerIl {
	text-align:center;
}

.ContainerIl p {
	margin-bottom:0;
	text-indent:0;
	line-height:1.3;
}

.Pagetop {
	clear:both;
	text-align:right;
	width:940px;
	margin:5px auto 5px auto;
	/*background-color:#c0c0b4;*/
	}
	
.Pagetop a {background:none;color:#333333;text-decoration:none;}
.Pagetop a:hover {background-color:#333333;color:#ffde00;text-decoration:none;}


p.txtBtn a {
	padding:3px 10px;
	font-weight:bold;
	color:#cccccc;
	display:inline;
	background-color:#555555;
}
p.txtBtn a:hover {color:#ffde00;background-color:#666666;}


/*============[POS]============*/
.txtC {text-align:center!important;}
.txtR {text-align:right;}
.txtL {text-align:left;}
.floatL {float:left;}
.floatR {float:right;}
.lh120 {line-height:1.2}
.lh130 {line-height:1.3}
.red {color:#CC0000;}
.grey {color:#666666;}

/*============[MARGIN]============*/
/*top*/
.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
		
/*right*/
.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}

/*bottom*/
.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}		

/*left*/
.ml0 {margin-left:0px!important;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}

/*============[PADDING]============*/
/*top*/
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
	
/*right*/
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
		
/*bottom*/
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb34 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}	
	
/*left*/
.p20 {padding:20px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}