/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* =============================================== */

/* =#wrapをheight100%にするためには親要素も100%にしなければならない= */
html, body {
  height: 100%;
}

#wrap {
	min-height: 100%; /* =最小の高さが100%= */
	width: 950px;
	margin: 0 auto;
	position: relative; /* wrapは相対配置(footはabsolute絶対配置) ２カラムページでは無効 */
}



@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#wrap {
	min-height: 100%; /* =最小の高さが100%= */
	width:100%;
	margin: 0 auto;
    position: relative; /* wrapは相対配置(footはabsolute絶対配置) ２カラムページでは無効 */
	overflow: hidden;  /* 横幅オーバーでiphoneが横スクロールするのを防ぐ */
}

}


/* =============================================== */
#foot {
	text-align: center;
	border-top: 1px solid #009933;
	background: #fff;
	padding-top: 5px;
	clear: both;  /* ２カラム解除 */

/* =====================
foot2で使っている、「コンテンツの内容が少ない場合もfooterを最下部に置く記述」だが、float:leftのあるページだと、float:leftが効いてヘッダーの真下にfooterが出る。
２カラムでもやり方はあるようだが、cssを根本的に変えないといけないのでしてない。
【参考】http://www.revulo.com/blog/20070927.html
    position: absolute;
    bottom:0;
    width:100%;
========================== */
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#foot {
	text-align: center;
	border-top: 1px solid #d4d4d4;
	background: #fff;
	padding-top: 5px;
	//clear: both;  /* ２カラム解除 */
}

}
/* =============================================== */


/* =============================================== */
#wfoot {
	text-align: center;
	border-top: 1px solid #FF5E19;
	background: #fff;
	padding-top: 5px;
	clear: both;  /* ２カラム解除 */

/* =====================
foot2で使っている、「コンテンツの内容が少ない場合もfooterを最下部に置く記述」だが、float:leftのあるページだと、float:leftが効いてヘッダーの真下にfooterが出る。
２カラムでもやり方はあるようだが、cssを根本的に変えないといけないのでしてない。
【参考】http://www.revulo.com/blog/20070927.html
    position: absolute;
    bottom:0;
    width:100%;
========================== */
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#wfoot {
	text-align: center;
	border-top: 1px solid #d4d4d4;
	background: #fff;
	padding-top: 5px;
	//clear: both;  /* ２カラム解除 */
}

}
/* =============================================== */


#foot2 {
/* content2（サイドバーがないページ、input.phpとか）用 */
	text-align: center;
	border-top: 1px solid #d4d4d4;
	background: #fff;
	padding-top: 5px;

/* ===コンテンツの内容が少ない場合もfooterを最下部に置く記述=== */
    position: absolute; /* footは絶対配置(wrapはrelative相対配置) */
    bottom:0; /* ぜったい配置で一番下 */
    width:100%;
}



/* =============================================== */


#head {
	border-bottom: 1px solid #009933;
	background: #fff;
	padding: 20px 0px 0px 0px;

}

/* ==和風== */
#whead {
	border-bottom: 1px solid #FF5E19;
	background: #fff;
	padding: 20px 0px 0px 0px;
}


#head2 {
	border-bottom: 1px solid #d4d4d4;
	background: #fff;
	padding: 20px;
}




/* =============================================== */
#content {
	width: 620px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 140%;
	float:left;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#content {
	width:100%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-right: 0px;
	font-size: 140%;
	float:left;
}

}
/* =============================================== */


#content2 {
/* サイドバーがないページ、input.phpとか用 */
	padding: 20px;
	width: 820px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 140%;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#content2 {
	padding: 0px;
	width:100%;
	margin-right: 0px;
}

}

/*「情報を受け付け中」のフォント */
.accepting_font {
  color: #d4d4d4;
  font-size:90%;
  margin-top:5px;

}


/* ===ネーミング辞典、二つ以上の単語がある場合の区切り線== */
hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   /*border-color: #d4d4d4;  線色 */
   height: 1px; /* 高さ */
}
/* ======================================================= */

