@charset "utf-8";

html{
	/*overflow-y:scroll;*/
	overflow-y:auto;
}

body{
	font-size: 16px;
	margin: 0;
    padding: 0;
}
/****************************
*
*	共通汎用
*
****************************/

a{text-decoration:underline;}
a:hover{text-decoration:none;}
a img{border-style:none;}

#bg{
/*background:url(../img/bg.gif) repeat!important;*/
}
/**/
.blink{text-decoration:blink;}

.example{color:#999999;}
.not_example{color:#c6c;}


.bold{font-weight:bold;}

.gray{color:#666666;}
.blue{color:#0000FF;}
.red{color:#FF0000;}
.medium{font-size:12px;}
.small{font-size:11px;}
.xsmall{font-size:10px;}


.left{text-align:left; float:left;}
.center{text-align:center; margin:0 auto;}

.floatRight{float: right;}
.floatLeft{float: left;}
.clear{
	clear:both;
	height:1px;
	font-size:1px;
}

hr{
	background-color: #999999;
	border: none;
	color: #999999;
	height: 1px;
}

hr.sp5{
	margin: 5px;
	border: none;
}

hr.sp10{
	margin: 10px;
	border: none;
}

h1{
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
	margin:0;
}

h2{
	font-size:15px;

}

/****************************
*
*	ヘッダー
*
****************************/

#header_main{
	padding:5px;
	margin-bottom:10px;
	background-color: #EFEFEF;
}

#header_main h1,#header_main h2{
	font-size:12px!important;
	float:left!important;
	margin:0 3px!important;
	padding:0!important;
	font-weight:normal!important;
	color:#333333!important;

}


#emoji{
	float:left;
	text-align:center;
	background-color:#FFFFFF;
	border:1px #FF9900 solid;
	width:180px;
	_width:160px;
	height:400px;
	_height:300px;

}

#emoji img{
	background-color:#FFFFFF;
	vertical-align:middle;
	margin:20px;
}

#paging{
	text-align:center;
	margin:10px auto 0 auto;
	width:750px;
	color:#000000;
}

#paging span{
	padding:5px 5px 5px 5px ;
	list-style:none;
	font-size:14px;
	margin-top:5px;
}

/****************************
*
*	メニュー
*
****************************/

.menu{
	width:140px;
	height:auto;
	background-color: #FFFFFF;
	margin:5px auto 10px auto;
	text-align:left;
	padding:0;
	font-size:12px;
	border:1px solid #999;
}

.title_menu{
	background-color: #EFEFEF;
	padding:3px;
	border-bottom:1px solid #999999;
}

.menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

.menu li{
	list-style:none;
	margin:3px 0;
	padding:2px;
}


.menu span{
	padding:0px 0px;
	clear:both;
	font-weight:bold;
	color:#CC3300;
}


#pos_box{
	margin:50px 0 0 20px!important;
}

#title-sch{
	background-color: #4444CC;
	padding:5px;
	font-size:13px;
	color:#FFFFFF;
}

/*スレッド一覧*/
#thr_list{
	line-height:18px;
}

#thr_list img{
	line-height:18px;
	display:none;
}


#weather{
	margin:10px auto;
	text-align:center;
}

#weather table{
	margin:0 auto;
}

#weather td{
	font-size:12px;
	padding:3px;
	width:95px;
}

.icon_weather{
	width:40px;
	height:40px;
	margin:2px auto;
	border:1px solid #CCCCCC;
}

#weatherinfo{
	width:90%;
	margin:0 auto;
	padding-bottom:5px;
	border:1px solid #999999;
}

#title_weather{
	background-color: #EFEFEF;
	padding:5px 0;
	border-bottom:1px solid #999999;
	margin:0 auto 5px auto;
}


/****************************
*
*	レスリスト
*
****************************/
.reslist #thr_title{
	color:#FF0000;
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}

.resnumb{
	font-size:15px;
	color:#000000;
}

.resname{
	color:#842217;
	font-weight: bold;
}

