@charset "Shift_JIS";

/*- jpindex.css; --------------------------------*/

/*-------------------- margin reset --------------------*/

*{
        margin:0; 
        padding:0;
}

/*-------------------- element type --------------------*/

body {  
        margin: 0;
        padding: 0;
        color: #3A8374;
        font-family : "‚l‚r ‚oƒSƒVƒbƒN","HGŠÛºÞ¼¯¸M-PRO";
        background: #FFFFFF;
        text-align:center;
        margin-top:10px;
}

#wrapper { 
        width: 780px;
        color: #333333;
        background:#FFFFFF;
        margin-top:20px;
        margin-bottom:20px;
}


/*-------------------- head --------------------*/

#header-img{
        text-align:center;
}

/*-------------------- top menu--------------------*/

div#top-menu{
        width:780px;
        text-align:left;
        margin-top:-20px;
}

#top-menu ul,#top-menu li{
        list-style-type: none;
        margin-bottom:0px;
}

#top-menu li{
        float:right;
        border-top:1px solid #333333;
        border-right:1px solid #333333;
        border-bottom:1px solid #333333;
        font-size: 90%;
} 

#top-menu a,#top-menu a:link,#top-menu a:visited{
        text-decoration:none;
        color:#333333;
        background-color:transparent;
        width:100px;
        height:20px;
        text-align:center;
        padding:2px 0;
        display:block;
}

#top-menu a:hover{
        color:#FFFFFF;
        background-color:#006699;
}

#top-menu li.home1{
        border-left:1px solid #333333;
}

#top-menu li.home2{
        border-left:1px solid #333333;
        font-family : Arial,Vdrdana;
}


/*--------------------  index header--------------------*/

#index-header{
}

#index-header h1 {
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        line-height: 24px;
        background : #97D8FF;
        text-align : center;
        width:780px;
        letter-spacing:4px;
        font-family : Arial,Vdrdana;
}

/*-------------------- contents --------------------*/

div#contents{
        width:780px;
        border-top: 1px solid #a6a6a6;
}

/*-------------------- index-main--------------------*/

div#index-main{
        width:640px;
        float:right;
    /*    background:url(../image/fotolia_9832665.jpg); */
}        

#index-main p {
        color: #333333;
        font-size: 100%;
        line-height:150%;
        text-align:center;
        margin-top:10px;
        font-weight: bold;
}

/*-------------------- index-footer --------------------*/

div#index-footer{
        margin-top:10px;
        clear:both;
        width:780px;
        background : #97d8ff;
        font-style: italic;
        height:8px;	
        line-height:20px;
        font-family : Arial,Vdrdana;
        color: #0069B3;
        text-align:right;
        font-size: 80%;
}

/*-------------------- header No2--------------------*/

div#head2{
        margin-top:15px;
        width:780px;
        margin-bottom:0px;

}

#head2 p{
        float:left;
        margin:10px 30px 10px 50px;
        width:40px;
        height:123px;
}


#head2 h2 {
        color: #3A8374;
        margin:10px 20px 10px 20px;
        text-align:left;
        font-size: 100%;
        font-weight: bold;
        padding: 13px 14px;
}


/*-------------------- table --------------------*/

div#main-table{
        width:740px;
}     

#main-table table{
        color:#555555;
        border-collapse:collapse;
        border-color:#999999;
        margin-top:10px;
}

#main-table th{
        border:1px solid #666666;
        padding:3px;
        border-width:2px;
}

#main-table td.td1{
        width:200px;
        border:1px solid #666666;
        padding:5px 5px 5px 10px;
        border-width:1px;
        text-align:center;
}

#main-table td.td2{
        width:600px;
        border:1px solid #666666;
        padding:5px 5px 5px 10px;
        border-width:1px;
        font-size: 90%;
}

#main-table caption{
        font-weight:bold;
        color:#333333;
        border-left:solid 10px #FFFF59;
        text-align:left;
        padding:5px;

}

#main-table span{
        padding-left:10px;
        color:#333333;
        font-size:90%;
}

div#main-table2{
        width:740px;
        background:url(../image/jpinfo_g01.jpg);
        background-repeat:no-repeat;
        background-position:left bottom;
}     

#main-table2 table{
        border-collapse:collapse;
        border-color:#999999;
        margin-top:10px;
        color:#555555;
}


#main-table2 th{
        border:1px solid #666666;
        padding:3px;
        border-width:2px;
}

#main-table2 td.td1{
        width:140px;
        border:1px solid #666666;
        padding:5px 5px 5px 10px;
        border-width:1px;
        text-align:center;
}

#main-table2 td.td2{
        width:660px;
        border:1px solid #666666;
        padding:5px 5px 5px 10px;
        border-width:1px;
        font-size: 90%;
}

