/*  All graphics and Copyright(c) 2003  */
/*  PUNI All rights reserved.           */
/*        作成 : 2005. 7. 9             */
/*        更新 : xxxx.xx.xx             */




/******************************/
/* ========== BODY ========== */
/******************************/

body
{
    font-family			: sans-serif;
	font-size			: 14px;
	text-align			: center; 
	line-height			: 1.4em;
						/*行間*/
    color				: #333333;
						/*gray（文字用）*/
	background-color	: #ffffff;
						/*white*/
    /*margin-top		: 0px;*/
						/*背景画像の表示位置*/
						/*0px = 0%*/
						/*50%：画面の中央に表示*/
   	/*margin-left		: 0px;*/
	/*background-image	: url(../haikei.gif);*/
	/*background-repeat	: no-repeat;*/
						/*繰り返し表示の有無*/
						/*repeat：デフォルト、画面いっぱいに敷き詰めて表示*/
						/*repeat-x：x軸、横方向にのみ繰り返して表示*/
						/*repeat-y：y軸、縦方向にのみ繰り返して表示*/
						/*no-repeat：繰り返さずに一点だけ表示*/
   	/*background-attachment	: fixed;*/
						/*背景画固定の有無*/
}


/* == NN4継承用 == */
p,blockquote,ul,ol,dl,li,dt,dd,div,th,td,caption,strong,em
{
    font-family			: sans-serif;
	font-size			: 14px;
    color				: #333333;
}

pre
{
    font-family			: sans-serif;
}

p,dl,ul,ol
{
	line-height			: 1.4em;
}




/********************************/
/* ========== リンク ========== */
/********************************/

/* == リンク文字 == */
a:link
{
    color				: #003399;
						/*deep-blue*/
}
a:link.white
{
	color            	: #ffffff;
						/*white*/
}
a:link.black
{
    color				: #333333;
						/*gray（文字用）*/
}
a:link.navi
{
    text-decoration		: none;
						/*none：下線無し*/
						/*underline：下線有り*/
	color            	: #6666cc;
						/*soft-blue*/
}

/* == リンク上にカーソルが移動した時 == */
a:hover
{
    color				: #003399;
						/*deep-blue*/
}
a:hover.white
{
	color            	: #ffffff;
						/*white*/
}
a:hover.black
{
    color				: #333333;
						/*gray（文字用）*/
}
a:hover.navi
{
    text-decoration		: none;
	color            	: #6666cc;
						/*soft-blue*/
	background-color 	: #ffffff;
						/*white*/
}

/* == 訪問済みリンク == */
a:visited
{
	color            	: #990066;
						/*deep-pink*/
}
a:visited.white
{
	color            	: #ffffff;
						/*white*/

}
a:visited.black
{
    color				: #333333;
						/*gray（文字用）*/
}
a:visited.navi
{
    text-decoration		: none;
	color            	: #6666cc;
						/*soft-blue*/
}

/* == アクティブリンク == */
a:active
{
}
a:active.white
{
	color            	: #ffffff;
						/*white*/
}
a:active.black
{
    color				: #333333;
						/*gray（文字用）*/
}
a:active.navi
{
    text-decoration		: none;
	color            	: #6666cc;
						/*soft-blue*/
}

/* == 下線無し == */
a.noneline
{
	text-decoration  	: none;
}

/* == 下線有り == */
a.underline
{
	text-decoration		: underline; 
}




/********************************/
/* ========== 見出し ========== */
/********************************/

/* == 背景付 == */
h1
{
	font-size        	: 18px;
	font-weight      	: bold;
	text-align       	: center;
	line-height			: 1.6em;
	color            	: #990066;
						/*deep-pink*/
	background-color 	: #ccff66;
						/*blight-lightgreen*/
	margin		     	: 0px 0px 8px 0px;
    					/*上、右、下、左*/
	padding          	: 0em 0em 0em 0em;
	border-style     	: hidden;
						/*solid：実線*/
						/*dotted：点線*/
						/*dashed：破線*/
						/*double：二重線*/
						/*groove：へこんだように見える線*/
						/*ridge：浮き上がったように見える線*/
						/*inset：内側がへこんだように見える線*/
						/*outset：内側が浮き上がったように見える線*/
						/*none：デフォルト*/
						/*hidden：枠線を表示しない*/
	/*border-width     	: 0px;*/
	/*border-color     	: #ccccff;*/
}


