/*
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;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
    position: relative; /* wrapは相対配置(footはabsolute絶対配置) ２カラムページでは無効 */
}



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

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

}


/* =============================================== */
#foot {
	text-align: center;
	border-top: 1px solid #d4d4d4;
	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;  /* ２カラム解除 */
}

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


#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 #d4d4d4;
	background: #fff;
	padding: 20px 0px 0px 0px;
}


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


/* =============================================== */
#header-ad {
	margin-left: 200px;
	margin-top: -20px;
}

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

#header-ad {
	margin-left: 0px;
	margin-top:  10px;
}
}
/* =============================================== */

/* =============================================== */
#header-banner {
/* ===paddingの12pxはワイドバナーの横移動================= */
	padding: 0px 12px 0px 10px;
	width: 200px;
	float:left;
}

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

#header-banner {
	float:none;
}
}
/* =============================================== */

/* =============================================== */
#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;
}

}



/* =============================================== */
#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 10px;
 }

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

#inner { margin:20px 0px; }

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


/* ==検索ボックスとランダムピックアップに使用====== */
.kensaku-box {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	margin-top:15px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.kensaku-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;
	width: 290px; /* paddingで10px使ってるので、その分引く */
}

@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%;
}

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


/* ===コロケーション辞典word.htmlの見出し=== */
/* ====================================================== */
.col_midasi1 {
	line-height:2em;
	margin-left: 10px;
	padding: 5px;
	border-bottom:1px solid #000099;
	font-size: 90%;
}

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

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


/* ========コロケーション辞典のフォント設定============== */

.col_font1 {
	margin-top: 40px;
	line-height: 1.5em;
	color: #000099;
	font-size: 120%;
}


/* コロケーションのsakuin.htmlのリストに使用 */
.font8 {
	line-height:1.5em;
	font-size:90%;
}


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






/* ====サイドバーにある入力画面へのリンク===== */
.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;
}
}
/* =============================================== */

/* =========================================================
■.pan
ローカルナビゲーションのスタイル
========================================================= */

