@charset "Shift_JIS";

@import "./common.css";

.clear2{
clear:both;
overflow:hidden;
width:1px;
height:1px;
margin:0 -1px -1px 0;
border:0;
padding:0;
font-size:0;
line-height:0;
}

hr {
display:none;
}

/* ---Main Contents--- */
div#contents_in .category{
margin:0 0 17px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px #CCCCCC;
}

div#contents_in .category2{
margin:40px 0 17px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px #CCCCCC;
}

div#contents_in .category3{
margin:40px 0 12px 0;
padding:0;
}

div#contents_in .text{
margin:0;
padding:0;
font-size:12px;
line-height:20px;
}

/* ---Concept--- */

div#contents_in h1,
div#contents_in h2{
margin:0 0 18px 0;
padding:0;
}

.small{
font-size:10px;
}

/* ---Topics--- */

.topics_left,
.topics_right{
width:260px;
height:250px;
background-image:url("img/topics_bg.jpg");
background-repeat:no-repeat;
margin:0;
padding:0;
}

.topics_left{ float:left; }
.topics_right{ float:right; }

.topics_in{ padding:10px; }

.topics_image{
margin:0 0 10px 0;
padding:0;
}

.topics_title{
height:12px;
margin:0 0 10px 0;
padding:0 0 0 17px;
background:url("img/mark.gif") 0 1px no-repeat;
}

.topics_txt{
margin:0 0 10px 0;
padding:0;
}

#offical_link{
width:111px;
height:10px;
margin:0;
padding:0;
float:right;
background:url("img/offcial_link.gif") 0 0 repeat-y;
}

#offical_link a{ background:url("img/offcial_link.gif") 0 0 repeat-y; width:111px; height:10px; display:block; float:right; }
#offical_link a:hover{ background:url("img/offcial_link.gif") 0 -10px repeat-y; float:right; }

#staff_link{
width:131px;
height:11px;
margin:0;
padding:0;
float:right;
background:url("img/staff_link.gif") 0 0 repeat-y;
}

#staff_link a{ background:url("img/staff_link.gif") 0 0 repeat-y; width:131px; height:11px; display:block; float:right; }
#staff_link a:hover{ background:url("img/staff_link.gif") 0 -11px repeat-y; float:right; }





/* ---Out Line--- */
div.out_line_bg{
width:525px;
height:215px;
background-image:url("img/outline_bg.jpg");
background-repeat:no-repeat;
margin:0;
padding:0;
border:solid 1px #D9D9D9;
}

div.out_line{
width:501px;
margin:12px 12px 0 12px
}

div.out_line .info{
width:220px;
float:left;
margin:5px 0 0 0;
padding:0;
clear:both;
}

div.out_line .info .left{
width:53px;
float:left;
margin:3px 0 15px 0;
padding:0;
}

div.out_line .info .text3{
line-height:18px;
width:163px;
float:right;
margin:0 0 15px 0;
padding:0;
}

div.out_line .map{
width:274px;
float:right;
margin:0 0 7px 0;
padding:0;
}