@charset "utf-8";

body{  -webkit-text-size-adjust: 100%; }
select,option,input,textarea{padding:3px;}
input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);box-sizing:border-box;}
div{box-sizing:border-box;}
table{border-spacing:0;}
a { text-decoration:none;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #ff0000; }
a:hover { color: #ff0080; }

.center{text-align:center;}
.right{text-align:right;}
.top{vertical-align:top;}
.nobr{ white-space:nowrap; }
big{font-size:15px;font-weight:bold;}
small{font-size:11px;}

/* nav固定 */
nav { 
	background: #ffffff; text-align:center; padding:5px 0 5px; margin:0;  
	position: absolute;  width:902px;
	justify-content: space-between;
}
.is-fixed { position: fixed; top: 0; z-index: 2; }


.site-header{
    background: #fff;
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 100%;
}
.site-header.fixed{
    position: fixed;
    top: 0;
}

/* ヘッダ */
.heder{
	padding:8px 8px 8px 15px;margin:0 0 5px; 
	border-radius: 0 0 4px 4px / 0 0 4px 4px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.head_size{
	font-weight:bold;margin-bottom:5px;
	letter-spacing:0.12em;
	text-shadow:1.7px 1.7px 1.5px #bdbdbd;
}
.welcome{text-align:left;}

/* フッタ */
.footer{
	padding:8px 15px 8px;margin:10px 0 0;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
}


/* [投稿フォーム] [設定] [使用法] [HOME]*/
.topnemu{width:100%;margin:10px 0  0;}


/* 検索語句入力フォーム */
.wrdform{width:150px;}
/* ヒット数表示 */
.SearchMSG{font-weight:bold;white-space:nowrap;line-height:2.0;}


/* カテゴリ一覧 */
.catelist{
	margin:30px auto 30px;padding:0;width:100%;
	list-style-type:none;}
.catelist li{
	font-size:15px;text-align:center;
	padding:7px;box-sizing:border-box;
	border-bottom:1px dotted #878b9c;
}
.catelist li a{ display: block;}
.catelist li:hover{background-color:#d0f5f8;}

/* 使用法 */
.helplist{
	margin:10px 0 10px;padding:0;
}
.helplist li{ margin:4px 10px 4px 30px;}

/*** 個別記事 ***/
.outtable{
	margin:0px 0 14px;padding:0 0 7px; vertical-align:top;
	border-radius: 4px;
}
.table_obi{
	-webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
}
/* タイトル& 名前 */
.head1{float:left;margin:10px 7px 0 7px; }
/* 日付&[編集] */
.head2{float:right;margin:0 5px 0 0;}
.ajstbtn{height:40px;padding-left:3px;}
/* コメント */
.comm{margin:10px 7px 0 7px; text-align:left;}
/* 編集日 */
.edit_date{font-size:90%;text-align:right;margin:5px 0 0}
/* 添付ファイル */
.file{margin:10px 7px 0 7px;}
/*表示/非表示*/
.p_ok, .p_ng{font-size:12px;color:#ffffff; padding:0 1px 0;}
.p_ok{background-color:#0000ff;}
.p_ng{background-color:#ff0000;}
#addFile{margin-top:5px;}
#addFile input{ vertical-align:middle;}
/* ボタン */
.FBottun, .FrdBak, .GBottun{
	padding:3px 10px 3px;-webkit-appearance: none;
	border-radius: 2px; box-shadow: 0 0 1px 1px rgba(100,100,100,0.1);
}
.FBottun:hover{background: #61b5ff;}

/* <<OLD  NEW>> */
.fwd_backBTN{
	width:250px; margin:0 auto 0;
}
/* 投稿 画像 */
.imgspan{
padding:0; margin:0 2px 2px 0; display:inline-block;vertical-align:bottom; text-align:center;
}

/* ページリンク 該当No */
.Plink_area{font-size:14px;font-weight: bold;text-align:center;margin:10px auto 15px; }
.Plink_area a{
	padding:0px 4px 0px;margin:1px;
	border-radius: 3px;
}
.Plink_area a:hover {background: #61b5ff;color: #ffffff;}
.Alink{ border:1px solid #61b5ff;}

/* 該当No */
.Plink{ border:1px solid #ff0000;}
a.Plink:visited{ color:#ff0000; }
/* 表示しているページ */
.atP{ background: #cdffb0; }
/** ローディング画像 **/
.loading_img {text-align:center;margin:0 0 10px;}
.loading_img img{  width:auto; height:auto;}
/* ページ番号 */
.Page_Number{
	text-align:center;font-weight:bold; font-size:15px; font-family: 'Times New Roman'; font-style: italic; 
	background-color:#e0ffcf;
	padding:2px 0 2px; 
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.Page_Number span{font-size:18px;}

/* 画像 (表示サイズはページ書式内で指定)*/
.imgflame{float:left; margin:10px 2px 2px;text-align:center;position: relative;}
.imgflame table{ width:100%; margin:0;}
.imgflame td{text-align:center;vertical-align:top;padding:0;}
.imgflame img{
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);/* 影*/
border-radius: 2px;
margin:0;vertical-align: bottom;text-align:center;
}


/* 画像以外のファイル (表示サイズはページ書式内で指定) */
.fileflame{ margin:1px;position: relative;}
.fileflame td{text-align:center;vertical-align:middle;padding:0;}
.IconClass{
position: absolute; top: 50%;left: 50%;
transform: translate(-50%,-50%);
font-size:12px; color:#ff4cb5;
width:100px;height:70px; 
border:1px solid #dbe6ee; 
}
.IconClass img{margin:6px 0 3px;}

/* Please Wait */
.wait_img{
position: absolute; top: 50%;left: 50%;
transform: translate(-50%,-50%);
font-size:12px; color:#ff4cb5; text-align:center;
width:100px;height:70px;padding-top:25px;
border:1px solid #dbe6ee; background-color:#f0f7ff;
/* 影*/
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
border-radius: 3px;
}
/* 編集確認画面の非表示ファイル*/
.offp{
	border:1px solid #a9a9a9; border-radius: 4px; 
	background-color:#d2d2d2;
	filter: brightness(60%); 
}
/* ログイン、ユーザ設定のエラーメッセージ */
.error_msg{border:1px solid #ff0000;margin:20px auto;}
.error_msg td{color:#ff0000;padding:15px;}

/***** 投稿フォーム/カテゴリ一覧 *****/
#FMform{ width:650px;margin:0 auto 20px;padding:0 1px 0;}
/* 項目名 */
.formitem{ 
	padding:3px 10px 3px;margin:10px 0 1px;
	font-weight:bold;font-size:110%;
}
/* 名前表示欄*/
.namearea{ font-weight: bold;padding:3px 10px 3px;border-radius: 4px;width:100%;}
/* 送信ボタン */
#FMform .FBottun{padding:4px 30px 4px;}
/* ファイルアップロード中メッセージ*/
#updtxt{color:#ff0000;text-align:center; margin:5px 0 5px;}
/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:10px;right:10px; 
    filter: alpha(opacity=80); 
    -ms-filter: "alpha(opacity=80)"; 
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;  
    opacity:0.8;

}
a#pageTop:hover img{
    cursor:pointer;
    filter: alpha(opacity=60); 
    -ms-filter: "alpha(opacity=60)"; 
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;  
    opacity:0.6;
    transform:scale(1);
}


/* 全体幅 */
#content, #topset{width:900px;margin:0 auto 0;}

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
.search-form2 input[type=text]{padding:1px;}

/* パス入力の目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 5px 0 1px; filter: brightness(120%);} 

/**************** レスポンシブ指定 ****************/
@media screen and (max-width:920px){
#content, #topset, nav{width:95%;}
}
@media screen and (max-width:650px){
#FMform{width:99%;margin:0 0 20px;}
.catelist{width:98%;}
.fwd_backBTN{margin:10px auto 0; }
.next_btn{
background-color:#f3f4f4;color:#0000ff;border:1px solid #a9b7c7;padding:2px 10px 2px;
border-radius: 4px;
}
}