/* CSS Document */
#header {
        position:relative;
	width:100%;
	height: 191px;
	margin: 0px;
	padding: 0px;
	background-position: 20px;
}
#rss {  
        color:#FFF;
	position: absolute;
	left: 85%;
	top: 5%;
        border:none;
}
#bnews ul,#mnews ul {
        clear:both;
        margin-top: 10px;
	margin-right: 10px;
	margin-left: auto;
	padding: 2px;
        width:85%;
        height:120px;
        overflow:auto;
        background-color:#FFFDDD;
        border-left:solid 5px #554444; 
}
#bnews li,#mnews li {
        list-style:none;
	padding: 2px;
        margin:0px;
}
img{
        border:none;
        padding:0px;
}
#ad {  
        color:#FFF;
	position: absolute;
	left: 80%;
	top: 35%;
}
#visual {  
      	position: absolute;
	left: 0;
	top: 0;
}
#submenu {
        width:100%;
        height:28px;
        margin-top:4px;
        margin-bottom:4px;
        padding:0px;
        border-top: solid 1px #999999;
        border-bottom: solid 1px #999999;
}
#submenu ul {
        width:600px;
        margin-top:2px;
        margin-bottom:2px;
        margin-left:auto;
        margin-right:auto;
        padding:0px;        
}
#submenu li {
        float:left;
        list-style:none;
        padding:0px;
        margin:0px;
}
#links a{
        width:259px;
        height:20px;
        margin-left:auto;
　　　　 margin-right:5px;
        float:left;
	display: block;
    	background-image: url(assets/images/link.gif);  
	background-repeat: no-repeat;
	background-position: left top;
}
#blog a{
        width:259px;
        height:20px;
        float:left;
        margin-left:5px;
　　　　 margin-right:auto;
	display: block;
    	background-image: url(assets/images/blog.gif);  
	background-repeat: no-repeat;
	background-position: left top;
}
#links a:hover,#blog a:hover{
	background-position: left -20px;
}
#content {
        width:100%;
 	margin-top: 0px;
        margin-left:auto;
        margin-right:auto;
	margin-bottom: 15px;
	padding: 0px;
        background-color:#CCCCCB;
}
#upround {
	background-image: url(assets/images/l-u.gif);
       	background-repeat: no-repeat;
	background-position: left top;
        background-color:#CCCCCB;
        width:100%;
        height:15px;
 	margin: 0px;
        padding:0px;
}
#downround {
	background-image: url(assets/images/l-d.gif);
       	background-repeat: no-repeat;
	background-position: left top;
        background-color:#CCCCCB;
        width:100%;
        height:15px;
 	margin: 0px;
        padding:0px;
}
#uparea {
       margin:0px;
       padding:10px; 
}
#video {
       float:left;
       margin-left:10px;
       margin-right:10px;
       padding:0px;
       width:340px;
       height:240px;
}
#att {
       height:100%;
       margin:0px;
       margin-left:365px;
       padding:0px;
       background-color:#DDDDDD;
}
#att-l {
       width:70%;
       float:left;
}
#att-r {
       width:28%;
       float:left;
       padding:5px;
}
#att::after {
      height:0px;
      visibility:hidden;
      content: ".";
      display:block;
      clear:both;

}
#att h2 {
        margin:0px;
        padding:3px;
        background-color:#FA7700;
	font-size:0.9em;
        font-style:bold;
        color:#FFFFDD;
        text-indent:10px;
        border-left:solid 5px #FFDC33; 
}
#att h3 {
        padding-left:10px;
	font-size:0.95em;
        font-style:bold;
        color:#2266AA;
}
#att p {
        padding:10px;
	font-size:0.8em;
        font-style:normal;
        color:#333333;
}
#gotop a{
        float:left;
	display: block;
    	background-image: url(assets/images/goto.gif);  
	background-repeat: no-repeat;
	background-position: left top;
        width:150px;
        height:19px;
　　　　 margin:0px;
        margin-bottom:5px;
        padding:0px;　
}
#gotop a:hover {
	background-position: left -19px;;
}
h1 {
	background-image: url(assets/images/head-back.gif);
	width:100%;
	padding: 0px;
	display: block;
	float: left;
	background-repeat: repeat;
	background-position: center top;
	text-align: center;
	margin: 0px;
}
h1 img {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#hleft {
	background-image: url(assets/images/head-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 191px;
	float: left;
	width: 15px;
}
#hright {
	background-image: url(assets/images/head-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 191px;
	float: right;
	width: 15px;
}
.news-d {
	font-size:0.8em;
        font-style:normal;
        color:#333333;
}
#bnews {
	margin: 0px;
	padding: 0px;
        float:left;
        width:49.9%;
        height:200px;
        background-color:#4d7568;
}
#bnews h3{
	margin-left: 5px;
	margin-top: 5px;
        margin-bottom:2px;
	background-image: url(assets/images/ttl-beg.gif);
	background-repeat: no-repeat;
	background-position: left top;
        text-indent:-9999px;
}
#mnews {
	margin: 0px;
        padding: 0px;
        float:right;
        width:49.9%;
        height:200px;
        background-color:#7a3962;
}
#mnews h3{
	margin-left: 5px;
	margin-top: 5px;
        margin-bottom:2px;
	background-image: url(assets/images/ttl-pro.gif);
	background-repeat: no-repeat;
	background-position: left top;
        text-indent:-9999px;
}