@charset "utf-8";
/* CSS Document */

/*===============================================*/
/*  CSS for myselfArchiver                       */
/*  http://luvsic.net/                           */
/*  (c) Luvsic All Rights Reserved.              */
/*  written by Luvsic 2009,01-06                 */
/*                                               */
/*  77%  = 10px  |  124% = 16px  |  170% = 22px  */
/*  85%  = 11px  |  131% = 17px  |  177% = 23px  */
/*  93%  = 12px  |  139% = 18px  |  185% = 24px  */
/*  100% = 13px  |  147% = 19px  |  193% = 25px  */
/*  108% = 14px  |  154% = 20px  |  200% = 26px  */
/*  116% = 15px  |  162% = 21px  |               */
/*===============================================*/


/*
                Reset
-------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        outline: 0;
        border: none;
        font-size: 100%;
        font-style: normal;
        font-weight: normal;
        background: transparent;
        vertical-align: baseline;
}

html {
        height: 100%;
        overflow-y: scroll;
}

body {
        line-height: 1.6;
        font-size: 13px;
        *font-size: 81.25%;/*for IE6,IE7*/
        font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック" sans-serif;
}

h1,h2,h3,h4,h5,h6 {
        font-weight: normal;
        font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック" monospace;
}

a:link    {text-decoration:none; color:#77B048;}
a:visited {text-decoration:none; color:#999999;}
a:hover   {text-decoration:underline;}
a:active  {text-decoration:none;}
a:focus   {outline: 0;}








p {
        line-height: 2em;
}

strong, em {
        font-weight: bold;
}

blockquote p {
        padding: 0.5em;
}

blockquote p.cite{
        text-align: right;
        background-color: #f0f0e8;
}

blockquote, q {
        quotes: none;
}

q:before, q:after {
        content:'';
}

ins {
        text-decoration: none;
}

del {
        text-decoration: line-through;
}

img {
        vertical-align: bottom;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

caption, th {
        text-align: left;
}

ol, ul {
        list-style: none;
        list-style-position: outside;
}

ol {
        list-style-type: decimal;
}

ol li {
        zoom: normal;
		list-style-position: outside;
		list-style-type:none;
}

br {
        letter-spacing: 0;
}

input {
        vertical-align: middle;
}

input[type="text"], input[type="password"], textarea, select {
        border-width: 1px;
        border-style: solid;
        border-color: #c0c0c0;
        font-size: 93%;
        color: #333;
        background-color: #fff;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
        border-width: 1px;
        border-style: solid;
        border-color: #6ddeff;
        font-size: 93%;
        color: #333;
        background-color: #fff;
}

form label, button, input[type="button"], select {
        cursor: pointer;
}  

optgroup {}

pre {
        font-family: "MS Gothic", "ＭＳ ゴシック", "Osaka-Mono", "Osaka－等幅", arial, 'Lucida Grande', monospace;
        line-height: 1.4;
        letter-spacing: 0;
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: pre-wrap;      /* CSS3 */
        word-wrap: break-word;      /* IE 5.5+ */
}

hr {
        margin: 0;
        padding: 0;
        border: 0;
        color: #000;
        background-color: #000;
        height: 1px;
}  

/*
        CSS Tricks
-------------------------------*/

/* 簡易ロールオーバー */
a:hover.rollover img {

        opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
        filter: alpha(opacity=75); /* IE lt 8 */
        -ms-filter: "alpha(opacity=75)"; /* IE 8 */
        -khtml-opacity: .75; /* Safari 1.x */
        -moz-opacity: .75; /* FF lt 1.5, Netscape */
        }

/* new clearfix */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*-----------------------------------------------------------------------------------------------------------------------------------*/



.ie6{
width:100%;
text-align:center;
margin-top:10px;
}

#contents_wrapper{
width:770px;
text-align:left;
margin:0 auto;
position:relative;}

#header-wrapper{
	width:100%;
	height:194px;
	margin-bottom:20px;
}

#header{
width:100%;
background:url(../topimage/logo.jpg) no-repeat;
height:100px;
text-indent:-9000px;}



