/****************************************************/
/*	外部スタイルシート								*/
/****************************************************/

/************************/
/*	強調タグ(共通)		*/
/************************/

/*	キーワード用	*/
h1{
	font-size: 120%;
	color: #ffffff;
}

/************************/
/*	テーブル(共通)		*/
/************************/

/*	キーワード用	*/
table{
	font-size: 100%;
}


/************************/
/*	ページトップ(共通)	*/
/************************/

/*	ページトップ全体	*/
#top	{
	clear: both;
	WIDTH: 896px;
	margin:0px 0px 8px 0px;	/*[上][右][下][左]*/
}
.topframe {
	clear: both;
	WIDTH: 900px;
	HEIGHT:106px;
	margin:-4px 0px 8px 0px;	/*[上][右][下][左]*/
}
/*	ＴＯＰ左メニュー部分	*/
#topleft	{
	FLOAT:left;
	FONT-SIZE: 100%;
	text-align: center;
}

/*	ロゴ表示部分	*/
#logo	{
	FLOAT: left;
	text-align: center;
	MARGIN-BOTTOM: 8px;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT-COLOR: #3366cc;
	BORDER-BOTTOM-COLOR: #3366cc;
	BORDER-TOP-COLOR: #3366cc;
	BORDER-RIGHT-COLOR: #3366cc
}

/*	スポンサードリンク	*/
#sponcerd {
	FLOAT:left;
	MARGIN-left: 40px;
	text-align: left;
	FONT-SIZE: 100%;
	WIDTH: 480px
}

/*	スポサードリンク内メニュー	*/
#topmenus {
	FLOAT:left;
	margin:4px 0px 2px -10px;	/*[上][右][下][左]*/
	FONT-SIZE: 60%;
	WIDTH: 470px
}

/*	ＴＯＰサイドメニュー部分	*/
#topright	{
	margin:24px 0px 0px 0px;	/*[上][右][下][左]*/
	FLOAT: right;
	FONT-SIZE: 70%;
	text-align: center;
	WIDTH: 165px;
}

/*	アクセス解析	*/
.acslog {
	margin: -12px 0px -12px 0px;	/*[上][右][下][左]*/
	FONT-SIZE: 0px;
/*	BORDER: #FF0000 1px solid;	*/
}



/************************/
/*	ページボトム(共通)	*/
/************************/
/*	ページボトム全体	*/
#bottom	{
	clear: both;
	MARGIN-TOP: 1px;
	WIDTH: 896px;
	FONT-SIZE: 70%;
	text-align: center;
}

/****************************/
/*	ページ全体の構成(共通)	*/
/****************************/
/*	ページ全体	*/
#body	{
	CLEAR: both;
	WIDTH: 896px;
	VERTICAL-ALIGN: top;
}
.body	{
	CLEAR: both;
	WIDTH: 896px;
	VERTICAL-ALIGN: baseline;
/*	BORDER: #0000FF 1px solid;	*/
}

/*	メイン部分	*/
#main	{
	FLOAT: left;
	WIDTH: 740px;
}
.main	{
	FLOAT: left;
	WIDTH: 740px;
/*	BORDER: #FF0000 1px solid;	*/
}

/*	メイン・ブロック	*/
#mainblock {
	padding:10px 0px 10px 0px;	/*[上][右][下][左]*/
	clear: both;
	WIDTH: 740px;
}

/*	メイン・ブロック内のテーブル	*/
#mainblock table{
	font-size:90%;
}

/*	タイトルクラス	*/
.title	{
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND-IMAGE: url(pic/green_tp1.png);
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	COLOR: #fff;
	PADDING-TOP: 2px;
	BACKGROUND-REPEAT: repeat;
	HEIGHT: 13px;
	BACKGROUND-COLOR: #fff;
	TEXT-ALIGN: center
}

