A:link { color:blue; text-decoration:none } 

A:visited { color:blue; text-decoration:none }

A:hover { color: orange; text-decoration:underline; }

A:active { color: orange; text-decoration:underline; }



body{

	text-align: center; /* Internet Explorer 5.5以前への対応 */

	font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;

	color: #333333; /* 全体のテキストカラー */

	background-color: beige;   /* 全体の背景色 */

	line-height: 130%;

	margin: 0px;

	padding: 0px;

	font-size: 12px;

}



table {

	line-height:130%;

	font-size: 12px;

}



h1, h2, h3, h4, h5, h6 {

	font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;

	margin: 0px;

	padding: 0px;

}



h1{

	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;

	font-size: 125%;

	color: #111111;

}



h3{

	font-size: 13px;

	color: magenta;

	padding: 2px;

	margin: 2px;

}



h4{

	font-size: 12px;

	color: #cc3355;

	padding: 2px 2px 2px 0px;

	margin: 2px 2px 2px 0px;

}



.aaa {

	position: relative;

}



a img{ /* 画像のリンク枠を消す */

	border: none;

}



p{

	padding: 2px;

	margin: 2px;

}



ul{

	padding: 1px;

	margin: 0px;

}

/******* フォーマットのレイアウト *******/



#container{

	text-align: left;			/* Internet Explorer 5.5以前への対応 */

	width: 100%;				/* 左右に余白を入れる場合は、ここを編集 */

	background-color: #ffffff;	/* このサイトでは黒を背景に白のコンテンツ枠 */

	margin: 0px 3px 0px 3px;

	/****

	margin: 0 auto;

	****/

}



#header{

	margin: 0;			/* 外の隙間 ピッチリ合わせている */

	width: 100%;		/* containerにいっぱいいっぱい表示 */

	height: 110px;		/* サイトロゴの高さに合わせている */

	background-color: #829CB5;

	/* background-image: url(http://e-club3.hyperposition.com/images/header-bg.jpg); */

	background-image: url(http://www.joycart.net/images/pattern.gif);

	background-position:right top;	/* 背景画像の表示のさせ方 */

	background-repeat:no-repeat;	/* 背景画像の表示のさせ方 */

	/* background-repeat:repeat; */	/* 背景画像の表示のさせ方 */

}



/******* ヘッダ *******/



#header h1{

	/*background-color: yellow;*/

	position: absolute; /* ヘッダの左上に表示する仕掛け */

	top: 0px; /* ヘッダの左上に表示する仕掛け */

	left: 1%; /* ヘッダの左上に表示する仕掛け */

	margin: 0px 0px 0px 180px; /* サイトトピックの上に表示 */

	padding: 5px 5px 5px 5px;

	text-align: left;

	font-size: 15px;

	z-index: 10; /* サイトロゴの上に被って表示 */

	color: #ffff99;

}



#header h2{

	/*background-color: yellow;*/

	position: absolute; /* ヘッダの左上に表示する仕掛け */

	top: 0px; /* ヘッダの左上に表示する仕掛け */

	left: 1%; /* ヘッダの左上に表示する仕掛け */

	margin: 26px 0px 0px 180px; /* サイトトピックの上に表示 */

	padding: 5px 5px 5px 5px;

	font-size: 12px;

	z-index: 10; /* サイトロゴの上に被って表示 */

	color: blue;

}



#header p{

	/*background-color: yellow;*/

	position: absolute; /* ヘッダの左上に表示する仕掛け */

	top: 0px; /* ヘッダの左上に表示する仕掛け */

	left: 1%; /* ヘッダの左上に表示する仕掛け */

	margin: 50px 0px 0px 180px; /* サイト名の下に表示 上、右、下、左*/

	padding: 5px 5px 5px 5px;

	text-align: left;

	font-size: 12px;

	line-height:130%;

	z-index: 5; /* サイトロゴの上に被って表示 */

	color: #FFFFFF;

}



#header img{

	float: left;			/* ヘッダの左に動かす */

	position: absolute;		/* ヘッダの左上に表示する仕掛け */

	top: 0px;				/* ヘッダの左上に表示する仕掛け */

	left: 1%;				/* ヘッダの左上に表示する仕掛け */

	margin: 0px;

	z-index: 1;				/* サイトロゴをテキストの後ろに表示 */

}





#contents{

	margin: 5px 0px 0px 180px;

	color: #333333;

	/*** これを入れるとFirefoxでは乱れる

	height: 900px;

	***/

	background-color: #ffffff;

}



#contents p{

	color: #333333;

	width: 650px;

}

#menu{

	position: absolute;

	left: 4px; top: 110px;

	background-color: #ffffff;

	width: 170px; height:900px;

	font-size: 12px;

	color: #000000;

}



#menu-background {

	background-color: #888888;

	padding: 0px 0px 1px 0px;

	/***

	***/

}



#menu-title {

	background-color: lightblue;

	color: #444444;

	background: url(http://www.joycart.net//images/menu_bg_new.jpg);

	font-weight: bold;

	padding: 5px 0px 2px 0px;

	text-align: center;

	margin: 1px 1px 1px 1px;

	height: 21px;

	/***

	***/

}





#menu a{

	display: block;

	background-color: #dae1e9;

	padding: 5px 5px 5px 10px;

	margin: 0px 1px 1px 1px;

	font-size:12px;

}



#menu a:hover {

	background-color: yellow;

	color: red;

}

#other_link {

	width: 170px;

	text-align: left;

	font-size: 8px;

	background-color: #ffffff;

}

#other_link h3 {

	margin: 1px;

	padding: 1px;

	background-color: #ffffff;

}

#other_link a {

	margin: 1px;

	padding: 1px;

	background-color: #ffffff;

/**

	margin 10px;

	padding 10px;

**/

}

#other_link a:hover {

	background-color: #ffffff;

}



#footer {

	clear: both;

	padding: 5px; 30px; 0px; 30px;

	margin-top: 0px;

	background-color: #ffffff;

}



#footer img{

	padding: 2px; 4px; 0px; 4px;

	float: left;

}



#footer h3{

	color:#333333;

	font-size:10px;

	float: right;

	padding-top: 2px;

}



#footer a, #footer a:link, #footer a:visited {

	color:#333333;

	text-decoration: none;

	background-color: #ffffff;

}