/**********************************************************/
/*	ベースCSS(newstyle.css)
//		Created ：2014.05.06
//		Modified：2014.05.07 6:55
//		更新：2018/09/30　img 幅 img{ max-width: 96vw;
*/
/**********************************************************/

ul {
	list-style: none;
	padding-left: 0;
}


/* CSSだけで入力しやすいフォームを簡単に実装する方法 http://www.aiship.jp/knowhow/archives/28192 start */
input[type="text"],
textarea {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}
textarea {
    width: 300px;
}
input[type="text"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}
input[type="text"] {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 200px;
}
input[type="text"]:focus {
    width: 300px;
}
input.smart_submit {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.smart_submit:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}
/* CSSだけで入力しやすいフォームを簡単に実装する方法 http://www.aiship.jp/knowhow/archives/28192 end */

body {
	word-wrap:break-word; /* table 要素から body 要素に変更　2018/08/20 update */
/*
word-breakとword-wrapはややこしい
https://w3g.jp/blog/confusing_word-break_word-wrap
body{ word-break: break-all; word-wrap: break-word; overflow-wrap: break-word;}のように両方のプロパティを記述した場合は、word-break: break-all;だけを指定した場合と同じ動作
*/
}

table {
	width: 95vw;/* 2018/08/19 add */
} 


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

/* 2018/08/11 add 2018/08/20 update 100％→100vw
一部これが動作しない場合があった。探したら下記があった
p img { 
   max-width: 100vw; 
}
*/

/* 2018/09/13 add https://webdesignerwork.jp/responsivewebdesign/ */
img{
	max-width: 96vw;
	height: auto;
	width /***/:auto;
}

/* テーブル用 */

/* table {background-color: lightsteelblue ;} */
.bluetable{/* background-color: lightsteelblue */ ;
	background-color:#999999;
/* smart.css delete
	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;
/* smart.css delete
	line-height:140%;
*/
	/* word-break:break-all; 2018/08/19 delete*/
}
td.smallcell  {
	background-color: #EFEFEF;
	padding:7px;
/* smart.css delete
	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;
}

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

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

/******************************************************************************************/

/* 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;
/* smart.css delete
	width:700px;
*/
}

#archive_seiji{
	float:left;
	height:auto;
	margin:10px;
/* smart.css delete
	width:300px;
*/
}

#archive_other{
	float:right;
	height:auto;
	margin:10px;
/* smart.css delete
	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; 2018/08/19 delete */
/* smart.css delete
	width:740px;
*/
	width: 95vw;/* 2018/08/19 add */
	word-wrap:break-word; /* 2018/08/19 add */

	/* word-break:break-all; 2018/08/19 delete*/
	

}

#archive_list div  {
	border: 1px solid gray;
	background-color: #EFEFEF;
	padding:7px;
/* smart.css delete
	line-height:140%;
*/
	/* word-break:break-all; 2018/08/19 delete*/
	vertical-align:top;
}

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

}


/* 以上　*/