@charset "shift_jis";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#333;
   border-top:10px solid #0080B0;
   background:#fff url("../images/bg.gif") 50% 50% repeat-y fixed;
   text-align:center;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
}

p {
   margin:0 0 1em 0;
   padding:0;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}
a {
   color:#68903C;
   text-decoration:none;
}

a:hover {
   color:#ff8c00;
   text-decoration:none;
}

dl,ol,ul {
   margin:0 0 1em 0;
   padding:0;
}

li {
   margin:0 0 0 40px;
   padding:0;
}

.button_top a{
	display:block;
	color:#FFFFFF;
	font-size: 14px;
	background-color:#FF3333;
	border-top:1.5px solid #dedede;
	border-right:1.5px solid #333333;
	border-bottom:1.5px solid #333333;
	border-left:1.5px solid #dedede;
	text-decoration: none;
	font-weight: bold;
	width: 300px;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.3em;
}
.button_top a:hover{
color:#FF3333;
background-color:#ffffff;
border-top:1.5px solid #333333;
border-right:1.5px solid #dedede;
border-bottom:1.5px solid #dedede;
border-left:1.5px solid #333333;
text-decoretion:none;
position:relative;top:1px;left:1px;
}

/* ========TEMPLATE WIREFRAME======== */
#top {
   width:700px;
   margin:20px auto;
   padding:0 20px;
   border:1px solid #CECFCE;
   background:#fff;
   text-align:left;
}

#header {
   width:700px;
   position:relative;
}

#navi {
   position:absolute;
   top:20px;
   right:0;
}

#menu {
   float:left;
   width:100%;
   margin:5px 0;
   background:#333;
}

#contents {
   clear:both;
}

#pageTop {
   clear:both;
}

#footer {
   width:700px;
   clear:both;
   padding:10px 0;
}

#dan { width:700px; clear:both;}
#t_l { float: left; left: 0px; width: 340px; background-color:#f0f8ff}
#t_r { float: right; right: 0px; width: 340px; background-color:#fff8dc; }

#middle { width:700px; clear:both; margin-top:20px}
/* ========HEADER CUSTOMIZE======== */
#header h1 {
   padding:5px 0;
   margin:0px;
   font-weight:bold;
   font-size:24px;
}

#header h1 a {
   color:#333;
}

#header h1 a:hover {
   color:#92C45B;
}
#header p {
   margin:0;
   padding:10 20 2 20;
   border-bottom:1px solid #CECFCE;
}

#navi ul {
   list-style:none;
}

#navi li {
   float:left;
   margin:0 0 0 22px;
   padding:0 0 0 20px;
   font-size:11px;
}

#navi li.sitemap {
   background:url(../images/icon_sitemap.gif) 0 50% no-repeat;
}

#navi li.contact {
   background:url(../images/icon_contact.gif) 0 50% no-repeat;
}

#navi li.feed {
   background:url(../images/icon_feed.gif) 0 50% no-repeat;
}

#navi li a {
   border-bottom:1px solid #CECFCE;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   list-style:none;
   margin:0;
   padding:0;
}

#menu li {
   float:left;
   margin:0;
   padding:0;
}

#menu li a {
   display:block;
   padding:5px 5px;
   color:#fff;
}

#menu li a:hover {
   color:#fff;
   background-color:#68903C;
   border:none;
}

#menu .on {
   background-color:#68903C;
   color:#fff;
}


/* ========CONTENTS CUSTOMIZE======== */
#contents h2 {
   margin-bottom:10px;
   padding:10px 0;
   font-weight:bold;
   font-size:16px;
   border-bottom:2px solid #ddd;
}

#contents h3 {
   margin-bottom:5px;
   margin-top:20px;
   padding:2px 0 2px 10px;
   font-weight:bold;
   font-size:15px;
   line-height:1.2;
   border-left:5px solid #333;
}

#contents h4 {
   margin-bottom:2px;
   font-weight:bold;
   font-size:14px;
   border-bottom:2px solid #666;
}

#contents h5 {
   margin-bottom:2px;
   padding:2px 5px;
   font-weight:bold;
   font-size:13px;
   background:#ececec;
}

#contents h6 {
   font-weight:bold;
   font-size:13px;
}