/* =============================================== */
#sideWrap { width:250px; float:left; }

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#sideWrap { width:100%; float:none; text-align:center; }

}
/* =============================================== */


/* =============================================== */
/* 余白 */
#inner { 
	clear: both;  /* headの２カラム解除 */
	margin:20px 0px 20px 10px;
 }

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#inner { margin:20px 0px; }

}
/* =============================================== */

a {
text-decoration: none;
}

/* =================================================
.word_t ネーミング辞典word.htmlのテーブル
================================================== */
.word_t {
	width: 100%;
	line-height:1.5em;
	font-size:90%;
	border-color:#d4d4d4;
	table-layout: fixed;
	margin-bottom: 15px;
}


.word_t a{/*リンクされた文字*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t a:link {/*未訪問のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t a:visited {/*訪問後のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    border-bottom:solid 1px #ff0000;
}
.word_t a:active {/*クリック中*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}

/* =============word_t2は、下線なし================ */
.word_t2 {
    width: 100%;
    line-height:1.5em;
    font-size:90%;
    border-color:#d4d4d4;
    table-layout: fixed;
    margin-bottom: 15px;
}


.word_t2 tr {
}

/* セル全体をリンクするために、高さ指定が必要。ここを100%にするとうまくいかないので、少なめにピクセル指定 */
.word_t2 td {
    height:10px;
}


.word_t2 a{/*リンクされた文字*/
    color:#000000;
    border-bottom:solid 0px #d4d4d4;
/* セル全体をリンクする指定 */
    display:block;width:100%;height:100%;vertical-align: middle;
}
.word_t2 a:link {/*未訪問のリンク*/
    color:#000000;
    border-bottom:solid 0px #d4d4d4;
}
.word_t2 a:visited {/*訪問後のリンク*/
    color:#000000;
    border-bottom:solid 0px #d4d4d4;
}
.word_t2 a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    border-bottom:solid 0px #ff0000;
}
.word_t2 a:active {/*クリック中*/
    color:#000000;
    border-bottom:solid 0px #d4d4d4;
}

/*index.htmlのリンク下線*/
.border1{
    border-bottom:solid 1px #d4d4d4;
}

.tablerow{
    display:table-row;
    width:100%;height:100%;
}



div.tablecss{
font-size:90%;
    display:table;
    width: 100%;
    table-layout:fixed;
    margin-bottom:15px;
}


/*tablecssと同じだがこちらは和風cate.htmlに使用*/
/*tablecssの名前にすると「div.tablecss a,」が有効になり不都合が起きる*/
div.tablecss4{
font-size:90%;
    display:table;
    width: 100%;
    table-layout:fixed;
    margin-bottom:15px;
}



/******テスト追記20180314*******************************/


.naming_tiles_section1 {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-content: center;
  font-size: 90%;
}

.naming_tiles_section1 > div {
display: flex;
  width: 151px;
  margin: 2px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.naming_tiles_section1 > div {
  width: calc(50% - 4px) ;

}
}

.naming_midasi2 {
  font-size:90%;
  margin: 20px 2px 2px 2px;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #60B99A;
  background: #fff;
  text-align:center;
  
}

.naming_midasi3 {
  font-size:90%;
  margin: 20px 2px 2px 2px;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #60B99A;
  background: #60B99A;
  color: #fff;
  text-align:center;
  
}

.naming_tiles_section1 a {

  width: calc(100% - 5px) ;
  margin: 0px;
  border-radius: 5px;
  background: #60B99A;
  color: #000;
  padding: 15px;
  text-decoration: none;
  word-wrap: break-word;
}

.naming_tiles_section1 .tile1 {
  display: block;
  padding: 5px;
  border: 2px solid #60B99A;
  background: #fff;
}


