@import "css/tables.css";
@import "css/commonstyles.css";

*{ margin: 0;padding: 0;font-weight: 300;}

a {font-weight: 700;text-decoration: none;}
a:link,a:visited{color: #333;text-decoration: underline;}
a:hover{text-decoration: none;color: #666;}

body{background: rgb(255, 255, 255);font-family: 'HiraKakuProN-W6', 'Hiragino Kaku Gothic ProN'; font-size: 15px;font-weight: 300; line-height: 24px;color: #333;-webkit-text-size-adjust:none;}

#page{margin: 0px auto; overflow: hidden; position: relative; word-wrap: break-word;  background: rgb(255, 255, 255); text-align: left; width: 700px;}

#nav{ margin: 42px auto 0; opacity: 1.00; position: relative; width: 630px; z-index: 1;font-family: Arial, sans-serif;font-size: 1em;color: #666;line-height: 30px;text-align: center;border-bottom: 1px #000 solid;padding-bottom: 10px;}

#nav ul {list-style: none;margin: 0px;padding: 0px; }
#nav li {list-style-type: none;display: inline;padding: 0px 10px 0px 10px;font-weight: 600;}
#nav li a {text-decoration: none;color: #666;}
#nav li a:visited { none;color: #666;}
#nav li a:hover{ color: #333;}

#head{ margin-left: 0px; position: relative; width: 700px; z-index: 10;text-align: center; color: rgb(167, 167, 167);margin-top: 20px;}
#head .txt{ font-size: 18px; font-stretch: normal; font-style: normal; font-weight: 400; line-height: 27px;}
#head .ttl{ font-size: 36px; font-stretch: normal; font-style: normal; font-weight: 600; line-height: 54px;}

#head-img{width: 100%; background: url(img/header.jpg) top center no-repeat;overflow: hidden;height: 120px;}

#style{padding: 10px;}
#style1{float: right; width: 440px; z-index: 1; }
#main,.menubox{margin: 5px 3px 20px;line-height: 170%;}
#main.list span{margin-right: 5px;}

#main ul,#main ol{overflow: visible;margin-left: 20px;}

#main.list ul li,#style2 ul li{overflow: hidden; list-style-type: none;}

#main.sitemap a{font-weight: 300;}

#style1 dl dt{font-size: 0.95em;}

#style1 dl dd{font-size: 0.9em;}

#style1 dl dd.more{font-size: 0.8em;font-weight: bold;text-align: right;border-bottom: 1px #ccc solid;margin-bottom: 5px;}

#style2{float: left;width: 210px; z-index: 1; font-size: 0.8em;}
#style2 ul li{margin-bottom: 3px;}

#foot{clear: both; padding: 20px 0;text-align: center;}

#foot .menu{margin-bottom: 10px;font-size: 0.9em;}
#foot .menu span{margin: 0 5px;}

h1,h2,h3,h4,h5,h6{
	clear: both;
	font-weight: 400;
	line-height: 130%;
	padding: 0;
	margin: 0;
	color: #999;
}
h1,h2,h3{font-size: 1.4em;}
h4{font-size: 1.3em;}
h5{font-size: 1.2em;}
h6{font-size: 1.1em;}

strong{font-weight: 700;}

.break{text-align: right;font-size: 0.8em;font-weight: blod;}

.break a{font-weight: normal;text-decoration: none;}

#relNavigate{text-align:center;}

.FloatEnd {clear: both;margin: 0;padding: 0;width: 0;height: 0;}
.txt-img img{margin:0 8px 8px 8px;}

.user1,.user2,.user3,.user4,.user5,.user6{
font-size: 12px;
line-height: 130%;
padding: 12px 12px 12px 100px;
margin: 10px 0;
background-repeat: no-repeat;
background-position: 12px 12px;
background-color: #EFF4FA;
border: 1px solid #C5D7ED;
min-height: 70px;
_height:70px;
_zoom: 1;
overflow: hidden;
}
.user1{background-image: url(img/userm_1.png);}
.user2{background-image: url(img/userf_1.png);}
.user3{background-image: url(img/userm_2.png);}
.user4{background-image: url(img/userm_3.png);}
.user5{background-image: url(img/userf_2.png);}
.user6{background-image: url(img/userf_3.png);}



.Body {
    color: rgb(88, 77, 77);
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    opacity: 1.00;
    padding: 0;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}

.rank1,.rank2,.rank3,.rank4,.rank5,.point1,.point2,.point3,.point4,.point5 ,.point6 ,.point7 ,.point8 ,.point9 ,.point10 {height: auto;}

#head-img{width: 100%; background-image: none;height: auto;}
#head-img img{width: 100%;max-width: 700px;}
img{max-width:100%;height:auto;width:auto;}

@media screen and (max-width:700px){
body{}
#page{margin: 0; width: 100%;}
#style{padding: 10px 20px;}
#nav{display: none;}
#head{ width: 100%;margin-top: 10px;}
#head .txt{ font-size: 15px; line-height: 1.5;}
#head .ttl{ font-size: 24px; line-height: 1.5;}
.Body{font-size: 13px;}
#main.list ul{margin-left: 0;}
#style1,#style2{float: none;width: 100%;}
#style2 ul {display: inline;}
#style2 ul li{float: left; margin: 0 10px 0 0;}
#style2 h4{clear: both;padding-top: 10px;}
}
@media screen and (max-width:480px){
body{}
#head .txt{ font-size: 13px; line-height: 1.4;}
#head .ttl{ font-size: 20px; line-height: 1.4;}
#foot{padding: 10px 0;}
.Body{font-size: 12px;}
#style{padding-bottom: 0;}
}