<style type="text/css">
/*	まず初期化	*/
html, body, div, img, #zentai, .header1, .header2, #menu1, #menu2, #kara, #main, footer, ol, ul, li, .il1, .il2, .ic1, .ic2, .ir1, .ie2, .flv  {
	margin:0;						/* 外部余白０ */
	padding:0;						/* 内部余白０ */
	border:0;						/* 境界０ */
	outline:none;						/* 縁取り：なし */
	vertical-align:baseline;				/* 縦方向の揃え位置を指定 */
	list-style: none;					/* マーカーに関する指定：なし */
	overflow: hidden;
}


/*	設定	*/

html{
	overflow-y: scroll;					/* 縦のスクロールバーは最初から表示 */
	overflow-x: hidden;					/* 横のスクロールバーは表示しない */
}
body{
	margin:0;						/* 外部余白０ */
	padding:0;						/* 内部余白０ */
	font-size: 87.5%;					/* 文字の大きさ：標準の８７．５％ */
	font-weight:500;
	font-family: 'ヒラギノ角ゴ pro w3','Hiragino Kaku Ghothic Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック','MS PGothic','Osaka',verdana,Helvetica,'MS Trebuchet',Arial,sans-serif;
	line-height: 1.2em;					/* 行の高さ：１．２文字分 */
}
img {
	border-width: 0;					/* 境界線の太さ０ */
}
#zentai {
	margin:0 auto;						/* 上は隙間なく、後は自動 */
	max-width: 1280px;					/* 最大幅 */
	min-width: 800px;					/* 最小幅 */
	text-align: left;					/* 文章は左寄せ */
}
.header1 {
}
.header2 {
	float:left;						/* divを左に寄せる */
}
.header2 img {
	width:240px;
}
.header2 a img:hover {						/* カーソルが乗ると、８０％の減光 */
	opacity:0.80;
	-moz-opacity:0.80;
	filter: alpha(opacity=80);
}
#menu1 {
	clear:both;
	height:2em;						/* 項目部分の高さ */
	padding: 0 2em;
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
#menu2 {
	margin: 0 0.5em;
	overflow: hidden;					/* 横のスクロールバーは表示しない */
	background: #66cc66;					/* 項目の背景色を変える */
	border-radius: 0.5em;					/* 角を丸くする処理 */
	-webkit-border-radius: 0.5em;				/* この命令がCSS3用のコード */
	-moz-border-radius: 0.5em;
}
#kara {
	float:right;						/* divを右寄せ */
	width: 330px;						/* 最大幅 */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
	background: #669966;					/* 項目内の背景色 */
}
#main {
	max-width: 950px;					/* 最大幅 */
	min-width: 500px;					/* 最小幅 */
//	margin-left: 12em;					/* 外部左空白１２文字分 */
	margin-right: 330px;					/* 外部右余白330px */
	padding: 1em;						/* 内部余白１文字分 */
}
#new1 {
	margin: 1em 5em;						/* 外部余白０ */
	padding:0.5em;						/* 内部余白０ */
}

#map1 {
	margin: 0;						/* 外部余白０ */
	padding:0;						/* 内部余白０ */
}
#chie {
	margin: 1em 5em;					/* 外部余白０ */
	padding:0.5em;						/* 内部余白０ */
	max-width: 860px;					/* 最大幅 */
	border: 2px solid #cccccc;				/* ボーダーライン */
	-webkit-border: 2px solid #cccccc;
	-moz-border: 2px solid #cccccc;
}
#chiet {
}
#chie1 {
}

#gmap {
	margin: 0.5em;						/* 外部余白０．５文字分ずつ */
	padding:0.5em;						/* 内部余白０．５文字分ずつ */
	border: 2px solid #aaaaaa;					/* ボーダーライン */
	-webkit-border: 2px solid #aaaaaa;
	-moz-border: 2px solid #aaaaaa;
}
#main .kj {
	margin: 0.5em 0;					/* 外部余白上下のみ０．５文字分ずつ */
	padding:0.5em;						/* 内部余白０ */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
#main .kj .t1{
	margin: 0;						/* 外部余白０ */
	padding:  0.5em;					/* 内部余白０.５文字分 */
	display: inline;					/* 指定要素をインライン表示 */
}
#footer {
	width:100%;						/* 親divの幅いっぱい */
	text-align: center;					/* 文字はセンターリング */
	clear:both;
}


/* ページング部分 */
.navi {
	margin:2em 0 0 0;					/*  */
	padding:0 0 0 10em;					/*  */
}

