@charset "Shift_JIS";

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

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

*{
        margin:0;
        padding:0;
}

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

body { 
        margin: 0;
        padding: 0;
        color: #0069B3;
        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:10px;
        margin-bottom:10px;
}

p {
        margin-top: 10px;
        padding-left:10px;
        color: #333333;
        font-size:100%;
        line-height:110%;
        font-weight: normal;
        text-align:justify;
}


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

div.header-img{
        background-position:left;
}


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


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

#side-menu {
        width:120px;
        height:auto;
        float:left;       
        font-size:84%; 
}

#side-menu ul{
        list-style:none;
        margin-top:10px;
}

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

#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:#97d8ff;
        border-color:#99CC66;
}   


/*--------------------top page header No2--------------------*/

div#head2{
        width:780px;
        margin-bottom:10px;
}

#head2 h1 {
        color: #FFFFFF;
        font-size: 110%;
        font-weight: bold;
        line-height: 24px;
        background : #97d8ff;
        text-align : center;
        width:780px;
}

#head2 h2{
        float:right;
        width:186px;
        height:102px;
}

#head2 h3{
        float:left;

}

#head2 p {
       color: #0069B3;
        margin-left:50px;
        margin-right:100px;
        margin-top:12px;
        text-align:left;
        font-size: 90%;
        line-height:150%;
        font-weight: bold;
}


/*-------------------- top page contents --------------------*/

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

/*-------------------- xxxx--main-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:540px;
        border:1px solid #666666;
        padding:5px 5px 5px 10px;
        border-width:1px;
        font-size: 84%;
}

#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:84%;
}



/*-------------------- top page main--------------------*/

div#ox-top-main{
        width:640px;
        float:right;
}        

#ox-top-main a:link,#ox-top-main a:visited{
        color:#0069B3;
        text-decoration:none;
        border-color:#FFFFFF;
}

#ox-top-main a:hover,#ox-top-main a:active{
        color:#FFFFFF;
        text-decoration:none;
        background-color:#0069B3;
        border-color:#97D8FF;
}   

#ox-top-main p {
        margin: 10px 0px 10px 0px;
        color: #0069B3;
        font-size:90%;
        line-height:140%;
        font-weight: normal;
        text-align:justify;
        padding-left:20px;
}


#ox-top-main h3 {	
        margin-top:10px;
        color:#0069B3;
        border-left:5px solid #0069B3;
        border-right:5px solid #0069B3;
        border-top:1px solid #0069B3;
        border-bottom:1px solid #0069B3;
        padding:5px 0 5px 5px;
        font-size: 104%;
        line-height:120%;
        font-weight: bold;
        text-align : center;
}


#ox-top-main h4 {
        width: 640px;	
        color:#F592B6;
        padding:5px 0 5px 5px;
        font-size: 96%;
        line-height:120%;
        text-align : left;
        margin-top:10px;
}

#ox-top-main h5 {
        float:left;  
        padding-top:5px;
        width: 100px;       
}


#ox-top-main h6 {
        float:right;
        height:96px;  
        width: 540px;	
        color:#F592B6;
        padding:5px 0 5px 5px;
        font-size: 96%;
        line-height:120%;
        font-weight: bold;
        text-align : left;

}

/*-------------------- ox-top-footer --------------------*/

div#ox-top-footer{
        margin-top:10px;
        margin-bottom:10px;
        clear:both;
        width:780px;
        color: #FFF;
        font-style: italic;
        line-height: 6px;
        padding: 8px;
        background : #97D8FF;
        height:8px;	
        font-family : Arial,Vdrdana;
        text-align:right;
        font-size:80%;
}


/*-------------------- detail head2 --------------------*/

#detail-head2 h1 {
        color: #0069B3;
        font-size: 105%;
        font-weight: bold;
        line-height: 24px;
        background : #97d8ff;
        text-align : center;
        width:780px;
        letter-spacing:10px;
}

/*-------------------- detail-main--------------------*/

div#main{
        width:780px;
        float:right;
}        

#main p {
        margin: 10px 0px 10px 0px;
        color: #0069B3;
        font-size:90%;
        line-height:140%;
        font-weight: normal;
        text-align:justify;
}

#main h3 {
        color: #0069B3;
        background-color:#FFFFFF;
        border-left:5px solid #97d8ff;
        border-right:5px solid #97d8ff;
        border-top:1px solid #97d8ff;
        border-bottom:1px solid #97d8ff;
        padding:5px 0px 5px 10px;
        font-size: 100%;
        font-weight: bold;
        text-align : left;
}

/*-------------------- oxygen01--------------------*/

div#ox-detail1-main{
        width:740px;
        float:right;
}        

#ox-detail1-main h3 {
        color: #3A8374;
        background-color:#f3f3f3;
        border-left:15px solid #97d8ff;
        padding:5px 0 5px 10px;
        font-size: 105%;
        font-weight: bold;
        text-align : left;
        margin-top:10px;        
}

