body{
margin:0;
padding:0;
background:#f7f7f7;
font-family: メイリオ, 'Hiragino Kaku Gothic Pro', Meiryo, 'ヒラギノ角ゴ Pro W3', 'MS PGothic', 'MS UI Gothic', Helvetica, Arial, sans-serif;

}

*{
word-break: break-all;
}


ul,li{
margin:0px;padding:0px;
list-style-type:none;

}
p{margin:0;padding:0;}




/* clearfix て */ 
.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
} 


a {
	color:#11f;
	padding-left:0px;
}
a:hover{
	text-decoration:none;
	color:#f22;
}



#navi_bar{
border-top: 1px solid #3065CF;
background: #1E90FF none repeat scroll 0 0;
line-height:28px;
height: 28px;
margin:5px 0 10px;
}

nav{
width:1000px;
margin:0 auto;
text-align:left;
background:#eef;
display:block;
}

/*7ACBFF 0054BC */
.navi li{
float:left;
margin:0;padding:0;
font-size:15px;
}

.navi li a{
display: block;
padding: 0 10px;
text-align: center;
height:28px;
color: #fff;
border-left: 1px solid #7ACBFF;
border-right: 1px solid #0054BC;
text-decoration: none;
}

.navi li a:hover{
background:#fff;
color:#333;
}

.navi li:first-child{
border-left: 1px solid #0054BC;
}


.navi li:last-child{
border-right: 1px solid #7ACBFF;
}



/* basic layout */
#content{
width:800px;
margin:0 auto;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}



#main{
width:530px;
padding:2px;
float:left;
display:block;
padding-bottom:10px;
}



/* main box */
article{
display:block;
padding:5px;
border:1px solid #bbb;
border-radius: 3px;
background:#f9f9f9;
box-shadow: 1px 1px 3px #cccccc, -1px 0 3px #cccccc;
}

section{/* h1 remove */
display:block;
font-size:14px;
padding:10px 5px;
border-bottom:1px dotted #aaa;
}



#side{
width:250px;
float:right;
padding-right:5px;
}


/* matome */


.space1{
margin-top:30px;

}

/* head foot */
#header{
border-top:3px solid #0D6759;

border-bottom:1px solid #ddd;
margin-bottom:16px;
}

#top{

margin:10px 5px;
padding:0;
font-size:16px;
font-weight:bold;
}

h1{
margin:15px 5px 20px 5px;
padding:2px 4px;
font-size:28px;
border-bottom:1px solid #d5d5d5;
/* text-shadow: 1px 1px 1px #aaa; */
}

h1 span {
font-size:13px;
font-weight:normal;
}

#header p{
margin:20px 10px;
font-size:14px;
color:#444;
}



#footer{
margin-top:30px;
text-align:center;
background:#eee;
padding:30px;
font-size:13px;
border-top:2px solid #0D6759;
border-bottom:1px solid #ccc;
}


/* topPage */

h2{
margin:0px 0px 10px 5px;
padding:7px 10px;
font-size:16px;
/* text-shadow: 1px 1px 1px #eee; */
background:#494E54; /* #F1F5FF; #7AB317; */
color:#fff;
border-radius:4px;
}



h3{
margin:0px 0px 10px;
padding:10px;
font-size:16px;
text-shadow: 1px 1px 1px #ccc;
background:#F1F5FF;
}

/* pick */

.pick{
width:160px;
float:left;
padding:5px 2px 5px 5px;
font-size:14px;
line-height:1.5;
white-space: nowrap;
overflow:hidden;
text-overflow:""; /*ellipsis;*/
}

.pick-box{
margin:30px 0px 20px 5px;
background:#e0e0e0;
border-radius:3px 3px 0 0;
}
.pickh{
margin:0 0 5px;
border-radius:3px 3px 0 0;
}



/* side */

.menu{
margin-bottom:20px;
border:1px solid #bbb;
border-radius: 2px;
font-size:14px;
}

.menu li{
line-height:2;
padding-left:10px;
}

.menu-title{
background:#E0E0E0;/* #E0E0E0; #A0C55F;*/
border-bottom: #D3D3D3;
font-weight:bold;
text-align:center;
}

.side-box{
margin-bottom:20px;
border:1px solid #bbb;
padding:0;
border-radius: 2px;
box-shadow: 1px 1px 2px #eee, -1px 0 2px #eee;
font-size:14px;
}

.side-box-title{
padding:5px;
text-align:center;
font-weight:bold;
}



.side-box-text{
padding:6px 4px;
font-size:12px;

}



