@charset "utf-8";
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{display:block;}

*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

 a:link{color:#0088ff;text-decoration:none;}
 a:visited{color: #0088ff;}
 a:hover{color:#196FBB;text-decoration:underline;}
 a:active{color:#4462c4;} 
 
.clear {clear: both;}

h1{
	font-size:30px;
	font-family:HG創英角ﾎﾟｯﾌﾟ体;
	text-align:center;
	color:#111111;
	margin-top:10px;
}

hr{
	border:0px;
	width:100%;
	height:1px;
	background:#0088FF;
	margin-top:10px;
	margin-bottom:10px;
}
body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background:#FFFFFF;
	background-attachment:fixed;
	margin: 0px;
	padding: 0px;
	text-align:center;
	color:#000000;
}

.header{
    width: 100%;
    background:#000000;
}
.header_in{
    width: 100%;
    background:#000000;
    padding:10px;
    font-size:17px;
    text-align:left;
    color:#EEEEEE;
}
img{
	width: 100%;
	height: 120px;
}
.wrapper{
	width:1000px;
    margin-right:auto;
    margin-left:auto;
    margin-top:30px;
    overflow: hidden;
}
.contents{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:20px;
}
.left{
	float:left;
	width:220px;
	margin-right:10px;
}
.right{
	float:right;
	width:770px;
}
.lr{
	width:100%;
	border:1px solid #DDDDDD;
	border-bottom:0px;
	text-align:left;
	clear:both;
}
.title{
	padding:10px;
    font-size:20px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.lr .lr_co{
    padding-top:20px;
    padding-left:2%;
    padding-right:2%;
    padding-bottom:20px;
    border-top:1px solid #DDDDDD;
    border-bottom:0px solid #DDDDDD;
    }
.lr .lr_co p{
       font-size:15px;
       font-weight:400;
}
h2{
 font-size:24px;
 text-align:left;
 font-weight:700;
 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
 color:#444444;
}
.menu{
	width:100%;
	height:100%;
	clear:both;
	border-top:1px solid #DDDDDD;
}
.menu a{
	display:block;
	border-bottom:0px;
	padding:12px;
	background:#FFFFFF;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	border:outset 1px #FFFFFF;
	text-align:center;
	color:#444444;
	font-size:15px;
}
.menu a:link {color:#444444;text-decoration:none;}
.menu a:visited{color:#444444;} 
.menu a:hover{
	background:#FFFFFF;
	text-decoration:none;
} 
.menu_link{
	width:33.333333%;
	float:left;
}

.search .form{
	text-align:left;
	font-size:17px;
    padding:10px;
    border-top:1px solid #DDDDDD;
   	border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    line-height:1.7;
}
.search .text{
	font-size:17px;
	width:100%;
	padding:3px;
	margin-top:5px;
	margin-bottom:5px;
}

.search .submit{
	font-size:14px;
	width:100%;
	font-size:17px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
}

footer{
	width:100%;
	clear:both;
	font-size:12px;
	text-align:center;
	border-top:1px solid #DDDDDD;
	padding:10px;
}

/* リストモード
--------------------------------------------------------------------------------------------------------------*/
.list{
	width:100%;
	text-align:left;
	list-style-type:none;
	border-top:0px;
	font-size:14px;
}
.ta_ti{ 
	width:100%;
	background:#FFFFFF;
	border-top:solid 1px #DDDDDD;
}

.list a:link{
	display: block;
	text-decoration:none;
	width:100%;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:1.5%;
}
.list a:hover{
	background:#EEEEEE;
	text-decoration:none;
} 

.last_date{
	color:#222222;
	text-align:right;
	font-size:11px;
	padding-right:5px;
}
  /* スレッドモード
--------------------------------------------------------------------------------------------------------------*/
.threadlist{
	width:100%;
	border:1px solid #DDDDDD;
	border-top:0px;
	margin-left:auto;
	margin-right:auto;
        margin-bottom:20px;
	text-align:left;
	font-size:14px;
	line-height:25px;
	clear:both;
}
.threadlist .left{
	width:50%;
	padding:5px;
	margin:0;
	float:left;
}
.threadlist .right{
	width:50%;
	padding:5px;
	margin:0;
	float:right;
}

 /* read.php
--------------------------------------------------------------------------------------------------------------*/
#header{
	width:100%;
	clear:both;
	font-family:ＭＳ Ｐゴシック;
}
#header a{
	display:block;
	border-bottom:0px;
	padding:10px;
	background:#FFFFFF;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	border:outset 1px #FFFFFF;
	text-align:center;
	color:#444444;
	box-sizing :border-box;
	font-size:17px;
}
#header a:hover{
	background:#EEEEEE;
	text-decoration:none;
} 

#footer{
	width:100%;
	clear:both;
	background:#FFFFFF;
	font-family:ＭＳ Ｐゴシック;
}
#footer a{
	display:block;
	border-bottom:0px;
	padding:10px;
	background:#FFFFFF;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	border:outset 1px #FFFFFF;
	text-align:center;
	color:#444444;
	box-sizing :border-box;
	font-size:17px;
}
#footer a:hover{
	background:#EEEEEE;
	text-decoration:none;
} 
a.bbs_link{
	width:100%;
	clear:both;
}
a.h_menu{
	width:33.33333333%;
	float:left;
}