#ox-detail1-main p {
        margin: 10px 0px 10px 0px;
        color: #0069B3;
        font-size:90%;
        line-height:140%;
        font-weight: normal;
        text-align:justify;
        padding-left:20px;
}


/*-------------------- main-table2(oxygen3) --------------------*/

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

#main-table2 table{
        color:#0069B3;
        border-collapse:collapse;
        border-color:#97d8ff;
        margin-top:10px;
}


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

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

#main-table2 td.td2{
        width:370px;
        border-width:1px;
        font-size: 80%;
        line-height:100%;
        vertical-align:bottom;
}

#main-table2 caption{
        color: #0069B3;
        background-color:#FFFFFF;
        border-left:5px solid #97d8ff;
        border-right:5px solid #97d8ff;
        border-top:1px solid #97d8ff;
        border-bottom:1px solid #97d8ff;
        padding:5px 0 5px 10px;
        font-size: 100%;
        font-weight: bold;
        text-align : left;
}


#main-table2 span{
        color: #0069B3;
        font-size:80%;
}

#main-table2 p{
        width:370px;
        padding:5px 10px 5px 10px;
        border-width:1px;
        text-align:left;
        color: #0069B3;
        font-size: 80%;
        line-height:110%;
}

#main-table2 p.p1{
        font-size: 96%;
        line-height:110%;
        color: #97d8ff;
        font-weight: bold;
}


#main-table2 p.p2{
        font-size: 94%;
        line-height:110%;
        color: #0069B3;
}


/*-------------------- detail-main3(oxygen04)--------------------*/

div#main3{
        width:780px;
        margin-top:20px;        
}        

#main3 p {
        margin: 10px 0px 10px 0px;
        color: #333333;
        font-size:90%;
        line-height:150%;
        font-weight: normal;
        text-align:justify;
        padding-left:14px;
}

#main3 h2 {
        color: #3A8374;
        background-color:#f3f3f3;
        border-left:5px solid #333333;
        padding:5px 0 5px 10px;
        font-size: 100%;
        font-weight: bold;
        text-align : left;
}

#main3 h3 {
        color: #000000;
        padding:5px 0px 5px 0px;
        font-size: 100%;
        font-weight: bold;
        text-align : left;
}

/*-------------------- detail-main4(oxygen05)--------------------*/

div#main4{
        width:780px;
        margin-top:20px;        
}        

#main4 p {
        margin: 10px 0px 0px 0px;
        color: #333333;
        font-size:90%;
        line-height:150%;
        font-weight: normal;
        text-align:justify;
        padding-left:14px;
}

#main4 h2 {
        color: #0069BB;
        padding:10px 0px 10px 0px;
        font-size: 90%;
        font-weight: bold;
        text-align : left;
}

#main4 h3 {
        color: #F592B6;
        padding:5px 0px 5px 0px;
        font-size: 100%;
        font-weight: bold;
        text-align : right;
}

/*-------------------- detail-main5(oxygen06)--------------------*/

div#main5{
        width:780px;
        margin-top:20px;        
}        


#main5 a:link,#main5 a:visited{
        color:#F592B6;
        text-decoration:none;
        border-color:#FFFFFF;
}

#main5 a:hover,#main5 a:active{
        color:#FFFFFF;
        text-decoration:none;
        background-color:#F592B6;
        border-color:#FFFFFF;
}   


#main5 p {
        margin: 10px 0px 10px 0px;
        color: #F592B6;
        font-size:90%;
        line-height:140%;
        font-weight: normal;
        text-align:justify;
}



#main5 h2 {
        color: #0069BB;
        padding:10px 0px 10px 0px;
        font-size: 90%;
        font-weight: bold;
        text-align : left;
}


#main5 h3 {	
        width: 640px;
        color:#0069B3;
        border-left:10px solid #F592B6;
        border-right:10px solid #F592B6;
        border-top:1px solid #F592B6;
        border-bottom:1px solid #F592B6;
        padding:10px;
        font-size: 104%;
        line-height:120%;
        font-weight: bold;
        text-align : left;
        margin-top:10px;
        margin-bottom:10px;
}


/*-------------------- ox detail footer --------------------*/

div#ox-detail-footer{
        clear: both;
        width: 780px;
        font-family: "Arial", Courier, monospace;
        font-size: 12px;
        color: #0069BB;
        text-align: center;
        height: 20px;
        background-color: #97D8FF;
        padding-top: 3px;
        text-align:right;
}

#ox-detail-footer p{
        margin:0px;
        color: #0069BB;
        text-align:right;
        font-weight: normal;
        vertical-align:middle;
}

/*-------------------- ox detail back icon--------------------*/

div#ox-detail-back-icon{
        float:left;	
        font-size: 100%;
        color: #0069BB;
        font-weight: bold;
        background: #97D8FF;
        vertical-align:middle;
        font-family: "Century";
        padding-left:5px;
}

	
#ox-detail-back-icon a,#ox-detail-back-icon a:link,#ox-detail-back-icon a:visited{
        text-decoration:none;
        color:#0069BB;
        background-color:transparent;
}

#ox-detail-back-icon a:hover{
        color:#0069BB;
}