@charset "Shift_Jis";

/*colorpick 背景色(グレーがかった紫):#7D6176; 紫:#7D2F4E;*/

*						{margin:0;padding:0;background-color:transparent;}

/*基本指定*/
html					{height:100%;}
body					{
						font-family:					Verdana, Arial, "MS UI Gothic", Osaka, sans-serif;
						font-size:					0.8em;
						color:						#808080;
						line-height:					1.5em;
						background-image:			url(../img/bg.png);
						}
a	{color:#7D2F4E;text-decoration:none;border-bottom:1px dotted #7D2F4E;}
a:hover					{color:#DDD;border:none;}
hr						{display:none;}
h1, h2, h3, h4, h5, h6	{font-family:Verdana, Arial, "MS UI Gothic", Osaka, serif;  font-size:1.0em;  font-weight:normal;}
p						{}/*指定なし*/
ul						{list-style-position:inside;}
ul li						{list-style-type:square;}
ol						{list-style-position:inside;}
ol li						{list-style-type:upper-alpha;}
dl						{}/*指定なし*/
dt	{margin:5px 0;padding:5px 0 5px 5px;border-left:5px solid #BBB;color:#7D2F4E;}
dd	{margin:5px 0 5px 10px;}
blockquote				{padding:5px;border:1px solid #EEE;background-color:#FFF;}
form					{}/*指定なし*/
fieldset					{border:none;}
legend					{display:none;}
input,textarea,select		{margin:3px 0;font-family:Verdana, Arial, Osaka, serif;font-size:1.0em;color:#CCC;background-color:#FFF;border:1px dotted #EEE;}
* html input, * html textarea, * html select
						{border:1px solid #EEE;}
input:focus, textarea:focus, select:focus
	{color:#FFF;background-color:#7D6176;border:1px solid #7D6176;}
address					{font-style:normal;}

/*各ID*/
div#TOP				{
						margin:					0 auto 0 0;
						width:					800px;
						background-image:		url(../img/container.png);
						background-repeat:		repeat-y;
						}
div#CONTAINER			{
						width:					775px;
						}

/*ヘッダーの指定*/
div#HEADER			{
						position:				absolute;
						top:						0;
						left:						0;
						width:					200px;
						height:					200px;
						background-image:		url(../img/header.png);
						background-repeat:		no-repeat;
						}
*>div#HEADER			{
						position:				fixed;
						}
h1#name				{
						text-align:				center;
						letter-spacing:			0.4em;
						}
h1#name a				{
						display:					block;
						width:					200px;
						color:					#AAA;
						line-height:				200px;
						text-decoration:			none;
						border:					none;
						}
h1#name a:hover		{
						color:					#AAA;
						text-decoration:			none;
						border:					none;
						}
li.topic_path				{display:				none;}

/*ナビゲーションの指定*/
div#NAVI				{
						position:				absolute;
						top:						200px;
						left:						0;
						width:					200px;
						}
*>div#NAVI				{
						position:				fixed;
						min-height:				100%;
						}
h2.navi_title				{
						color:					#AEAEAE;
						text-align:				center;
						line-height:				32px;
						letter-spacing:			0.35em;
						background-image:		url(../img/h2_navi.png);
						}
ul.navi					{
						list-style-type:			none;
						padding:				0 0 32px 0;
						text-align:				center;
						}
li.navi_list				{
						list-style-type:			none;
						display:					inline;
						}
li.navi_list a				{
						display:					block;
						width:					100%;
						color:					#AEAEAE;
						line-height:				32px;
						background-image:		url(../img/navi_list.png);
						border:					none;
						}
li.navi_list a:hover		{
						color:					#AEAEAE;
						background-image:		url(../img/navi_list_hover.png);
						border:					none;
						}

/*コンテンツの指定*/
div#CONTENTS			{
						margin:					0 0 0 290px;
						padding:				50px 0 20px 0;
						height:					100%;
						}
*>div#CONTENTS		{
						min-height:				100%;
						height:					auto;
						}
div.contents				{
						margin:					0 0 70px 0;
						}
h2.contents_title			{
						position:				relative;
						top:						0;
						left:						0;
						font-family:				"Century Gothic", Arial, "MS UI Gothic", Osaka, sans-serif;
						font-size:				70px;
						text-align:				right;
						line-height:				55px;
						color:					#F0F0F0;
						z-index:					0;
						}
div.text					{
						position:				relative;
						top:						-20px;
						left:						0;
						}
*>h3.subtitle			{
						margin:					10px 0;
						font-family:				"Century Gothic", Verdana, Arial, "MS UI Gothic", Osaka, sans-serif;
						font-size:				1.4em;
						color:					#7D6176;
						line-height:				40px;
						}
*>h3.subtitle:first-letter	{
						padding:				20px;
						font-size:				1.5em;
						color:					#FFF;
						background-image:		url(../img/subtitle_first-letter.png);
						background-repeat:		no-repeat;
						background-position:	50% 50%;
						}
* html h3.subtitle		{
						margin:					10px 0;
						font-family:				"Century Gothic", Verdana, Arial, "MS UI Gothic", Osaka, sans-serif;
						font-size:				1.4em;
						color:					#7D6176;
						}
ul.top					{
						list-style-type:			none;
						text-align:				right;
						}
li.page_top				{
						list-style-type:			none;
						}

/*フッターの指定*/
div#FOOTER			{
						margin:					0 0 0 150px;
						padding:				20px 0;
						text-align:				right;
						}
div#FOOTER address	{}
ul.footer				{
						list-style-type:			none;
						}
li.footer_list				{
						list-style-type:			none;
						display:					inline;
						margin:					0 0 0 10px;
						}

/*その他テンプレートのための指定*/
ul.browser				{list-style-type:none;  margin:10px 0;}
li.browser_list			{display:inline;  margin-right:10px;  color:#7D6176;}
ul.download				{list-style-type:none;  margin:10px 0;}
li.download_list			{display:inline;  margin-right:10px;}
ul.banner				{list-style-type:none;  margin:10px 0;}
li.banner_list			{display:inline;  margin-right:10px;}