サンプル
{
	width		: px%			;
	height		: px%			;
	background-color: #000000		;
	background-image: url('img/bg_base.png');
	background-repeat	: no-repeat		;
	background-position	: center		;
	border		: solid			;
	border-color	: #000000		;
	border-width	: 0px 0px 0px 0px	;
	margin		: 上px 右px 下px 左px	;
	padding		: 0px 0px 0px 0px	;
	color		: #000000		;
	font-size	: px%			;
	font-weight	: bold			;
	text-align	: center		;
	line-height	: 150%			;
}


/* 基本要素設定 */

body
{
	background-color: #303030		;
	background-image: url('img/bg_base.png');
	color           : #332222		;
	text-align 	: center		;
}


#table_base
{
	table-layout	: fixed				;
	max-width	: 650px				;
	width		: 650px				;
	background-color: #707070			;
	background-image: url('img/bg_table.png')	;
	border          : solid				;
	border-color    : #333333			;
	border-width    : 5px				;
	font-size       : 14px				;
}


/* 各ボックス定義 */
/* タイトルロゴ */

.title_box
{
	border-collapse	: collapse		;
	width		: 100%			;
	background-color: #000000		;
	border		: solid			;
	border-color	: #000000		;
	border-width	: 0px			;
	padding		: 0px			;
	font-size	: 200% 			;
	font-weight	: bold			;
}


/* 見出し */
.caption
{
	background-color: #ffffff			;
	background-image: url('img/bg_caption.png')	;
	border          : solid				;
	border-width    : 2px 2px 2px 5px		;
	border-color    : #222277			;
	margin		: 10px 20px 10px 20px		;
	padding         : 5px				;
	font-size       : 130%				;
	font-weight     : bold				;
}


/* メインエリア */
.mainbox
{
	background-color: #ffffff		;
	background-image: url('img/bg_main.png');
	border		: solid			;
	border-color	: #20202020		;
	border-width	: 2px			;
	margin		: 15px 40px 50px 40px	;
	padding		: 12px			;
	font-size	: 100%			;
	text-align	: left			;
	line-height	: 150%			;
}

/* ページTOPへ */
.top
{
	width           : 10%			;
	background-color: #ffffff		;
	border		: solid			;
	border-color	: #000000		;
	border-width	: 2px 2px 2px 5px	;
	margin		: 0px 0px 0px 0px	;
	padding		: 0px 0px 0px 0px	;
	color		: #000000		;
	font-size	: 80%			;
	font-weight	: bold			;
	text-align	: center		;
	line-height	: 110%			;
	float		: right			;
}


/* 物語展示用ボックス */
.story
{
	background-color	: #ffffff		;
	background-repeat	: no-repeat		;
	background-position	: center		;
	border			: solid			;
	border-color	: #202020		;
	border-width	: 2px			;
	margin			: 30px 5px 10px 5px	;
	padding			: 10px			;
	font-size		: 100%			;
	text-align		: left			;
	line-height		: 150%			;
}

.story_title
{
	background-color: #303030		;
	border			: solid			;
	border-color	: #202020		;
	border-width	: 2px			;
	margin			: 5px 0px 8px 0px	;
	padding			: 3px 8px 3px 3px	;
	color			: #d0d0d0		;
	font-size		: 120%			;
	font-weight     : bold			;
	text-align		: left			;
	line-height		: 150%			;
}

#story_01	{	background-image: url('img/story_bg01.png');	}
#story_02	{	background-image: url('img/story_bg02.png');	}
#story_03	{	background-image: url('img/story_bg03.png');	}
#story_04	{	background-image: url('img/story_bg04.png');	}



/* キャラ紹介用ボックス */
.chara
{
	width			: 500px			;
	height			: 300px			;
	background-color	: #ffffff		;
	background-repeat	: no-repeat		;
	background-position	: center		;
	margin			: 10px 15px 10px 15px	;
	border			: solid			;
	border-width		: 3px			;
	border-color    	: #303030		;
	padding			: 0px			;
	font-size      		: 100%			;
	text-align		: center		;
	line-height		: 150%			;
}

