
body {background-color: #ffffff;}
 
a {color: #0066cc;}

a img {border: none;}
 
/* コンテナ */
div#container {
width: 1000px;
margin-left: auto;
margin-right: auto;}
 
/* ヘッダー */
div#header {
margin: 0px 0px 0px 0px;
height: 250px;
background-image: url(../img/bg.jpg);
background-position: left center;
background-repeat:repeat;}
 
div#header h1 {
margin: 14px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
font-size: 80%;
color: #666666;}
 
div#header h2 {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
font-size: 80%;
color: #666666;}

div#header p {
margin: 172px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
color: #666666;
font-size: 80%;}
 
div#header img {
float: left;
position: absolute;
top: 61px;}

div#header p.img {
float: right;
position: absolute;
margin: 34px 0px 0px -250px;}

/* パンくずリスト */
p#bread	{
font-size: 0.75em;
margin-top: 3px;
margin-bottom: 30px;}
 
 
/* メイン */
div#main {
width: 100%;
float: left;
margin-right: -186px;}
 
/* コンテンツ */
div#content {
width: 100%;
float: right;
margin-left: -210px;
margin-right: auto;
margin-bottom: 25px;}
 
div#content h3, div#content h4, div#content h5, div#content p{
margin-left: 230px;
margin-right: 186px;}

div#content ol {margin-left: 270px;}

div#content p.text {margin: -10px 0px 0px 240px;}

div#content h3 {
font-size: 100%;
color : #0066ff;
text-align : left;
letter-spacing : 1px;
padding-left : 0.5em;
line-height : 1.5em;
border-style: solid;
border-width:1px 1px;
border-color:#3300cc  #ffffff;}

div#content h4 {
font-size: 100%;
color : #006666;
margin-top: 30px;
background-color : white;
text-align : left;
letter-spacing : 1px;
padding-left : 0.5em;
line-height : 1.5em;
border-left-width : 1em;
border-left-style : double;
border-left-color : #66ccff;
border-bottom-width : 3px;
border-bottom-style : double;
border-bottom-color : #3399ff;}

div#content h5 {
background-color: #ffffff;
background-image: url(../img/maru-skyblue.png);
background-repeat: no-repeat;
background-position: 0px 2px;
font-size: 0.875em;
color : #0066cc;
line-height: 22px;
padding-left: 26px;
margin-top: 30px;
margin-bottom: 0;}
 
div#content p {
font-size: 90%;
color : #666666;
line-height: 1.6;
margin-top: 10px}
 
div#content ol li {
font-size: 0.75em;
color : #006633;
background-image: url(../img/maru-green.png);
background-repeat: no-repeat;
background-position: 0 6px;
padding-left: 13px;
list-style-type: none;
line-height: 1.5em;
margin-top: 10px;}

div#content ul {
list-style-type: none;
margin: -180px 0px 0px 520px;}

div#content img{
float:right;
margin: 15px 186px 0px 10px;}


/* サイドバー */
div#sidebar {
width: 210px;
float: left;
margin-bottom: 25px;}
 
div#sidebar h3 {
background-color: #ffccff;
border-bottom: solid 1px #ffccff;
color: #3c5916;
font-size: 0.75em;
text-align: center;
padding: 5px;
margin-top: 0;
margin-bottom: 3px;}

div#sidebar p {
font-size: 0.75em;
margin: 10px 5px;}
 
div#sidebar ul {
font-size: 0.75em;
margin: 5px;
padding: 0;}
 
div#sidebar ul li {
background-image: url(../img/maru-green.png);
background-repeat: no-repeat;
background-position: 0 6px;
padding-left: 13px;
list-style-type: none;}

div#sidebar ol {
font-size: 0.75em;
margin: 5px;
padding: 0;}
 
div#sidebar ol li {
background-image: url(../img/maru-green.png);
background-repeat: no-repeat;
background-position: 0 6px;
padding-left: 13px;
list-style-type: none;}

div.info {
border: solid 1px #ffccff;
margin-bottom: 20px;}

p.photo	{text-align: center;}


/* 右サイドバー */
div#sidebar-right {
width: 166px;
float: right;}
 
div#sidebar-right h3 {
display: block;
line-height: 30px;
color: #ffffff;
background-color: #cc0033;
padding-left: 10px;}

div#sidebar-right h4 {
display: block;
font-size: 80%;
line-height: 30px;
color: #ffffff;
background-color: #cc0033;
padding-left: 10px;}

div#sidebar-right ul {
font-size: 0.75em;
margin-top: 0;
margin-left: 0;
padding-left: 0;
line-height: 0;
background-color: #ffffff;}
 
div#sidebar-right li {
display: block;
line-height: 30px;
list-style-type: none;
background-color: #ffffff;
border-bottom: solid 1px #aacfff;
padding-left: 10px;}
 
div#sidebar-right a {
color: #0066cc;}

div#sidebar-right a:hover {background-color: #ccffff;}

div#sidebar-right p {
font-size: 90%;}

p.photo	{text-align: center;}


/* フッター */
div#footer {
background-image: url(../img/line-blue.png);
background-repeat: repeat-x;
width: 100%;
margin-top: 0;
padding-top: 8px;
clear: both;}
 
div#footer img {
margin-top: -100px;
padding: 0px 0px 0px 0px;
float: left;}

div#footer h3 {
font-size: 0.75em;
margin-top: 50px;
font-weight: normal;
text-align: right;}

div#footer a {
color: #666666;} 