/* == 大見出し（グリーン） == */
h2
{ 
	font-size        	: 18px;
	font-weight      	: bold;
	text-align       	: left;
	line-height			: 1.4em;
    text-indent			: 2em;
	color            	: #009900;
						/*deep-green*/
}


/* == 大見出し（ピンク） == */
h3
{
	font-size        	: 18px;
	font-weight      	: bold;
	text-align       	: left;
	line-height			: 1.4em;
    text-indent			: 2em;
	color            	: #ff6699;
						/*bright-deeppink*/
}


/* == 大見出し（ブルー） == */
h4
{
	font-size        	: 18px;
	font-weight      	: bold;
	text-align       	: left;
	line-height			: 1.4em;
    text-indent			: 2em;
	color            	: #000099;
						/*deep-blue*/
}


/******************************/
/* ========== 段落 ========== */
/******************************/

/* == 上下行挿入調整 == */
p
{
	margin-top     		: 0.5em;
	margin-bottom		: 0.5em;
	text-indent    		: 1em; 
}

/* == インデント調整 == */
P.indent5
{
	margin-top     		: 0em;
	margin-bottom		: 0em;
	margin-left     	: 5em;
	text-indent    		: 0em; 
}



/**********************************/
/* ========== ボックス ========== */
/**********************************/

/* == 影付ボックス == */
.shadowbox
{
    border-style		: solid;
	border-width		: 1px 2px 2px 1px;
    					/*上、右、下、左*/
    border-color		: #c0c0c0 #808080 #808080 #c0c0c0;
	padding				: 0.5em;
}


/* == maxテーブル == *//**********************************/
TABLE.max
{
	table-layout		: fixed;
						/*固定*/
	width				: 740px;
	padding				: 3px;
	margin		     	: 3px;
}

/* == maxテーブル（740px） == *//**********************************/
TD.max-740td
{
	width				: 740px;
	padding				: 0px;
	text-align      	: center;
	vertical-align		: middle;
    font-family			: sans-serif;
	font-size			: 14px;
	text-align			: center; 
	line-height			: 1.4em;
						/*行間*/
    color				: #333333;
						/*gray（文字用）*/
}

/* == maxテーブル（600px） == *//**********************************/
TD.max-600td
{
	width				: 600px;
	padding				: 0px;
	text-align      	: center;
	vertical-align		: middle;
    font-family			: sans-serif;
	font-size			: 14px;
	text-align			: center; 
	line-height			: 1.4em;
						/*行間*/
    color				: #333333;
						/*gray（文字用）*/
}

/* == maxテーブル（500px:Top） == *//**********************************/
TD.max-500td-t
{
	width				: 500px;
	padding				: 0px;
	text-align      	: center;
	vertical-align		: top;
    font-family			: sans-serif;
	font-size			: 14px;
	text-align			: center; 
	line-height			: 1.4em;
						/*行間*/
    color				: #333333;
						/*gray（文字用）*/
}

/* == maxテーブル（240px:Top） == *//**********************************/
TD.max-240td-t
{
	width				: 240px;
	padding				: 0px;
	text-align      	: center;
	vertical-align		: top;
    font-family			: sans-serif;
	font-size			: 14px;
	text-align			: center; 
	line-height			: 1.4em;
						/*行間*/
    color				: #333333;
						/*gray（文字用）*/
}


/* == maxテーブル（100px） == *//**********************************/
TD.max-100td
{
	width				: 100px;
	padding				: 0px;
	text-align      	: center;
	vertical-align		: middle;
    font-family			: sans-serif;
	font-size			: 14px;
	text-align			: center; 
	line-height			: 1.4em;
						/*行間*/
    color				: #333333;
						/*gray（文字用）*/
}


/* == indexテーブル == *//**********************************/
TABLE.index
{
	table-layout		: fixed;
						/*固定*/
	width				: 740px;
    border-style		: outset;
						/*outset：内側が浮き上がったように見える線*/
    border-width		: 1px;
	padding				: 3px;
	margin		     	: 3px;
	border-collapse		: separate;
						/*collapse：隣接するセルのボーダーを重ねて表示*/
						/*separate：隣接するセルのボーダーを間隔をあけて表示 */
}

