@charset "utf-8";

/*===============================================*/
/*  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;}
a:visited {text-decoration:none;}
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: inside;
}

ol {
        list-style-type: decimal;
}

ol li {
        zoom: normal;
}

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 */


























html, body { 
  height: 100%; 
} 

body{
color:#333;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.5;
font-size: 90%;
text-align:center;
background:#EBEBEB url(../topimage2/top-bg2.jpg);
}

#allcontainer{
min-height: 100%;
height: auto !important;
height: 100%;  
width:950px; 
position: relative;
margin: 0 auto;
}

#screen {
background-image:url(../topimage2/top-bg1.gif);
width: 950px;
padding-bottom: 0px;
text-align:left;
}

#header{
width:950px;
background-image:url(../topimage2/top-logo1.png);
background-repeat:no-repeat;
background-position: left;
height:130px;
}


ul.headcontents{
width:480px;
height:37px;
margin:83px 20px 0px 0px;
_margin:83px 10px 0px 0px;
padding: 0px;
float:right;
}

.headcontents li{
float:left;
}

.headcontents li a{
display: block;
background-image:url(../topimage2/buttoms.png);
background-repeat: no-repeat;
text-indent: -9000px;
}
/* ヘッダーボタン群のロールオーバー編集ここから */
a#headcontents01{
width:162px;
height:37px;
background-position:0px 0px;
}

a#headcontents01:hover{
width:162px;
height:37px;
background-position:0px -37px;
}

a#headcontents01.selected, a#hedercontents01.selected:hover {
width:162px;
height:37px;
background-position:0px -37px;
}

a#headcontents02{
width:126px;
height:37px;
background-position:-162px 0px;
}

a#headcontents02:hover{
width:126px;
height:37px;
background-position:-162px -37px;
}

a#headcontents02.selected{
width:126px;
height:37px;
background-position:-162px -37px;
}

a#headcontents03{
width:102px;
height:37px;
background-position:-288px 0px;
}

a#headcontents03:hover{
width:102px;
height:37px;
background-position:-288px -37px;
}

a#headcontents03.selected{
width:102px;
height:37px;
background-position:-288px -37px;
}

a#headcontents04{
width:90px;
height:37px;
background-position:-390px 0px;
}

a#headcontents04:hover{
width:90px;
height:37px;
background-position:-390px -37px;
}

a#headcontents04.selected{
width:90px;
height:37px;
background-position:-390px -37px;
}

/* ヘッダーボタン群ここまで */


#wrapper{
width:940px;
margin:0 auto;
}

#menu-footer{
clear:both;
height:230px;
width:900px;
margin:0px auto;
padding:20px;
border-width:3px 0px 0px 0px;
border-color:#9B9B9B;
border-style:double;
}

#map{
width:400px;
height:210px;
float:left;
}

#footer-menu{
width:480px;
float:right;
margin-left:10px;
background:url(../topimage2/footer-manu-bg1.jpg);
}

ul.footercontents{
width:480px;
font-size:11px;
}

.footercontents li{
white-space:nowrap;
float:left;
height:32px;
line-height:32px;
text-indent:14px}

.footercontents li a{
display: block;
padding-left:1px;
padding-right:5px;
background:url(../topimage2/image1.gif) 5px 13px no-repeat;
}

.footercontents li a:hover{
color:#FF0000;
background:url(../topimage2/image2.gif) 5px 13px no-repeat;}





#logo {
float:left;
height:107px;
width:140px;
margin:10px 0px 0px 20px;
padding:0;
background:url(../topimage2/logo1.jpg) no-repeat;
text-indent:-9000px;
}

#copyright{
float:right;
width:300px;
height:12px;
margin-top:4px;
padding:0;
}

#coment{
float:left;
width:257px;
height:60px;
padding:40px 40px 0px 40px;
color:#FFFFFF;
font-size:12px;
line-height:20px
}


ul.contents-buttoms1{
width:760;
}