/* ローカルナビゲーションの見出し */
.pan{
        font-size:60%;
        margin-top:5px;
        margin-bottom:10px;

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

/* =========================================================
■.watermark（すかしの意味）
すかし文字の灰色。入力欄で使用
========================================================= */
.watermark {
  color: #C0C0C0;
}
/* ====================================================== */

.yomi1 {
	font-size: 85%;
}


.box1 {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

/* ==contentファイルヘッダー、「○○の表現描写」のところで使用。２つで１セット== */
.box2-1 {
	text-align: center;
	margin: 10px 0px 2px 0px;
}

.box2-2 {
/* == なぜかiosでうまくいかないので諦めた == */
/* ==	white-space: nowrap; == */
	border-bottom:1px dotted;
	border-color:#d4d4d4;
	text-align:center;
	color: #44A077;
	line-height: 1.7em;
}

/* ==contentページで使うbox== */
.con-box1 {
white-space: nowrap;
border-style: solid; border-width:1px;
line-height: 2em;
margin: 0px 5px 0px 5px;
padding: 3px;
border-color: #d4d4d4;
}


.tango_box {
	border-style:solid;
	border-width:1px;
	border-color:#888888;
	margin-top: 6px;
	padding: 3px 9px 3px 9px;
	font-size: 85%;
	line-height: 1.8;
}




.input-box1 {
	border-right: solid 1px #d4d4d4;
	padding: 5px 0px 5px 10px;
	width: 350px; /* paddingで10px使ってるので、その分引く */
	float:left;
}


.input-box2 {
	padding: 5px 0px 5px 10px;
	width: 350px; /* paddingで10px使ってるので、その分引く */
	float:left;
}

/* input.phpの「感情表現は別ページへ」の囲い */
.input-box3 {
	border: 1px #000099 solid;
	padding: 3px;
}

.linkfont1 {
font-size: 60%;
color: red;
font-weight: normal;
}



.h1-2 {
	font-size: 200%;
	font-weight: bold;
}

h2 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 0.5em;
}


/* kanjoやkankakuのトップに使用 */
.top-font {
	line-height: 2em;
}

/* hyogen.infoの一番トップのみ */
.top-font2 {
	line-height: 2em;
	color: #000000;

/* 下記３点で点線ボーダー */

	border-bottom-width:1px;
	border-bottom-style:dashed;
}

a {
text-decoration: none;
}

/* contentsファイルの単語（意味）から単語意味へのリンクで使用 */
.font3 {
	color: #000000;
	border-bottom-width:1px;
	border-bottom-style:dashed;
}

/* kanjo_tag_change.htmlのカテゴリ見出しで使用 */
.font4 {
	border-bottom-style:solid;
	border-bottom-color:blue;
	border-bottom-width:1px;
	font-weight: bold;
}


/* ==感情inputのタグ関連================================================== */
/* ==２つで１セット================================================== */
/* kanjo_tag_change.htmlのサブカテ名の囲い */
.font5 {
	border-style: solid;
	border-bottom-color:blue;
	border-width:1px;
	white-space: nowrap; /* 途中で折り返さない */
}
/* ==
IE8、IE9でうまく改行されない（white-space: nowrap;が延々と続く）バグ対策用
参考ページ → 「http://webdev-nekodama.xii.jp/css/hack.php?h=white-space」
== */
.font5:before{
	content: "・";
	font-size: 1px;
	visibility: hidden;
/* ==２つで１セットEND======================================== */

/* ==タグ内の文字と文字のボーダーがIEで寄りすぎるので間隔を取る=== */
	margin-left:3px; 
}

/* ==inputページ感情タグの文字をチェックボックスに重ねるため移動=== */
.tag1{
	margin-left:-1em;
}

.cbox1 {

 /* =JQUERYで透明化しているチェックボックスがクリックされた際にIEで出る点線を消す */
	outline:none;
}

/* ==感情inputのタグ関連 END=============================================== */




/* input.phpの「修正画面です」メッセージで使用 */
.font6 {
	line-height:1.6em;
	color:blue;
	font-weight:bold;
}

/* input.phpの「修正画面です」メッセージで使用 */
.font7 {
	border-style:solid;
	border-width:1px;
	border-color:red;
	color:red;
	font-weight:bold;
}






/* ==コロケーション辞典、索引の見出し======================== */
.hyogen_midasi1 {
	line-height:2em;
	width: 92%;
	padding: 0px;
	border-bottom:2px solid #000099;
	font-size: 120%;
	text-align:center;
}

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

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

/* ==コロケーション辞典の索引============================ */
.sakuin {
	font-size: 120%;
	padding: 10px;
	line-height:1cm;
	border: 0px;
	width: 90%; 
}

.sakuin td {
	border:0px;
}
/* ====================================================== */

/* ==感情表現============================================ */
/* ====================================================== */

.kanjo_moji {
	line-height: 1.5em;
	color: #000099;
}


/* ====================================================== */
.kanjo_sentence {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #000099;
	font-size: 90%;
}

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

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


.kanjo-box1 {
	margin-top: 25px;
	border-style:solid;
	border-width:1px;
	border-color:#000099;
	font-size: 90%;
	padding: 10px;
}


/******感情メインテーブル******************************/
.kanjo-table1 { 
margin-top: 25px;
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #000099 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
}

.kanjo-table1 td { 
border: 1px #000099 solid; /* セルの枠線（太さ・色・スタイル） */
font-size: 90%;
padding: 10px;
	line-height: 2em;
} 
/******メインテーブル ここまで************************/
/* ====================================================== */








/* ==感覚表現============================================ */
/* ====================================================== */

.kankaku_moji {
	line-height: 1.5em;
	color: #006633;
}

.kankaku_sentence {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #006633;
	font-size: 90%;
}

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

}

.kankaku-box1 {
	margin-top: 25px;
	border-style:solid;
	border-width:1px;
	border-color:#006633;
	font-size: 90%;
	padding: 10px;
}


/******感覚メインテーブル******************************/
.kankaku-table1 {
margin-top: 25px;
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #006633 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.kankaku-table1 td { 
border: 1px #006633 solid; /* セルの枠線（太さ・色・スタイル） */
font-size: 90%;
padding: 10px;
	line-height: 2em;
} 
/******メインテーブル ここまで************************/
/* ====================================================== */


/* ==人物表現============================================ */
/* ====================================================== */

.chara_moji {
	line-height: 1.5em;
	color: #990066;
}

.chara_sentence {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #990066;
	font-size: 90%;
}

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

}

.chara-box1 {
	margin-top: 25px;
	border-style:solid;
	border-width:1px;
	border-color:#990066;
	font-size: 90%;
	padding: 10px;
}


/******人物メインテーブル******************************/
.chara-table1 {
margin-top: 25px;
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #990066 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.chara-table1 td { 
border: 1px #990066 solid; /* セルの枠線（太さ・色・スタイル） */
font-size: 90%;
padding: 10px;
	line-height: 2em;
} 
/******メインテーブル ここまで************************/
/* ====================================================== */


/* ==食べ物表現============================================ */
/* ====================================================== */

.food_moji {
	line-height: 1.5em;
	color: #ff9900;
}