h3#h3 {
	margin:10px 0px 0px 0px;				/*  */
}
#menu1 ul {
	margin:0;						/*  */
	padding:0;						/*  */
	type="note";						/*  */
	list-style:none;					/*  */
}
#menu1 ul li {
	float:left;						/*  */
	list-style:none;					/*  */
}
#menu1 ul li p {
	text-align: center;
	margin:0.5em 0 0 0;						/* 外周部に隙間：上下5px 左右2px */
	width:8em;						/* 項目部分の幅 */
	line-height:1.5em;					/* 行の高さを指定 */
	font-weight: 900;
	color: red;						/* 項目の色は */
	background: #66cc66;					/* 項目の背景色を変える */
	border: 3px #99cccc;				/* ボーダーライン 左上:明 右下:暗 */
	-webkit-border: 3px #99cccc;
	-moz-border: 3px #99cccc;

	border-radius: 0.25em 0.25em 0 0 ;			/* 角を丸くする処理 */
	-webkit-border-radius: 0.25em 0.25em 0 0;		/* この命令がCSS3用のコード */
	-moz-border-radius: 0.25em 0.25em 0 0;
}
#menu1 ul li a {
	text-align: center;
	display: block;						/* 指定要素がブロックレベルで表示 */
	text-decoration: none;					/* テキスト装飾はなし */
	padding:0;					/* 項目左右に隙間：0.5em */
	margin:0.25em 0px;						/* 外周部に隙間：上下5px 左右5px */
	color: #666666;						/* 項目の色は灰色 */
	background: #cccccc;					/* 項目内の背景色 */
	height:1.5em;						/* 項目部分の高さ */
	width:8em;						/* 項目部分の幅 */
	line-height:1.5em;					/* 行の高さを指定 */
	font-weight: 500;

	border: 3px #99cccc;				/* ボーダーライン 左上:明 右下:暗 */
	-webkit-border: 3px #99cccc;
	-moz-border: 3px #99cccc;

	border-radius: 0.25em;					/* 角を丸くする処理 */
	-webkit-border-radius: 0.25em;				/* この命令がCSS3用のコード */
	-moz-border-radius: 0.25em;
}

#menu1 ul li a:hover {						/* カーソルが上にきたとき */
	color:#000000;						/* 項目文字の色を黒に */
	background: #99cc99;					/* 項目の背景色を変える */
}

#menu1 ul li a:active {
	line-height:1.5em;					/* 行の高さを指定 */
	background: #66cc66;					/* 項目の背景色を変える */
}
#menu2 ul {
//	float:left;						/*  */
	margin:0;						/*  */
	padding:0;						/*  */
	type="note";						/*  */
	list-style:none;					/*  */
}
#menu2 ul li {
	float:left;
	margin:0;						/*  */
	padding:0;						/*  */
	type="note";						/*  */
	list-style:none;					/*  */
}
#menu2 ul li p {
	text-align: center;
	display: block;						/* 指定要素がブロックレベルで表示 */
	text-decoration: none;					/* テキスト装飾はなし */
	padding:0 0.5em;					/* 項目左右に隙間：0.5em */
	margin:5px;						/* 外周部に隙間：上下5px 左右5px */
	height:2em;						/* 項目部分の高さ */
	width:10em;						/* 項目部分の幅 */
	line-height:2em;					/* 行の高さを指定 */
	font-weight: 900;
	color: red;						/* 項目の色は灰色 */
	border-radius: 0.75em;					/* 角を丸くする処理 */
	-webkit-border-radius: 0.75em;				/* この命令がCSS3用のコード */
	-moz-border-radius: 0.75em;
	border:inset 3px #99ffcc;				/* ボーダーライン 左上:暗 右下:明 */
	-webkit-border:inset 3px #99ffcc;
	-moz-border:inset 3px #99ffcc;

	background: #336633;					/* 項目の背景色を変える */

	box-shadow: 2px 2px 1px 1px #000000 inset;		/* ＢＯＸの陰を内側に付ける */
	-moz-box-shadow: 2px 2px 1px 1px #000000 inset; 	/* CSS3は、対応してないやつには */
	-webkit-box-shadow: 2px 2px 1px 1px #000000 inset; 	/* スルーされるはず・・・です */
}
#menu2 ul li a {
	text-align: center;
	display: block;						/* 指定要素がブロックレベルで表示 */
	text-decoration: none;					/* テキスト装飾はなし */
	padding:0 0.5em;					/* 項目左右に隙間：0.5em */
	margin:5px;						/* 外周部に隙間：上下5px 左右5px */
	color: #666666;						/* 項目の色は灰色 */
	background: #ccffcc;					/* 項目内の背景色 */
	height:2em;						/* 項目部分の高さ */
	width:10em;						/* 項目部分の幅 */
	line-height:2em;					/* 行の高さを指定 */
	font-weight: 500;

	border:outset 3px #99ffcc;				/* ボーダーライン 左上:明 右下:暗 */
	-webkit-border:outset 3px #99ffcc;
	-moz-border:outset 3px #99ffcc;

	border-radius: 0.75em;					/* 角を丸くする処理 */
	-webkit-border-radius: 0.75em;				/* この命令がCSS3用のコード */
	-moz-border-radius: 0.75em;
}

