/* CSS Document */

#contents {
	margin: 10px auto 0px;
	padding: 0px;
	width: 750px;
	float: none;
}
#mainimg {
	width: 750px;
	height: 300px;
	margin: 0;
	padding: 0;
}
#mainbutton {
	padding: 0;
	margin-top: 10px;
}
#co-info {
	width: 242px;
	height: 70px;
	margin: 0;
	padding: 0;
	float:left;
}
#products {
	width: 242px;
	height: 70px;
	margin-left: 12px;
	padding: 0;
	float: left;
}
#customer {
	width: 242px;
	height: 70px;
	margin-left: 12px;
	padding: 0;
	float: left;
}
#cuthr {
	clear: both;
	margin: 0;
	height: 0;
	border: none;
	visibility: hidden;
}
#under {
	height: 3px;
	background-color: #cccccc;
	border: none;
	padding: 0;
	margin-top: 2px;
}
#main {
	/*margin: 20px 0;*/
}
#left {
	float:left;
	width: 520px;
}
#midasi {
	width: 520px;
	background: /*url(../img/itiran.gif) no-repeat*/ #859ec7 457px 0.5em;
	padding: 0;
	margin: 0;
	position: relative;
}

#midasi1 {
	width: 120px;
	text-align: center;
	letter-spacing: 0.3em;
	color: #ffffff;
	background-color: #0b3d90;
	line-height: 1.7;
	font-size: 100%;
	padding: 0;
	margin: 0;
}
#itiran {
	position: absolute;
	top: 3px;
	left: 470px;
	margin: 0;
	padding: 0;
	color: #0b3d90;
	font-size: 90%;
}
#daybox {
	margin: 5px 0;
	padding: 0;
}
#dayback {
	float: left;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../img/databargif.gif) no-repeat 0px 0px;
	display: block;
}
#r-top,
#r-bottom {
	display: block;
	background: #fff;
}
#r-top span,
#r-bottom span {
	display: block;
	background: #b5c4dd;
	overflow: hidden;
	height: 1px;
}
#daybox span.r1 {
	margin: 0 5px 0 0;
}
#daybox span.r2 {
	margin: 0 3px 0 0;
}
#daybox span.r3 {
	margin: 0 2px 0 0;
}
#daybox span.r4 {
	margin: 0 1px 0 0;
	height: 2px;
}
#day {
	display: block;
	font-size: 0.8em;
	color: #0b3d90;
	padding:  10px 0 4px 10px;
}
#daytext {
	float: right;
	width: 390px;
	font-size: 90%;
	padding-left: 10px;
	padding-top: 1px;
	margin: 0;
	line-height: 1.2;
}
#right {
	float: right;
	width: 190px;
	padding: 0 12px;
	border: 2px solid #999999;
	background: url(../img/listback.gif) no-repeat;
}
#right ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#right ul #list {
	line-height: 2.6;
	padding-left: 23px;
	font-size: 80%;
	background: url(../img/list.gif) no-repeat 7px 1em;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
#right ul #osirase {
	padding: 15px 0 15px 25px;
	font-size: 80%;
	background: url(../img/osirasemark.gif) no-repeat 0 0.8em;
}
/*a:link , a:visited , a:active{
		color:#4d4d4d;
		text-decoration:none;
}*/

a:hover{
		color:#b5c4dd;
}	




















/*文字設定*/
ul.bt{font-size:12px;}


ul.bt{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:left;/*サブメニューの文字揃え*/}
ul.sub-2{text-align:left;/*サブメニューの文字揃え*/}


ul.bt{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", san-serif；}

.bt a {
	display:block;
	text-decoration:none;
}


/*メニュー背景*/
.bt li{background-color:#ffffff;}
.bt a:hover{background-color:#ffffff;}
.bt li.on{background-color:#b5c4dd;}

.sub{background-color:#b5c4dd;}
.sub li{background-color:#b5c4dd;}

/*：サブメニューの文字色*/
.sub a:link{color:#0b3d90;}
.sub a:visited{color:#0b3d90;}
.sub a:hover{color:#0b3d90;}


/*---------------メインメニュー幅の設定--------------------*/
ul.bt{
	width:750px;
	margin:0;
}

/*---------------メインメニューアイテム幅の設定--------------------*/
.bt li.off{
    height:70px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:242px;/*文字数に合わせて調整*/
		margin: 0;
}
.bt li.on{
    width:242px;/*offと値を揃えることを推奨*/
		margin: 0;
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.bt a{padding:0px;}


/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:242px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:242px;/*ol.subと同じ値を推奨*/
    height:18px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:242px;/*ol.subと同じ値を推奨*/
    height:18px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/

.sub li.off2,.sub li.on2{
    border-bottom:1px solid #ffffff;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:2px 2px 3px 4px;
    width:242px;
    height:16px;
}

/************************４：メニューの表示位置の設定*************************/
#bt{
	width:750px;
	position:absolute;
	z-index:100;
	margin: 0px;
	padding: 0px;
}

/************************６：変更不可*******************************/
.main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.bt{
	position:relative;
	list-style: none;
}
ul.bt li.off{position:relative;float:left;overflow:hidden;}
ul.bt li.on{float:left;overflow:hidden;}
ul.bt>li.on{overflow:visible;/*×*/}
ol.sub{
	position:relative;
	list-style: none;
}
#products_mainimg {
	margin: 0px;
	padding: 0px;
	width: 750px;
}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}

.bt li.space{
    height:70px;
    width:12px;
		margin: 0;
}
ul.bt li.space {
	position:relative;
	float:left;
	overflow:visible; 
}




/************************チーム-6%用*******************************/

#rightbanner {
	float: right;
	width: 190px;
	padding: 0;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
