@charset "utf-8";

a	{color: #017acd}

/* container */
div#container	{width: 960px;
	margin-left: auto;
	margin-right: auto;}

/* header */
div#header	{background-color: #92c9ff;
        background-image:url(img/hedder-illust.png) ;
	padding: 10px 20px 0px;}

div#header h1	{margin: 0}

div#header p	{color: #ffffff;
	font-size: 0.75em;
	margin-top: 10px;}

/* bread */
p#bread	{margin-top:2px;
         font-size: 0.75em;
	text-align:left;
        color:#aaa;
        }

p#bread a{color:#1e90ff;
	text-decoration:none;
        }

/* left sidebar */
div#sidebar	{width: 184px;
	float: left;
	margin-right:20px;}
div#sidebar p.button  {
        display:block;
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;}

p.button a:hover{background-position:left bottom}
p.button img{border:none}

div#sidebar p	{font-size: 0.7em;
	margin: 8px 5px}

ul.sidemenu	{font-size: 0.8em;
        font-weight:bold;
        margin-top: 0px;
        float:left;
	padding-left: 0px;
	list-style-type: none;}
ul.sidemenu li	{margin:0;
        padding:0px 0 0px 16px;
        background:#32cd32 url(img/navi_icon.gif) 2px center no-repeat;
        border-bottom: solid 1px #ffffff;
        }

ul.sidemenu li a	{display: block;
	line-height:28px;
        text-decoration: none;
	color: #696969;
	background-color: #adff2f;
	padding: 0px 2px;
        }
ul.sidemenu li a:active	{background-color: #7cfc00}
ul.sidemenu li a:hover	{background-color: #7cfc00}
ul.sidemenu li a:visited {background-color: #7cfc00}

p.feed	{margin-bottom: 10px}
p.feed a	{font-size: 0.75em;
	color: #444444;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #888888;
	padding: 5px}

p.feed img	{border: none;
	vertical-align: middle}



/* main */
div#main	{width: 750px;
	float:right;
        margin-top:0px;}
        
div#photo	{
	border:none;
        margin-top:10px;
        }
div#photo p.caption	{
	text-align: right;
        font-size:70%;
        color:#0000ff;
        margin-top:2px;
        margin-bottom:5px;
        }

/*content */
div#content	{
        width:490px;
        float:left;	
	margin-bottom: 25px}

div#content h2	{background-color: #e0e0e0;
	background-image: url(img/bar-green.png);
	background-repeat: no-repeat;
	border: solid 0px;
	font-size: 0.875em;
	color: #000000;
	line-height: 23px;
	padding-left: 28px;
	margin-top: 10px;
	margin-bottom: 10px;}

div#content h3	{background-color: #ffffff;
	background-image: url(img/maru-green.png);
	background-repeat: no-repeat;
        background-position:0px 5px;
	font-size: 0.85em;
        color:#0000cd;
	line-height: 20px;
	padding-left: 16px;
	margin-top: 0px;
	margin-bottom: 0px}

div#content h4	{background-color: #ffffff;
	background-image: url(img/maru-green.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-size: 0.85em;
	line-height: 22px;
	padding-left: 26px;
	margin-top: 30px;
	margin-bottom: 0}


.information	{font-size: 0.8em;
	line-height: 1.8em;
	margin-top: 0px;
        margin-left:10px;
        margin-bottom: 0px}

div#content p  {margin:0px;
        padding:0px 0 0px 0px;
        font-size:13px;
        line-height: 1.8em;
        }

div#content ul  {margin:0px;
        padding:0px 0 0px 16px;
        font-size:11px;
        }

div#content li  {font-size: 1.2em;
        line-height: 1.8em;
        padding:0px 0 0px 3px;
                }

div#menu    {
         width:750px;
         }
#menu ul {
         margin:0;
         padding:0;
         list-style:none;
         height:26px;
         overflow:hidden;
         }
#menu li {
         font-size:0.8em;
         margin:0;
         padding:0;
         float:left;
                  }
#menu a  {
         display:block;
         width:120px;
         line-height:30px;
         text-decoration:none;
         text-align:center;
         color:#ffffff;
         background:#005087 url(rollover.png)
         no-repeat left top;
         border-right: solid 1px #ffffff;

         }
#menu a:hover {
         color:#ffffff;
         background: #017acd url(rollover.png)
         no-repeat left bottom;
         }
table {
	margin: 0px;
}

caption {
	color: #555555;
}

.design1 {
	margin-top:10px;
	width: 750px;
        table-layout:auto;
        border-collapse: collapse;
	border: 3px solid #008855;
}

.design1 th {
	color: #ffffff;
	background-color: #008855;
}

.design1 td {
	padding: 6px;
	border: 1px solid #008855;
	}

.design2 {
	width: 490px;
        table-layout:fixed;
	margin-top:20px;
        border-collapse: collapse;
	border: 3px solid #ee4400;
}

.design2 th {
	color: #ffffff;
	background-color: #ee4400;
}

.design2 td {
	padding: 6px;
	border: 1px solid #ee4400;
	}

.design3 {
	width: 490px;
        table-layout:auto;
	margin-top:20px;
        border-collapse: collapse;
	border: none;
        font-size:0.9em;
        
}

.design3 th {
	color: #ffffff;
	background-color: #ee4400;
        border: none;
}

.design3 td {
	padding: 6px;
	border: none;
	}

.design4 {
	width: 450px;
        margin-left:20px;
        table-layout:auto;
        border-collapse: collapse;
	border: 1px solid #ee4400;
        font-size:0.8em;   
}

.design4 th {
	color: #ffffff;
	background-color: #ee4400;
        border: none;
}

.design4 td {
	padding: 6px;
	border: 1px solid #ee4400;
	}

/* right sidebar */
div#sidebar-right	{
        width: 240px;
        float: right
        }
div#sidebar-right p.bunner  {
        display:block;
        margin-top:0px;
        margin-right:auto;
        margin-bottom:10px;}

p.bunner a:hover{background-position:left bottom}
p.bunner img{border:none}

.info	{border: solid 1px #84c2ff;
	margin-top:20px;
        margin-bottom: 20px}

div#sidebar-right h2	{background-color: #c6e3ff;
	border-bottom: solid 1px #84c2ff;
	color: #3c5916;
	font-size: 0.75em;
	text-align: center;
	padding: 5px;
	margin-top: 0;
	margin-bottom: 3px}

div#sidebar-right p	{font-size: 0.75em;
	margin: 0px 5px;
         line-height:170%;}

div#sidebar-right ul	{font-size: 0.75em;
	margin: 5px;
	padding: 0}

div#sidebar-right ul li 	{background-image: url(maru-green.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 13px;
	list-style-type: none}

/* footer */
div#footer	{
        background-image: url(img/line-blue.png);
	background-repeat: repeat-x;
        background-position:0 17px;
	width: 960px;
	margin-top: 10px;
	padding-top: 8px;
	clear: both;}

address	{font-size: 0.7em;
	font-style: normal;
	text-align: center;
        margin-top:15px;}

div#container .floatclear	{
       clear:both;
       display:block;}