@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 		0;
	padding: 		0;
	border: 		0;
	outline: 		0;
	font-size: 	100%;
	vertical-align: 	baseline;
	background: 	transparent;
}

body
{
	margin:		0;
/*	font-size:		85%; */
	font-size: 11px;
	color: 		#000000;

}
/* TOP̂ */

body#top
{
	/* font-family:		'CI',Meiryo,'lr oSVbN',Osaka,'qMmpS Pro W3','Hiragino Kaku Gothic Pro',Arial,'Trebuchet MS',sans-serif; */
	font-family:	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image:	url(../img/test.png); 
	background-repeat:	repeat-x;
	/* background-position:	center; */
	margin: 		0; 
	padding: 		0;
	text-align: 		center;
	background-color: 		#FFFFFF;
	font-size:		15px; 
	line-height:		1.6; 
	height:		100%;
}

#top #container
{
	width: 		920px; 
	/* height:2000px; */
	margin-top:	20px;
	/* margin: 		0 auto;*/
	padding:		0px 10px 0px 10px;
	text-align: 		left;
	/* overflow: 		hidden; */
}

#top #container_etc
{
	width: 		920px; 
	/* height:		2000px; */
	margin-top:	20px;
	/* margin: 		0 auto;*/
	padding:		0px 10px 0px 10px;
	text-align: 		left;
	/* overflow: 		hidden; */
}


ul#top
{
  	margin:		0;
  	padding: 		0;
}

ul#top li
{
  	display: 		inline;
  	margin: 		0;
  	padding: 		0; 
	float:			left;
}

ul#top li a
{
  	margin: 		0;
  	padding: 		0;
}

ul#top li a img
{
  	margin: 		0;
  	padding: 		0;
  	border: 		0;
}


/*---------------------------------------------------------------------------*/
/*フレーム
/*---------------------------------------------------------------------------*/
#container
{
	position:		relative;
	width:		920px;
	height:		920px;
	margin:		0 auto;
	text-align:	left;
	background:	#EEEEEE; 		/*背景	  黄色 #EEEEEE; */
}

#container_etc
{
	position:		relative;
	width:		920px;
	/* height:		920px; */
	margin:		0 auto;
	text-align:	left;
	font-size:		11px; 
	color:		#666666;
	background:	#EEEEEE; 		/*背景	  黄色 #EEEEEE; */
}
/*---------------*/
/*ヘッダー
/*---------------*/
#header
{
	position:		relative;
	margin-top: 		2px;
  	padding: 		0;	
	width:			900px;
	height:		100px;	
	z-index:		100;
}
#logo
{
	float: 		left;
	width:			550px;
	height:		50px;
	background:		#EEEEEE; 	
}
#upperright 
{
	float: 		right;
	text-align:		right;
	width: 		350px;
	height: 		50px;
	background:		#EEEEEE; 
}

#sitmap
{
	/* float: 		right; */
	width:			100px;
	height:		25px;
	background:		#EEEEEE; 	
}


#g_navi
{
	height:		35px;
	margin: 		0;
  	padding: 		0;

}

/*---------------*/
/*本体（下部）外枠
/*---------------*/
#contents
{
	position:		relative;
	margin: 		0;
  	padding: 		0;
	width:		900px;
	height:		800px;
	
}

#contents_etc
{
	position:		relative;
	margin: 		0;
  	padding: 		0;
	width:		900px;
	height:		auto;
	
}


#contents_products  /* products  service */
{
	position:		relative;
	margin: 		0;
  	padding: 		0;
	width:		900px;
	height:		900px;
	
}

#contents_rel
{
	/* position:		relative; */
	margin: 		0;
  	padding: 		0;
	width:		850px;
	height:		auto;
	
}


/*---------------*/
/*カテゴリ
/*---------------*/
#categories
{
	/* position:		absolute; */
	margin: 		0;
  	padding: 		0;
	width:			900px;
	height:		300px;
	background:		#EEEEEE; 		/*背景　白色 #EEEEEE; */
}
#flashcontent
{

}
/*---------------*/
/*ニュース
/*---------------*/
#news
{
	/* position:		relative; */
	float:		left;
	margin: 		0;
  	padding-top: 		5px;
	top:			310px;
	left:			0;
	width:			700px !important; 
	height:		400px;
	background:		#EEEEEE; 		/*背景　白色 #EEEEEE; */
	
}
.whatsnew
{
	overflow:		auto;
	border:		1px solid #00008B;
	border-spacing: 	0;
	width:			700px !important; 
	width /**/:		700px; 
	height:		160px;
}
.whatsnew dt
{
	float: 		left; 
	border-spacing: 	0;
	line-height:		16px; 
	font-size:		12px;
	padding: 		2px 10px 2px 25px;
	clear:			both; 
	background-image:	url(../img/newsbg.png);
	background-repeat:	no-repeat;
}

