@charset "UTF-8";

/* base
------------------------------ */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.3;
   letter-spacing:1px;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-size:80%;
   color:#000;
   background:#937245;
}

br {
   letter-spacing:normal;
}

a {
   color:#d1d1d1;
   text-decoration:none;
}

a:hover {
   color:#666;
}

a:hover img {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity: 0.5;
}


a:line {
   color:#666 url ("images/bg_footmenu.gif") 0 0 repeat;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* set up
------------------------------ */
#top {
   width:780px;
   margin:0 auto;
}

#contents {
   float:left;
   width:780px;
}

#side {
   float:left;
   width:220px;
   background:#000;
   padding:10px 0;
}

#main {
   float:right;
   width:540px;
   padding:10px 0;
}

#footer {
   width:540px;
   margin-left:240px;
}


/* side
------------------------------ */
#side h1 {
   margin:0;
   font-size:24px;
}

#side h1 a {
   color:#fff;
}

#side h1 a:hover {
   color:#ddd;
}

#side div.section {
   margin:10px 10px;
}


/* menu
------------------------------ */
#menu ul {
   margin:0 auto;
   padding:10px 0;
}

#menu li {
   color:#937245;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:220px;
   color:#f1f1f1;
   line-height:60px;
}

#menu li a:hover {
   color:#f1f1f1;
   background:#2d2d2d url("../images/bg_menu.gif") 0 0 repeat;
}


/* main
------------------------------ */
#main h1 {
   margin:0;
   font-size:90%;
}

#main #pr p {
   margin:0;
   padding:5px 0;
}

#main #icatch {
   margin-bottom:10px;
}

#main a {
   color:#d1d1d1;
}

#main a:hover {
   color:#f1f1f1;
   text-decoration:underline;
}

#main h2 {
   margin-bottom:8px;
   padding:0 0 0 10px;
   font-size:15px;
   font-weight:bold;
   color:#fff;
   line-height:35px;
   background:#000;
}

#main h3 {
   clear:both;
   margin:20px 0 8px 0;
   padding:0 0 0 5px;
   font-size:14px;
   border-left:5px solid #333;
}

#main h4 {
   padding:5px 5px;
   margin-bottom:5px;
   font-size:14px;
   border-bottom:2px solid #f1f1f1;
}

#main h5 {
   margin-bottom:2px;
   padding:5px 5px;
   font-size:14px;
   background:#a28e73;
   border-left:5px solid #000;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
   border-bottom:2px solid #3e3e3e;
}

#main h7 {
   margin-bottom:8px;
   padding:5px 5px 5px 10px;
   font-size:12px;
   font-weight:bold;
   color:#fff;
   line-height:35px;
   border:1px solid #dfbfa0;
   background:#937245;
}

#main h8 {
   margin-bottom:8px;
   padding:0 0 0 10px;
   font-size:15px;
   font-weight:bold;
   color:#fff;
   line-height:35px;
   background:#333;
}

#main p {
   margin:0 0 1em 0;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   color:#ddd;
   background:#181818;
}


/* info
------------------------------ */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
   color:#000;
}

#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   color:#000;
   background:transparent;
}

#main dl.information2 dt {
   float:left;
   margin:0;
   padding:0;
   color:#fff;
}

#main dl.information2 dd {
   margin:0 0 0.5em 10em;
   padding:0;
   color:#fff;
   background:transparent;
}

#main table {
   width:100%;
   border-collapse: collapse;
}

#main table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
   background:#a28e73;
}

#main table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
}


/* top
------------------------------ */
#pageTop {
   padding:10px 0;
   text-align:right;
   font-size:11px;
}

#pageTop a{
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 60% no-repeat;
}


/* pankuzu
------------------------------ */

#main #topic-path {
	margin-bottom: 6px;
}

#main #topic-path a {
	background-image: url(../images/path.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	margin-left: 5px;
}

#main #topic-path strong {
	margin-left: 5px;
}


/* footer
------------------------------ */
#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:right;
   border-top:1px solid #b4b4b4;
}

#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   background: url("../images/bg_footmenu.gif") 0 50% no-repeat;
}


/* copyright
------------------------------ */
.copyright {
   padding:10px 0;
   font-size:11px;
   color:#b4b4b4;
   font-style:normal;
   text-align:center;
}


/* photo
------------------------------ */
.photo {
   width:726px;
   margin-left:-20px;
   margin-bottom:50px;

   font-size:13px;
   line-height:1.4;
}


.photo {
   ⁄zoom:1;
}

.photo:after {
   content:'';
   display:block;
   clear:both;
}


.photo h2 {
   margin:0 0 1em 0;
   padding:10px;
   font-size:13px;
   font-weight:bold;
   background:#ccc;

}


.photo p {
   overflow:hidden;
   /zoom:1;
   margin:1em 10px;

}

.photo img {
   margin:0 10px;
   border:3px solid #000;
}

.photoInner {
   display:inline; /* for IE6 */
   width:540px;
   float:left;
   margin-left:20px;
   border:0px solid #ccc;
}