ul#header_menu1{
	width: 770px;
	line-height:1;
}

#header_menu1 li {
float:left;
margin-bottom:2px;
_margin-bottom:1px;
height:30px;
}

#header_menu1 a{
float:left;
margin-bottom:2px;
_margin-bottom:1px;
height:30px;
text-indent:-9000px;
display:block;
}

#manu1 a, #manu2 a, #manu3 a, #manu4 a, #manu5 a, #manu6 a, #manu7 a, #manu8 a, #manu9 a, #manu10 a, #manu11 a, #manu12 a, #manu13 a{
background:url(../topimage/buttons.jpg) no-repeat;
}

#manu1 a, #manu2 a, #manu3 a, #manu5 a, #manu6 a, #manu7 a, #manu9 a, #manu10 a, #manu11 a, #manu12 a{
margin-right:2px;
_margin-right:1px;
}



#manu1 a{width:191px; background-position: 0 0; }
#manu2 a{width:191px; background-position: -191px 0;}
#manu3 a{width:191px; background-position: -382px 0;}
#manu4 a{width:191px; background-position: -573px 0}
#manu5 a{width:191px; background-position: -764px 0;}
#manu6 a{width:191px; background-position: -955px 0;}
#manu7 a{width:191px; background-position: -1146px 0;}
#manu8 a{width:191px; background-position: -1337px 0;}
#manu9 a{width:191px; background-position: -1528px 0;}
#manu10 a{width:191px; background-position: -1719px 0;}
#manu11 a{width:191px; background-position: -1910px 0;}
#manu12 a{width:94px; background-position: -2101px 0;}
#manu13 a{width:95px; background-position: -2195px 0}

#manu1 a:hover{background-position: 0 -30px;}
#manu2 a:hover{background-position: -191px -30px;}
#manu3 a:hover{background-position: -382px -30px;}
#manu4 a:hover{background-position: -573px -30px}
#manu5 a:hover{background-position: -764px -30px;}
#manu6 a:hover{background-position: -955px -30px;}
#manu7 a:hover{background-position: -1146px -30px;}
#manu8 a:hover{background-position: -1337px -30px}
#manu9 a:hover{background-position: -1528px -30px;}
#manu10 a:hover{background-position: -1719px -30px;}
#manu11 a:hover{background-position: -1910px -30px;}
#manu12 a:hover{background-position: -2101px -30px;}
#manu13 a:hover{background-position: -2195px -30px;}










#footer_wrapper{
width:770px;
height:150px;
margin:0 auto;
margin-top:20px;
_margin-top:0;
position:relative;
text-indent:-9000px;
}

ul.footer_menu{
width:730px;
margin:0 auto;}

.footer_menu li{
background:url(../topimage/image1.3.gif) no-repeat;
text-indent:8px;
float:left;
line-height:1.2;
border-right:#709768 solid 1px;
border-bottom:#709768 solid 1px;
padding:0 10 5 10px;
margin:5 1px;
white-space:nowrap;
font-size:0.80em;
}



#zenbutu_wrapper{
background:url(../topimage/image3.jpg) no-repeat;
width:770px;
height:50px;
position:absolute;
bottom:0;
left:0;
}

#zenbutu_link_wrapper{
width:370px;
float:right;}

ul.zenbutu_menu{
width:370px;
margin:0 auto;}

.zenbutu_menu li{
width:160px;
background:url(../topimage/image1.3.gif) no-repeat;
text-indent:8px;
float:left;
line-height:1.2;
border-right:#709768 solid 1px;
border-bottom:#709768 solid 1px;
padding:0 10 5 10px;
margin:10 1 5 1px;
white-space:nowrap;
font-size:0.80em;
}


#copy_right{
float:right;
width:450px;
font-size:0.9em;
line-height:1;
text-align:right;
white-space:nowrap;
position:absolute;
bottom:5px;
right:5px;
}