/*
Theme Name: archiclue_hp
Description: サンプル
*/

/* 背景 */
body
{
background-image: url();
}



/* コンテナ */
div#container	{width: 950px;

background-color: #ffffff; 
	margin: auto}

/* ヘッダー */
div#header	{background-image: url(http://archiclue.com/wp-content/uploads/2013/09/header4.jpg);
	background-color: #99B6C5;
	padding-top: 10px;
	padding-bottom: 15px;




}

div#header h1	{font-size: 1.6875em;
	margin: 0 3px}

div#header h1 a	{text-decoration: none;
	color: #ff9900}

div#header p	{font-size: 0.75em;
	margin: 8px 10px 0}

/* 独立ページのメニュー */





/* メイン */
div#main	{width: 720px;
	float: left}

/* コンテンツ */
div#content	{width: 500px;
	float: right;
	margin-bottom: 20px}

p#pagetitle	{font-size: 0.875em;
	font-weight: bold;
	color: #2b76cc;
border: dotted 1px #2b76cc;
	text-align: center;
	padding: 10px 0;
	margin-top: 20px}

/* 記事 */


div.post h2	{background: ;
font-size: 1.24em;
	border-bottom: solid 1px #8cc63f;
	padding-left: 5px;
	padding-bottom: 5px;
	 margin: 0px}

div.post h2 a	{text-decoration: none;
	color: #000000}

div.post p	{
font-size: 0.875em;
	line-height: 1.6;
	margin-top:10px; margin-bottom:10px　
}

p.postinfo	{color: #2b76cc;
	text-align: left;
	margin: 20px 0 0;
	clear: both}

p.postinfo a	{color: #2b76cc}


/* 記事内の画像 */
.aligncenter	{display: block;
		margin-left: auto;
		margin-right: auto}

div.post img	{border: none}

.alignleft	{float: left;
		margin-right: 10px;
		margin-bottom: 2px}

.alignright {float: right;
	margin-left: 10px;
	margin-bottom: 2px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px}


/* ページリンク */



p.pagelink a	{font-size: 0.75em;

border:none;
	color: #5395cd}


 a:link    { color: #5395cd}


a:visited {

    color: #5395cd}

/* クリック後のリンクカラー */




a:active{ color:  #5395cd;
}

/* クリックした瞬間のリンクカラー */

a:hover {
    color: #ffffff; /* カーソルを乗せたときのリンクカラー */

background-color: #5395cd

}









span.pageprev	{float: left}

span.pagenext	{float: right}


/* コメント */
#comments	{clear: both}

div#com	{border: solid 1px #2b76cc;
	padding: 0 18px;
	margin-top: 45px}

textarea	{width: 360px}

div#com h3	{font-size: 0.875em;
	border-bottom: solid 1px #2b76cc;
	padding-bottom: 3px;
	margin-top: 20px}

div#com p	{font-size: 0.75em}

div.compost	{border-bottom: dotted 1px #2b76cc}

p.cominfo	{text-align: right}

div#com a	{color: #2b76cc}

p#comfeed img	{vertical-align: middle}

p#comfeed a	{color: black;
	text-decoration: none}

p#comfeed	{background-color: #a8d1ff;
	padding: 8px;
	margin-top: 30px}

p#trurl	{background-color: #a8d1ff;
	padding: 8px;
	margin-bottom: 30px}

/* サイドバー */
div#sidebar	{width: 200px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px}

div#sidebar2	{width: 200px;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px}


div#sidebar3	{width: 300px;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px}



div#sidebar h2, div#sidebar2 h2  , div#sidebar3 h2
	{background-image: url();
	background-repeat: no-repeat;
	font-size: 0.75em;
	color: #000011;
	padding: 6px 8px;
	margin: 0}

div#sidebar li, div#sidebar2 li  , div#sidebar3 li
	{font-size: 0.75em;
	list-style-type: none;
	margin-bottom: 4px;
	background-image: url(listmark.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	vertical-align: top}

div#sidebar li a, div#sidebar2 li a  , div#sidebar3 li a
	{color: #000000;
	text-decoration: none}

div#sidebar ul, div#sidebar2 ul  , div#sidebar3 ul
	{margin: 8px 8px 20px;
	padding: 0}

div#sidebar2 ul li li
	{font-size: 1em;
	background-image: url(listmark-small.png);
	background-position: 0 3px;
	padding-left: 12px}

div#sidebar2 ul ul	{margin-left: 0}







/* カレンダー */
#wp-calendar	{width: 100%;
	margin-bottom: 20px;
	font-size: 0.75em}

#wp-calendar a	{color: #2b76cc}

#wp-calendar td, #wp-calendar th
	{text-align: center}

#wp-calendar caption	{background-image: url(menubar-small.png);
	background-repeat: no-repeat;
	color: white;
	padding: 6px 8px;
	text-align: left}

#wp-calendar #prev	{text-align: left;
	padding-top: 3px;
	padding-left: 3px}

#wp-calendar #next	{text-align: right;
	padding-top: 3px;
	padding-right: 3px}

/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #8cc63f;
	padding: 5px;
	margin: 25px 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/* タグクラウド */
p#tagcloud	{line-height: 1.2;
	margin-top:10px}

p#tagcloud a	{color: #2b76cc}

/* 検索フォーム */
input#s	{width: 140px;
float: right;
margin-bottom: 10px
}

input#sk	{
float: right;
margin-bottom: 10px
}


/* フッター */
div#footer	{border-top: solid 3px #2b76cc;
	clear: both}

address	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	padding-top: 6px}

address a	{color: #000000}


/* ２段組み用の設定(サイドバー左版 */
div#main2 div#content	{width: 700px}


/* ２段組み用の設定(サイドバー右版 */
div#main3 div#content	{width: 630px;
float:left;

    }

/* １段組み用の設定 */
div#main1 div#content	{width: 950px}




/* zenbackの文字のサイズ、間隔など */
#zenback #zenback-widget {
  font-size: 11px;


margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;

}




div#books  {   font-size: 11px;

}












/* 人気ランキング15のページのの文字のサイズ、間隔など */
.cat_pop ol li{
    width:590px;
    margin:0 10px 15px 6px;
    float:left;
    font-size:100%;
    line-height:20px;
    }


/* 書籍カテゴリー人気ランキングのページのの文字のサイズ、間隔など */
.cat_pop2{
    width:200px;
    margin-right:10px;
    float:left;
    }
.cat_pop2 h3{
    padding:10px 0 5px 0;
    font-size:100%;
    }
.cat_pop2 ol2 li2{
    width:130px;
    margin:0 5px 5px 6px;
   
    font-size:100%;
    line-height:15px;
    }




/* ホーム（トップ）の文字のサイズ、間隔など */

.cat_papa1{
    width:380px;
    margin:0 3px 5px 15px;
    float:left;
    }


.cat_papa2{
    width:280px;
    margin:0 3px 20px 12px;

    margin-right:10px;
    float:left;
    }


.cat_papa3{
    width:580px;
    margin:0 3px 10px 15px;

    margin-right:10px;
    float:left;
    line-height:15px
    }


.cat_papa4{
    width:190px;
    margin:0 3px 10px 12px;

    margin-right:5px;
    float:left;
    }