#menu2 ul li a:hover {						/* カーソルが上にきたとき */
	margin:5px 8px 5px 2px;					/* 外周部に隙間：上5px 下5px 左2px 右8px */
	color:#000000;						/* 項目文字の色を黒に */
	background: #99ff99;					/* 項目の背景色を変える */

	box-shadow: 2px 2px 2px 2px #000000;			/* ＢＯＸに陰を付ける */
	-moz-box-shadow: 2px 2px 2px 2px #000000		/* この命令もCSS3になる */
	-webkit-box-shadow: 2px 2px 2px 2px #000000;
}

#menu2 ul li a:active {
	margin:5px;						/* 外周部に隙間：上下5px 左右2px */
	border:inset 3px #99ffcc;				/* ボーダーライン 左上:暗 右下:明 */
	-webkit-border:inset 3px #99ffcc;
	-moz-border:inset 3px #99ffcc;

	background: #66cc66;					/* 項目の背景色を変える */

	box-shadow: 2px 2px 1px 1px #000000 inset;		/* ＢＯＸの陰を内側に付ける */
	-moz-box-shadow: 2px 2px 1px 1px #000000 inset; 	/* CSS3は、対応してないやつには */
	-webkit-box-shadow: 2px 2px 1px 1px #000000 inset; 	/* スルーされるはず・・・です */
}

/* 画像の位置設定 */
.il1 {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	float:left;						/* 左寄せ */
	margin: 0.5em 0.5em 0.5em 0;
	text-align:center;					/* 文字はセンターリング */
	background: #669966;					/* 項目内の背景色 */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
.il2 {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	float:left;						/* 左寄せ */
	margin: 0.5em 0.5em 0.5em 0;
	text-align:center;					/* 文字はセンターリング */
	width: 50%;						/*  */
	max-width: 500px;					/*  */
	min-width: 160px;					/*  */
	background: #669966;					/* 項目内の背景色 */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
.il2 img {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	width:100%;
}
.ic1 {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	margin: 0.5em 0 0.5em 0;				/*  */
	text-align:center;					/*  */
	background: #669966;					/* 項目内の背景色 */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
.ic2 {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	margin: 0.5em 0 0.5em 0;				/*  */
	text-align:center;					/*  */
	width: 100%;
	background: #669966;					/* 項目内の背景色 */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
.ic2 img {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	width:100%;
}
.ir1 {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	float:right;						/* 右寄せ */
	margin: 0.5em 0 0.5em 0.5em;				/*  */
	text-align:center;					/* 文字はセンターリング */
	background: #669966;					/* 項目内の背景色 */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
.ir2 {
	font-size: 75%;						/* 文字の大きさ：標準の８７．５％ */
	float:right;						/* 右寄せ */
	margin: 0.5em 0 0.5em 0.5em;				/*  */
	text-align:center;					/* 文字はセンターリング */
	width: 50%;						/*  */
	max-width: 500px;					/*  */
	min-width: 160px;					/*  */
	background: #669966;					/* 項目内の背景色 */
	overflow: hidden;					/* 横のスクロールバーは表示しない */
}
.ir2 img {
	width:100%;
}
.kj .cmm {
	margin:0;						/* 外部余白０ */
	padding:0.25em 2em;					/* 内部余白０ */
	font-size: 110%;					/* 文字の大きさ：標準の８７．５％ */
	line-height: 1em;
	letter-spacing: -1px;
	color: #ffffff;						/* 項目の色は灰色 */
	background: #000000;					/* 項目内の背景色 */
	overflow:auto;
}
.kj .clm {
	margin:0;						/* 外部余白０ */
	padding:0.25em 2em;					/* 内部余白０ */
	font-size: 110%;					/* 文字の大きさ：標準の８７．５％ */
	line-height: 1em;
	letter-spacing: -1px;
	overflow:auto;
	border: solid 3px #999999;				/* ボーダーライン 左上:明 右下:暗 */

	border-radius: 0.25em;					/* 角を丸くする処理 */
	-webkit-border-radius: 0.25em;				/* この命令がCSS3用のコード */
	-moz-border-radius: 0.25em;
}

/* 記事１～１０迄最後にfloat clear */
.cl {
	clear:both;
}

/* 動画の設定 */
.flv {
	text-align:center;
	overflow: hidden;					/* スクロールバーは表示しない */
}

/* コンテンツの位置及びナビ　通常下線無し ヤフオクと同じ仕様 */
#cn #c1 a {
	text-decoration: none;
}

/* ロールオーバー時下線有 ヤフオクと同じ仕様 */
#cn #c1 a:hover{
	text-decoration: underline;
}

/*知恵袋外側*/
#chie {
	width:350px;
}

/*知恵袋タイトル*/
#chiet {

}

/*知恵袋要素*/
.chie1 {
	margin-top:5px;
}

/*news外側*/
#news {
	width:350px;
}

/*newsタイトル*/
#newst {

}

/*news要素*/
.news1 {
	margin-top:5px;
}

/*コンテンツマッチ外側*/
#match {
	 width:200px;
}
/*コンテンツマッチタイトル*/
#matcht {

}
/*コンテンツマッチ要素*/
.match1 {
	margin-top:10px;
}
</style>