/**********************************************************/
/*	ベースCSS(style.css)
//		Created ：2007/07/11
//		Modified：2007/09/30　画像最大幅を広告幅だけ狭く。
*/
/**********************************************************/

/* 2018/09/13 add https://webdesignerwork.jp/responsivewebdesign/ 
スマホだけじゃなくＰＣも画像の最大幅を指定する
2020/10/20　幅広にすると右広告が無くなる状態を修正
*/
img{
//	max-width: 100vw;/* 2018/09/28 画像が巨大な場合ブラウザ横幅まで行くので広告部分が隠れる　*/
//	max-width: 790px;
//	max-width: 100%;
	max-width: -webkit-calc(100vw - 250px) ;/* 2018/09/30 広告に画像が重ならないように　*/
	max-width: calc(100vw - 250px) ;/* https://w3g.jp/blog/css3_calc_function */
	height: auto;
	width /***/:auto;
}


/*
2017/11/06　13:09やめ　評判よくない

//2017/11/05追記start http://hikineet.com/font-family/ 【2017年版】これで間違いなし！font-familyのおすすめ設定　をそのままコピペ
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
//2017/11/05追記end
*/

.text { FONT-SIZE: 10px; LINE-HEIGHT: 120% }

/* 文字の大きさの指定削除 2007/09/28 By Ya
BODY { FONT-SIZE: 12px } */


/* Form */
/* 文字の大きさは、一切指定しない。字が小さいのは見づらい
INPUT { FONT-SIZE: 12px }
TEXTAREA { FONT-SIZE: 12px }
SELECT { FONT-SIZE: 12px }
OPTION { FONT-SIZE: 12px }
*/
/* ボタンに見えるリンク */

/*a.bottonLink { 
	display: inline;
//	display: block;		
//	width: 80px;	
	margin: 7px;
	padding: 3px 13px 3px 13px;
	border: 2px solid;
	border-color:  white #808080  #808080 white; 
	background-color: #eceaee ;
	color: #000000;
	text-decoration: none;
}
*/

P {
	line-height:140%;/* 20091204 add */
}

/* テーブル用 */

/* table {background-color: lightsteelblue ;} */
.bluetable{/* background-color: lightsteelblue */ ;
	background-color:#999999;
	width:800px;
	table-layout: fixed;
} 

caption {
/*	FONT-size:12px; */
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #3265ac;	/* maincolor_mon と同じ*/
	padding : 2px;
}

