/* ========================================================== */
/* main.css	 												  */
/* ========================================================== */

/* ﾒﾀ要素に日本語設定の追加 */
 @charset "Shift_JIS";

/* 全体背景設定 */
body {
	background: #097354;			/* 背景画像指定・背景色・表示方法 */ 
}

/* 全体の表示の画像 /////////////////////////////////////////////////////////////// */
/* 全体テーブル */
#base_table	{
	width:		962px;				/* ボックス表示領域の幅指定 　										*/
	height:		0px;				/* ボックス表示領域の高さ指定 										*/
	background: #097354 url(../imgs/bg.gif) center center repeat-y;	/* 背景画像指定・背景色・表示方法	*/ 
}
/* top画像の設定 */
#base_header {
	width:		962spx;								/* 幅						 		*/		
	height:		140px;								/* 高さ						 		*/
	margin:		0px 0px -10px 0px;					/* 位置座標 [上・右・下・左] 		*/
	background:	url("../imgs/top.gif") no-repeat;	/* 背景画像指定・背景色・表示方法 	*/					 
}
/* topヘッダー画像の設定 */
#base_footer {
	width:		962px;				/* 幅														*/		
	height:		80px;				/* 高さ						 								*/
	margin:		0px 0px 10px 0px;	/* 位置座標 [上・右・下・左] 								*/
	background:	url("../imgs/top_footer.gif") no-repeat;	/* 背景画像指定・背景色・表示方法	*/					 
}
/* コンテンツ内の各設定データ ///////////////////////////////////////////////////// */
/* コンテンツ表示領域設定 */
#box_main	{
	position:	relative;		/* 通常の位置を基準とした相対的な位置指定	    */
	width:		956px;			/* ボックス表示領域の幅指定 　					*/
	height:		0px;			/* ボックス表示領域の高さ指定 					*/
}

/* 右コンテンツ表示領域設定 */
#box_left {
	position:	relative;		/* 通常の位置を基準とした相対的な位置指定	    */
	left: 		10px; 			/* 座標位置指定	下			 					*/	
	float:		left;			/* フレーム表示領域の右に位置指定				*/
	width:		180px;			/* フレーム表示領域の幅指定 　					*/
	height:		0px;			/* フレーム表示領域の高さ指定(自動調整の為 0px)	*/
}

/* 左コンテンツ表示領域設定 */
#box_right {
	position:	relative;		/* 通常の位置を基準とした相対的な位置指定	    */
	left:		-1px;			/* 左位置指定									*/
	float:		right;			/* フレーム表示領域の左に位置指定				*/
	width:		740px;			/* フレーム表示領域の幅指定 　　	　			*/
	height:		0px;			/* フレーム表示領域の高さ指定(自動調整の為 0px)	*/
	text-align: left;			/* 文字の配置指定 								*/
	background-image: url(../imgs/contents_bg.gif);  /* 背景画像設定 			*/
}

#box_note	{
	padding: 0px 15px 0px 15px;	/* コメントのパッティング設定	*/
}
/* 更新内容背景設定 */
#renew_bgbox	{
	width:		175px;				/* フレーム表示領域の幅指定 　*/
	height:		163px;				/* フレーム表示領域の高さ指定 */
	margin:		5px 0px 0px 0px;	/* 位置座標 [上・右・下・左]  */
	background:	url("../imgs/renew_bg.gif") no-repeat;	/* 背景画像指定・背景色・表示方法 */
}

/* 更新内容表示ボックス設定 */
#renewbox	{
	width:		175px;						/* フレーム表示領域の幅指定 　*/
	height:		163px;						/* フレーム表示領域の高さ指定 */
	position:	relative;					/* 相対位置指定設定			　*/ 
	top:		29px;						/* X座標設定				  */
}

/* コンテンツ内容のテーブル設定2 */
#contents_2	{
	position:		relative;				/* 通常の位置を基準とした相対的な位置指定	    */
	float:			right;					/* フレーム表示領域の左に位置指定 */
	top:			-5px;					/* 座標位置指定	上							    */	
	left: 			10px; 					/* 座標位置指定									　*/	
	width:			934px;					/* フレーム表示領域の幅指定 　　	　			*/
	height:			0px;					/* フレーム表示領域の高さ指定(自動調整の為 0px)	*/
	background: 	url(../imgs/contents_b_bg.gif) repeat-y;  /* 背景画像設定 				*/
}

/* コンテンツメニュー用ボックス */
#contents_menu_box {
	position:		relative;				/* 通常の位置を基準とした相対的な位置指定	    */
	top:			-5px;					/* 座標位置指定	上							    */	
	left: 			6px; 					/* 座標位置指定	下							    */	
	width:			927px;					/* フレーム表示領域の幅指定 　　	　			*/
	height:			0px;					/* フレーム表示領域の高さ指定(自動調整の為 0px)	*/
	background: 	url(../imgs/contents_b_bg.gif); repeat-y; /* 背景画像設定 				*/
}


