body  { font-size: 80%; text-align: center; margin: 10px 0 0; padding: 10px 0 0 }
#container   { text-align: left; margin: 0 auto; width: 785px; border: solid 0 }
#header       {
	background-image: url(image/header-gradation.gif);
	background-repeat: repeat-x;
	height: 55px;
	border-bottom: 1px solid #d0d0d0
} 
#head-l         {
	margin-top: 10px;
	width: 305px;
	float: left
} 
#head-c       {
	margin-top: 5px;
	width: 200px;
	height: 40px;
	float: left;
	padding-top: 3px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 16px;
	color: #666666;
	bottom: 20px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: silver;
	letter-spacing: 1px;
}
 #head-r      {
	margin-top: 5px;
	width: 240px;
	float: left;
	height: 40px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #666666;
	padding-top: 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: silver;
	padding-left: 10px;
} 
#head-under-photo          {
	width: auto;
	height: auto;
	float: left;
	padding-left: 30px;
	padding-top: 10px;
}
#head-under-r          {
	font-weight: lighter;
	width: 450px;
	height: auto;
	float: right;
} 
#head-underbox          {
	background-image: url("image/header-underback.gif");
	margin-top: 5px;
	padding-top: 7px;
	height: 220px;
	border-style: solid none;
	border-width: 1px 0;
	border-color: silver;
} 
#header p { padding: 0 0 1em 20px }
#box    { width: 785px }

.contents-top01    {
	color: #FFFFFF;
	font-size: 150%;
	font-family: Osaka;
	border-bottom: 1px solid #acbbc0;
	height: 50px;
}

.contents-top    { color: #214a57; font-size: 150%; font-family: Osaka; background-image: url("image/contents-top-gradation.gif"); text-align: left; text-indent: 20px; letter-spacing: 1px; padding-top: 3px; padding-bottom: 1px; border-bottom: 1px solid #acbbc0 }
#sidebar   { margin-top: 5px; width: 170px; height: auto; float: left }
#menu-under     { color: #56747d; text-align: left; margin-top: 10px; margin-right: 3px; padding-top: 5px; padding-left: 5px; width: 155px; height: 130px; border: solid 5px #e1e1e1 }
.sidebar-title { color: #3c575f; background-image: url("image/side-gradation.gif"); text-align: center; letter-spacing: 7px; padding: 5px 0; border: solid 1px #acbbc0 }
.sidebar-title-t {
	height: 30px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	text-align: center;
}
.sidebar-title-a { color: white; background-color: #2d97d3; text-align: center; padding: 5px 0; border: solid 1px #acbbc0 }
.sidebar-title-b { color: white; background-color: #78b40a; text-align: center; padding: 5px 0; border: solid 1px #acbbc0 }
.sidebar-title-c  { color: white; background-color: #c5902d; text-align: center; padding: 5px 0; border: solid 1px #acbbc0 }
.sidebar-title-d { color: white; background-color: #f0960c; text-align: center; padding: 5px 0; border: solid 1px #acbbc0 }
.sidebar .menu  { list-style-type: none }
.sidebar .menu li     { background-image: url("image/side-gradation.gif"); background-attachment: fixed; border-style: solid; border-width: 0 1px 1px; border-color: #acbbc0 }
.sidebar ul  { list-style-type: none; margin: 0; padding: 0 }
.sidebar ul li { margin: 0; padding: 5px }
.sidebar p{ line-height: 1.5; margin: 0; padding: 0 }

h1    {
	color: #3c575f;
	font-size: 190%;
	font-weight: lighter;
	padding-top: 10px;
	margin: 0;
}
h2   {
	color: #3c575f;
	font-size: 100%;
	font-weight: lighter;
	line-height: 17pt;
	margin: 5px 0 0
}
h3  { color: gray; font-size: 130%; font-weight: lighter; line-height: 15pt; margin: 0; padding-top: 5px }

p{
	margin: 0px 0px 1em 0px;
	line-height: 1.5;
	text-align: left;
	margin-left: 10px;
}
p2{margin: 0px 0px 1em 0px;padding: 0px 0px 0px 0px;line-height: 1.5;}
#footer      { text-align: center; margin: 5px 0 0; padding: 5px 0 0; width: 100%; clear: both }
#footer p { margin: 0; padding: 0 }
#footer #csslink  { font-size: 10px; font-weight: normal; text-align: right; padding-right: 1em }
#footer #csslink a { color: #000000; background-color: transparent }
a:link  { color: #284f5e; text-decoration: none }
a:hover    { color: orange }
a:visited { color: #284f5e; text-decoration: none }
#mainbox       {
	margin-top: 5px;
	width: 600px;
	float: right;
	border: solid 1px #acbbc0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.imagebox100  { margin: 5px 0 5px 13px; width: 100px; height: 100px; float: left }
.imagebox180  { background-color: #f5f5f5; text-align: center; margin: 5px 0 5px 13px; width: 180px; height: 180px; float: left; border: solid 1px black }
.image-title   {
	color: #336b7d;
	font-size: 120%;
	font-family: Osaka;
	font-weight: 200;
	text-align: left;
	width: 550px;
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#sub-box       { margin: 3px 0 0 10px; width: 570px; height: 110px }
#photo-box-left    { margin: 1px 1px 1px 50px; float: left }
#text-box    { margin: 1px 1px 1px 40px; padding-top: 2px; float: left; clear: none }
#photo-box-right          { padding-top: 10px; padding-right: 20px; float: right }
#text-box-left        { padding-top: 20px; padding-left: 20px; float: left }
#sub2-box         { margin: 0 0 0 20px; width: 580px; height: 170px }
#sub3-box           { margin: 0 0 0 20px; width: 580px; height: 70px }
.attention   {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	width: 600px;
	float: right;
	padding-top: 10px;
	font-weight: 200;
	font-size: 100%;
}
h9   {
	color: #3c575f;
	font-size: 100%;
	font-weight: lighter;
	
	margin: 5px 0 0
}