.whatsnew dd
{
	color: 		#000000; 
	font-size: 	12px;
	line-height: 	16px;
	padding: 		2px 2px 2px 2px;
}

.whatsnew a:link 
{
	color: 		#666666;
}

.whatsnew a:visited 
{
	color: 		#999999;
}

.whatsnew a:hover 
{
	color: #BFBFBF;
}



#newswm
{
	/* position:		relative; */
	float:		left;
	margin: 		0;
  	padding-top: 		5px;
	top:			360px;
	left:			0;
	width:			700px !important; 
	height:		400px;
	background:		#EEEEEE; 		/*背景　白色 #EEEEEE; */
	
}
.whatsnewwm
{
	overflow:		auto;
	border:		1px solid #00008B;
	border-spacing: 	0;
	width:			700px !important; 
	width /**/:		700px; 
	height:		135px;
}
.whatsnewwm dt
{
	float: 		left; 
	border-spacing: 	0;
	line-height:		16px; 
	font-size:		12px;
	padding: 		2px 10px 2px 25px;
	clear:			both; 
	background-image:	url(../img/newsbg.png);
	background-repeat:	no-repeat;
}

.whatsnewwm dd
{
	color: 		#000000; 
	font-size: 	12px;
	line-height: 	16px;
	padding: 		2px 2px 2px 2px;
}

.whatsnewwm a:link 
{
	color: 		#666666;
}

.whatsnewwm a:visited 
{
	color: 		#999999;
}

.whatsnewwm a:hover 
{
	color: #BFBFBF;
}

/*---------------*/
/*FAQ
/*---------------*/
.faqbox
{
	width:	600px;
	text-align:	center; 
	vertical-align:	middle;
}






/*---------------*/
/*リンク集
/*---------------*/
#newslink
{
	float: 		right;
	margin: 		5px 0px 0px 10px;
  	/* padding: 		5px 0px 0px 5px; */
	top:		310px;
	width:		185px;
	height:		385px;
	/* border:		1px solid #00008B; */
	font-size:		12px; 
	background:	#EEEEEE; 		/*背景　白色 #EEEEEE; */		
}
/*---------------*/
/*フッター TOP用
/*---------------*/
#footer
{
	position:		absolute;
	/* margin: 		5px 5px 5px 5px; */
  	padding: 		0px 10px 0px 10px;
	height:		60px;
	left:		0px;
	top:		850px;
	width:		920px;
	background:	#EEEEEE; 		/*背景　白色*/		
}

#groundnavi{
	width:		900px;
	/* height:		15px; */
	/* padding:		5px 0 5px 0;  */
	padding:		0; 
	text-align:	center; 
}

#groundnavi li
{
   	list-style-type:	none;
	font-size:		11px;
	line-height:	14px;
	display:		inline;
	padding-left:	5px;
}

#groundnavi a:link {
	color: #666666;
}
#groundnavi a:visited {
	color: #999999;
}
#groundnavi a:hover {
	color: #BFBFBF;
}

/*---------------*/
/*フッター　その他
/*---------------*/
#footer_etc
{
	position:		bottom;
	/* margin: 		5px 5px 5px 5px; */
  	padding: 		0px 10px 0px 10px;
	height:		80px;
	left:		0px;
	top:		auto;
	width:		900px;
	background:	#EEEEEE; 		/*背景　白色*/		
}

/*---------------*/
/*商品説明ページ用
/*---------------*/
#products_left
{
	/* position:		relative; */
	float:		left;
	margin: 		0;
  	padding-top: 		5px;
	top:			110px;
	left:			0;
	width:			250px !important; 
	height:		800px;
	background:		#EEEEEE; 		/*背景　白色 #EEEEEE; */
	
}
#products_right
{
	/* position:		relative; */
	float:		right;
	margin: 		0;
  	padding-top: 		5px;
	top:			110px;
	left:			0;
	width:			650px !important; 
	height:		800px;
	background:		#EEEEEE; 		/*背景　白色 #EEEEEE; */
	
}


	
/*---------------------------------------------------------------------------*/
/*フレーム定義  END
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/*ボックス定義
/*---------------------------------------------------------------------------*/
.abobox
{
	 width:		840px;
	border:		2px solid #CCCCCC;
	padding:		10px;
}