/* コンテンツ内のヘッダー背景画像の設定1 */
#header	{
	position:	relative;				/* 通常の位置を基準とした相対的な位置指定	    */
	left:		-1px;
	float:		right;		/* フレーム表示領域の左に位置指定 */
	width:		740px;						/* 幅										  */	
	height:		25px;						/* 高さ						 				  */
	background:url(../imgs/contents_hbg.gif) no-repeat;	/* 背景画像指定・背景色・表示方法 */ 
}

/* コンテンツ内のフッター背景画像の設定1 */
#footer	{
	position:	relative;				/* 通常の位置を基準とした相対的な位置指定	    */
	left:		-1px;
	float:		right;		/* フレーム表示領域の左に位置指定 */
	width:		740px;						/* 幅										  */		
	height:		25px;						/* 高さ								 		  */
	background:url(../imgs/contents_fbg.gif) no-repeat;	/* 背景画像指定・背景色・表示方法 */ 
}

/* コンテンツ内のヘッダー背景画像の設定2 */
#contents_header	{
	float:			right;					/* フレーム表示領域の左に位置指定 */
	position:		relative;				/* 通常の位置を基準とした相対的な位置指定		  */
	width:			934px;					/* 幅						 					  */		
	height:			15px;					/* 高さ						 					  */	
	left: 			10px; 					/* 座標位置指定									　*/	
	background:	url(../imgs/contents_b_hbg.gif) no-repeat;	/* 背景画像指定・背景色・表示方法 */ 
}
/* コンテンツ内のフッター背景画像の設定2 */
#contents_footer	{
	float:			right;					/* フレーム表示領域の左に位置指定 */
	position:		relative;				/* 通常の位置を基準とした相対的な位置指定		  */
	width:			934px;					/* 幅						 					  */		
	height:			15px;					/* 高さ						 					  */
	top:			-5px;					/* 座標位置指定	上							    　*/		
	left: 			10px; 					/* 座標位置指定									　*/
	background:url(../imgs/contents_b_fbg.gif) no-repeat;	/* 背景画像指定・背景色・表示方法 */ 
}
/* 一行コメント表示用ボックス設定 /////////////////////////////////////////////////////////////// */
#comment_box {
	margin:				5px 0px 5px 0px;				/* 位置座標 [上・右・下・左] */
	width:				730px;							/* 幅						 */		
	height:				35px;							/* 高さ						 */
	text-align: 		left;							/* 文字の配置指定 			 */
	background-image:	url(../imgs/about_line.gif);	/* 背景画像の指定			 */

}

/* ギャラリーの操作アイコン ///////////////////////////////////////////////////////////////////// */
#navigation_operate	{
	margin:		0px 0px 10px 0px;			/* 位置座標 [上・右・下・左] 	 */
	width:		175px;						/* 幅							 */		
	height:		41px;						/* 高さ							 */
}

/* カテゴリNo選択アイコン マウスオーバー非状態時アイコン画像を表示	*/
#navigation_operate div#return	{
	background:url(../imgs/g_navigation.gif) no-repeat 0px 0px;		/* 背景画像指定・背景色・表示方法 */ 
}

#navigation_operate div#top	{
	background:url(../imgs/g_navigation.gif) no-repeat -175px 0px;	/* 背景画像指定・背景色・表示方法 */ 
}

#navigation_operate div#next	{
	background:url(../imgs/g_navigation.gif) no-repeat -350px 0px;	/* 背景画像指定・背景色・表示方法 */ 
}

/* 戻るアイコン設定 マウスオーバー状態時 */
#navigation_operate div a {
	text-decoration:		none;			/* Firefox等で線を表示を無効化					  */
	display:				block;			/* マウスオーバー時の表示領域をブロック形式で表示 */
	width: 					175px;			/* マウスオーバー時の表示横幅サイズ				  */
	height: 				41px;			/* マウスオーバー時の表示縦幅サイズ				  */
}

/* 戻るアイコン マウスオーバー状態時のアイコン画像を表示	*/
#navigation_operate div#return a:hover	{
	background:	url(../imgs/g_navigation.gif) no-repeat  0px -41px;			/* month_icon.gif 内の画像を選択表示	*/ 
}

#navigation_operate div#top a:hover	{
	background:	url(../imgs/g_navigation.gif) no-repeat  -175px -41px;			/* month_icon.gif 内の画像を選択表示	*/ 
}

#navigation_operate div#next a:hover	{
	background:	url(../imgs/g_navigation.gif) no-repeat  -350px -41px;			/* month_icon.gif 内の画像を選択表示	*/ 
}
/* ナビゲーション =========================================================================== */
#navigation {
	margin:		0px 0px 0px 0px;		/* 位置座標 [上・右・下・左] 	 */
	width:		177px;						/* 幅						 */		
	height:		37px;						/* 高さ						 */
}

