body	{ background-color: #ffffff; }
#contents { width:320px; overflow: hidden; zoom: 1; position: absolute; top: 0px; background-color: #cddbb6;margin:0 auto;}
#wrapper  { background-color: #cddbb6;}
#main	{ background-color: #f9fbf3; padding: 5px;}
#main2	{ background-color: #f9fbf3; padding: 5px;}
#side	{padding: 3px; margin: 5px 0px;}
#r_side	{ clear: both; padding: 3px;}
#ct2	{ width: 310px; height: 450px; z-index: 2;}
#ct3	{ width: 310px; height: 450px; z-index: 2;}
#navmenu li { float: left;margin: 5px;}
#navmenu1 li{ float: left;margin: 5px;}
#navmenu3 li{ float: left;margin: 4px 4.5px;}
#header {  width:320px; background-color: #99cc99; height: 125px; padding: 10px; border-bottom: solid 15px #cc3300; }
#footer {  width:320px; background-color: #99cc99; clear: both; font-size: 80%; height: 80px; border-bottom: solid 1px #cccccc; }
#site1 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px;}
#site2 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px;}
#site3 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px; }
#site4 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px; }
#site5 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px; }
#site6 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px; }
#site7 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px; }
#site8 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px; }
#site9 ul	{background-color: #669966; display: block; width: 90px; border: 2px solid; border-color: #66cc66 #666666 #666666 #66cc66; padding: 5px 1.5px 5px 1.5px; text-align: center; margin-left: 30px; }
#site2 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#site3 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#site4 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#site5 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#site6 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#site7 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#site8 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#site9 li	{ font-size: 90%; background-color: #cccccc; display: block; width: 90px; border: 1px solid; border-color: #3a614c;text-align:center; padding: 5px 1.5px 5px 1.5px;  margin-left: 80px;}
#hoko1	{ position: relative; top: -147px; left: 10px; z-index: 2; }
#hoko2	{ position: relative; top: -217px; left: 250px; z-index: 2; }
#dasi	{ position: relative; z-index: 1; top: -298px; }
#boxl { position: absolute; top: 5pt; left: 25px; width: 110px; padding: 1em;}
#boxr { position: absolute; top: 5pt; left: 145px; width: 110px; padding: 1em;}
.type12 {width: 100px; height: 70px;}
.type4	{ position: absolute; top: 145px; left:10px; background-color: #cc3300; font-size: 80%; }
.type8	{ position: absolute; top: 145px; left:100px; background-color: #cc3300; font-size: 80%; }
.type9	{ position: absolute; top: 145px; left:170px; background-color: #cc3300; font-size: 80%; }
#co	{ position: absolute; top: 130px; left:180px; color: white;  font-size: 80%;}
#qcode	{ position: absolute; top: 5px; left: 5px;}
a[target="_blank"]:after { content: url(img/newwinicon.gif); margin: 0px 2px;}
#ret	{ position: fixed; top: 25px; left:180px; z-index: 2;}
div.imagebox { border: 1px dashed #0000cc; /* 枠線 */
		background-color: #eeeeff;  /* 背景色 */
		width: 130px;               /* 横幅 */
		float: left;                /* 左に配置 */
		margin: 5px;                /* 周囲の余白 */
		}
p.image, p.caption {
		text-align: center; /* 中央寄せ */
		margin: 5px;        /* 余白・間隔 */
		}
p.caption {
		font-size: 80%;     /* 文字サイズ */
		color: darkblue;    /* 文字色 */
		}
	/* 回り込みを解除 */
p.exp {
		clear: left; border:3px double #cccccc; background-color: #cc3300; text-align: center; font-size: 85%; margin-bottom: 50px; 
		}