/*	大タイトルクラス	*/
.bigtitle	{
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	BACKGROUND-IMAGE: url(pic/green_tp1.png);
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	COLOR: #fff;
	PADDING-TOP: 2px;
	BACKGROUND-REPEAT: repeat;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #fff;
	TEXT-ALIGN: center
}
/*	タイトルで使うイメージ	*/
.title img {
	border: none;
}

/****************************/
/*	広告の構成(共通)		*/
/****************************/
/*	広告部分	*/
#adframe	{
	FLOAT: left;
	BORDER: #dfdfdf 1px solid;
	width:150px ;
}
.adframe	{
	FLOAT: left;
	BORDER: #dfdfdf 1px solid;
	width:148px ;
	margin:0px 0px 0px 2px;	/*[上][右][下][左]*/
	min-height:1800px;
	max-height:3000px;
}

.adframe_in {
	padding-bottom: 64px;
}

/*	広告のタイトルクラス	*/
.adtitle	{
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND-IMAGE: url(pic/grey_tp1.png);
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	COLOR: #fff;
	PADDING-TOP: 2px;
	BACKGROUND-REPEAT: repeat;
	HEIGHT: 13px;
	BACKGROUND-COLOR: #fff;
	TEXT-ALIGN: center
}

/*	新しい広告枠クラス	*/
.new	{
	CLEAR: both;
	MARGIN-BOTTOM: 6px;
}


/************************/
/*	先頭ページ構成		*/
/************************/
/*	ラインナップ	*/
#lineup	{
	CLEAR: both;
	BORDER-RIGHT: 1px;
	BORDER-TOP: 1px;
	BORDER-LEFT: 1px;
	WIDTH: 740px;
	BORDER-BOTTOM: 1px;
	FONT-SIZE: 60%;
}

/*	サブメニュー部	*/
#submenu	{
	CLEAR: both;
	WIDTH: 740px;
	margin:0px 0px -20px 0px;	/*[上][右][下][左]*/
}

/*	メニュー部	*/
#menu	{
	margin:10px 0px 2px 0px;	/*[上][右][下][左]*/
	BORDER-RIGHT: 1px;
	BORDER-TOP: 1px;
	BORDER-LEFT: 1px;
	BORDER-BOTTOM: 1px;
	FLOAT: left;
	WIDTH: 424px;
}

/*	ヘルプ部分	*/
#help	{
	margin:10px 0px 2px 2px;	/*[上][右][下][左]*/
	BORDER-RIGHT: 1px;
	BORDER-TOP: 1px;
	FLOAT: left;
	BORDER-LEFT: 1px;
	BORDER-BOTTOM: 1px;
	WIDTH: 314px;
}

/*	お知らせ	*/
#info	{
	CLEAR: both;
	BORDER-RIGHT: #b9b9b9 3px;
	BORDER-TOP: #b9b9b9 3px;
	BORDER-LEFT: #b9b9b9 3px;
	BORDER-BOTTOM: #b9b9b9 3px;
	FONT-SIZE: 80%;
}

/*	お知らせで使うイメージ	*/
#info img {
	border: none;
}

/*	お知らせ内のリンク	*/
#info a{
	color: #000000;
	text-decoration: none;
}
#info a:hover{
	color: #ff0000;
	text-decoration: underline;
}

/****************************/
/*	画像ボタン(ページ選択)	*/
/****************************/

/*	globalnavi=ページ選択用のボタン	*/
#globalnavi{
	position: relative;
	width: 100%;
}

#globalnavi span{
	margin:6px 5px 6px 5px;	/*[上][右][下][左]*/
	width: 106px;
	float:left;	
}

#globalnavi span a{
	display: block;
	width: 100%;
	height: 16px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow : hidden ;
	FONT-FAMILY: "ＭＳ Ｐゴシック"
}

#globalnavi span a:hover{
	background-repeat: no-repeat;
}

#globalnavi span a:active{
	background-repeat: no-repeat;
}