#contents dl {
   margin:0;
   padding:0;
}

#contents dt {
   text-decoration:underline;
}

#contents dd {
   margin:0 0 1em 1em;
}

#contents table {
   border-collapse: collapse;
}

.td_b3 {
   border:3px dotted #666666;
}

.td_01 a {
	display: block;
	width: 126px;
	height: 26px;
	background: url(../images/de_b_01.png) no-repeat 0 0;
}

.td_01 a:hover {
	background-position: 0 bottom;

}

#contents table th {
   padding:5px;
   font-size:12px;
   border:1px solid #ddd;
   background:#cfcfcf;
}

#contents table td {
   padding:5px;
   font-size:12px;
   border:1px solid #ddd;
}

/* Polaroid style photo */
#contents div.pola {
   float:left;
   clear:both;
   width:222px;
   margin-right:10px;
   padding-bottom:16px;
   background:url(../images/bg_pola.gif) no-repeat 100% 100%;
}

#contents ul.pola {
   clear:both;
   letter-spacing:-0.4em;
   list-style:none;
}

#contents ul.pola li {
   display:inline-block;
   /display:inline;
   /zoom:1;
   vertical-align:top;
   width:222px;
   margin:0 10px 0 0;
   padding:0 0 16px 0;
   background:url(../images/bg_pola.gif) no-repeat 100% 100%;
   letter-spacing:1px;
}

#contents .pola img {
   padding:10px;
   border-top:1px solid #E7E7E7;
   border-left:1px solid #E7E7E7;
   border-right:1px solid #E7E7E7;
   vertical-align:bottom;
}

#contents .pola p {
   margin:0;
   padding:0 10px 10px 10px;
   line-height:1.2;
   border-left:1px solid #E7E7E7;
   border-right:1px solid #E7E7E7;
   border-bottom:1px solid #E7E7E7;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px 0;
   text-align:right;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 60% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   text-align:center;
   font-size:11px;
   font-style:normal;
   padding:20px 0;
   border-top:1px solid #CECFCE;
}

/***********************************************/
/* 微調整用                                    */
/***********************************************/
.hydding     { overflow:    hidden; }
.pad-all0    { padding:          0; }
.pad-all3    { padding:        3px; }
.pad-all6    { padding:        6px; }
.pad-all9    { padding:        9px; }
.pad-top3    { padding-top:    3px; }
.pad-top6    { padding-top:    6px; }
.pad-top9    { padding-top:    9px; }
.pad-left3   { padding-left:   3px; }
.pad-left6   { padding-left:   6px; }
.pad-left9   { padding-left:   9px; }
.pad-left15  { padding-left:  15px; }
.pad-right3  { padding-right:  3px; }
.pad-right6  { padding-right:  6px; }
.pad-right9  { padding-right:  9px; }
.pad-bottom3 { padding-bottom: 3px; }
.pad-bottom6 { padding-bottom: 6px; }
.pad-bottom9 { padding-bottom: 9px; }
.pad-l-r50  { padding-left: 50px; padding-right: 50px;}
.mgn-all0    { margin:           0; }
.mgn-all3    { margin:         3px; }
.mgn-all6    { margin:         6px; }
.mgn-all9    { margin:         9px; }
.mgn-top-1   { margin-top:    -1px; }
.mgn-top3    { margin-top:     3px; }
.mgn-top6    { margin-top:     6px; }
.mgn-top9    { margin-top:     9px; }
.mgn-top12   { margin-top:    12px; }
.mgn-left3   { margin-left:    3px; }
.mgn-left6   { margin-left:    6px; }
.mgn-left9   { margin-left:    9px; }
.mgn-left15  { margin-left:   15px; }
.mgn-left40  { margin-left:   40px; }
.mgn-left60  { margin-left:   60px; }
.mgn-left70  { margin-left:   70px; }
.mgn-left100  { margin-left:   100px; }
.mgn-leftA   { margin-left:   auto; }
.mgn-right3  { margin-right:   3px; }
.mgn-right6  { margin-right:   6px; }
.mgn-right9  { margin-right:   9px; }
.mgn-right40  { margin-right:   40px; }
.mgn-right60  { margin-right:   60px; }
.mgn-right100  { margin-right:   100px; }
.mgn-rightA  { margin-right:  auto; }
.mgn-bottom3 { margin-bottom:  3px; }
.mgn-bottom6 { margin-bottom:  6px; }
.mgn-bottom9 { margin-bottom:  9px; }
.height24    { height:        24px; }
.height40    { height:        40px; }
.height122   { height:       122px; }
.height116   { height:       116px; }
.width170    { width:        170px; }
.width210    { width:        210px; }
.width640    { width:        640px; }
.width680    { width:        680px; }
.width707    { width:        707px; }
.width720    { width:        720px; }
.width25p    { width:          25%; }
.width33p    { width:          33%; }
.width50p    { width:          50%; }
.width100p   { width:         100%; }
.lhigh160    { line-height:   160%; }
.content-left { padding-left: 20px; }
.v-w { writing-mode: tb-rl; }

