﻿
/* ====== 全体の設定 ====== */

body {
		background-color:#ffffff;
		color:#808080;
		font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif;
}
p { font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif; }

table{
		background-color:#ffffff;
		color:#808080;
		font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif;
}

/* リンクの色設定 */
a:link { color:#0000FF; font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif; }
a:visited { color:#800080; font:12px Arial, Helvetica, Gothic, Osaka, sans-serif; }
a:hover { color:#FFA500; font:12px Arial, Helvetica, Gothic, Osaka, sans-serif; }
a:active { color:#FF0000; font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif; }

/* 現在開いている頁の場所の書式設定 */
span.sabnavi{ color:#c0c0c0; font:10px Arial, Helvetica, Gothic, Osaka, sans-serif; }
span.sabnavi a{ color:#c0c0c0; font:10px Arial, Helvetica, Gothic, Osaka, sans-serif; text-decoration: none;}
a.sabnavia:link{ color:#c0c0c0; font:10px Arial, Helvetica, Gothic, Osaka, sans-serif; }
a.sabnavia:visited{ color:#c0c0c0; font:10px Arial, Helvetica, Gothic, Osaka, sans-serif; }
a.sabnavia:active{ color:#c0c0c0; font:10px Arial, Helvetica, Gothic, Osaka, sans-serif; }

/* 画像の設定 */
img {
    border:0px solid #ccc; margin:0px;
}

/* 見出しタグ設定 */
h1{ color:#336699; font: bold 13px Helvetica, Gothic, Osaka,Arial, sans-serif; }
h1.smhead{ color:#336699; font: bold 90% Helvetica, Gothic, Osaka,Arial, sans-serif; }
h2{ color:#336699; font: bold 12px Helvetica, Gothic, Osaka,Arial, sans-serif; }

/* 個別リンクの色設定　*/
a.s1:link{ color:#0066ff; font: bold 13px Arial, Helvetica, Gothic, Osaka, sans-serif; }
a.s1:visited{ color:#003399; font: bold 13px Arial, Helvetica, Gothic, Osaka, sans-serif; }
a.s1:active{ color:#ff6633; font: bold 13px Arial, Helvetica, Gothic, Osaka, sans-serif; }

a.s2:link{ color:#003399; font: bold 12px Arial, Helvetica, Gothic, Osaka, sans-serif; text-decoration: none; letter-spacing: 1px; }
a.s2:visited{ color:#003399; font: bold 12px Arial, Helvetica, Gothic, Osaka, sans-serif;text-decoration: none; letter-spacing: 1px; }
a.s2:hover { color:#FFA500; font: bold 12px Arial, Helvetica, Gothic, Osaka, sans-serif; text-decoration: none; letter-spacing: 1px; }
a.s2:active{ color:#73FF81; font: bold 12px Arial, Helvetica, Gothic, Osaka, sans-serif; text-decoration: none; letter-spacing: 1px; }

/* 個別のフォント設定 */
.f1 { color:#336699; font: 10px Helvetica, Gothic, Osaka, Arial, sans-serif; }
.f2 { color:#336699; font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif; }
.f3 { color:#336699; font: 14px Arial, Helvetica, Gothic, Osaka, sans-serif; }
.f4 { color:#ff6666; font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif; }
.f5 { color:#000000; font: 12px Arial, Helvetica, Gothic, Osaka, sans-serif; }

/* 個別表の設定 */
/* fgbeads02.html用 */
table.hyou1 { color:#000000; border:solid 2px #000000; border-collapse:collapse; margin-top:15px; margin-left:30px; }
table.hyou1 th { border-top:solid 1px #000000; border-right:solid 1px #808080; border-left:solid 1px #808080; border-bottom:solid 2px #000000; white-space:pre; padding:5px; }
table.hyou1 td { border: solid 1px #808080; padding:5px; }

/* purchase.html用 */
table.hyou2 { color:#000000; border:solid 2px #000000; border-collapse:collapse; margin-top:5px; margin-left:15px; }
table.hyou2 th { border-top:solid 1px #000000; border-right:solid 1px #808080; border-left:solid 1px #808080; border-bottom:solid 2px #000000; white-space:pre; padding:5px; }
table.hyou2 td { text-align:center; border: solid 1px #808080; padding:0px; }
.cyuou { text-align:center; }

/* 引用文の設定 */
blockquote { color:#000000; font:bold 12px Arial, Helvetica, Gothic, Osaka, sans-serif; line-height:150%; }

/* ボタンの回りを囲む線 */
.box1{ float:left; width:200px; text-align:center; height:50px; }
.box2{ float:left; width:280px; text-align:left; height:50px;}
.box3{ float:left;width:220px;text-align:left;height:30px;}
.box4{ float:left; width:180px; text-align:left; height:30px;position:relative;top:-5px;}
.box5{ float:left;width:370px;text-align:left;height:30px;}
.box_top{ border:5px inset #c0c0c0; width:480px; height:50px; margin:8px 0px 0px 10px; padding:14px 0px 0px 25px; }
.boxclear{clear:both;visibility: hidden; height: 0;}

span.headcopy{ color:#336699; font: 12px Helvetica, Gothic, Osaka,Arial, sans-serif; }

/** 化学式用の設定 **/
.sub
{
 /* 下付 */
font-size: 0.8em;
position: relative;
top: 0.4em;
}

.sup
{
/* 上付（イオン価数） */
font-size: 0.8em;
position: relative;
top: -0.6em;
}

*.ion
{
/* 下付＋イオン価数 */
font-size: 0.8em;
position: relative;
top: -0.6em;
left: -0.6em;
}

/* Page Topの設定 */
div.naviscrolltop{
text-align:right;
width:540px;
padding:3px;
}