.abobox2
{
	width:		840px;
	height:		210px;
	border:		2px solid #CCCCCC;
	padding:		10px;
}

.supbox {
	width:		800px;
	padding:		10px;
	text-align:	center;

	
}

.supbox2 {
	width:		450px;
	border:		2px solid #CCCCCC;
	padding:		20px;
	margin:		0 auto;
	background:		#FFFFFF; 		/*背景　白色 #EEEEEE; */
}

.closebtn
{
	text-align:	center;
}

.relemain{
	margin:		10px 0px 20px 50px;
}

/*---------------------------------------------------------------------------*/
/*テーブル定義
/*---------------------------------------------------------------------------*/
.tbl_00 {
	/* width:	100%; */
	margin:	0px 0px 10px 0px;
	padding:	0px;
	font-size:		11px;
	border-collapse:	separate;
	border-spacing:	0px;
}

.tbl_00 th {
	width:		20%;
	padding:		2px 1px 1px 2px;
	text-align:	left;
	vertical-align:	top;
	color:		#FFFFFF;
	background-color:	#33CC33;
	border-top:	1px solid #006666;
	border-left:	1px solid #006666;
	border-right:	1px solid #99CC66;
	border-bottom:	1px solid #99CC66;
}


.tbl_00 td {
	/* width:		150px; */
	padding:		2px 1px 1px 2px;
	height:		17px;
	background-color:	#F5F5F5;
	vertical-align:	middle;
	border-top:	1px solid #999999;
	border-left:	1px solid #999999;
	border-right:	1px solid #DDDDDD;
	border-bottom:	1px solid #DDDDDD;
}


.tbl_99 {
	/* width:	100%; */
	margin:	0px 0px 5px 0px;
	padding:	0px;
	font-size:		10px;
	border-collapse:	separate;
	border-spacing:	0px;
}

.tbl_99 th {
	width:		25%;
	padding:		1px 1px 1px 1px;
	text-align:	left;
	vertical-align:	top;
	color:		#FFFFFF;
	background-color:	#33CC33;
	border-top:	1px solid #006666;
	border-left:	1px solid #006666;
	border-right:	1px solid #99CC66;
	border-bottom:	1px solid #99CC66; 
}
.tbl_99 td {
	padding:		1px 1px 1px 1px;
	height:		15px;
	background-color:	#F5F5F5;
	vertical-align:	middle;
	border-top:	1px solid #999999;
	border-left:	1px solid #999999;
	border-right:	1px solid #DDDDDD;
	border-bottom:	1px solid #DDDDDD;
}

.tbl_999 {
	/* width:	100%; */
	margin:	0px 0px 5px 0px;
	padding:	0px;
	font-size:		14px;

	border-collapse:	separate;
	border-spacing:	0px;
}

.tbl_999 th {
	width:		25%;
	padding:		1px 1px 1px 1px;
	text-align:	left;
	vertical-align:	top;
	color:		#FFFFFF;
	background-color:	#EEEEEE;
}
.tbl_999 td {
	padding:		1px 1px 1px 1px;
	height:		15px;
	line-height:	15px;
	background-color:	#EEEEEE;
	vertical-align:	middle;
}


.tbl_88 {
	/* width:	100%; */
	margin:	0px 0px 5px 0px;
	padding:	0px;
	font-size:		15px;
	border-collapse:	separate;
	border-spacing:	0px;
}
.tbl_88 th {
	width:		25%;
	padding:		1px 1px 1px 1px;
	text-align:	left;
	vertical-align:	top;
	color:		#FFFFFF;
	background-color:	#EEEEEE;
}
.tbl_88 td {
	padding:		1px 1px 1px 1px;
	height:		20px;
	line-height:	20px;
	background-color:	#EEEEEE;
	vertical-align:	middle;
}

.tbl_rel {
	/* width:	100%; */
	margin:	0px 0px 5px 0px;
	padding:	0px;
	font-size:		11px;
	border-collapse:	separate;
	border-spacing:	0px;
}
.tbl_rel th {
	width:		25%;
	padding:		1px 1px 1px 1px;
	text-align:	left;
	vertical-align:	top;
	color:		#FFFFFF;
	background-color:	#EEEEEE;
}
.tbl_rel td {
	padding:		1px 1px 1px 1px;
	height:		20px;
	line-height:	20px;
	background-color:	#EEEEEE;
	vertical-align:	middle;
}