#page-box{
margin:10px;
padding:5px 0;
text-align:center;
}

a.btn {
display:inline-block;
margin-right:10px;
background-color:#337fcc;
padding:10px 20px;
font-family: 'Open Sans', sans-serif;
font-size:12px;
text-decoration:none;
color:#fff;
border: solid 1px #225588;
background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.5)), to(rgba(34,85,136,1)));
border-radius: 5px;
box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
 
a.btn:hover {
background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.4)), to(rgba(34,85,136,0.9)));
}


.sns-box{
margin:80px 10px 30px;
}

.tweet{
width:220px;
height:50px;
line-height:50px;
padding-left:50px;
color:#fff;
font-weight:bold;
background-color:#00aced;
background-image: url(./img/twitter-48.png);
background-repeat: no-repeat;
background-position:top left;
float:left;
margin-right:10px;
border-radius:5px;
}



.facebook{
width:220px;
height:50px;
padding-left:50px;
color:#fff;
font-weight:bold;
background-color:#3b5998;
background-image: url(./img/facebook-48.png);
background-repeat: no-repeat;
background-position:top left;
float:left;
margin-right:10px;
border-radius:5px;
}


.tweet:hover , .hatebu:hover{
opacity:0.75;
text-decoration:underline;
}

#index{
margin:10px;
}

#index span{
display:inline-block;
width:40px;
text-align:center;
border:1px solid #eee;
line-height:2;
}



table.top-index{
width:400px;
border-spacing: 0px;
border-collapse: collapse;
}
.top-index td{
padding:0;
border: 1px solid #ccc;
width: 30px;
line-height:2.5;
text-align: center;
font-size:16px;
vertical-align: inherit;
color:#bbb;
}

.top-index td a{
display:block;
color:#33f;
font-weight:bold;
text-decoration:none;
}

.top-index td a:hover{
background:#E9EFF5;
}



#side-index{

}


#home{
margin:50px 20px 20px;

font-size:16px;
line-height:2;
border:1px solid #ccc;
text-align:center;
}

#home a{
display:block;
color:#33f;
text-decoration:none;
}

#home a:hover{
background:#E9EFF5;
}



table.side-index{
width:250px;
border-spacing: 0px;
border-collapse: collapse;
}
.side-index td{
padding:0;
border: 1px solid #ccc;
width: 30px;
line-height:2.0;
text-align: center;
font-size:14px;
vertical-align: inherit;
color:#bbb;
}

.side-index td a{
display:block;
color:#333;
text-decoration:none;
}

.side-index td a:hover{
background:#E9EFF5;
}

.side-index-in{
margin:0 0 20px;
}

.side-index-title{
font-size:14px;
text-align:center;
background:#f3f3f3;
line-height:2;
margin-bottom:2px;
}

#site-nav{
margin:5px 5px 20px;
font-size:12px;

}


.text{
margin:10px 5px 40px 10px;
font-size:15px;
line-height:1.4;

}

.text span{
display: inline-block;
padding:4px;
line-height:1.1;
background:#f0f0f0;
margin-right:10px;
margin-bottom:4px;
border:1px solid #ccc;
border-radius:2px;
white-space: nowrap;
}

.text span a{
text-decoration:none;
}

.subcat{
margin:20px 10px;
font-size:14px;
text-align:right;
}

.exp{
margin:20px 5px 10px 20px;
font-size:12px;
line-height:1.2;
color:#334540;

}




.result{
margin:20px 10px 30px;
font-size:16px;
}

.result li{

margin-bottom:16px;
}



.sub-text{
margin:70px 0px 10px;
color:#555;
border-top:1px solid #eee;
padding:10px;
font-size:13px;
line-height:1.2;

}

.b-box{
margin:20px 10px;
background:#efe;
line-height:1.5;
}

.b-box span{
display:inline-block;
width:100px;

}

.ads_box{
padding:20px;
}

/* search */

.search-box{
margin:10px;
padding:5px;
background:#efe;

}

.byms{
color:#99d;
font-size:13px;
margin:20px 10px 10px;
text-align:right;
}

.ms-main{
margin:20px 20px;
}

table.ms-box{
width:650px;
border-spacing: 0px;
border-collapse: collapse;
}
.ms-box td{
padding:5px 2px;
border: 1px solid #ccc;
line-height:1.3;
font-size:15px;
vertical-align: inherit;
color:#333;
}

.ms-text{
margin:40px 20px;
font-size:12px;
line-height:1.2;

}