.food_sentence {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #ff9900;
	font-size: 90%;
}

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

}

.food-box1 {
	margin-top: 25px;
	border-style:solid;
	border-width:1px;
	border-color:#ff9900;
	font-size: 90%;
	padding: 10px;
}


/******食べ物メインテーブル******************************/
.food-table1 {
margin-top: 25px;
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #ff9900 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.food-table1 td { 
border: 1px #ff9900 solid; /* セルの枠線（太さ・色・スタイル） */
font-size: 90%;
padding: 10px;
	line-height: 2em;
} 
/******メインテーブル ここまで************************/
/* ====================================================== */




/* ==風景表現============================================ */
/* ====================================================== */

.scene_moji {
	line-height: 1.5em;
	color: #0099cc;
}

.scene_sentence {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #0099cc;
	font-size: 90%;
}

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

}

.scene-box1 {
	margin-top: 25px;
	border-style:solid;
	border-width:1px;
	border-color:#0099cc;
	font-size: 90%;
	padding: 10px;
}


/******風景メインテーブル******************************/
.scene-table1 {
margin-top: 25px;
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #0099cc solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.scene-table1 td { 
border: 1px #0099cc solid; /* セルの枠線（太さ・色・スタイル） */
font-size: 90%;
padding: 10px;
	line-height: 2em;
} 
/******メインテーブル ここまで************************/
/* ====================================================== */



/* ==比喩表現============================================ */
/* ====================================================== */

/* ====================================================== */
.hiyu_sentence {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #F92500;
	font-size: 90%;
}

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

.hiyu_sentence { margin-left: 0px; }

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

.kaisetu_box {
	border-style:solid;
	border-width:1px;
	border-color:#999;
	font-size: 90%;
	padding: 10px;
	margin-top: 20px;
}

.hiyu-box1 {
	margin-top: 25px;
	border-style:solid;
	border-width:1px;
	border-color:#F92500;
	font-size: 90%;
	padding: 10px;
}


/******比喩メインテーブル******************************/
.hiyu-table1 {
margin-top: 25px;
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #F92500 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.hiyu-table1 td { 
border: 1px #F92500 solid; /* セルの枠線（太さ・色・スタイル） */
font-size: 90%;
padding: 10px;
	line-height: 2em;
} 
/******メインテーブル ここまで************************/

/* ====================================================== */
/******トップページ。比喩表現へのリンクの文字に使用*********/
.hiyu-link {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #F92500;
	font-size: 90%;
}
@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.hiyu-link { margin-left: 0px; }

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


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

/******トップページ。上部説明文に使用*********/
.top_sentence {
	line-height:2em;
	margin-left: 0px;
	padding: 5px;
	border-bottom:2px solid #999;
	font-size: 90%;
}




/******問い合わせページの見出し*********/
.contact_sentence {
	line-height:2em;
	margin: 80px 0px 0px 100px;
	border-bottom:2px solid #999;
	font-size: 90%;
}

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

.contact_sentence {	margin: 50px 0px 0px 0px; }

}


/* ====================================================== */
/* ==profile.htmlのメッセージ位置== */
.message1 {
	margin:30px 0px 0px 100px;
	font-size: 90%;
	line-height:1.5em;
}

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

.message1 {
	margin:30px 10px 0px 10px;
	font-size: 90%;
}

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


/* ====================================================== */
/* ==tokusyo.phpのメッセージ位置== */
.message2 {
	margin:15px 0px 0px 100px;
	font-size: 90%;
	line-height:1.5em;
}

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

.message2 {
	margin:15px 10px 0px 10px;
	font-size: 90%;
}

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

/* ====================================================== */
/******トップページ。単語検索へのリンクの文字に使用*********/
.tango-link {
	line-height:2em;
	margin-left: 50px;
	padding: 5px;
	border-bottom:2px solid #999;
	font-size: 90%;
}

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

.tango-link { margin-left: 0px; }

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



/******メインテーブル リンクテーブル灰色に使用*********/
.table1 {
margin-top: 25px;
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px solid #999; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.table1 td { 
border: 1px solid #999;; /* セルの枠線（太さ・色・スタイル） */
font-size: 90%;
padding: 10px;
	line-height: 2em;
} 
/******テーブル ここまで************************/

/******セットでテーブルのボーダーを消す******/
.table2 {
	width: 100%;
	border: 0px;
	margin-top:-35px;
	margin-bottom:10px;
}
.td3 {
	border:0px;
}
/*******************************************/

/**各ページ下部、adsenseを並列させたテーブルのボーダー枠を消すのに使用**/
.table3 {
	width: 100%;
	margin-top:10px;
	border: 0px;
}


