@import "styles-dev.css";

/* Custom Styles ---------------------------------------------------------- */

body{
color:#333;
font-size: 90%;
}

#header-menu{
width:100%;
}

#header-menu ul{
float:right;
margin-top:15px;
margin-right:20px;
margin-bottom:0px;
padding:0px;
list-style:none;
}

#header-menu li{
float:left;
margin-left:10px;
}

.side-title{
margin-left:5px;
margin-bottom:0px;

}

.side-box{
padding-top:10px;
margin-left:5px;
background:#fff url(common_img/bg_snavi_frame.jpg) repeat-y;
/*border:1px #ff0000 dashed;*/
}


.side-box ul{
margin-left:15px;
margin-right:15px;
list-style:none;
/*border:1px #ff0000 dashed;*/

}


.side-box li{
margin-bottom:10px;
padding-bottom:10px;
padding-left:15px;
background:#fff url(common_img/bg_snavi.jpg) no-repeat;
border-bottom: 1px #ccc dotted;
}

#section-main{
position:relative;
left:0px;
width:875px;
overflow:hidden;
margin-bottom:20px;

/*border:1px #ff0000 dashed;*/
}

h2.title-main{
margin:0px;
padding:0px;
}

.to-list{
text-align:right;
margin-right:15px;
}

.box-main{
width:220px;
overflow:hidden;
float:left;

}

.box-main ul{
list-style-image:url(common_img/img_arrow.jpg);
width:170px;
font-size:100%;
}

.box-main li{
padding-bottom:5px;
border-bottom:1px #ccc dashed;

}

.box-mobile{
width:185px;
float:left;
font-size:90%;
margin-top:20px;
margin-left:5px;
}

#footer-navi{
width:875px;
height:30px;
background-color:#d3e5f2;
}

#footer-navi ul{
float:right;
margin-right:30px;
margin-top:5px;
list-style-type:none;
font-size:11px;
background-color:#d3e5f2;
}

#footer-navi a{
color:#28308E;
}



#footer-navi li{
float:left;
margin-left:20px;
}

#owner-name{
font-weight:bold;
}

.section h3{
margin: 10px 0px 20px 0px;
}


.section p{
margin: 10px 20px 20px 20px;
line-height:180%;
text-indent:10px;
}

h4{
color:rgb(8,102,179);
font-size: 130%;
font-weight: bold;
margin-top:15px;
}

h5{  font-weight: bold;
margin-top:15px;
}

h6{  font-weight: bold;
margin-top:15px;
color:rgb(8,102,179);

}

.table-01
{
}

.table-marai{
  border: 15px #ffffff solid;
  border-collapse:collapse;
}

.table-marai td{
  border: 20px #ffffff solid;
  }

.table-02{
  border: 11px #ffffff solid;
  border-collapse:collapse;
}

.table-02 td{
  border: 11px #ffffff solid;
  }

.table-02{
  border: 11px #ffffff solid;
  border-collapse:collapse;
}


.table-03 {
height:240px;
}

.table-03 td{
 height:20px;  }


tr.blue td{
    background-color: rgb(207,241,252);
    border: 1px #ffffff solid;
}
tr.skyblue td{
    background-color: rgb(244,251,255);
    border: 1px #ffffff solid;
}

.separator{
border:1px #fff solid;
border-bottom:dotted 1px #ccc;
margin-top:35px;
margin-bottom:35px;
height:1px;
width:620px;

}

.separator-02{
border:1px #fff solid;
border-bottom:dotted 1px #ccc;
margin-top:20px;
margin-bottom:20px;
height:1px;
width:620px;

}


.section-box{
MARGIN-BOTTOM: 20px; 
MARGIN-LEFT: 20px; 
MARGIN-RIGHT: 20px;
}

.list-topics{
margin-left:0px;
}
 
.list-topics li{
 
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border-bottom:1px #ccc dotted;
list-style:none;
}
 
 
@media print {
#alpha{
float:right;
}

#beta{
float:left;
}

.table-01{
border:1px #666 solid;
border-collapse:collapse;
}

tr.blue td{
    background-color: rgb(207,241,252);
    border: 1px #666 solid;
}
tr.skyblue td{
    background-color: rgb(244,251,255);
    border: 1px #666 solid;
}

}

#section-bn-index{
clear:left;
}

#section-bn-index ul{
padding-right:10px;
}