/*---------基本設定　-------------------------------------
メインカラー（カラーリング変更時はこれを変更
　コスモスのネイビー　#2751b6
　コスモスの薄紫　#9242a3
　コスモスの濃紫　#690a81
*/

html{
	margin	:0px;
	padding	:0px;
		}
body{
	margin			:0px;
	padding			:0px;
	color			:#222;
	font-size		:12px;
	text-align		:left;
	line-height		:1.5em;
		}
.left 	{ width:200px; float:left; margin:0px; text-align :left; } 
.right 	{ width:380px; float:right; margin:0px;}
.clear 	{ clear:both; margin:0px; padding:0px; height : 20px;}


		
/*---------リンク　-------------------------------------*/
a		{ text-decoration	:none; color:#456895; }
a:hover	{ text-decoration	:none; color:#9242a3; }
a:active{ text-decoration	:none; color:#690a81; }
a:visited { color:#222;}

img 		{ border	:0}
img a 		{ border	:0}


			

/*---------フォント　-------------------------------------*/
.white 		{color :#FFFFFF;}
.tRed 		{color :#990033; font-weight :bold;}
.tPink 		{color :#CC3366; font-weight :bold;}
.tNavy 		{color :#000066; font-weight :bold;}
.tWine		{color :#660033; font-weight :bold;}
.tBlue 		{color :#0000CC; font-weight :bold;}
.tMauve 	{color :#663399; font-weight :bold;}
.tPurple 	{color :#660066; font-weight :bold;}
.tBrown 	{color :#993300; font-weight :bold;} 
.tGreen 	{color :#126174; font-weight :bold;} 

.ts  {font-size:11px;}
.tss {font-size:10px;}
.nomal {font-size:12px; line-height:1.5em; text-align:left;}

/*---------コンテナー　-------------------------------------*/

#container{
	position		:absolute;
	top				:0px;
	left			:200px;
	width			:700px; 
	height			:100%;
	background-color	:#fff;
	border-left			:1px dotted #999999;
	border-right		:1px dotted #999999;
		}

#FramContainer{
	position	:absolute;
	top			:0px;
	left		:50px;
	width		:600px; 
	height		:100%;
	background-color	:#fff;
	font-size	:12px;
	text-align	:left;
	line-height	:1.5em;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
		}

#FramContainer td {font-size:12px; line-height:1.5em;}

/*---------サイトタイトル位置　-------------------------------------*/
#title{
	position	:absolute;
	top			:10px;
	left		:10px;
		}
/*---------サイトタイトル　-------------------------------------*/
h1{
	margin			:0px;
	padding			:10px;
	color			:#2751b6;
	font			:bold 28px Century;
	letter-spacing	:0.5em;
		}




/*---------メニュー　-------------------------------------*/
#menu{
	height			:10%;
	text-align		:right;	
		}
#menu ul{
	margin			:0px 0px 0px 0px;
	padding			:2px 0px;
	list-style-type	:none;
	background		:#fff url(../image/bg.gif) repeat;
	border-bottom	:1px solid #dedede;
		}
#menu ul li{
	margin			:0px;
	padding			:0px 15px;
	display			:inline;
	font			:normal 12px/20px Georgia;

		}
#menu ul li a{
	color			:#0a3397;
	text-decoration	:none;
		}
#menu ul li a:hover{
	color			:#9242a3;
		}
#menu ul li a:active{
	color			:#690a81;
		}





/*---------見出し　-------------------------------------*/
h2 {
	padding			:3px 0px 3px 10px; 
	margin			:20px 0px 10px 0px; 
	color			:#111111; 
	border			:1px solid #555555;
	background-image:url(../image/bg.gif);
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:left;
	font-size		:12px;
	font-weight		:normal;}


h3{ /*---------小説タイトルなど下線タイプ --*/
	height			:auto;
	font-size		:12px;
	font-weight		:bold;
	text-align		:left;
	color			:#000000; 
	border-bottom	:1px solid #333333;
	margin-bottom	:20px;
	font-weight		:normal;}

h3 a:link { color:#000000;}
h3 a:hover {color:#9242a3;}


h4	{font-size		:12px; 
	 font-weight	:bold;
	 height			:auto;
	 padding		:2px 0px 1px 10px;
	 border			:1px solid #cccccc;
	 border-bottom	:1px solid #000000;
	 background-color:#000066;
	 font-family	:Arial, Helvetica, sans-serif;
	 color			:#ffffff; 
	 margin			:5px 0px 5px 0px; 
	 font-weight	:normal;}


/*---------Credit　-------------------------------------*/
#Credit {
	position	:absolute;
	bottom		:10px;
	left		:10px;
	}
.copy{
	font-size	:10px;
	text-align	:center;
	padding		:2px 0px;
	}

/*---------web拍手　-------------------------------------*/
#clap{ 
	position:absolute; 
	left	:40px; 
	bottom	:10px;}

/*--------- 区切り　ライン　-------------------------------------*/
#dott 	{
	width		:auto; 
	color		:#666666; 
	border-top	:1px dotted #666666;
	margin		:20px 0px 20px 0px;}
	
/*---------BottomNavi　-------------------------------------*/
#Navi{
	text-align:right;
	margin:20px;
	padding:0px 0px 20px 0px;
	font-size:10px;
}	


/*---------注釈　-------------------------------------*/
dl{ 
	list-style-position	:inside; 
	padding				:5px 5px 15px 20px;
	margin				:10px 0px 15px 0px;
	border-bottom		:1px dotted #666666;}  
dt{ 
	padding		:2px 10px 0px 50px; 
	font-size	:11px; 
	}
dd{ 
	padding		:2px 10px 0px 50px; 
	color		:#222;
	font-size	:11px; 
	 }

/*--------- CAUTION --------------------------------------*/
#CAUTION { /*（R18:pink）*/
	width			:auto; 
	height			:auto;
	padding			:8px; 
	font-size		:90%;
	color			:#333333;
	line-height		:1.5em;
	text-align		:left;
	background-color:#FEEAFB; 
	border			:1px dotted #cccccc;
	margin			:10px 0px; }
	
#CAUTION2 { /*（旧作品などの案内：水色）*/
	width			:auto; 
	height			:auto;
	padding			:8px; 
	font-size		:90%;
	color			:#333333;
	line-height		:1.5em;
	text-align		:left;
	background-color:#E7EBFF;
	border			:1px dotted #cccccc;
	margin			:10px 0px; }