/* based on mkm.css by morikuma for ADLoc site;  Oct., Aug. 2013 */
/* a:... は link, visited, hover, active の順にセットする */

a:link		{ color: #0000ff; text-decoration: none; transition: color 1.2s ease-out;}
a:visited	{ color: #8050f0; text-decoration: none; transition: color 1.2s ease-out;}
a:hover		{ color: lightpink; text-decoration: none; transition: color 0.3s ease-out;}
a:active	{ color: #ff8000; text-decoration: none }

body	{ color: saddlebrown; font-size: small; line-height: 145%; font-weight: normal; 
			font-family: 'Lucida Grande', 'Hiragino Maru Gothic ProN', 'ヒラギノ丸ゴ ProN W3', Meiryo, メイリオ, sans-serif; 
			background: white repeat-y scroll; margin: 30px 5px; }
p		{ margin: 2px 2px　10px 2px; }
img.lft	{ margin: 5px; float: left; }
img.rgt	{ margin: 5px; float: right; }

b		{ font-size: smaller; text-decoration: none; font-weight: normal;  }	/* smaller */
		/* tt		{ color: #fffff0; text-decoration: none } /* OBSOLETE */
tt		{ color: seagreen;  text-decoration: none; }
em		{ text-decoration: none; font-weight: normal; font-style: normal; }	/* emphasis */
.tight	{ margin: 2px; }
.nopad	{ padding: 0px 0px; }
.s		{ font-size: smaller; text-decoration: none; font-style: normal; font-weight: normal; }
.l		{ font-size: larger; text-decoration: none; font-style: normal; font-weight: normal; }
.fs_large	{ font-size: large; }
.fs_xlarge	{ font-size: x-large; }
.ldr		{ color: royalblue; font-size: larger; text-decoration: none; font-style: normal; font-weight: bold; }
.azuki	{ color: #e06090; }
.dkgrn	{ color: darkgreen; }
.seagrn	{color: seagreen; }
.navy	{color: navy; }
.medblu	{color: mediumblue; }
.crimson	{color: crimson; }
.choco	{color: chocolate; }
.sdlbrwn	{color: saddlebrown; }
.salmon	{color: salmon; }
.ored	{color: orangered; }
.orange	{color: orange; }
.indianred	{color: #cd5c5c; }
.tomato	{ color: #ff6347; }
.cfblu	{ color: cornflowerblue; }
.ryblu	{ color: royalblue; }
.s-azuki		{font-size: smaller;  color: #e06090; font-style: normal;}

img.vmiddle	{ vertical-align: middle;}

table		{ border:0px #ffd0ff solid; border-collapse: collapse; line-height: 140%; margin: 0px 0px; }
td			{ border:0px #ffd0ff solid; padding:5px 5px; }

table.outer0	{width: 810px; }
table.outer1	{width: 760px; margin: 0px 25px; }
table.outer2	{width: 720px; margin: 0px 25px; }
table.inner1	{width:  780px; margin: 5px 5px; }
table.box01	{ width: 760px; }
table.boxfooter	{ width: 810px; margin: 0px 0px;}
table.box02	{ width: 660px; margin: 0px 0px;}
table.box03	{ width: 300px; margin: 0px 0px; float: right;}
table.box04	{ width: 500px; margin: 0px 0px;  }
table.box05	{ width: 320px; font-size: smaller; }
table.box09	{ padding: 0; }
table.boxF1	{ width: 650px; border:4px #a0c0f0 solid; margin: 5px 5px;}
table.boxBlue	{ color: #4169e1; font-size: smaller; border: 2px #a6c9ff solid; width: 620px; margin: 20px 40px; }

td.shift		{ padding: 5px 15px; }
td.half		{ width: 50%; }
td.third		{ width: 33%; }
td.toplft		{ vertical-align: top; text-align: left; } 
td.toprgt		{ vertical-align: top; text-align: right; } 
td.topctr		{ vertical-align: top; text-align: center; } 
td.midlft		{ vertical-align: middle; text-align: left; } 
td.midrgt		{ vertical-align: middle; text-align: right; } 
td.midctr		{ vertical-align: middle; text-align: center; } 
td.botlft		{ vertical-align: bottom; text-align: left; } 
td.botrgt		{ vertical-align: bottom; text-align: right; } 
td.botctr		{ vertical-align: bottom; text-align: center; } 
td.footer		{ text-align: right; vertical-align: bottom; font-size: smaller; line-height: 130%; padding: 0px 20px; }	/* for test: padding: 0px 0px;  border: 2px #00c000 solid; */

.topctr		{ vertical-align: top; text-align: center;}

iframe.updt1 {border: 2px rosybrown solid; width: 520px; height: 300px; }
iframe.updt2 {border: 2px rosybrown solid; width: 760px; height: 500px; }
iframe.footer {border: 0px #ffffff solid; width: 760px; height: 300px; }

div#box1 { position: absolute; top: 100px; left: 50px; background-color: lightblue; }
div#box2 { position: absolute; top: 80px; left: 30px; background-color: wheat; }
div.infobox1 { width: 700px; border: 2px rosybrown solid; }
div.noticebox1	{ color: indianred; border: 1px #ff6347 solid; width: 600px; padding: 0px 10px; }
div.noticebox2	{ color: cadetblue; border: 1px rosybrown solid; width: 700px; padding: 0px 10px; }
div.noticebox2 em	{ color: salmon; text-decoration: none; font-weight: normal; font-style: normal; }