/*	トップページ・リンクボタン*/
#toplink a,toplink a:hover,toplink a:active{ background-image: url(pic/toplink.png);}
#toplink a{			background-position: 0 0;	}
#toplink a:hover{	background-position: 0 -16px;	}
#toplink a:active{	background-position: 0 -32px;	}
/*	トップページ・無効ボタン*/
/*
#toplink_dis a{	background-image: url(pic/toplink.png);	}
#toplink_dis a{	background-position: 0 -96px;	}
*/

/*	サポートページ・リンクボタン*/
#supportlink a,supportlink a:hover,supportlink a:active{ background-image: url(pic/supportLink.png);}
#supportlink a{			background-position: 0 0;	}
#supportlink a:hover{	background-position: 0 -16px;	}
#supportlink a:active{	background-position: 0 -32px;	}


/*	ＦＡＱページ・リンクボタン*/
#faqlink a,faqlink a:hover,faqlink a:active{ background-image: url(pic/faqLink.png);}
#faqlink a{			background-position: 0 0;	}
#faqlink a:hover{	background-position: 0 -16px;	}
#faqlink a:active{	background-position: 0 -32px;	}

/*	利用規約ページ・リンクボタン*/
#licenselink a,faqlink a:hover,faqlink a:active{ background-image: url(pic/licenselink.png);}
#licenselink a{			background-position: 0 0;	}
#licenselink a:hover{	background-position: 0 -16px;	}
#licenselink a:active{	background-position: 0 -32px;	}

/****************************/
/*	画像ボタン(ラインナップ)*/
/****************************/

/*	BtnLineup=ラインナップ選択用のボタン	*/
#BtnLineup{
	position: relative;
	width: 100%;
}

#BtnLineup span{
	position: relative;
	margin:3px 4px 4px 4px;	/*[上][右][下][左]*/
	width: 128px;
	float:left;	
	text-align: center;
	BACKGROUND-COLOR: #ffffdd;
}

#BtnLineup span a{
	position: relative;
	display: block;
	width: 100%;
	height: 128px;
	text-align: center;
	background-repeat: no-repeat;
	overflow : hidden ;
	TEXT-DECORATION: none;
	color: #000000;
	FONT-SIZE: 100%;
	FONT-FAMILY: "ＭＳ Ｐゴシック";
}

#BtnLineup span a:hover{
	background-repeat: no-repeat;
	color: #000000;
}

#BtnLineup span a:active{
	background-repeat: no-repeat;
	color: #000000;
}

/*	タイトル	*/
#BtnLineup span a span{
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	BACKGROUND-IMAGE: url(pic/green_tp1.png);
	BACKGROUND-REPEAT: repeat;
	HEIGHT: 13px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	TEXT-ALIGN: center
}


/*	ラインナップ・リンクボタン*/
#Lineuplink a,Lineuplink a:hover,Lineuplink a:active{ background-image: url(pic/softname.png);}
#Lineuplink a{			background-position: 0 0;	}
#Lineuplink a:hover{	background-position: 0 -128px;	}
#Lineuplink a:active{	background-position: 0 -256px;	}


/****************************/
/*	画像ボタン(案内)		*/
/****************************/

/*	Guidance=案内の選択用のボタン	*/
#Guidance{
	position: relative;
	width: 100%;
}

#Guidance span{
	margin:2px 6px 2px 6px;	/*[上][右][下][左]*/
/*	width: 130px;	*/
	width: 90px;
	float:left;
	line-height: 120%;
}

/*	イメージ	*/
#Guidance span img {
	border: none;
}

#Guidance span a{
	display: block;
	width: 100%;
/*	height: 22px;	*/
/*	text-align: center;	*/
	text-align: left;
	background-repeat: no-repeat;
	overflow : hidden ;
	TEXT-DECORATION: none;
	color: #0000ff;
	FONT-SIZE: 60%;
	FONT-FAMILY: "ＭＳ Ｐゴシック";
}

#Guidance span a:hover{
	background-repeat: no-repeat;
	color: #ff0000;
	overflow : visible;
	text-decoration: underline;
}