#main-table2 caption{
        font-weight:bold;
        color:#333333;
        border-left:solid 10px #FFFF59;
        text-align:left;
        padding:5px;
}

/*-------------------- cpinfo-header--------------------*/

#cpinfo-header{
}

#cpinfo-header h1 {
        width:780px;
        color: #8A8A8B;
        font-size: 110%;
        font-weight: bold;
        line-height: 24px;
        background : #FFFF59;
        text-align : center;
        letter-spacing:10px;
}


/*-------------------- cpinfo-footer --------------------*/

div#cpinfo-footer{
        clear: both;
        width: 780px;
        font-family: "Arial", Courier, monospace;
        font-size: 12px;
        color: #FFFFFF;
        text-align: center;
        height: 20px;
        background-color: #FFFF59;
        text-align:right;
        margin-top:5px;
}

#cpinfo-footer p{
        margin:0px;
        color: #8A8A8B;
        font-size: 100%;
        text-align:right;
        font-weight: normal;
        vertical-align:middle;
}

/*-------------------- cpinfo-back icon--------------------*/

div#back-icon{
        float:left;	
        font-size: 96%;
        color: #8A8A8B;
        font-weight: bold;
        font-family : "century",Arial,Vdrdana;
        vertical-align:middle;
        padding-left:3px;
}
	
#back-icon a,#back-icon a:link,#back-icon a:visited{
        text-decoration:none;
        color:#8A8A8B;
        background-color:transparent;
        text-align:center;
}

#back-icon a:hover{
        color:#8A8A8B;
}

/*-------------------- side menu--------------------*/

#side-menu {
        width:120px;
        height:auto;
        float:left;
}

#side-menu ul{
        list-style:none;
}

#side-menu li{
        list-style:none;
        list-style-position:outside;
        margin-bottom:5px;
        font-size: 84%;
}

#side-menu li a{
        display:block;
        width:120px;
        height:20px;
        padding:3px 10px;
        border-width:1px;
        border-style:solid;
}

#side-menu li a:link,#side-menu li a:visited{
        color:#000000;
        text-decoration:none;
        background-color:#EEEEEE;
        border-color:#CCCCCC;
}

#side-menu li a:hover,#side-menu li a:active{
        color:#000000;
        text-decoration:none;
        background-color:#A3EFA5;
        border-color:#99CC66;
}   

/*-------------------- privacy policy main--------------------*/

div#main{
        width:740px;
        color:#3A8374;
}        

#main h3 {
        color: #333333;
        margin-top:10px;
        margin-bottom:10px;
        padding:10px;
        font-size: 94%;
        font-weight: bold;
        text-align : left;
}

#main p {
        margin-top: 5px;
        color: #333333;
        font-size:84%;
        line-height:140%;
        font-weight: normal;
        text-align:justify;
}

/*-------------------- sight map header--------------------*/

#sight-map-header{
}

#sight-map-header h1 {
        color: #8A8A8B;
        font-size: 110%;
        font-weight: bold;
        line-height: 24px;
        background : #D8D8D8;
        text-align : center;
        width:780px;
        font-family : century,Arial,Vdrdana;
        letter-spacing:10px;
}

/*-------------------- sight map list--------------------*/

div#sight-map-menu{
        width:600px;
        text-align:left;
        margin-top:20px;
        margin-left:20px;
        margin-bottom:20px;
}

#sight-map-menu ul,#sight-map-menu li{
        list-style-type: none;
}

#sight-map-menu li.main{
        padding-top:10px;
        font-size: 100%;
        line-height:140%;
} 

#sight-map-menu li.detail{
        padding-left:20px;
        padding-top:10px;
        margin-top:4px;
        font-size: 90%;
        line-height:130%;
}


/*-------------------- sight map-footer --------------------*/

div#sight-map-footer{
        clear: both;
        width: 780px;
        font-family: "Arial", Courier, monospace;
        font-size: 12px;
        color: #FFFFFF;
        text-align: center;
        height: 20px;
        background-color: #D8D8D8;
        padding-top: 3px;
        text-align:right;
}

#sight-map-footer p{
        margin: 0px;
        color: #8A8A8B;
        font-size: 100%;
        font-weight: normal;

}


/*-------------------- sight map-back icon--------------------*/

div#sight-map-back-icon{
        float:left;	
        font-size: 100%;
        color: #8A8A8B;
        font-weight: bold;
        font-family: "Century", Courier, monospace;
        padding-left : 3px;
}
	
#sight-map-back-icon a,#sight-map-back-icon a:link,#sight-map-back-icon a:visited{
        text-decoration:none;
        color:#8A8A8B;
        background-color:transparent;
}

#sight-map-back-icon a:hover{
        color:#8A8A8B;
}