/* == indexテーブル（左・コンテンツ名） == *//**********************************/
TD.index-left
{
	width				: 240px;
	height				: 50px;
    border-style		: inset;
						/*inset：内側がへこんだように見える線*/
    border-width		: 1px;
	padding				: 0px 10px 0px 0px;
    					/*上、右、下、左*/
	text-align      	: right;
	vertical-align		: middle;
    font-family			: sans-serif;
	font-size        	: 16px;
	font-weight      	: bold;
	line-height			: 1.6em;
    color				: #333333;
						/*gray（文字用）*/
}

/* == indexテーブル （右・コンテンツ説明） == *//**********************************/
TD.index-right
{
	width				: 500px;
	height				: 50px;
    border-style		: inset;
						/*inset：内側がへこんだように見える線*/
    border-width		: 1px;
	padding				: 0px 0px 0px 10px;
    					/*上、右、下、左*/
	text-align      	: left;
	vertical-align		: middle;
    font-family			: sans-serif;
	font-size			: 14px;
	line-height			: 1.4em;
    color				: #333333;
						/*gray（文字用）*/
}

TD.index-right-2
{
	width				: 500px;
	height				: 70px;
    border-style		: inset;
						/*inset：内側がへこんだように見える線*/
    border-width		: 1px;
	padding				: 0px 0px 0px 10px;
    					/*上、右、下、左*/
	text-align      	: left;
	vertical-align		: middle;
    font-family			: sans-serif;
	font-size			: 14px;
	line-height			: 1.4em;
    color				: #333333;
						/*gray（文字用）*/
}

/* == indexテーブル（リンク上・表題） == *//**********************************/
TD.index-link-up
{
	width				: 185px;
    border-style		: inset;
						/*inset：内側がへこんだように見える線*/
    border-width		: 1px;
	padding				: 0px 0px 0px 0px;
    					/*上、右、下、左*/
	text-align      	: center;
	vertical-align		: middle;
	background-color 	: #ccffcc;
						/*pale-green*/
    font-family			: sans-serif;
	font-size			: 14px;
	font-weight      	: bold;
	line-height			: 1.4em;
						/*行間*/
	color            	: #000099;
						/*deep-blue*/
}

/* == indexテーブル（リンク下・リンク先） == *//**********************************/
TD.index-link-down
{
	width				: 185px;
    border-style		: inset;
						/*inset：内側がへこんだように見える線*/
    border-width		: 1px;
	padding				: 0px 0px 0px 10px;
    					/*上、右、下、左*/
	text-align      	: left;
	vertical-align		: top;
    font-family			: sans-serif;
	font-size			: 14px;
	line-height			: 1.4em;
						/*行間*/
    color				: #333333;
						/*gray（文字用）*/
}


/* == ナビバーテーブル == *//**********************************/
TABLE.navibar
{
	table-layout		: fixed;
						/*固定*/
	width				: 390px;
	height				: 18px;
    border-style		: double;
	border-width		: 3px 0px 3px 0px;
    					/*上、右、下、左*/
    border-color		:#99cccc;
						/*grayish-blue*/
	padding				: 0px;
	margin				: 0px;
	border-collapse		: collapse;
						/*collapse：隣接するセルのボーダーを重ねて表示*/
						/*separate：隣接するセルのボーダーを間隔をあけて表示 */
}

/* == ナビバーテーブル　列 == *//**********************************/
TD.navibar
{
	width				: 130px;
	height				: 18px;
	padding				: 0px;
	margin		     	: 0px;
	text-align      	: center;
	vertical-align		: middle;
    font-family			: sans-serif;
    font-weight			: bold;
	font-size        	: 14px;
	color            	: #6666cc;
						/*soft-blue*/
	background-color 	: #ccccff;
						/*pale-purple*/
}


/* == 擬似インラインフレーム == */
						/*通常より高速*/
div.logbox
{
    border				: solid 1px #333333;
						/*border: [罫線の種類] [ 罫線の幅 ] [ 罫線の色 ]; */
						/*gray（文字用）*/
    width				: 300px;
    height				: 150px;
    padding				: 0.5em;
    overflow			: scroll;
						/*scroll: スクロールバーを表示 */
						/*visible: スクロールバーを表示（規定値）*/ 
						/*hidden: スクロールバーを隠す */
						/*auto: スクロールバーの出る出ないを自動判別 （0PERA使用不可）*/
}




/**********************************/
/* ========== 文字装飾 ========== */
/**********************************/

/* == 写真コメント用 == */
.comment-photo
{
    font-size			: 12px;
	color            	: #000099;
						/*deep-blue*/
}