/* 情報を受付中 タイル */
.naming_tiles_section1 .tile2 {
  width: calc(100% - 5px) ;
  margin: 0px;
  border-radius: 5px;
  text-decoration: none;
  word-wrap: break-word;
}

.naming_tiles_section1 .tile3 {
  width: calc(100% - 5px) ;
  margin: 0px;
  border-radius: 5px;
  background: #aef9df;
  text-decoration: none;
  word-wrap: break-word;
}

.naming_tiles_section1 a:hover {/*マウスをのせたとき*/
    color:#ff0000;
}



@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.naming_tiles_section1 a {


}
}




.lang1 {
  font-size: 80%;
  padding:3px;
  background: linear-gradient(transparent 0%, #60B99A 0%);
  /* -webkit-gradient は android 標準ブラウザに有効 */
  background: -webkit-gradient(linear, left top, left bottom, from(#60B99A), to(#60B99A));
  color:#fff;
}


.lang2 {
  font-size: 80%;
  padding:3px;
  background: linear-gradient(transparent 0%, #60B99A 0%);
  /* -webkit-gradient は android 標準ブラウザに有効 */
  background: -webkit-gradient(linear, left top, left bottom, from(#60B99A), to(#60B99A));
  color:#fff;
display:block;
margin-bottom:10px;
}

.lang3 {
  font-size: 80%;
}




#fixed_contents1 {
        width:100%;
	max-width: 950px; /* wrap と同じサイズ*/
	/* header 固定の記述 */
	position:fixed;
	top:0;
	z-index:3000;

}




#fixed_header {

        width:100%;
	text-align: center;
	margin: 0 auto;
padding:5px 0px;

	background: #fff;
 height:40px;
    border-bottom:solid 1px #d4d4d4;
font-size:90%;

}




#fixed_search_box {
    display:table;
  width:100%;
  height:100px;
  background: #fff;

}


#search_txtbox {
  border:0;
  padding:10px;
  font-family:Arial, sans-serif;
  border:solid 1px #ccc;
  margin:0px 0px;
  width:70%;
}

#search_btn {
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px 30px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
#search_btn {
  font-size: 85%;
  font-weight: bold;
  padding: 0px;

}
}


#fixed_search_box form {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}





#new-header-ad {

  text-align: center;
  margin: 10px 0px;

}


.title_logo {
  height: 25px;

}


.my_icon1 {
  font-size: 2.5em;

}

/* 検索窓を上下中央ぞろえで表示 */
/*
.display_action {
  display:table !important;
}
*/




#search_section {
  width:30px;
  max-width: 950px; /* wrap と同じサイズ*/
  border: 1px solid #ff0000;
  background: #00f;
  z-index:50px;


}

/*スクロールバーの出るモーダルウィンドウ*/
/*-----------------------------------------------*/

.lock {
/* overflow:hidden 時、PCだとなぜか8pxずれる対策 */
    margin-left: -9px;
    overflow:hidden;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.lock {

    margin-left: 0px;

}
}


.modal-content {
    position:relative;
    display:none;
    width:85%;
    margin-top:51px;
    margin-bottom:0px;
    padding:10px 10px;
    border:2px solid #aaa;
    background:#fff;
}



@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.modal-content {
    padding:5px 5px;
/* modal-content の左右 padding 10(5×2)と 左右 border 4(2×2) で計 44px */
/* だけど 14 引くとなぜかずれる。15 や 13 だとずれない */
width: calc(100% - 15px);

}
}



.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:2000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}



.modal-open:hover {
    cursor:pointer;
}

.modal-close {
    color:#d4d4d4;

}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
/*-----------------------------------------------*/



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

/*margin-bottomなし*/


/*word.html「「○○」に関する言葉の○○の表現」で使用*/
/* ================================================== */
div.tablecss2{
    font-size:90%;
    display:table;
    width: 100%;
    table-layout:fixed;
}

div.tablecss3{
    font-size:90%;
    display:table;
    width: 100%;
}

