/*  3段組レイアウト  */

body{
	color: #000000;
	background: url("");
	margin: 0px;
	padding: 3px;
	text-align: center;
	font-size: 80%;
	}

.contents{
	width: 800px;
	margin: auto;
	text-align: left;
	position: relative;
	padding: 0px;
	}

.header{
	width:800px;
	height:120px;
	padding:5px;
	margin:0px 0px 2px 0px;
	border:#000000 1px solid;
	background: navy url(img/arr.jpg) right top no-repeat width:50% height:50%;
	color: #000000;
	text-align:left;
	position: absolute;
	top: 0px;
	left: 0px;
	}

.leftside{
	position: absolute;
	top: 145px;
	left: 0px;
	padding: 0px;
	width: 180px;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	margin: 2px 2px 0px 0px;
	background: #ffffff;
	text-align:left;
	}

.main{
	position: absolute;
	top: 145px;
	left: 181px;
	padding: 0px;
	width: 617px;
	margin: 2px;
	text-align:left;
	}

/*  メインエリアのスタイル設定  */

.center{
	margin: 0px;
	padding:0px 0px 0px 0px;
	width:617px;
	background: #ffffff url("case01.jpg") right no-repeat;
	text-align:left;
	border: #000000 1px solid;}

.center2{
	padding:0px;
	width:617px;
	margin:2px 0px 0px 0px;
	text-align:left;
	background: #ffffff;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	}

.center3{
	padding:0px;
	width:617px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background: #ffffff;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	}

/*　ここまでがメインのレイアウト　*/

.navi{
	width:100%;
	background: #000000;
	color: #ffffff;
	font-size:1em;
	font-weight:bold;
	list-style:none;
	border: 1px solid #000000;
	position: absolute;
	top: 123px;
	}

/*  フォントの設定  */

/*　ヘッダーのデザイン設定　*/
h1{
	position:absolute;
	top: 15px;
	left: 50px;
	font-family:impact;
	font-size:2.3em;
	color: #ffffff;
	font-weight:bold;
	}

.title{
	position:absolute;
	top: 16px;
	left: 52px;
	font-family:impact;
	font-size:2.3em;
	color: #000000;
	font-weight:bold;
	}

/*　ナビゲーションバーのデザイン設定　*/

.navi ul a{
	color: #ffffff;
	text-decoration: none;
	}

.navi ul a:hover{
	color: #ff0000;
	text-decoration: none;
	}

.navi ul{
	list-style-type: none;
	padding:0px;
	margin:0px;
	}

.navi li{
	padding: 0px;
	line-height:1.5em;
	}

.item0{
	width:120;
	;float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	background: #000000;
	color #ffffff;
	}

.item1{
	width:120;
	;float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	background: #000000;
	color #ffffff;
	border-right: #000000 1px solid;
	}

.item2{
	width:120;
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	background: #000000;
	color #ffffff;
	border-right: #000000 1px solid;
	}

.item3{
	width:120;
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	background: #000000;
	color #ffffff;
	border-right: #000000 1px solid;
	}

.item4{
	width:120;
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	background: #000000;
	color #ffffff;
	border-right: #000000 1px solid;
	}

.item5{
	width:120;
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	background: #000000;
	color #ffffff;
	border-right: #00CCCC 1px solid;
	}

/*　レフトサイドのデザイン設定　*/

h3{
	margin: 0px;
	background: navy;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	}

h4{
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 10px solid #ff9900;
	background-color: #fffaf4;
	margin: 8px 3px 2px 2px;
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	}
h4 a{
	color: #000000;
	text-decoration: none;
	}

h4 a:hover{
	color: #666666;
	text-decoration: underline;
	}

ul{
	list-style-type: none;
	padding:0px;
	margin:0px;
	}

li{
	padding-left:1em;
	line-height:1.7em;
	}

/*	color: #ff0000; */
.leftside ul a{
	text-decoration: none;
	}

/*	color: #ff0000; */
.leftside ul a:hover{
	text-decoration: underline;
	}

/*　メインのデザイン設定　*/

H2{
	margin:0px 0px 0px 0px;
	color:navy;
	text-align:center;
	padding:20px 0px 10px 0px;
	}

P{
	padding:5px 2px 8x 5px;
	margin:0px;
	line-height: 1.3em;}

.strong{
	font-size:medium;
	font-weight:bold;
	color: #ff0000;
	}

h5{
	color: green;
	font-size:1.3em;
	font-weight:bold;
	margin: 0px;}

.red{
	color: #ff0000;
	font-weight:bold;
	}

.white{
	color: #ffffff;
	}

/*  商品表示右詰め  */
.syouhin {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 1px; PADDING-TOP: 0px
}

/*  商品クラス  */
.item-name {
	FONT-SIZE: 10pt; MARGIN: 2px; WIDTH: 140px
}
.item-name-top {
	FONT-SIZE: 10pt; MARGIN: 2px; WIDTH: 160px
}
.item-cell {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; WIDTH: 157px; COLOR: #666666; PADDING-TOP: 4px; TEXT-ALIGN: center; vertical-align: TOP 
}
.item-cell-top {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; WIDTH: 205px; COLOR: #666666; PADDING-TOP: 4px; TEXT-ALIGN: center; vertical-align: TOP 
}
.item-price {
	COLOR: red; 7px: 
}
.item-shop {
	COLOR: green; 7px: 
}
.item-sanko {
	COLOR: black; 8px: 
}

.item-descraption {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; WIDTH: 125px; PADDING-TOP: 7px; TEXT-ALIGN: left
}

.item-descraption-top {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; WIDTH: 180px; PADDING-TOP: 7px; TEXT-ALIGN: left
}

.pic-cell {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; WIDTH: 400px; COLOR: #666666; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.pic-descraption {
	PADDING-RIGHT: 7px; PADDING-LEFT: 15px; PADDING-BOTTOM: 7px; WIDTH: 400px; PADDING-TOP: 1px; TEXT-ALIGN: left
}
.pic-dest {
	COLOR: Green; 7px: 
}
.pic-dest2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 1px; WIDTH: 400px; PADDING-TOP: 7px; TEXT-ALIGN: left;
	COLOR: red; 7px: 
}

/* サイトマップクラス */
.site-cell {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 4px; COLOR: #666666; PADDING-TOP: 4px; TEXT-ALIGN: LEFT
}

.catch2{
	font-size:1.7em;
	color: red;
	font-weight:bold;
        text-align:left;
	line-height: 120%;
	PADDING: 0px 0px 0px 150px;
	}

/* インデントクラス */
.idt1 { text-indent: 1em; }
.idt2 { text-indent: 2em; }
.idt3 { text-indent: 3em; }
.idt4 { text-indent: 4em; }
.idt5 { text-indent: 5em; }
.idt6 { text-indent: 6em; }
.idt10 { text-indent: 10em; }

/* フォントサイズクラス */
.ft10 { font-size: 10pt; }
.ft11 { font-size: 11pt; }
.ft12 { font-size: 12pt; }