/* th 	 { background-color: #3E78C4; FONT-SIZE: 12px; color: #FFFFFF;  } */
th 	 { background-color: #3E78C4; color: #FFFFFF;  }

/* TD { FONT-SIZE: 12px }*/
TD {}
td.cell  { 
	background-color: #EFEFEF;
	padding:7px;
	line-height:140%;
	word-break:break-all;
}
td.smallcell  {
	background-color: #EFEFEF;
	padding:7px;
	line-height:140%;
	word-break:break-all;
/*	font-size: 85%; */
}


		/* 通常のセル */
td.cell2 { background-color: #E7E0FF; }		/* 「通常」と「削除や無効」以外のセル */
td.cell3 { background-color: lightgrey; }	/* 削除や無効のセル */
td.pager { background-color: ivory; }		/* 一覧のページングのセル */
td.total { background-color: #3399cc; font-weight: bold; color: white; } /* 一覧の合計 */


/* 削除画面用 */
caption.del	{ background-color: palevioletred    ; }
/* th.del 		{  background-color: hotpink; FONT-SIZE: 12px; color: #FFFFFF; } */
th.del 		{  background-color: hotpink; color: #FFFFFF; }
td.del 		{ background-color: mistyrose; }


/* 他 */

.maincolor {background-color: #3265ac}

.maincolor2 {background-color: #B2C1D9}

.leftmenucolor {background-color: #3265ac}

.titlefont {color: #3265ac; font-size: large; font-weight: bold}

.list_hilight {background-color: #FFFFE0; color: #000000}

.maincolor_mon {color: #FFFFFF;background-color: #3265ac}


/* メッセージ表示用 */
.msg  { color : red;}						/* 入力エラーなど (文字：赤)  */
/*.msg  { color : white; background-color: red; }*/		/* 入力エラーなど (文字：白 / 背景色：赤)  */
/* .msg2 { color : red; FONT-SIZE: 11px }*/				/* 入力必須 * 印, 入力条件など (文字：赤 / サイズ：11px)  */
.msg2 { color : red;}				/* 入力必須 * 印, 入力条件など (文字：赤 / サイズ：11px)  */
/*.msg2 { color : #9966FF }*/
.msg3 { color : Silver }					/* 注意事項など (文字：薄紫 / 普通の文字サイズ)  */
.msg4 { color : #000000; font-weight: bold; }			/* 件数 (文字：黒・太字) */
.msg5 { color : red; }						/* 特に注意してほしい注意事項など（文字：赤 / 普通の文字サイズ） */
.msg6 { color : #cc99cc; FONT-SIZE: 11px }			/* 入力欄のコメント  */



/* ちいたんSQLログ用 */
.cheetan_sql_log { text-align: center; 	border: none;  FONT-SIZE: 12px; }
.cheetan_sql_log table { width: 100%; }
.cheetan_sql_log th { background-color: F500FF; vertical-align: center; height: 26px; }
.cheetan_sql_log td { background-color: FFE5FF; padding: 3px; }

/* 入力時IME切り替え用 */
.ime_active { ime-mode: active; }	/* フォーカス移動時にオン */
.ime_inactive { ime-mode: inactive; }	/* フォーカス移動時にオフ */
.ime_disabled { ime-mode: disabled; }	/* IME使用を禁止 */

hr { 
border-top: 1px dashed #999999;
height: 1px;
color: #FFFFFF;
margin: 3px 0px;
}

/* 20100323 add for info pages */
.infobluetable{
	background-color:#999999;
	width:200px;
	table-layout: fixed;

}

td.infocell  { 
	background-color: #EFEFEF;
	padding:3px;
	font: 80%;
	line-height:110%;
	word-break:break-all;
}

td.infosmallcell{
	background-color: #EFEFEF;
	padding:3px;
	font: 80%;
	line-height:110%;
	word-break:break-all;
}

/* 20100524 add for post pages */
#post-content {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
#main-content-left {
	float:left;
	height:auto;
	margin-right:10px;
	margin-bottom:10px;
/*	width:790px;2020/10/20　幅広になると右広告が落ちるのを修正*/
	width:80%;
	word-break:break-all;
}

#post-content-right {
	float:right;
	height:auto;
	width:200px;
	word-break:break-all;
}

/* 20100708 add for archive pages */

#archive_years{
	vertical-align:top;
	margin:30px;
	align:left;
}

.archive_year{
	float:left;
	height:auto;
	margin:10px;
	width:152px;
	vertical-align:top;

}

.archive_year ul li {
	border: 1px solid gray;
	padding:7px;
	list-style-type:none;
}

.archive_clear{
	clear: both;
}

#archives{
	vertical-align:top;
	margin:30px;
	width:700px;
}

#archive_seiji{
	float:left;
	height:auto;
	margin:10px;
	width:300px;

}

#archive_other{
	float:right;
	height:auto;
	margin:10px;
	width:300px;

}

#archive_other li, #archive_seiji li{
	/* background-color: #EFEFEF; */
	border: 1px solid gray;
	padding:7px;
	list-style-type:none;
	font-weight: bold; 

}

.archive_list_header, .archive_year_header{
	background-color: #3E78C4;
	color: #FFFFFF;
	padding:7px;
	list-style-type:none;
}

.archive_list_data, .archive_year_data{
	background-color: #EFEFEF;
	padding:7px;
	list-style-type:none;
}

#archive_list{
	float:left;
	height:auto;
	margin:30px;
	width:740px;
	word-break:break-all;
	

}

#archive_list div  {
	border: 1px solid gray;
	background-color: #EFEFEF;
	padding:7px;
	line-height:140%;
	word-break:break-all;
	vertical-align:top;
}

#archive-post-content-right{
	
/* 	float:right;
	height:auto;
	width:200px;
	word-break:break-all; */
	display: none;

}

//2015.01.25 ページ最下部のランキング２つのために追加
.clear {
	clear:both;
}
#bottom{
}
#bottom-left{
	clear:both;
	float:left;
	width:600px;
}

#bottom-right{
	float:right;
	width:600px;
}

//2020/05/21　記事最上部をテーブルからＣＳＳに
#kiji-upper{
	margin: 0 0 0 0;
}
#kiji-upper-left{
	float:left;
	padding:0 0 0 0;
	width:50%;
}

#kiji-upper-center{
	float:left;
	padding:0 0 0 0;
	width:10%;
	text-align:center;
}

#kiji-upper-right{
	float:right;
	padding:0 0 0 0;
	width:40%;
	text-align:right;
}