div.moji2{
    padding:5px 5px 5px 5px ;
    display:table-cell;
    width:100%;height:100%;
    vertical-align:middle;
    text-align:center;
    border: 1px solid #d4d4d4;
}

/* ================================================== */


div.tablecss a,
div.moji{

    padding:5px 5px 5px 5px ;
    display:table-cell;
    width:100%;height:100%;
    vertical-align:middle;
    text-align:left;
    border: 1px solid #d4d4d4;
}

/* 和風ネーミングcate.htmlのレイアウト */
/***************************************/
div.fmoji1{
    padding:5px 5px 5px 5px;
    display:table-cell;
    width:80%;height:100%;
    vertical-align:middle;
    text-align:center;
    border: 1px solid #d4d4d4;
}







div.fmoji2{
    padding:5px 5px 5px 5px;
    display:table-cell;
    height:100%;
    vertical-align:middle;
    text-align:left;
    font-size:80%;
    border: 1px solid #d4d4d4;
    line-height:1.5em;
}



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

div.tablecss a{/*リンクされた文字*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
div.tablecss a:link {/*未訪問のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
div.tablecss a:visited {/*訪問後のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
div.tablecss a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    border-bottom:solid 1px #d4d4d4;
}
div.tablecss a:active {/*クリック中*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}



/*和風ネーミングcate.html用*/
div.tablecss4 a{/*リンクされた文字*/
    color:#000000;
}
div.tablecss4 a:link {/*未訪問のリンク*/
    color:#000000;
}
div.tablecss4 a:visited {/*訪問後のリンク*/
    color:#000000;
}
div.tablecss4 a:hover {/*マウスをのせたとき*/
    color:#ff0000;
}
div.tablecss4 a:active {/*クリック中*/
    color:#000000;
}


/* =====word.html見出しテーブルの中心の横線を消す===== */
.midasi-t1 {
	border-bottom:0px;
}

.midasi-t2 {
	border-top:0px;
}
.midasi-t3 {
	color: #d4d4d4;
	margin-top:-23px;
	margin-bottom:-20px;
	margin-right:-5px;
}


.no-edit1 {
	float:right;
	color: #d4d4d4;
	font-size:85%;
	margin-top:-15px;
}

.midasi-t4 {
	color: #d4d4d4;
	margin-top:0px;
	margin-bottom:-0px;
	margin-right:-5px;
}


/* =================================================== */


/* =============================================== */
.kensaku-box {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 15px;
	line-height:1.5em;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.kensaku-box {
	padding: 5px 0px 10px 10px;
}
}
/* =============================================== */


/* ==コンテンツ下のカテゴリ一覧================== */
.category1 {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 70%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 15px;
	line-height:1.5em;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
/*モバイルでは表示*/
.category1 {
	display:none;
}
}
/* =============================================== */

/* ====ネーミング辞典。「準備中」とかの一時的なメッセージ用==== */
.msg-box {
	border-style:solid;
	border-width:1px;
	border-color:#CC0000;
	font-size: 85%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.msg-box {
	padding: 5px 0px 10px 10px;
}
}
/* ============================================================= */


/* ====ネーミング辞典。「準備中」とかの一時的なメッセージ用==== */
.msg-box2 {
	border-style:solid;
	border-width:1px;
	border-color:#0000ff;
	font-size: 85%;
	padding: 5px 0px 5px 10px;
	margin:5px 0px 15px 0px;
	border-radius: 5px;
	
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.msg-box2 {
	padding: 5px 0px 10px 10px;
}
}
/* ============================================================= */



/* ====ネーミング辞典。検索して該当がなかった場合のメッセージ==== */
.error-msg {
	font-weight:bold;
	font-size: 90%;
	color:#CC0000;
	padding: 5px 0px 5px 10px;
}

/* ============================================================= */

/* ===PCサイトでアドセンスが横に二つ並んだときの間隔============ */
.content-ad1 {
	margin-right: 10px;
}

@media screen and (max-width: 467px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.content-ad1 {
	margin-right: 0px;
}
}
/* ============================================================= */

/* ====ネーミング辞典。トップページ「ピックアックキーワード」の部分==== */
.top-box {
	border-style:solid;
	border-width:2px;
	border-color:#009933;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 15px;
	text-align:  center;
	font-weight:bold;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.top-box {
	padding: 5px 0px 10px 10px;
}
}
/* ============================================================= */


/* ====和風ネーミング辞典。トップページ「ピックアックキーワード」の部分==== */
.wtop-box {
	border-style:solid;
	border-width:2px;
	border-color:#FF5E19;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 15px;
	text-align:  center;
	font-weight:bold;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.wtop-box {
	padding: 5px 0px 10px 10px;
}
}
/* ============================================================= */


/* =============================================== */
.sidebar-box1 {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	margin-bottom:10px;
	width: 298px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sidebar-box1 {
	margin-left:-1px; /* なぜか1pxずれるので補正 */
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 0px;
	width:100%;
}

}
/* =============================================== */




/* ===========サイドバーのテーブル用============== */
.sidebar-box2 {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	border-collapse: collapse;
	font-size: 90%;
	width: 300px;
}

.sidebar-box2 td {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	text-align: center;
	padding: 5px 0px 5px 00px;
	border-width:0px; /* ==真ん中の線を消す== */
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sidebar-box2 {
	font-size: 90%;
	padding: 5px 0px 5px 0px;
	width:100%;
}

}
/* =============================================== */



/* サイドバーアドセンスに利用 */
/* =============================================== */
.sidebar-box3 {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 6px 5px 4px; /* adsenseセンタリングの寸法 */
	margin-bottom:10px;
	width: 298px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sidebar-box3 {
	margin-left:-1px; /* なぜか1pxずれるので補正 */
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 0px;
	width:100%;
}

}
/* =============================================== */


/* ====サイドバーにある入力画面へのリンク===== */
.input_link {
	line-height:1.6em;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.input_link {
	pointer-events:none;/*リンクを非リンクに変える*/  
	cursor:default;/*マウスカーソルを矢印のまま変えない*/    
}

/****スマホの無効リンクの色******/

/* === ノーマル状態 === */
.input_link a:link {
	color : #999999;
}

/* === 訪問済み === */
.input_link a:visited {
	color : #999999;
}

}
/* =============================================== */


/* ====スマホでは投稿できない、のコメントを出力==== */
@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sp_msg:before {
	content: "※現在、投稿はＰＣからのみ行えます。";
	color : #ff0000;
}

}
/* =============================================== */



