* {
 margin: 0;
 padding: 0;
 }
body {
 background-color: #e5e5e6;
 color: #3c3c5a;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 75%;
 position: relative;
 }
body a:link, body a:visited {
 color: #358;
 font-weight: bold;
 text-decoration: underline;
 }
body a:hover, body a:active {
 color: #ce1126;
 font-weight: bold;
 text-decoration: underline;
 }
h1 {
 background: url(images/menu_bg.gif) no-repeat;
 color: #584e80;
 font-size: 12px;
 height: 22px;
 line-height: 20px;
 margin-bottom: 0.15em;
 text-indent: 10px;
 }
h2 {
 background: url(images/h2.gif) no-repeat;
 border-bottom: 1px #583d80;
 color: #583d80;
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 0.5em;
 padding-left: 14px;
 text-indent: 0.5em;
}
h3 {
 background: url(images/h3.gif) no-repeat;
 border-bottom: 1px #583d80;
 color: #583d80;
 font-size: 100%;
 font-weight: bold;
 margin-bottom: 0.5em;
 padding-left: 13px;
 text-indent: 0.5em;
 }
h4 {
 background: url(images/h4.gif) no-repeat;
 color: #583d80;
 font-size: 100%;
 font-weight: bold;
 margin-bottom: 0.5em;
 padding-left: 12px;
 text-indent: 0.5em;
 }
img {
 border: none;
 }
input {
 font-size: 100%;
 }
li {
 margin-left: 1.5em;
 }
p {
 margin-bottom: 1em;
 text-align: justify;
 }
ul {
 margin-bottom: 0.7em;
}
ul.link li {
 list-style: url(images/btn_3.gif);
 margin-left: 20px;
 }
.orange {
 color: #ff7e13;
 }
#footer {
 background: #6b5294 url(images/footer_bg.gif) no-repeat;
 clear: both;
 height: 23px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 text-align: center;
 width: 804px;
 }
#footer p {
 color: white;
 font-weight: normal;
 position: relative;
 text-align: center;
 text-indent: 10px;
 top: 5px;
 }
#footer p a {
 color: white;
 font-weight: bold;
 }
#footer p a:hover, #footer p a:active {
 color: #ce1126;
 }
#head_fl {
 height: 212px;
 margin-left: auto;
 margin-right: auto;
 width: 804px;
 }
#header {
 background: url(images/head.gif) no-repeat;
 height: 90px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 width: 804px;
 }
#header .icon01 {
 height: 15px;
 left: 225px;
 position: absolute;
 top: 61px;
 width: 70px;
 }
#header .icon01 a {
 background: url(images/head_btn_2.gif) no-repeat;
 display: block;
 font-size: 0;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 height: 15px;
 line-height: 0;
 margin-left: 0px;
 text-indent: -99999px;
 width: 70px;
 }
#header .iconcn {
 height: 16px;
 left: 262px;
 position: absolute;
 top: 61px;
 width: 63px;
 }
#header .iconcn a {
 background: url(images/head_btn_cn.gif) no-repeat;
 display: block;
 font-size: 0;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 height: 16px;
 line-height: 0;
 margin-left: 0px;
 text-indent: -99999px;
 width: 63px; 
 }
#header .icontw {
 height: 16px;
 left: 329px;
 position: absolute;
 top: 61px;
 width: 62px;
 }
#header .icontw a {
 background: url(images/head_btn_tw.gif) no-repeat;
 display: block;
 font-size: 0;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 height: 16px;
 line-height: 0;
 margin-left: 0px;
 text-indent: -99999px;
 width: 62px;
 }
#header .iconko {
 height: 15px;
 left: 418px;
 position: absolute;
 top: 61px;
 width: 50px;
 }
#header .iconko a {
 background: url(images/head_btn_1.gif) no-repeat;
 display: block;
 font-size: 0;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 height: 15px;
 line-height: 0;
 margin-left: 0px;
 text-indent: -99999px;
 width: 50px;
 }
#header .icon02 {
 height: 16px;
 left: 472px;
 position: absolute;
 top: 61px;
 width: 260px;
 }
#header .icon02 a {
 background: url(images/head_btn_3.gif) no-repeat;
 display: block;
 font-size: 0;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 height: 16px;
 line-height: 0;
 text-indent: -99999px;
 width: 260px;
 }
#left {
 display: block;
 float: left;
 height: auto;
 position: relative;
 width: 164px;
 }
#logo {
 height: 61px;
 left: 10px;
 position: absolute;
 top: 19px;
 width: 207px;
 }
#main {
 display: block;
 float: left;
 height: auto;
 margin-left: 10px;
 width: 630px;
 }
#main hr {
 color: #6b5294;
 }
#main img {
 border: solid 1px silver;
 margin: 0px 5px 5px 5px;
 }
#main img[align="left"] {
 margin-bottom: 5px;
 margin-left: 0px;
 margin-right: 5px;
 }
#main img[align="right"] {
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 0px;
 }
#main ul {
 margin-top: 5px;
 }
#MainMenu, #UserMenu {
 height: auto;
 margin-left: 10px;
 width: 154px;
 }
#PhotoAlbum {
 background-color: white;
 color: #6b5295;
 margin-left: 10px;
 text-align: center;
 }
#PhotoAlbum .content {
 margin-bottom: 12px;
 }
#PhotoAlbum .title {
 background: url(images/photoalbum.gif) no-repeat;
 font-size: 0;
 height: 21px;
 line-height: 0;
 margin-bottom: 7px;
 margin-left: 0;
 margin-top: 3px;
 text-indent: -99999px;
 width: 154px;
 }
#Search {
 background: url(images/menu_dotline.gif) no-repeat;
 margin-bottom: 5px;
 margin-left: 10px;
 width: 154px;
 }
#Search .select {
 margin-top: 5px;
 text-align: left;
 width: 8em;
 }
#top_margin {
 height: 27px;
 position: relative;
 width: 100%;
 }
#wrapper {
 background: url(images/azumino_bg.gif) repeat-y;
 height: auto;
 margin: 0 auto;
 position: relative;
 width: 820px;
 }
.photol {
 float: left;
 margin: 0 5px 5px 0;
 text-align: center;
 vertical-align: text-top;
 }
.photor {
 float: right;
 margin: 0 0 5px 5px;
 text-align: center;
 vertical-align: text-top;
 }
.photor img, .photol img {
 margin: 0 0 5px 0;
 }