/* == ページナンバー用 == */
.comment-page
{
    font-size			: 14px;
	color            	: #000099;
						/*deep-blue*/
	background-color 	: #ccccff;
						/*pale-purple*/
}

/* == 小見出し用（ピンク） == *//********************************/
.comment-pink
{
	font-size        	: 14px;
	font-weight      	: bold;
	color            	: #ff6699;
						/*bright-deeppink*/
}

/* == 小見出し用（ブルー） == */
.comment-blue
{
	font-size        	: 14px;
	color            	: #000099;
						/*deep-blue*/
}

/* == 大見出し用（ブルー） == */
.menu-blue
{
	font-size        	: 18px;
	color            	: #000099;
						/*deep-blue*/
}

/* == 大見出し用（文字色指定無し） == */
.menu-gray
{
	font-size        	: 18px;
}


/* == サイズ指定用 == */
.size-ss
{
	font-size        	: 10px;
}

.size-s
{
	font-size        	: 12px;
}

.size-l
{
	font-size        	: 16px;
}

.size-ll
{
	font-size        	: 18px;
}

.size-lll
{
	font-size        	: 20px;
}

.size-llll
{
	font-size        	: 22px;
}


/* == 著作権情報用 == *//********************************/
.myaddress
{
	font-size			: 10px;
    text-align			: right;
   	color				: #cc6699;
						/*soft-darkpink*/
}

/* == 情報源・注意書き == */
.myreference
{ 
	font-size			: 12px;
	font-style       	: italic;
	text-align			: right; 
   	color				: #cc6699;
						/*soft-darkpink*/
}

/* == 強調文字 == */
.bold
{
    font-weight			: bold;
}

/* == イタリック == */
.italic
{
    font-style			: italic;
}

/* == 取消線 == */
.through
{
    text-decoration		: line-through;
}

/* == 上線 == */
.overline
{
    text-decration		: overline;
}

/* == 下線 == */
.underline
{
    text-decration		: overline;
}

/* == 上線＋下線 == */
.overunder
{
    text-decration		: overline underline;
}

/* == 下付き == */
.sub
{
    vertical-align		: bottom;
    font-size			: 7px;
}

/* == 上付き == */
.sup
{
    vertical-align		: super;
}

/* == 影付き（落とす） == */
.shadow1
{
	width				: 100%;
						/*width:100%は必ず設定*/
    filter				:dropshadow( color=#ccccff, offx=1, offy=1, positive=1 );
						/*color：影の色*/
						/*offx：影の位置（X方向）をピクセル数で指定*/
						/*offy：影の位置（Y方向）をピクセル数で指定*/
						/*positive：影の透過の有無。1またはtrue（影を隠す）、0またはfalse（影を隠さず上から描画）*/
						/*pale-purple*/
}

/* == 影付き（伸ばす） == */
.shadow2
{
	width				: 100%;
						/*width:100%は必ず設定*/
    filter				:shadow( color=#ccccff, direction=120, strength=4);
						/*color：影の色*/
						/*direction：影の向き（45度単位）*/
						/*strength：影の長さ（1〜255）*/
						/*pale-purple*/
}

/* == 発光 == */
.glow
{
	width				: 100%;
	filter				: Glow(color=#ccffff, strength=5)
						/*color：発光の色*/
						/*strength：発光の強さ（1〜255）*/
						/*pale-lightblue*/
}




/********************************/
/* ========== ライン ========== */
/********************************/

hr
{
	height				: 1px;
	color				: #66cc99;
						/*soft-green*/
}

/* == グラデーションライン（線形） == */
						/*ラインでなくてもボックス等でもOK*/
hr.filter1
{
    width				:100%;
						/*width:100%は必ず設定*/
    filter				: Alpha(opacity=100,finishopacity=0,style=1);
						/*filter : [ フィルタの種類 ](各種フィルタ情報) */
						/*opacity：始点の透過度を0〜100の間で指定*/
						/*finishopacity：終点の透過度を0〜100の間で指定*/
						/*style：透過させる種類を指定。1:線形、2:円、3:長方形*/
	color				: #66cc99;
						/*soft-green*/
}

/* == グラデーションライン（長方形） == */
hr.filter2
{
    width				: 80%;
	height				: 2px;
    filter				: Alpha(opacity=100,finishopacity=0,style=3);
	color            	: #000099;
						/*deep-blue*/
}