/*アイコン表示スタイル設定 --------------------------------------------------------- */
/* TOPアイコン画像を表示	*/
#navigation div#top	{
	background:	url(../imgs/menu.gif) no-repeat 0px 0px;	/* menu.gif 内の画像を選択表示	*/
}
/* ABOUTアイコン画像を表示	*/
#navigation div#about{
	background:	url(../imgs/menu.gif) no-repeat -177px 0px;	/* menu.gif 内の画像を選択表示	*/ 
}
/* GALLERYアイコンの画像を表示	*/
#navigation div#gallery{
	background: url(../imgs/menu.gif) no-repeat -354px 0px;	/* menu.gif 内の画像を選択表示	*/
}
/* LINKアイコンを表示	*/
#navigation div#link {
	background: url(../imgs/menu.gif) no-repeat -531px 0px; /* menu.gif 内の画像を選択表示	*/
}
/* DOUJINアイコンを表示	*/
#navigation div#doujin {
	background: url(../imgs/menu.gif) no-repeat -708px 0px; /* menu.gif 内の画像を選択表示	*/
}
/* マウスオーバー表示スタイル設定 ----------------------------------------------------------- */
#navigation div a {
	text-decoration:		none;			/* Firefox等で線を表示を無効化					  */
	display:				block;			/* マウスオーバー時の表示領域をブロック形式で表示 */
	width:					177px;			/* マウスオーバー時の表示横幅サイズ				  */
	height: 				37px;			/* マウスオーバー時の表示縦幅サイズ				  */
}
#navigation div#top a:hover	{
	background: url(../imgs/menu.gif) no-repeat -0px -37px; /* menu.gif 内の画像を選択表示	*/
}
#navigation div#about a:hover	{
	background: url(../imgs/menu.gif) no-repeat -177px -37px; /* menu.gif 内の画像を選択表示	*/
}
#navigation div#gallery a:hover	{
	background: url(../imgs/menu.gif) no-repeat -354px -37px; /* menu.gif 内の画像を選択表示	*/
}
#navigation div#link a:hover	{
	background: url(../imgs/menu.gif) no-repeat -531px -37px; /* menu.gif 内の画像を選択表示	*/
}
#navigation div#doujin a:hover	{
	background: url(../imgs/menu.gif) no-repeat -708px -37px; /* menu.gif 内の画像を選択表示	*/
}

/* ギャラリー戻るアイコン設定 */
#navigation_return	{
	position:	relative;					/* 通常の位置を基準とした相対的な位置指定		  */
	top:		-63px;						/* 座標位置指定	上							    　*/		
	left: 		783px; 						/* 座標位置指定									　*/
	width:		138px;						/* 幅							 */		
	height:		43px;						/* 高さ							 */
	background:url(../imgs/g_return.gif) no-repeat 0px 0px;	/* 背景画像指定・背景色・表示方法 */ 
}
/* ギャラリー戻るアイコン設定 マウスオーバー状態時 */
#navigation_return div a {
 	text-decoration:		none;			/* Firefox等で線を表示を無効化					  */
	display:				block;			/* マウスオーバー時の表示領域をブロック形式で表示 */
	width: 					138px;			/* マウスオーバー時の表示横幅サイズ				  */
	height: 				43px;			/* マウスオーバー時の表示縦幅サイズ				  */
}

/* 戻るアイコン マウスオーバー状態時のアイコン画像を表示	*/
#navigation_return div#return_hover a:hover	{
	background:	url(../imgs/g_return.gif) no-repeat  0px -43px;			/* month_icon.gif 内の画像を選択表示	*/ 
}

#gallery_comment_header	{
	margin:				10px 0px 0px 0px;			/* マージン [上・右・下・左]	*/
	width:				600px;						/* フレーム表示領域の幅指定 	*/
	height:				20px;						/* フレーム表示領域の高さ指定	*/
	background: 		url(../imgs/comment_h.gif) no-repeat;	/* 背景設定			*/
}

#gallery_comment_box	{
	position:			relative;					/* 通常の位置を基準とした相対的な位置指定	*/
	top:				-15px;						/* 座標位置指定	上							*/
	padding: 			5px 0px 0px 0px; 			/* パッディング [上・右・下・左]			*/
	width:				600px;						/* フレーム表示領域の幅指定					*/
	background-color:	 #ffffff;					/* 背景色									*/
}

#gallery_comment_footer	{
	position:			relative;					/* 通常の位置を基準とした相対的な位置指定	*/
	top:				-15px;						/* 座標位置指定 上							*/
	width:				600px;						/* フレーム表示領域の幅指定					*/
	height:				6px;						/* フレーム表示領域の高さ指定				*/
	background: 		url(../imgs/comment_f.gif) no-repeat;	/* 背景設定						*/
}