.td1 {
	line-height: 1.5em;
}

.td2 {
	line-height: 1.5em;
	font-size: 150%;
	font-weight: bold;
}

/* =paypal支払いボタンのテーブル= */
.pay-bt {
border:0;
	margin:30px 0px 0px 100px;
	font-size: 90%;
}

.pay-bt tr {border:0; }

.pay-bt td {border:0; }
/* ============================= */


/* =感情、contentファイルのサブカテゴリータイトルに使用= */
.font1 {
	font-weight: bold;
	color: #000000;

}



/* サブカテページとかのリンクを黒にする */
.font2 {
	color: #000000;
}

/* =========================================================
■.prem プレミアムサービス比較のテーブル
========================================================= */
.prem td { 
padding: 5px;
} 

/* =========================================================
■.headline1
辞典ページの見出し
========================================================= */
.headline1{
	font-size:100%;
	line-height:1.6em;

 /* 下線を右淵からどれだけ離すか（下線の長さ） */
 margin-right:5px;

 /* 文字を左からどれだけ離すか */
 padding-left:5px;

 /* 文字を上からどれだけ離すか */
 padding-top:30px;

 /* 下線の太さと種類 */
border-bottom:2px solid;
border-color:#000066;

 /* 文字の下線の距離 */
padding-bottom:2px; 
}
/* ====================================================== */

/* =========================================================
■.dic-text1
辞典ページの見出しの下のテキスト。意味とか。
========================================================= */

.dic-text1{
	border-color:#550000;
	margin-top: 30px;
	font-size: 85%;
}
/* ====================================================== */


/* =========================================================
■.dic-text1
辞典ページindexの説明文。
========================================================= */
.dic-setumei1 {
	line-height:1.6em;
	font-size: 85%;
}
/* ====================================================== */

/* =========================================================
■.result-bun1
検索結果ページや単語の一覧ページの文字。
========================================================= */
.result-bun1 {
	line-height:1.4em;
	font-size: 85%;
}
/* ====================================================== */

/* =========================================================
■.to-top
検索結果ページや単語の一覧ページの文字。
========================================================= */
.to-top {
	text-align: right;
	margin: 20px 15px 10px 0px;
	font-size: 90%;
}
/* ====================================================== */


.kensaku_td {
width: 2em;
height: 2em;
text-align: center;
vertical-align: middle;
}

/* ===会員ログイン、登録画面のinputボックス============== */
.input1 {
width: 20em;
}

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

.input1 { width: 100%; }

}

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





/* ====================================================== */
/* 検索回数オーバー時に、検索ページで使用しているフォント */
.kensaku_font1 {
	font-size: 85%;
	color: #C0C0C0;
}

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

.kensaku_font1 { margin-left:10px; }

}

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

/* 引用元情報の文字設定（エスカテページ）  */
.sakusya-font {
	color: #999999;
	font-size: 85%;
	margin-top: -10px;
}

/* 引用元情報の文字設定（コンテンツページ） */
.sakusya-font2 {
	color: #999999;
	font-size: 85%;
	margin-top: -20px;
	margin-bottom: 35px;
}

/* １つの文章の関連カテ情報の文字設定（エスカテページ）  */
.kanren-font {

	background-color:#FFCACA;
	font-size: 85%;
	padding: 2px;
	margin-left: 10px;
}

.kanren-font2 {
	color: #999999;
	font-size: 85%;
	margin-right: -5px;
}

.kanjo-font {
	color: #106eb7;
}

.food-font {
	color: #106eb7;
}

.kankaku-font {
	color: #336045;
}

.chara-font {
	color: #541029;
}




.sentence1 {
	font-size: 200%;
	font-weight: bold;
}

.adTop {
	text-align:center;
	margin-top:-10px;
	margin-bottom:10px;
}

.adBottom {
	padding: 20px;
}


.bottomlinks {
	padding: 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 153.9%;
}


/* =========================================================
■.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;
}


/* =========pager======== */
div#pagenation {
   position: relative;
   overflow: hidden;
}
div#pagenation ul {
	position:relative;
	left:50%;
	float:left;
	list-style: none;
}
div#pagenation li {
	position:relative;
	left:-50%;
	float:left;
}
div#pagenation li a {
	border:1px solid #CECECE;
	margin: 0 3px;
	padding:3px 7px;
	display: block;
	text-decoration:none;
	color: #666666;
	background: #fff;
}
div#pagenation li.active a,
div#pagenation li a:hover{
	border:solid 1px #666666;
	color: #FFFFFF;
	background: #3399FF;
}
/* =========pager ここまで======== */