/*
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 #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-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	background: #fff;
	padding: 10px;

	/* header 固定の記述 */
	position:fixed;
	top:0;

	z-index:10;
	text-align: center;
	margin: 0 auto;

	/* なぜか1pxずれているので修正 */
	margin-left:-1px;
	/* wrap の width 950px から head2 の padding 左右20px を引いた値 */
	width: 930px;
}


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

#head2 {
	width:100%;
	padding: 10px 0px 0px 0px;
}

}


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

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

#inner { margin:20px 0px; }

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



.word_t_midasi,
.word_t_midasi_dummy,
.word_t_midasi2_dummy,
.word_t_midasi2 {
	padding:10px;
	line-height:1.5em;
	font-size:81%;
	border:solid 1px #d4d4d4;
	/* content幅620から左右マージン20pxと左右ボーダー2pxを引いたもの */
	width:598px;
	background-color: #ffffff;
}

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

.word_t_midasi,
.word_t_midasi_dummy,
.word_t_midasi2_dummy,
.word_t_midasi2 {
	width:100%;
}

}





.fixed_attr,
.fixed_attr2 {
    position: fixed;
    top: 0px;
}


.word_t_field,
.word_t_midasi_dummy,
.word_t_midasi2_dummy,
.word_t_field2 {
	padding:10px;
	line-height:1.5em;
	font-size:81%;
	border-left:solid 1px #d4d4d4;
	border-right:solid 1px #d4d4d4;
	border-bottom:solid 1px #d4d4d4;
}


/* word_t_midasi を fixed にした時の高さ合わせ用。最初は非表示 */
.word_t_midasi_dummy,
.word_t_midasi2_dummy {
	display:none;
}

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



/* =================================================
.word_t みんなの類語辞典word.htmlのテーブル
トップページのランダムピックアップでも使用
================================================== */
.word_t {
	padding:10px;
	line-height:1.5em;
	font-size:90%;
	border-color:#d4d4d4;
	margin-bottom:15px;
}


.word_t tr td {
	padding:10px;
	line-height:1.5em;
	font-size:90%;
	border-color:#d4d4d4;
}


.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;
}


/* =============================================== */
.kensaku-box {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 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;
	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%;
}

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


/* リライトブーンへのリンク スマホでは表示しない */
/* =============================================== */
.sidebar-box4 {
	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-box4 {
	display:none;
}

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


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

}

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




a {
text-decoration: none;
}



/* ==みんなの類語辞典、アダルトワード用=============== */
/* ==adsenseが表示されない箇所======================== */
.wide-banner {
	width: 728px;
	height: 90px;
}

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

}



/*サイドバー*/
.sidebar-banner {
	width: 300px;
	height: 250px;
}
@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.sidebar-banner {

/*よく分からんけどこれでバランスが取れる。いずれ画像に変更する*/
padding-top:1000px;

margin-top:1000px;
margin-bottom:100px;
}



}




/*コンテンツ内*/
.content-banner {
	width: 336px;
	height: 280px;

}

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

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




/* ==みんなの類語辞典、索引の見出し======================== */
.ruigo_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に上書きされます。*/
.ruigo_midasi1 { margin-left: 0px; }

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

/* ==みんなの類語辞典、日本語ワードネットの見出しのテーブル== */
.ruigo_midasi2 {
	line-height:2em;
	width: 100%;
	padding: 0px;
	border-style:none;
	font-size: 90%;
	margin-bottom:10px;
	margin-left:5px;
	margin-top:30px;
}

.ruigo_midasi2 tr td {
	line-height:1.5em;
	border-style:none;
}

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

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

.sakuin {
	font-size: 120%;
	padding: 10px;
	line-height:1cm;
	border: 0px;
	width: 90%; 
}

.sakuin td {
	border:0px;
}






/* =連想類語辞典トップページ見出し「～ようこそ」に使用= */
.font1 {
	font-weight: bold;
	line-height:1.5em;
	font-size:120%;
	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;
	padding: 5px 0px 5px 10px;
}

/* === sakuin.htmlのリストに使用 === */
.font3 {
	line-height:1.5em;
	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;
}