/* 基本要素設定 */

body
{
   font-size       : 13px;
   color           : #332222;
   background-color: #aaaaaa;
   background-image: url('img/bg-base.png');   
}

table
{
   font-size       : 13px;
   color           : #332222;
   border-color    : #222222;
   background-image: url('img/bg-table.png');   
}

/* メールフォーム設定 */

form
{
   border          : solid;
   border-width    : 1px 1px 1px 1px;
   border-color    : #225522;
   background-color: #eeeeee;
   background-image: url('img/bg-caption.png');
   padding         : 15px;
   font-weight     : bold;
   font-size       : 130% ;
   margin-left     : 30px;
   margin-right    : 10px;
   margin-top      : 10px;
   margin-bottom   : 10px;
   margin-top      : 10px;
}

input
{
   padding         : 2px;
   margin-left     : 0px;
   margin-right    : 0px;
   margin-top      : 5px;
   margin-bottom   : 5px;
}

textarea
{
   padding         : 2px;
   margin-left     : 0px;
   margin-right    : 0px;
   margin-top      : 5px;
   margin-bottom   : 5px;
}

/* リンク */
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;
	padding			:2px;
}


/* 注意文フォント */
sub
{
   color    : #008080;
   font-size: 14px;
}


/* 各ボックス定義 */
/* サークルロゴ */
div.logobox
{
   border           : solid;
   background-image : url('img/bg-logo.png');
   background-color : #000000; 
   border-width     : 0px 0px 2px 10px;
   padding          : 5px;
   border-color     : #771111;
   width            : 750px;
   font-size        : 200% ;
   font-weight      : bold;
}

/* 見出し */
div.caption
{
   border          : solid;
   border-width    : 1px 1px 1px 5px;
   border-color    : #222299;
   background-color: #ffffff;
   background-image: url('img/bg-caption.png');
   padding         : 5px;
   font-weight     : bold;
   font-size       : 130% ;
   margin-left     : 20px;
   margin-right    : 10px;
   margin-top      : 10px;
   margin-bottom   : 10px;
}

/* ショートカット用　ダウンロード項目一覧 */
div.downlist
{
   border          : solid;
   border-width    : 1px 1px 1px 1px;
   border-color    : #125B12;
   background-color: #faf7ea;
   padding         : 5px 5px 5px 10px;
   font-size       : 100% ;
   margin-left     : 60px;
   margin-right    : 100px;
   margin-top      : 10px;
   margin-bottom   : 10px;
}


/* メインエリア */
div.mainbox
{
	width			: 520px;
	max-width		: 520px;
	border          : solid;
	border-width    : 1px;
	border-color    : #808080;
	background-color: #ffffff;
	background-image: url('img/bg-main.png');
	padding         : 12px;
	font-size       : 100%;
	margin-left     : 40px;
	margin-right    : 10px;
	margin-top      : 10px;
	margin-bottom   : 20px;
	line-height     : 150%;
}

/* メインエリア内見出し */
div.caption2
{
   border          : solid;
   border-width    : 1px 1px 1px 5px;
   border-color    : #992299;
   background-color: #ffffff;
   padding         : 5px;
   font-size       : 115% ;
   font-weight     : bold;
   color           : #600060;
   margin-left     : 0px;
   margin-right    : 10px;
   margin-top      : 10px;
   margin-bottom   : 10px;
}


/* メインエリア内　インデントされた本文　今のところダウンロードファイルの説明用 */
.explanation
{
	border			: solid;
	border-width	: 0px;
	border-color	: #393f4c;
	margin			: 10px 0px 10px 35px;
	padding			: 2px;
	font-size		: 100%;
	text-align		: left;
	line-height		: 130%;
}

/* メインエリア内　ダウンロード先を指定 */
.downsource
{
	width			: 24%;
	border			: solid;
	border-width	: 2px 2px 2px 5px;
	border-color	: #393f4c;
	background-color: #fffaf0;
	margin			: 10px 0px 0px 30px;
	padding			: 3px 0px 0px 0px;
	font-size		: 90%;
	text-align		: center;
	line-height		: 110%;
	float			: left;
}


/* 右カラムにおける見出し */
div.caption3
{
   border          : solid;
   border-width    : 1px 1px 1px 5px;
   border-color    : #225022;
   background-color: #ffffff;
   background-image: url('img/bg-caption.png');
   padding         :  5px;
   font-weight     : bold;
   font-size       : 115%;
   margin-left     :  0px;
   margin-right    :  5px;
   margin-top      : 10px;
   margin-bottom   : 5px;
}

/* 右カラム内見出し */
div.caption4
{
   border          : solid;
   border-width    : 1px 3px 3px 1px;
   border-color    : #347070;
   background-color: #e0e0e0;
   background-image: url('img/bg-caption4.png');
   padding         :  4px;
   font-weight     : bold;
   font-size       : 90%;
   margin-left     : 0px;
   margin-right    : 0px;
   margin-top      : 0px;
   margin-bottom   : 5px;
}

/* 右カラム本文 */
div.subbox
{
   border          : solid;
   border-width    : 1px;
   border-color    : #808080;
   background-color: #ffffff;
   background-image: url('img/bg-main.png');
   padding         :  5px;
   font-size       : 100%;
   margin-left     : 10px;
   margin-right    :  5px;
   margin-top      :  5px;
   margin-bottom   : 10px;
   line-height     : 150%;
}

/* Amazonボックス */
div.Amazonbox
{
	border			: solid;
	border-width	: 1px;
	border-color	: #808080;
	background-color: #ffffff;
	padding			:  3px;
	font-size		:  83%;
	margin-left		:  0px;
	margin-right	:  5px;
	margin-top		:  2px;
	margin-bottom	:  5px;
	text-align  	: center;
	line-height     : 120%;
}

/* 更新履歴 */
div.log
{
    border          : solid;
    border-color    : #808080;
    border-width    : 1px;
    background-color: #ffffff;
    height          : 120px;
    padding         : 4px;
    font-size       : 90%;
    margin-left     : 30px;
    line-height     : 23px;
    overflow        : auto;
}

/* リスト定義 */
dt
{
    font-size       : 100%;
    color           : #332222;
    background-color: #c0c0c0;
    margin-left     : 20px;
    margin-top      : 5px;
    line-height     : 12px;
    padding         : 3px;
}

dd
{
    font-size   : 90%;
    color       : #332222;
    margin-left : 50px;
    margin-top  : 5px;
    line-height : 12px;
    padding     : 3px;
}

#strong
{
	font-size	: 120%	;
	font-weight	: bold	;
}

/* 文字に影を付ける */
.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
{
   line-height: 32px;
   display    : inline;
   margin     : 0px;
}

#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;
}