/* ==========アドセンス位置の微調整=============== */
.ad-posi1 {
margin:10px 0px 10px 0px;

}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.ad-posi1 {
text-align:center;
margin:15px 0px 10px 0px;
}
}
/* =============================================== */


.ad-posi2 {
margin:30px 0px 10px 0px;

}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.ad-posi2 {
text-align:center;
margin:15px 0px 10px 0px;
}
}
/* =============================================== */



.yomi1 {
	font-size: 85%;
}


.box1 {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	font-size: 85%;
	border-color:#009933;
	padding: 5px 0px 5px 0px;
	width:100%;
	margin-bottom:15px;
	text-align: center;
}










/* ==ネーミング辞典、索引の見出し======================== */
.naming_midasi1 {
	margin:0px auto;
	line-height:2em;
	width: 92%;
	padding: 0px;
	border-bottom:2px solid #009933;
	font-size: 120%;
	text-align:center;
}

/* ====================================================== */

/* ==和風ネーミング辞典、索引の見出し======================== */
.wafuu_naming_midasi1 {
	line-height:2em;
	width: 92%;
	padding: 0px;
	border-bottom:2px solid #FF5E19;
	font-size: 120%;
	text-align:center;
}

/* ====================================================== */


/* カテゴリをモーダルウインドウ内に置いたときに設置 201803 */