#Guidance span a:active{
	background-repeat: no-repeat;
/*	color: #000000;	*/
}

/*	案内・リンクボタン*/
/*#annailink a,toplink a:hover,toplink a:active{ background-image: url(pic/annai.png);}*/
#annailink a{			padding:4px,0px,4px,0px; background-position: 0 0;	}
#annailink a:hover{		padding:4px,0px,4px,0px; background-position: 0 -22px;	}
#annailink a:active{	padding:4px,0px,4px,0px; background-position: 0 -44px;	}

/*	ヘルプ・リンクボタン*/
/*#helplink a,toplink a:hover,toplink a:active{ background-image: url(pic/help.png);}	*/
#helplink a{			background-position: 0 0;	}
#helplink a:hover{		background-position: 0 -22px;	}
#helplink a:active{		background-position: 0 -44px;	}


/****************************/
/*	ポップアップ画像処理	*/
/****************************/

/*	ポップアップ画像処理	*/
.popup{
	position: relative;
	z-index: 0;	/*優先順位下*/
}

/*	マウスオーバーで手前に表示*/
.popup:hover{
	background-color: transparent;
	z-index: 50;	/*手前に*/
}

/*	背景を付ける	*/
.popup span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

/*	イメージを付ける	*/
.popup span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

/*	イメージを有効にして表示のオフセット指定	*/
.popup:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -60px;
	left: 60px; /*position where enlarged image should offset horizontally */
}


/****************************/
/*	画像ボタン(紹介ページ)	*/
/****************************/

/*	Introduction=紹介の選択用のボタン	*/
#Introduction{
	position: relative;
	width: 100%;
}

#Introduction span{
	margin:0px 2px 0px 0px;	/*[上][右][下][左]*/
	width: 108px;
	float:left;
	line-height: 120%;
}

/*	イメージ	*/
#Introduction span img {
	border: none;
}

#Introduction span a{
	display: block;
	width: 100%;
	height: 20px;
	background-repeat: no-repeat;
	overflow : hidden ;
	TEXT-DECORATION: none;
	color: #000000;
	FONT-SIZE: 60%;
	FONT-FAMILY: "ＭＳ Ｐゴシック";
}

#Introduction span a:hover{
	background-repeat: no-repeat;
	color: #00000;
	overflow : visible;
}

#Introduction span a:active{
	background-repeat: no-repeat;
	color: #000000;
}

#Introduction span a font{
	position: relative;
	top: -7px;
	FONT-SIZE: 60%;
}

#Introduction span span{
	display: block;
	width: 100%;
	height: 20px;
	background-repeat: no-repeat;
	overflow : hidden ;
	TEXT-DECORATION: none;
	color: #0000ff;
	FONT-SIZE: 60%;
	FONT-FAMILY: "ＭＳ Ｐゴシック";
}
/*	紹介・リンクボタン*/
#Introlink { float:right;	}
#Introlink a{			background-position: 0 0; 	}
#Introlink a:hover{		background-position: 0 -20px;	}
#Introlink a:active{	background-position: 0 -40px;	}

#Introtag span{ background-position: 0 0px;	}

/*	紹介ダウンロードボタン	*/
#Download { height: 21px; width: 92px; }

#Download a{		height: 21px;	background-position: 0 0;	}
#Download a:hover{	height: 21px;	background-position: 0 -21px;	}
#Download a:active{	height: 21px;	background-position: 0 -42px;	}

/*	ブログリンクボタン	*/
.bloglink { height: 22px; width: 164px; }

.bloglink a{		width: 164px; height: 22px;	background-position: 0 0;	}
.bloglink a:hover{	width: 164px; height: 22px;	background-position: 0 -22px;	}
.bloglink a:active{	width: 164px; height: 22px;	background-position: 0 -44px;	}


/************************************/
/*	オリジナルカラーのリンク機能	*/
/************************************/