dd{
	padding: 0 0 20px;
}
/****************************
*
*	フォーム
*
****************************/
#thrform,
#resform,
.search{
	text-align: left;
	line-height: 1.5em;
	padding: 0 10px;
}

#thrform .name,
#resform .name{
	width: 235px;
}

#thrform .trip,
#resform .trip{
	width: 90px;
}

.search .schtitle{
	width: 110px;
}

.search .schbody{
	width: 160px;
}


#thrform input[type="email"].email,
#resform input[type="email"].email {
	ime-mode: disabled;
	width:224px;
}

#thrform textarea,
#resform textarea{
	font-size: 13px;
	overflow:auto;
	height:130px;
	width:580px;
}


input[type="submit"]{
	height: 30px;
}


input[type="password"]{
	ime-mode: disabled;
	font-size: 15px;
	width: 5em;
}

input[type="search"]{
	width:70%;
}


/* 必須入力エラー */
input:valid,
input:in-range{
}

input:invalid,
input:out-of-range,
textarea:invalid,
textarea:out-of-range{
}

textarea:invalid,
textarea:out-of-range{
}

/* 必須入力 */
input:required{
}

/* 必須ではない入力 */
input:optional{
}





/* ラジオボタン・チェックボックスの装飾 */
input[type=radio],
input[type=checkbox] {
		display: inline-block;
		margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
		cursor: pointer;
		display: inline-block;
		line-height: 1.5em;
		margin-right: 12px;
		position: relative;
}
 
@media (min-width: 1px) {
		input[type=radio],
		input[type=checkbox] {
				margin: 0;
				display: none;
		}
		input[type=radio] + label,
		input[type=checkbox] + label {
				padding: 0 0 0 24px;
		}
		input[type=radio] + label::before,
		input[type=checkbox] + label::before {
				background-color: #FFFFFF;
		-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				content: "";
				top: 50%;
				left: 0;
				display: block;
				width: 18px;
				height: 18px;
				position: absolute;
				margin-top: -9px;
		}
		input[type=radio] + label::before {
				border: 2px solid #D2D2D2;
				border-radius: 30px;
		}
		input[type=checkbox] + label::before {
				border: 2px solid #D2D2D2;
		}
		input[type=radio]:checked + label::after,
		input[type=checkbox]:checked + label::after {
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				content: "";
				display: block;
				position: absolute;
				top: 50%;
		}
		input[type=radio]:checked + label::after {
				background: #122F85;
				border-radius: 8px;
				left: 5px;
				height: 8px;
				margin-top: -4px; 
				width: 8px;
		}
		input[type=checkbox]:checked + label::after {
				border-left: 3px solid #122F85;
				border-bottom: 3px solid #122F85;
				-webkit-transform: rotate(-45deg);
				left: 3px;
				height: 8px;
				margin-top: -8px;
				transform: rotate(-45deg);
				width: 16px;
		}
}

.requiredMark {
    background-color: #ea4747;
    border-radius: 15px;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    margin-left: 3px;
    padding: 2px 5px;
    vertical-align: 2px;
}
.optionalMark {
    background-color: #4786ea;
    border-radius: 15px;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    margin-left: 3px;
    padding: 2px 5px;
    vertical-align: 2px;
}

input.ime_disa[type="text"]{
	ime-mode: disabled;
}

input.width100[type="text"],
input.width100[type="number"]{
	width:100px;
}



input[type="password"]{
	ime-mode: disabled; width:100px;
}

#resform ul{
	padding: 0;
	margin: 5px 0;
}

#resform li{
	display: inline-block;
	padding: 0 2px;
	font-size: medium;
}


/****************************
*
*	フッター
*
****************************/

#footer{
	width:100%;
	background-color: #FFFFFF;
	text-align: center;
	margin:10px auto 0 auto;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	color:#ffffff;
	/*position: fixed;*/
	bottom: 0;
    line-height: 1.5em;
}

#footer a{
	color:#666666;
}