/***********************************************/
/* その他修飾                                  */
/***********************************************/
.acenter    { text-align: center; }
.aright     { text-align: right;  }
.aleft      { text-align: left;   }
.vtop       { vertical-align: top;    }
.vmiddle    { vertical-align: middle; }
.vbottom    { vertical-align: bottom; }
.fright     { float: right; }
.fleft      { float: left;  }
.size40     { font-size:  40%; }
.size50     { font-size:  50%; }
.size60     { font-size:  60%; }
.size70     { font-size:  70%; }
.size80     { font-size:  80%; }
.size90     { font-size:  90%; }
.size100    { font-size: 100%; }
.size110    { font-size: 110%; }
.size120    { font-size: 120%; }
.size130    { font-size: 130%; }
.size140    { font-size: 140%; }
.size160    { font-size: 160%; }
.size180    { font-size: 180%; }
.size200    { font-size: 200%; }
.dnone      { display: none;   }
.dblock     { display: block;  }
.dinline    { display: inline; }
.bold       { font-weight: bold; }
.uline      { text-decoration: underline; }
.black      { color: black;   }
.red        { color: red;     }
.blue       { color: blue;    }
.green      { color: lime;    }
.aqua       { color: aqua;    }
.yellow     { color: yellow;  }
.purple     { color: fuchsia; }
.white      { color: white;   }
.gray       { color: gray;    }
.silver     { color: silver;  }
.orange     { color: orange;  }
.darkred    { color: maroon;  }
.darkblue   { color: navy;    }
.darkgreen  { color: green;   }
.darkaqua   { color: teal;    }
.darkyellow { color: olive;   }
.darkpurple { color: purple;  }
.bg_black       { background-color: black;   }
.bg_red         { background-color: red;     }
.bg_blue        { background-color: blue;    }
.bg_green       { background-color: lime;    }
.bg_aqua        { background-color: aqua;    }
.bg_yellow      { background-color: yellow;  }
.bg_purple      { background-color: fuchsia; }
.bg_white       { background-color: white;   }
.bg_gray        { background-color: gray;    }
.bg_silver      { background-color: #d0d0d0; }
.bg_orange      { background-color: orange;  }
.bg_darkred     { background-color: maroon;  }
.bg_darkblue    { background-color: navy;    }
.bg_darkgreen   { background-color: green;   }
.bg_darkaqua    { background-color: teal;    }
.bg_darkyellow  { background-color: olive;   }
.bg_darkpurple  { background-color: purple;  }
.border_none        { border: none;              }
.border_black       { border: solid 1px black;   }
.border_red         { border: solid 1px red;     }
.border_blue        { border: solid 1px blue;    }
.border_green       { border: solid 1px lime;    }
.border_aqua        { border: solid 1px aqua;    }
.border_yellow      { border: solid 1px yellow;  }
.border_purple      { border: solid 1px fuchsia; }
.border_white       { border: solid 1px white;   }
.border_gray        { border: solid 1px gray;    }
.border_silver      { border: solid 1px silver;  }
.border_orange      { border: solid 1px orange;  }
.border_darkred     { border: solid 1px maroon;  }
.border_darkblue    { border: solid 1px navy;    }
.border_darkgreen   { border: solid 1px green;   }
.border_darkaqua    { border: solid 1px teal;    }
.border_darkyellow  { border: solid 1px olive;   }
.border_darkpurple  { border: solid 1px purple;  }