.tbl_dl {

	width:	800px;
	margin:	0px 0px 10px 0px;
	padding:	0px;
	font-size:		12px;
	border-collapse:	separate;
	border-spacing:	0px;
}

.tbl_dl th {

	padding:		2px 1px 1px 2px;
	text-align:	left;
	vertical-align:	top;
	color:		#EFEFEF;
	background-color:	#33CC33;
	border-top:	1px solid #006666;
	border-left:	1px solid #006666;
	border-right:	1px solid #99CC66;
	border-bottom:	1px solid #99CC66;
}
.tbl_dl td {

	padding:		2px 1px 1px 2px;
	height:		17px;
	background-color:	#EFEFEF;
	vertical-align:	middle;
	border-top:	1px solid #999999;
	border-left:	1px solid #999999;
	border-right:	1px solid #DDDDDD;
	border-bottom:	1px solid #DDDDDD;
}



/*---------------------------------------------------------------------------*/
/*文字定義
/*---------------------------------------------------------------------------*/

.txt9 {
	font-size: 9px;
	color: #666666;
	line-height: 12px;
	font-weight: normal;
}

.text10 {
	font-size:		10px;
	color:			#666666;
	line-height:		13px;
	font-weight:		normal;
}
.text10-bk {
	font-size: 10px;
	color: #000000;
	line-height: 13px;
	font-weight: normal;
}


.text10-r {
	font-size:		12px;
	color:			#000000;
	line-height:		13px;
	font-weight:		normal;
}

.text10-w {
	font-size:		10px;
	color:			#FFFFFF;
	line-height:		13px;
	font-weight:normal;
}


.text11 {
	font-size:		12px;
	color:			#666666;
	line-height:		15px;
	font-weight:		normal;
}
.txt11 {
	font-size:		11px;
	color:			#666666;
	line-height:		15px;
	font-weight:		normal;
}

.txt12 {
	font-size:		12px;
	color:			#666666;
	line-height:		15px;
	font-weight:		normal;
}

.txt12_red {
	font-size:		12px;
	color:			#ff0000;
	line-height:		15px;
	font-weight:		bold;
}

.txt13 {
	font-size:		13px;
	color:			#666666;
	line-height:		15px;
	font-weight:		normal;
}

.txt14 {
	font-size:		14px;
	color:			#696969;
	line-height:		18px;
	font-weight:		normal;
}

.txt15 {
	font-size:		15px;
	color:			#666666;
	line-height:		18px;
	font-weight:		normal;
}

.txt16 {
	font-size:		16px;
	color:			#666666;
	line-height:		18px;
	font-weight:		normal;
}
.t16 {
	font-size:		16px;
	color:			#0000FF;
	line-height:		18px;
	font-weight:		bold;
}

.text12 {
	font-size:		16px;
	color:			#004A9B;
	line-height:		15px;
	font-weight:		bold;
}


.text12-1 {
	font-size:		14px;
	color:			#004A9B;
	line-height:		20px;
	font-weight:		bold;
}


.text13 {
	font-size:		14px;
	color:			#00D20B;
	line-height:		15px;
	font-weight:		bold;
}


.text14 {
	font-size:		14px;
	color:			#666666;
	line-height:		18px;
	font-weight:		bold;
}


.text15 {
	font-size:		13px;
	color:			#FF0000;
	line-height:		15px;
	font-weight:		normal;
}


.text16 {
	font-size:		25px;
	color:			#FF0000;
	line-height:		28px;
	font-weight:		bold;
}


.style2 {
	color:			#FF0000;
}

 .tit01 {
	  
	border-left:	5px solid #CADAF9;  
	border-bottom:	1px solid #000000;  
	padding:		2px 0 2px 10px;  
	line-height:	150%;
	background-color:	#0036FF; /* 6495ED */
	font-size:		16px;
	color:		#FFFFFF;
	width:		800px;
 
}

/*---------------------------------------------------------------------------*/
/*取扱店舗表示用
/*---------------------------------------------------------------------------*/

   .secondpulldown {
      display: none;
   }


/*-------- mouse over jquery制御用  ----------------*/
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}