#satu	{	background-image: url('img/chara_satu.png');	}
#yuki	{	background-image: url('img/chara_yuki.png');	}
#masu	{	background-image: url('img/chara_masu.png');	}
#syo	{	background-image: url('img/chara_syo.png');		}
#kana	{	background-image: url('img/chara_kana.png');	}
#kichi	{	background-image: url('img/chara_kichi.png');	}
#hizi	{	background-image: url('img/chara_hizi.png');	}
#nagi	{	background-image: url('img/chara_nagi.png');	}
#miyo	{	background-image: url('img/chara_miyo.png');	}
#dog	{	background-image: url('img/chara_dog.png');		}
#other	{	background-image: url('img/chara_other.png');	}

/* キャラ紹介文字寄せ用設定 */

#right
{
	display		: block	;
	padding-top	: 95px	;
	padding-left	: 150px	;
	padding-right	: 10px	;
}
#left
{
	display		: block	;
	padding-top	: 95px	;
	padding-left	: 10px	;
	padding-right	: 150px	;
}



.support_title
{
	background-color: #ffffff		;
	border			: solid			;
	border-color	: #202020		;
	border-width	: 2px			;
	margin			: 5px 0px 5px 0px	;
	padding			: 3px 8px 3px 10px	;
	font-size		: 120%			;
	font-weight     : bold			;
	text-align		: left			;
	line-height		: 150%			;
}



/* 動作環境用設定 */
.operational
{
	max-width	: 500px			;
	width		: 500px			;
	table-layout	: auto			;
	border-collapse	: collapse		;
	background-color: #d0d0d0		;
	background-image: url('img/bg_main.png');
	border		: solid			;
	border-color	: #000000		;
	border-width	: 1px			;
	margin		: 0px 0px 0px 0px	;
	padding		: 0px 0px 0px 0px	;
	font-size      	: 85%			;
	text-align	: center		;
	line-height	: 120%			;
}

#operational_title
{
	font-size      	: 115%	;
	font-weight	: bold	;
	padding		: 5px	;
}
#operational_left
{
	width		: 100px	;
	padding		: 3px	;
	font-weight	: bold	;
}
#operational_right
{
	width	: 171px	;
	height	: 100px	;
}













/* リンク */
a:link
{
    text-decoration: none;
    color          : #000080;
}
/* リンク上にカーソルが移動した時 */
a:hover
{
    text-decoration : none;
    color           : #ff0000;
    background-color: #ffffcc;
}
 /* 訪問済みリンク */
a:visited
{
   text-decoration : none;
   color           : #800080;
}
/* アクティブリンク */
a:active
{
   text-decoration : none;
   color           : #aa33333;
}

/* 画像にリンクの枠線を表示しない */
img
{
    border-style:none;
}













/* 下段注意書き用ボックス */
div.attention
{
   border          : solid;
   border-width    : 0px;
   padding         : 3px;
   font-size       : 90% ;
   text-align      : right;
   color           : #a08080;
}


/* 下段コピーライト用ボックス */

div.copyRight
{
   border          : solid;
   border-width    : 0px;
   padding         : 3px;
   font-size       : 100% ;
   text-align      : left;
   color           : #a090a0;
}


/* 文字に影を付ける */
.shadow
{
    width  : 100%;
    filter :dropshadow( color=#ffffff, offx=2, offy=1, positive=1 );
}

/* メールアドレス */
address
{
    text-align  : center;
    font-style  : normal;
    font-size   : 85%;
    border-style: solid;
    border-width: 1px;
    padding     : 0.5em;
    width       : 80%;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
}


/* メニューリスト設定 */
#menu_box
{
   background-image: url('img/bg_menu.png');
}

#menu
{
   list-style-type    : none   ;
   list-style-position: outside;
   height             : 32px;
   padding            : 0px;
   margin             : 0px;
   border-left        : solid 1px #330000;
}

#menu li
{
	font size	: 80%	;
	line-height	: 32px	;
	display		: inline;
	margin		: 0px	;
	font-size	: 100%	;
}

#menu li a
{
   /* リンクをブロック要素にする */
   background-image: url('img/bg_menu.png');
   background-repeat: repeat-x;
   padding: 0px 12px;
   display: block;
   float: left;
   border-right: solid 1px #330000;
}

#menu li a:hover
{
   /* マウスがメニュー領域内に入った時 */
   background-image: url('img/bg_menu-hover.png');
   background-repeat: repeat-x;
}