/*	テキストリンク用	*/
a#newlink			{	color: #0000ff;text-decoration: underline;	}
a#newlink:hover		{	color: #ff0000;text-decoration: underline;	}
a#newlink:active	{	color: #ff0000;text-decoration: underline;	}

/*	イメージリンク用	*/
a#pagelink	img	{	BORDER-RIGHT: #ffffff thin solid; BORDER-TOP: #ffffff thin solid; BORDER-LEFT: #ffffff thin solid; BORDER-BOTTOM: #ffffff thin solid;	}
a#pagelink:hover	img	{	BORDER-RIGHT: #ff0000 thin solid; BORDER-TOP: #ff0000 thin solid; BORDER-LEFT: #ff0000 thin solid; BORDER-BOTTOM: #ff0000 thin solid;	}
a#pagelink:active  img	{	BORDER-RIGHT: #ff0000 thin solid; BORDER-TOP: #ff0000 thin solid; BORDER-LEFT: #ff0000 thin solid; BORDER-BOTTOM: #ff0000 thin solid;	}

/*	本リンクイメージボタン	*/
a.booklinkimg 	{
	text-decoration:none;
	color: #0000ff;
}
a.booklinkimg:hover		{ color: #ff0000; }
a.booklinkimg:active	{ color: #ff0000; }
a.booklinkimg 			img{ BORDER: #ffffff 1px solid; }
a.booklinkimg:hover		img{ BORDER: #ff0000 1px solid; }
a.booklinkimg:active	img{ BORDER: #ff0000 1px solid; }

/************************************/
/*	ツールチップ表示用のリンク		*/
/************************************/

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; font-size:75%;}
a.tooltip img { BORDER: #ffffff thin solid; }
a.tooltip:hover img{ BORDER: #ff0000 thin solid; }
a.tooltip:hover span{ display:inline;position:absolute;left:512px; background:#ffffe0; border:2px solid #ff8000; color:#000000; WIDTH: 310px; z-index:3; }
a.tooltip:hover span img{ BORDER: #00ffff thin solid; }

/************************/
/*	解説ページ全体		*/
/************************/

/*	ページ全体	*/
#pages	{
	clear: both;
	MARGIN-TOP: 1px;
	font-size: 100%;
}

/*	タイトル	*/
#ptitle {
	clear: both;
	MARGIN-TOP: 16px;
	width: 300px;
	font-size: 85%;
	BORDER-RIGHT: #00ff00 1px solid;
	BORDER-TOP: #00ff00 1px solid;
	BORDER-LEFT: #00ff00 1px solid;
	BORDER-BOTTOM: #00ff00 1px solid;
	BACKGROUND-IMAGE: url(pic/green_tp1.png);
	COLOR: #000000;
	TEXT-ALIGN: center;
}

/*	サブタイトル	*/
#psubtitle {
	clear: both;
	MARGIN-TOP: 16px;
	width: 250px;
	font-size: 75%;
	BORDER-RIGHT: #00ffff 1px solid;
	BORDER-TOP: #00ffff 1px solid;
	BORDER-LEFT: #00ffff 1px solid;
	BORDER-BOTTOM: #00ffff 1px solid;
	BACKGROUND-IMAGE: url(pic/water_tp1.png);
	COLOR: #000000;
	TEXT-ALIGN: center;
}

/*	サブタイトル	*/
#psubtitle2 {
	clear: both;
	MARGIN-TOP: 16px;
	width: 400px;
	font-size: 75%;
	BORDER-RIGHT: #0000ff 1px solid;
	BORDER-TOP: #0000ff 1px solid;
	BORDER-LEFT: #0000ff 1px solid;
	BORDER-BOTTOM: #0000ff 1px solid;
	BACKGROUND-IMAGE: url(pic/blue_tp2.png);
	COLOR: #ffffff;
	font-weight: bold;
	TEXT-ALIGN: center;
}

/*	内容	*/
#pnaiyou {
	clear: both;
	MARGIN-top: 16px;
	MARGIN-left: 4px;
	font-size: 75%;
}