@import url("./css/tables.css");
@import url("./css/commonstyles.css");

@charset "UTF-8";

*{zoom:1;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}

body{
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;



font-size: 16px;
}

a:link,a:visited{color:#b8826c;text-decoration:none;}
a:hover{color:#e19d81;}
a:active, a:focus {outline:0;}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
img{
margin: 5px;
background: #fff;
border:0;
}

#header, #mainNav, #wrapper,#footer ul{
margin:0 auto;
max-width:900px;
clear:both;
}


#sidebar{
float:right;
width:28.1%;
padding:0px 0 50px;
margin-top:10px;
}

#main{
float:left;
width:69.6%;
padding:10px 0 50px;
}

#headerWrap{
height:100px;
background:#fff url(img/wall.jpg) repeat-x 0 0;
}

#header{
position:relative;
height:100px;
}

#header h1,#header p{
position:absolute;
top:31px;
font-size:10px;
font-weight:normal;
line-height:22px;
}
#header h2{
padding-top:40px;
font-size:2.0em;
font-weight:bold;
line-height:50px;
text-shadow: 1px 1px 2px #fff;


}
#header h2 a{}

#header h1{
top:2px;
left:0;
color:#555;
}

#header p{
right:0;
}

#wrapper{background: #fff;}
#headImg{
width: 100%;
text-align: center;
margin:0 auto;
padding: 0;
background: url(img/header.jpg) no-repeat center top;
background-size: contain;
height: 200px;
}

h3.heading,h2.heading{
clear:both;
padding-left:30px;
line-height:34px;
font-size:16px;
font-weight:bold;
color:#fff;
background:url(img/h3.png) no-repeat 0 0;
}

.main{
padding:10px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.main h2,.main h3{
clear: both;
margin:0 0 10px 0;
padding: 5px 10px 0px 25px;
font-size:16px;
font-weight:bold;
background: url(img/main_h3.png) no-repeat 0 0;
color: #fff ;
}

.main h4{
clear: both;
margin:0 0 10px 0;
padding: 3px 10px 0px 23px;
font-size:14px;
font-weight:bold;
background: url(img/main_h4.png) no-repeat left center;
color: #fff ;
}
.main h5{
clear: both;
margin:0 0 10px 0;
padding: 2px 10px 0px 23px;
font-size:14px;
font-weight:bold;
background: url(img/main_h5.png) no-repeat left center;
color: #b8826c ;
}
.main h6{
clear: both;
margin:0 0 10px 0;
padding: 5px 10px 0px;
font-size:14px;
font-weight:nomal;
color: #b8826c ;
border-bottom: 1px dotted #b8826c;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px;
}


#sidebar h3{
clear:both;
padding-left:30px;
line-height:34px;
height: 34px;
font-size:16px;
font-weight:normal;
color:#fff;
background:url(img/side_h3.png) no-repeat 0 0;
}
#sidebar h4{
clear:both;
padding-left:30px;
line-height:34px;
height: 34px;
font-size:16px;
font-weight:normal;
color:#fff;
background:url(img/side_h4.png) no-repeat 0 0;
}
#side ul,#space3,#space4{
overflow:hidden;
border:1px solid #dcdcdc;
margin-bottom:20px;
list-style:none;
}
#side ul{padding:0 0 10px 17px;}
#space3,#space4{padding:10px;}

#side ul li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

#side ul a:link,#side ul a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(img/linkArrow.gif) no-repeat 0 50%;
}

#side ul a:hover{color:#b8826c;}

#sidebar p{margin-bottom:20px;}

#footer{
clear:both;
background:#b9836b;
}

#footer ul{
padding:15px 0;
text-align:center;
list-style:none;
}

#footer li{
display: inline;
padding: 1px 16px;
border-left:1px dotted #eee;
border-right:1px dotted #eee;
margin-left: 2px;
}

#footer li a{
text-decoration:none;
color:#fff;
}

#footer li a:hover{color:#eee;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#fff;
font-size:10px;
}
p#copy a{
text-decoration:none;
color:#fff;
}

.clear { 
clear:both; 
}

h4.heading{
clear:both;
padding-left:30px;
line-height:34px;
font-size:16px;
font-weight:normal;
color:#fff;
background:url(img/h4.png) no-repeat 0 0;
}