.page{
	width:100%;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin-top:10px;
	margin-bottom:10px;
}
.page a{
	float:left;
	width:50%;
	display:block;
	padding:10px;
	text-align:center;
	font-size:17px;
	background:#FFFFFF;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	color:#444444;
}
.page a:link {color:#444444;text-decoration:none;}
.page a:visited{color:#444444;} 
.page a:hover{
	background:#EEEEEE;
	text-decoration:none;
} 
.page_kotei{
	float:left;
	width:50%;
	display:block;
	padding:10px;
	text-align:center;
	font-size:17px;
}
.adsense{
       width:90%;
       margin-left:auto;
       margin-right:auto;
       margin-top:20px;
       margin-bottom:20px;
}

 /* スレッド表示部分
--------------------------------------------------------------------------------------------------------------*/
.thread{
	width:100%;
	border:1px solid #DDDDDD;
	margin-top:20px;
	text-align:left;
	font-family:ＭＳ Ｐゴシック;
	clear:both;
}
.threadtitle{
	padding:10px;
    font-size:20px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    border-bottom:1px solid #DDDDDD;
}
.thread .res{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	line-height:1.2;
}
.thread .res p{
       padding-top:17px;
       padding-bottom:17px;
       font-size:15px;
       font-weight:400;
       line-height:1.3;
}

.thread .res .file{
	display:inline;
	padding-top:3px;
	padding-left:10px;
	padding-bottom:3px;
	font-size:16px;
	font-weight:400;
}   
.thread .name{
	font-size:14px;
	font-weight:900;
	direction: ltr; 
	unicode-bidi: bidi-override;
}
.thread .date{
	font-size:12px;
}
.thread .id{
 	font-size:12px;
}

.thread .form{
	font-size:17px;
    padding:10px;
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
}
.thread .text{
	font-size:17px;
	width:50%;
	padding:3px;
	margin:4px;
}
.thread .textarea{
	font-size:17px;
	padding:3px;
	width:80%;
	height:120px;
	margin:5px;
}
.thread .submenu{
	padding:10px;
}
.thread  .submit{
	font-size:14px;
	width:50%;
	font-size:17px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
}
/*スマホ*/
@media screen and (max-width: 480px){
.wrapper{
}

.threadlist .left{
	width:100%;
	padding:5px;
	clear:both;
}
.threadlist .right{
	width:100%;
	padding:5px;
	clear:both;
	display:none;
}
.thread .form .text{ width:100%; }
.thread .form .textarea{ width:100%; }
.thread .form .submit{
	width:100%;
	height:40px;
	font-size:18px;
}
}