.new_sakuin {
margin: 0px auto;
	font-size: 100%;
	padding: 10px;
	line-height:1cm;
	border: 0px;
	width: 90%; 
}


.new_sakuin a{/*リンクされた文字*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.new_sakuin a:link {/*未訪問のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.new_sakuin a:visited {/*訪問後のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.new_sakuin a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    border-bottom:solid 1px #ff0000;
}
.new_sakuin a:active {/*クリック中*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}



/* サイドバー 人気のカテゴリー テーブルに使用 */
.sakuin {
	font-size: 120%;
	padding: 10px;
	line-height:1cm;
	border: 0px;
	width: 90%; 
}

.sakuin td {
	border:0px;
}


/* 和風カテゴリリンク間のマージン */
/* 全角スペース二つで間隔を取ったらブラウザによって表示がおかしくなったので margin に変更した */
.wafuu_naming_midasi1 + .sakuin a{
	display:inline-block;
	margin-right:20px;
}



/* =連想類語辞典word.htmlのかな候補が複数あった場合の文字に使用= */
.font1 {
	line-height:1.5em;
	font-size:90%;
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
}

.font2 {
	line-height:1.5em;
	font-size:90%;
	border-style:solid;
	border-width:1px;
	border-color:#CC0000;
	background-color:#F2D8DF;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
}

/* === sakuin.htmlのリストに使用 === */
.font3 {
	line-height:1.5em;
	font-size:90%;
}

/* === word.html単語の緑下線 === */
.font4 {
	border-bottom:2px solid #009933;
}


/* === 和風ネーミングword.html に使用 === */
.font5 {
	border-bottom:2px solid #FF5E19;
	font-weight:bold;
	font-size:130%;
	text-align:center;
}

/* === 和風ネーミングword.html に使用 === */
.font6 {
	font-size:80%;
	text-align:center;
}

/* === about.htmlの説明文 === */
.ab-font1 {
	line-height:1.5em;
	font-size:85%;
	margin-bottom:20px;
}

.ab-font2 {
	border-bottom:2px solid #009933;
}

/* === 和風about.htmlの説明文 === */
.abw-font2 {
	border-bottom:2px solid #FF5E19;
}

.ab-font3 {
	margin-bottom:10px;
	font-size:90%;
}

/* =========================================================
■.snsbt-list
SNSボタン ＋１ボタンが改行してしまうのでリストで対応
========================================================= */
.snsbt-list {

list-style: none;
margin: 0;
padding: 0;
}

.snsbt-list li {
list-style: none;
margin: 0;
padding: 0 0 0 5px;
float: left;
}
/* ====================================================== */

/* =======プレミアム会員の申し込み説明ページで使用======= */
.list1 {
list-style-type:decimal;

}

p {
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

dl {
	margin-bottom: 10px;
}
dt {
	border-left: 5px solid #106eb7;
	padding-left: 5px;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 0.5em;
}

.required {
	background-color: #BB1850;
	color: #fff;
	font-size: 90%;
	padding: 2px;
	margin-left: 10px;
}


th, td {
	border: 1px solid #999;
	padding: 3px;
}

th {
	background-color: #106eb7;
	color: #fff;
	font-weight: bold;
}

li {
	list-style: circle;
	margin-left: 20px;
	margin-bottom: 0.5em;
}

li.list1 {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 0.5em;

}

.paging {
	margin-top: 10px;
	text-align: center;
}
.paging li {
	display: inline;
	list-style: none;
}

.error {
	font-size: 90%;
	color: #BB1850;
}

#lead {
	margin-bottom: 1em;
}

.msg {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}
.msg img {
	float: left;
	margin-right: 5px;
}
.msg p {
	margin: 0;
}
.msg .day,
.msg .day a {
	font-size: 80%;
	color: #999;
}



.name {
	float: right;
	margin-right: 5px;

}

.adsense1 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.adsense2 {
	margin-top: -10px;
	margin-bottom: 9px;
}