/************************************************************

　　　　イリオス様　リニューアルプラン　スタイルシート
　　　　　　　　　　　　　　　　　　　　作成：Hiromi Watanabe
************************************************************/



/* ###### リンクの設定 ######################## */

a { text-decoration: none; color:#006699; }

a:link { text-decoration: none; color:#006699;}
a:visited { text-decoration: none; color:#006699; }
a:hover { text-decoration: underline; font-weight:bold;color:#006699; }
a:active { text-decoration: underline; color:#006699; }

/* ###### IMEの入力規則 ####################### */

.imeon { ime-mode: active; }

.imeoff { ime-mode: inactive; }



/* ###### formタグのマージン設定 ###################### */

form {
	margin: 0em;
}


/* ###### 基本タグの設定 ###################### */

body {
	margin: 0px;
	padding: 0px;
/*	background: #e6e6e6; */
	font: normal normal normal mediam/125% monospace;
	color: #333333;
}

h1 {
	font-size: 130%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 120%;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 110%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin: 14px 0px 8px;
	padding: 4px;
	background-color:#6699CC;
}

/* ul {
	list-style-type: none;
}
*/
p {
	padding:2px 2px;
	}
table {
	border-collapse:collapse;
	}
td {
	vertical-align:top;
	}

/* ###### fontの設定 ###################### */
.f10 {font-size:10px;line-height:120%;}
.f11 {font-size:11px;line-height:140%;}
.f12 {font-size:12px;line-height:140%;}
.f14 {font-size:14px;line-height:140%;}
.f16 {font-size:16px;line-height:130%;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.red {color:#FF0000;}
.black {color:#666666;}
.white {color:#FFFFFF;}
.green {color:#339966;}
.blue {color:#6699FF;}
.navy {color:#000099;}
 


/* ###### レイアウト設定 ######################## */

/*　ヘッダー　*/
#head {
	width:760px;
	height:96px;
	margin:0 auto;
	background-color:#000000;
	background-image:url(/images/top/banner-bk1.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #eeeeee;
	}

/*　右上テキストメニュー　*/
.h-menu1 {
	text-align:right;
	padding-right:2px;
	font-size:12px;
	vertical-align:bottom;
	float:right;
	/* padding-top:2px; */
	}
.h-menu1 a  {color:#FFFFFF;}
.h-menu1 a:link { color:#FFFFFF;}
.h-menu1 a:visited { color:#FFFFFF;}
.h-menu1 a:hover { color:#FFFFFF;font-weight:bold; }
.h-menu1 a:active { color:#FFFFFF;}


/* 左上テキスト */
.h-txt {
	margin:8px 0 0 10px;
	float:left;
	}
.h-txt h1 {
	font-size:10px;
	color:#ffffff;
	}
	
/* ###### count の設定 ######################## */

#count {
  float:right;
  padding-right:8px;
  font-size:12px;
  font-weight:bold;
}

#count a:active { color: #ffffff;}
#count a:link{ color: #ffffff;}
#count a:visited{ color: #ffffff;}
#count a:hover{ color: #ffffff;}


/*　コンテンツ部分　*/
#wrapper {/* コンテンツ部分の壁紙　*/
	width:760px;
	margin:0px auto 20px;
	background-color:#ffffff;
	text-align:left;
	border:1px solid #eeeeee;

	}
	
/*　左列メニュー　*/
#leftmenu {
	/*float:left;*/
	width:168px;
	margin-left:5px;
	margin-right:8px;
	text-align:center;
	background-color:#e7e7e7;
	font-size:10px;
	line-height:130%;
	float:left;
	padding-top:8px;
	color:#006699;
	}
#leftmenu img {
	border:none;
	}	


/*
#contents {
	width:600px;
	background-color:#000000;
	border-bottom:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	display:block;
	padding-bottom:20px;
	}
#contents-body {
	width:560px;
	background-color:#ffffff;
	border-bottom:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	display:block;
	padding-bottom:20px;
	padding-top:8px;
	float:left;
	}
 #contents img {
	margin-bottom:6px;
	} 
*/
	
#center {
	width:100%
	display:block;
	padding:20px 8px;
	/*border-top:1px solid #eeeeee;*/
	text-align:center;
	margin-top:20px;
	}
	
	
#rightmenu {
	width:180px;
	float:right;
	text-align:center;
	background-color:#CCCCCC;
	padding-bottom:10px;
	font-size:12px;
	}
#rightmenu p {
	margin:4px 0px 4px 16px;
	text-align:left;
	}

#footer {
	width:760px;
	background-color:#000000;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	/*　display:block;　*/
	margin:0px auto;
	padding:2px auto;
	line-height:200%;
	clear:both;
	}

#gototop {
	width:100%;
	border-top:2px solid #999999;
	padding-top:20px;
	margin:20px 0px;
	text-align:right;
	font-size:12px;
	}


/**********  トップページ　*********/	

/* フラッシュ画像 */
.banner {
	margin:0;
	padding:0;
	}
	
/* お客様写真陳列 */
.banner-pho {
	background-image:url(/images/top/banner_02.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:80px;
	border-bottom:1px solid #eeeeee;
	}
.banner-pho img {
	margin:6px 1px;
	border:1px solid #333333;
	text-align:center;
	}

/************* 左プルダウンメニュー用 styles ***************/

.smenu{		/*　カテゴリープルダウンの基本仕様１　*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	position:relative;
	top:0;
	left:0px;
	font-size:12px;
	line-height:2em;
	width:168px;
}

.smenu a {	/*　カテゴリープルダウンの基本仕様２　*/
	display: block;
	text-decoration:none;
	width:168px;    /* for IE5.5 */
	wi\dth:168px;
	border-bottom: 1px solid #000000;
	color:#333333;
}
.smenu img {
	margin-right:4px;
	vertical-align:middle;
	}
	

.smenu a:hover{
	background-color: #666666;
	color:#ffffff;
}

.smenu span{
	color:#FFFFCC;
	display:none;
}

.menuhead{
	padding:5px 0px 5px 0px;
}

.menuhead a:hover{
 	padding: 0px 0px 0px 0px;
	background-color:#dddddd;
}


.submenuA{		/*　プルダウンボックスの位置指定・中カテゴリー　*/
 	visibility:hidden;
	margin-left:168px;
	ma\rgin-left:168px;
	margin-top:-2em;
	position:absolute;
	left:0px;
}
.submenuB{		/*　プルダウンボックスの位置指定・小カテゴリー　*/
	visibility:hidden;
	margin-left:168px;
	ma\rgin-left:168px;
	margin-top:-2em;
	position:absolute;
	left:10px;
}

.submenuA a{	/*　プルダウンボックスの左ライン　中カテゴリー用　*/
	background-color: #999999;
	border-left:solid 6px #0000cc;
	padding:0px 0px 0px 5px; /* 文字と左のborderの隙間 */
	text-align:left;

}

.submenuB a{	/*　プルダウンボックスの左ライン　小カテゴリー用　*/
	background-color: #ffff99;
	border-left:solid 6px #ff3399;
	padding:0px 0px 0px 5px;
	text-align:left;
}



/**submenuの	margin-left　をずらせば、プルダウンメニューの位置が右にずれる。**/
/**submenuの	margin-top は、フォントサイズの変更にあわせてサイズ変更すると、サブメニューの位置が上下する。**/

.menu0{		/*　リンクがない場合のカテゴリー表示の仕様　*/
	left:0px;
	top:0px;
	position:relative;
	width: 168px;
	wi\dth:168px;
	padding:5px 0px 5px 0px;
	border-bottom: 1px solid #000000;
	text-align:left;
}

.menu1{		/*　リンクがある大カテゴリーの仕様　*/
	left:0x;
	top:0px;
	position:relative;
	width: 168px;
	wi\dth:168px;
	padding:0px;
	text-align:left;
}

.menu2{		/*　リンクがある中カテゴリーの仕様　*/
	left:0px;
	top:0px;
	position:relative;
	width: 168px;
	wi\dth:168px;
	padding:0px;
	text-align:left;
}


/********************************************/
/******  トップページプルダウン　************/


.tmenu{		/*　カテゴリープルダウンの基本仕様１　*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	position:relative;
	top:0;
	left:0px;
	font-size:12px;
	line-height:2em;
	width:160px;
}

.tmenu a {	/*　カテゴリープルダウンの基本仕様２　*/
	display: block;
	text-decoration:none;
	width:160px;    /* for IE5.5 */
	wi\dth:160px;
	color:#333333;
}


.tmenu img {
	margin-right:0px;
	vertical-align:middle;
	}
	

.tmenu a:hover{
/*	background-color: #9999999; */
	color:#ffffff;
/*	background-image:url(/images/top/menu_over_02.gif);*/

}
.tmenu span{
	color:#666666;
	display:none;
}
/*画像メニュー用*/
.tmenuhead0{
	padding:0px;
	height:22px;
	/*background-color:#000000;*/
}

/*プルダウンテキスト*/
.tmenuhead{
	padding:0px;
	height:22px;
	border-bottom:1px solid #dddddd;
	/*background-color:#000000;*/
}

.tmenuhead a:hover{
 	padding: 0px 0px 0px 0px;
	background-color:#dddddd;
}


.tsubmenuA{		/*　プルダウンボックスの位置指定・中カテゴリー　*/
 	visibility:hidden;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	left:0px;
	font-size:12px;
}

.tsubmenuA a{	/*　プルダウンボックスの左ライン　中カテゴリー用　*/
	background-color: #cccccc;
	/*border-left:solid 6px #000000;*/
	padding:0px 0px 0px 3px; /* 文字と左のborderの隙間 */
	text-align:left;
}

.tsubmenuA a:hover{	/*　プルダウンボックスの左ライン　中カテゴリー用　*/
	background-color: #666666;
	/*border-left:solid 6px #000000;*/
	padding:0px 0px 0px 3px; /* 文字と左のborderの隙間 */
	text-align:left;

}

/**submenuの	margin-left　をずらせば、プルダウンメニューの位置が右にずれる。**/
/**submenuの	margin-top は、フォントサイズの変更にあわせてサイズ変更すると、サブメニューの位置が上下する。**/

.tmenu0{		/*　リンクがある大カテゴリーの仕様　*/
	left:0px;
	top:0px;
	position:absolute;
	width: 100px;
	wi\dth:100px;
	padding:0px;
	text-align:left;
}


.tmenu1{		/*　リンクがある大カテゴリーの仕様　*/
	left:0px;
	top:0px;
	position:absolute;
	width: 110px;
	wi\dth:110px;
	padding:0px;
	text-align:left;
}

.tmenu2{		/*　リンクがある中カテゴリーの仕様　*/
	left:110px;
	top:0px;
	position:absolute;
	width: 110px;
	wi\dth:110px;
	padding:0px;
	text-align:left;
}

.tmenu3{		/*　リンクがある中カテゴリーの仕様　*/
	left:220px;
	top:0px;
	position:absolute;
	width: 110px;
	wi\dth:110px;
	padding:0px;
	text-align:left;
/*	background-image:url(/images/top/menu_04.gif); */
}
.tmenu4{		/*　リンクがある中カテゴリーの仕様　*/
	left:330px;
	top:0px;
	position:absolute;
	width: 110px;
	wi\dth:110px;
	padding:0px;
	text-align:left;
/*	background-image:url(/images/top/menu_04.gif); */
}

.tmenu5{		/*　リンクがある中カテゴリーの仕様　*/
	left:440px;
	top:0px;
	position:absolute;
	width: 110px;
	wi\dth:110px;
	padding:0px;
	text-align:left;
/*	background-image:url(/images/top/menu_04.gif); */
}
.tmenu6{		/*　リンクがある中カテゴリーの仕様　*/
	left:550px;
	top:0px;
	position:absolute;
	width: 110px;
	wi\dth:110px;
	padding:0px;
	text-align:left;
/*	background-image:url(/images/top/menu_04.gif); */
}
.tmenu7{		/*　リンクがある中カテゴリーの仕様　*/
	left:660px;
	top:0px;
	position:absolute;
	width: 100px;
	wi\dth:100px;
	padding:0px;
	text-align:left;
/*	background-image:url(/images/top/menu_04.gif); */
}

/*********************************************************/
/***  トップページ　コンテンツ欄 */

.con-tb {
	background-color:#000000;
	border:1px #eeeeee solid ;
	color:#ffffff;
	line-height:150%;
	color:#FFFFFF;
	font-size:12px;
	padding:6px;
	vertical-align:top;
	text-align:left;
	}
.con-tb li {
	list-style-image:url(/images/top/icon.gif);
	}