@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,table{
	margin:0;padding:0;border-spacing:0;
 -webkit-text-size-adjust: 100%;
}
a{text-decoration:none;}
body,tr,td,th,input,textarea,select,option {font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
/* ヘッダ画像ない時の 高さ*/  
.uptable { height:50px;}
di, li{box-sizing:border-box;}


/********* ↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓ ************/  
/*Temp_StyleSheetIN*/
body {
	color: #505152; 
	background-color: #ffffff; 
	font-size: 14px; 
}

input,textarea,select { 
	border: #c6d7f7 1px solid; 
	font-size: 14px; 
	color: #505152; 
	background-color: #ffffff; 
}

a:link,a:visited{ color: #505152;  }
a:hover,a:active{ color: #f7657b;  }
.bold_s {  font-size: 12px; font-weight: bold; color: #505152; }

/* ヘッダ */  
.uptable { 
	border-bottom: #c6d7f7 1px solid; 
	background-color: #7cbffc;

}
/* フッタ */  
.dwntable {
	border-top: #c6d7f7 1px solid; 
	background-color: #7cbffc;
}
.menuplate {background-color: #dfdfdf;}
.art {border-bottom: #c6d7f7 1px dotted; background-color: #ffffff;}

/* 記事表示部分 */
.content{
	background-color:#ffffff; border: #c6d7f7 1px solid; 
}

/* カレンダー表示部分 */
#timezone table {border: 1px solid #c6d7f7;}
#timezone td {border-left: 1px solid #c6d7f7;border-bottom: 1px solid #c6d7f7;}
#timezone td a:link {background: #dfdfdf;}
#timezone td a:hover {background: #f7657b;}
/* 動画サイズ */
.video_files{ max-width:360px;max-height:360px;}
/*Temp_StyleSheetOUT*/
/* ↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑ */  



/**************** ↓追加CSSは、これより下にお書き下さい↓ ***********************/  
a:hover{ text-decoration:underline}
.ss{ vertical-align:top; margin-top:10px;}
.vtop{ vertical-align:top; }
.vmiddle{ vertical-align:middle; }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
.image{ border:0;}
.clearb{clear:both;}
.nobr{ white-space:nowrap; } 

input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
input,textarea{ padding:3px; margin:1px;}
select{ padding:1px; margin:1px;}
textarea{ line-height:130%; }

td{ line-height:155%; text-align:left;}
img{border:0;vertical-align:middle;margin:1px 1px 0 0;}
.content{margin: auto;text-align:center; width:97%;border:0;}
.ptb{margin-top:8px;}

/* ファイルアイコン pdf,word,excel*/
.fileicon{vertical-align:middle;width:auto;height:auto;border:0;margin:2px; }
/* iPhone フォーム上側の枠線影対策 */
input[type=text],input[type=password],textarea{ -webkit-appearance: none; }
/* 画像認証 */
.authentication{text-align:left; margin:0 0 5px;}
/* 記事表示エリア */  
#article{margin:5px;text-align:left; }
/* 記事 */  
.art{text-align:left; margin:0 0 25px;border:0;}
/* 記事タイトル*/
.art-title{ 
	font-size: 130%; font-weight: bold; margin-bottom:5px; padding:7px 0 7px;
	border-top:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0;
}
/* 記事投稿日時*/
.art-date{text-align:right; margin-bottom:17px;}
/* 画像 */
.upimg{
margin:4px 0 7px;
/*  影 */
box-shadow: 3px 3px 4px 1px rgba(120,120,120,0.3);
}
/* カテゴリ |  レス */
.art-categ{text-align:right;margin:4px 0 15px;}
/* メニュー表示エリア */  
#nav{text-align:left;}

/*フォーム*/  
/* レス投稿フォーム */  
.res_form{ margin:20px 0 20px}
/* 題名 */  
.fc1{ width:220px; }
/* 名前 */  
.fc2{ width:130px; }
/* メッセージ */  
.fc3{ width:98%; }
/* 画像認証用数字 */  
.fc4{ime-mode:disabled;font-weight:bold; width:50px; background-color:#e5f2fb;}
/* 修正用パスワード */  
.fc5{ime-mode:disabled;width:80px;}
/* その他 リンク集変更など*/  
.fc6{width:90%;}
/* 送信ボタン */  
.tx{padding:2px 7px 2px;}
/* Backボタン */  
.prev{ padding:7px 7px 7px 15px; margin:0 0 1px;background-color:#f9efff;font-weight:bold;text-align:left;border-radius: 4px;}
.prev a{display:block;}
/* Nextボタン */  
.next{ padding:7px 15px 7px 7px;background-color:#f9efff;font-weight:bold;text-align:right;border-radius: 4px;}
.next a{display:block;}
/* ヘッダ */  
.uptable{ text-align:center; position: relative;padding:0;}
#header table{width:100%;}

/* タイトル文字 */  
.t1 {
	font-size:140%; font-weight: bold;margin:0;padding:0;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	color:#ffffff; text-shadow:1.2px 1.2px 2px #777777;
}
/* フッタ */  
.dwntable {height:50px;text-align:center;}
.fuder_txt{ font-size:15px;  color:#ffffff; text-shadow:1px 1px 3px #000000;}
#footer table{width:100%;}
/* 投稿・編集画面の横マージン */  
.ajsterea{margin:5px;text-align:left;}

/* パス入力フォーム*/
#pas{ font-size:13px;width:150px;ime-mode:disabled; margin:0 0 0 5px;}
/* 目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 5px 0 1px; filter: brightness(120%);} 

/* カラーパレット*/
#colorprt{ width:90%;  }
#colorprt td{ line-height:1.0;  letter-spacing:0; word-break: break-all;}
#colorprt a{
	font-size:16px;font-family:osaka,ＭＳ ゴシック; text-decoration:none;
	padding:0; margin:1px;
}
/* 「記事全文」*/
.full_art{
padding:2px 15px 2px;  border-radius: 10px;
background-color:#4966ca; color:#ffffff;
}
 a.full_art:link , a.full_art:visited{color:#ffffff;}

/********* スマホ・タブレット用*********/  
/* メニュー */  
.menuplate {padding:2px 10px 2px;font-weight:bold;border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);   } 
.ss ul a{display:block;}
.ss li{ 
 margin:0; 
 padding:7px 5px 7px;
 list-style-type:none;
 border-bottom:1px solid #e0e0e0;
}
.menu{
 margin:0 5px 10px;
}

#list_1 div a{display:block;}
#list_2 div a{display:block;}
#list_3 div a{display:block;}

/* カレンダー(追加) */  
#menu-calender .ss{text-align:center;}
#timezone table {
border-collapse: separate;
border-spacing:0; padding:0; margin-top:2px;width:99%;
border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1); 
}
#timezone td {text-align: center;padding: 0.1em;}
#timezone table td:first-child{border-left: none;}
#timezone table tr:last-child td{border-bottom: none;}
#timezone td a:link {color: #505152;text-decoration: none;display: block;}
#timezone td a:hover{color: #505152;text-decoration: none;display: block;}
/* 曜日 */
.weekname{font-size:80%;font-family: 'MS Sans Serif'; font-style: italic; } 
#timezone td:nth-child(1) { background-color:#ffeff7; } /* 日 */
#timezone td:nth-child(7) { background-color:#f4faff; } /* 土 */
.move_c{ font-weight:bold; } /* >月移動  >>年移動*/

/*ユーザログインフォーム*/  
.login{ width:95%;text-align:left;margin:auto; }


/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:10px;right:10px; 
    opacity:0.8;
}
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

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],textarea{ -webkit-appearance: none; }

/**************** レスポンシブ指定 ****************/  
@media screen and (max-width:1000px){
.headimage{width:100%;height:auto;margin:0;}
.art{padding-top:5px;}
}
/********* スマホ専用*********/  
@media screen and (max-width:660px){
.t1 { font-size:120%;  line-height:1.1;}
#colorprt{ width:100%;  }
#colorprt a{font-size:20px; }
.move_c{ font-size:15px; }
.upimg{ max-width:100%;height:auto;}
.video_files{ max-width:100%;height:auto; }

.art-com iframe{ width:100%;}
.ss li{ 
	position: relative; display: inline-block; 
	width:100%;padding-right:20px;
}
/*  > */
.ss li::after{
    content: '';
    width: 8px; height: 8px;
    margin-top: -5px;
    border-top: solid 1px #555;   
    border-right: solid 1px #555;    
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
}

}


/********* PC用*********/  
@media screen and (min-width:1000px){
.content{width:1000px;}
#nav{float:left;width:300px;margin:5px 0 0 5px;} 
#article{float:right; width:660px;margin-right:10px}
.ss li{ 
 padding:0; margin:5px 0 0 20px;line-height:130%; 
 list-style-image:url(../image/dot_g.gif);
 border:0;
}
.menu{ margin:0 5px 10px;}
.fc3{ width:80%; }
.fc6{width:75%;}
.ajsterea{margin:20px;}
.login{ width:450px;}

#adtable1{float:left;} 
#adtable2{float:right; }
}