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


body{
background-color: #E2F5F9;
font-size: 12px;
-webkit-text-size-adjust:100%;



}

a:link{color: #000099;}
a:visited{color: #7926CC;}


table#wrap{
width: 801px;
border: 0;
padding: 15px;
background: none;
border: 0;
font-size: 17px;
}
td#side{
vertical-align: top;
background: none;
border: 0;
font-size: 17px;
}
td#main{
vertical-align: top;
text-align: left;
line-height: 150%;
background: none;
border: 0;
}

h1{
font-size: 42px;
font-weight: bold;
color: #FF7A0A;
margin-bottom: 20px;


}

#head{
background: url(img/header.jpg) center top no-repeat;
height: 270px;
margin: 0 auto 20px;
}

#main h2,#main h3{
padding-left: 5px;
font-size: 140%;
border-bottom: 3px dotted #ff6601;
}
#main h4{
padding-left: 5px;
font-size: 125%;
border-bottom: 3px dotted #ff9901;
}
#main h5,#main h6,#main dt{
padding-left: 5px;
font-size: 100%;
border-bottom: 3px dotted #ffcc00;
}
#main h6{border-bottom-width: 2px;}

#main dd{padding: 0;margin:0 5px 5px;}

#main .cate{
clear: both;
margin-bottom: 10px;
}
#main .cate .more{
text-align: right;
font-size: 90%;
}

#side h4{
clear: both;
display: block;
width: 247px;
height: 45px;
background: url(img/side-h4.png) no-repeat left top;
font-size: 15px;
text-align: center;
padding: 0 10px;
margin-bottom: 10px;
line-height: 35px;
}

#side ul{margin: 0 auto;padding: 0;}
#side ul li{
float: left;
list-style: none;
margin: 0 0 5px;
}

#side ul li a{
display: block;
width:247px;
height: 40px;
line-height: 32px;
background: url(img/selection1.png) no-repeat left top;
font-weight: bold;
font-size: 14px;
text-align: center;
overflow: hidden;
text-decoration: none;
padding: 0 10px;
color: #3d7e04;
}
#side ul li a:hover{
background-image: url(img/selection2.png);
}

ul#newEntry li a{
background-image: url(img/selection3.png);
color: #006;
}
ul#newEntry li a:hover{background-image:url(img/selection4.png) ;}

#relNavigate{text-align:center;}

.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{padding: 0;margin: 0;}

#head{width: 100%; background-image: none;height: auto;margin: 0 0 20px;
}
#head img{width: 100%;max-width: 800px;}
img{max-width:800px;height:auto;width:auto;}

#side h4{line-height: 38px;}

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


@media screen and (max-width:820px){
body{}
table#wrap{width: 640px;}
#head img{max-width: 640px;}
img{max-width:640px;}
h1{font-size: 36px;}
#side ul{margin: 0 50px;}
}
@media screen and (max-width:639px){
body{}
table#wrap{width: 480px;}
#head img{max-width: 480px;}
img{max-width:480px;}
h1{font-size: 30px;margin-bottom: 10px;}
#side ul{margin: 0 ;}
#side ul li a{width:220px;background-image: url(img/selection1-2.png);}
#side ul li a:hover{background-image: url(img/selection2-2.png);}
ul#newEntry li a{background-image: url(img/selection3-2.png);}
ul#newEntry li a:hover{background-image:url(img/selection4-2.png) ;}
}
@media screen and (max-width:479px){
body{}
table#wrap{width: 320px;}
#head img{max-width: 320px;}
img{max-width:320px;}
h1{font-size: 24px;}
#side ul{margin: 0 25px;}
#side ul li a{width:247px;background-image: url(img/selection1.png);}
#side ul li a:hover{background-image: url(img/selection2.png);}
ul#newEntry li a{background-image: url(img/selection3.png);}
ul#newEntry li a:hover{background-image:url(img/selection4.png) ;}
}
@media screen and (max-width:320px){
#main,#side{padding: 0 5px;}
img{max-width:310px;}
#side ul{margin: 0 20px;}
}
body{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-family: "ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

.rank1,.rank2,.rank3,.rank4,.rank5,.point,.point1,.point2,.point3,.point4,.point5{font-family: "ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}