.article{
border:0;
margin:0 0 20px 0;
padding: 10px;
background:none;
border:1px solid #dcdcdc;
}
.article ul{list-style:none;}
.article ul li{border-bottom:1px dashed #dcdcdc;}
.article ul li span{
margin-right: 10px;
margin-left: 10px;
}

table img{margin: 0;}

#siteNavi{
margin: 10px 0 0;
text-align: left;}

#entrylist h4{
clear:both;
padding-left:30px;
line-height:34px;
font-size:16px;
font-weight:normal;
color:#fff;
background:url(img/h4.png) no-repeat 0 0;
}
#entrylist h4 img{
padding-bottom: 2px ;
vertical-align: middle;
}
#entrylist dl{
border:0;
margin:0 0 20px 0;
padding: 10px;
background:none;
border:1px solid #dcdcdc;
}
#entrylist dt{
clear: both;
margin:0 0 10px 0;
padding: 3px 10px 0px 23px;
font-size:14px;
font-weight:bold;
background: url(img/main_h5.png) no-repeat left center;
color: #fff ;
}
#entrylist dd{padding: 5px 10px;}

#entrylist .cbox{
border:1px dotted #e19d81;
margin-bottom: 10px;
}
#entrylist .more{text-align: right;}

p.arrow_blue,p.arrow_orange,p.arrow_black,p.arrow_red
{padding-left: 25px;}


#topmenu{
height:40px;
background:#fff url(img/wall_menu.jpg) repeat-x 0 0;
margin: 0;
padding: 0;
}
#topmenu ul{
margin:0 auto;
width:900px;
clear:both;
padding: 0;
list-style:none;
}

#topmenu li{
width: 178px;
padding: 0 ;
margin:0 auto;
border-left: 1px solid #fff;
border-right: 1px dotted #999;
float: left;
}
#topmenu li a{
line-height: 40px;
text-align: center;
width: 156px;
height: 40px;
padding: 0 10px;
margin:auto;
font-size: 1.2em;
font-weight: bold;
display: block;
overflow: hidden;
}
#topmenu li a:hover{
padding: 0 10px;
margin: 0;
width: 158px;
background:#ccc url(img/wall_hover.jpg) no-repeat center top;
}

.sbox1,.sbox2{
width:48%;
margin: 0;
padding: 0 30px;
}

.user1,.user2,.user3,.user4,.user5,.user6{
	font-size: 12px;
	line-height: 130%;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	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);}

.main blockquote{
padding: 10px;
margin: 5px auto;
}
ul.main{list-style: diamond;}
ol.main{list-style: decimal;}

#main.pcol1,#sidebar.pcol1{
float: none;
width: 900px;
padding:10px 0 50px;
margin:  auto;
}
#main.pcol1 h3.heading,#main.pcol1 h2.heading{background:url(img/h3_2.png) no-repeat 0 0;}
#main.pcol1 #entrylist h4{background:url(img/h4_2.png) no-repeat 0 0;}
#main.pcol1 #entrylist dt{background: url(img/main_h5_2.png) no-repeat left center;}
#main.pcol1 h4.heading{background:url(img/h4_2.png) no-repeat 0 0;}
#sidebar.pcol1 h4{background:url(img/h4_2.png) no-repeat 0 0;width:900px;}
#sidebar.pcol1 h3{background:url(img/h3_2.png) no-repeat 0 0;width:900px;}
#main.pcol1 .main h5{background: url(img/main_h5_2.png) no-repeat left center;}
#main.pcol1 .main h4{background: url(img/main_h4_2.png) no-repeat left center;}
#main.pcol1 .main h2,.main h3{background: url(img/main_h3_2.png) no-repeat 0 0;}
#sidebar.pcol1 #side ul li{float: left;}
#sidebar.pcol1 #side ul li a{width:190px;}

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: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "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: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "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;}

@media screen and (max-width: 640px){
body{
font-size: 16px;
}
#main{
float:none;
width:100%;
padding:10px 0 50px;
}
#headImg{
width: 100%;
text-align: center;
margin:0 auto -80px;
padding: 0;
background: url(img/header.jpg) no-repeat center top;
background-size: contain;
height: 200px;
}

#sidebar{
float:none;
width:100%;
padding:0px 0 50px;
margin-top:10px;
}

#sidebar h3, #sidebar h4{
clear:both;
padding-left:30px;
line-height:34px;
font-size:16px;
font-weight:normal;
color:#fff;
background:url(img/h4.png) no-repeat 0 0;
width: auto;
}
}

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: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "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: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "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;}