body {background:#FFF url(header_back.jpg) repeat-x top; 
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #666; line-hight:1.8em; 
	margin:0;padding: 0; }
	
table {margin:0 auto; border-collapse:collapse; }
td {padding:0; vertical-align:top; }
th {}
img {border:0; }
div {margin-left:auto;margin-right:auto; }

a {color:#00a0e9; text-decoration:none;}
a:hover {color:#009a5b; }

h1,h2,h3,h4,h5,h6,ul {padding:0; margin:0; line-height:1em; }
h1 {font-size:13px; font-weight:normal; line-height:1em; padding-top:4px; }
h2 {} /* h2〜h5 は各コンテンツで指定 */
h3 {}
h4 {}
h5 {}
ul, ol {margin: 2px; padding: 2px; list-style-type:none; text-align: left;}
li {text-align:left; }
p {text-align:left; margin:14px auto; }

.none {display:none; }
.center {text-align:center; margin-left:auto;margin-right:auto; }
.red {color:#d4456f; }
.white {color:white; }
.blue {color:#026AD0; }
.blue_d {color:#05407B; }
.font10 {font-size:10px; }

/* ボタン */
.button {font-weight:bold; font-size:18px; background-color:#00a0e9; color:white; padding:3px 20px; border:solid 1px #2F5376; margin-left:4px; } 
a.button  {}
a.button:hover {color:white; background-color:#009a5b; text-decoration:none; }

@media screen and (max-width:480px) {
#topbar .menu { }
}
@media screen and (min-width:481px) {
a:hover {text-decoration: underline; }
}

/* -------------------------------------------------------------------------------
　　　テーマ内HTML
　　　
　　緑：#009a5b　　青：#00a0e9（濃：#2F5376）　　　赤：#A39D58　　黄土色：#726B24
----------------------------------------------------------------------------------- */



/* ---リスト表紙：下------------- */
/* 次ページへナビ */
#mokuji {text-align:center; font-size:120%; }

/* その他のカテゴリ */
#bottomktgmenu {display:none; }

/* -----------------------------------------------------------------------------
　　ヘッダーとフッター
------------------------------------------------------------------------------- */
#topbar {background-color:#08b1fe; color:white; padding:6px 0; }
#topbar .menu { }
#topbar .menu a {color:white; }

@media screen and (max-width:480px) {
#topbar .menu {text-align:center; margin-bottom:12px; }
}
@media screen and (min-width:481px) {
h1 {margin-left:40px; }
#topbar .menu {float:right; width:300px; text-align:right; margin-right:40px; }
}

/* ロゴ画像と検索エリア（Yomi-searchリスト表示）
------------------------------------------------------------ */
#header {margin:16px auto; }

#head2 {border-bottom:solid 1px #ddd; padding-bottom:6px; margin:10px 0 12px; }

form#search {text-align:center; margin-bottom:20px; }
.searchtext {font-size:18px; padding:4px 0; background-color:#f5f5f5; border:solid 1px #00a0e9; }


/* パンくず */
#pannavi {font-size:90%; color:#666; }
#pannavi strong {font-size:110%; }
#pannavi a {color:#666; }
#listselect { }
/* 並び替え */

/* マークコメント */
#markcoment {display:none; }

@media screen and (max-width:480px) {
#topbar .menu {text-align:center; margin-bottom:12px; }

#headrogo2 {text-align:center; }	
#headrogo2 img {width:90%; height:auto; }
#headsearch2 .serchtext {width:50%; }

}
@media screen and (min-width:481px) {
h1 {margin-left:40px; }
#topbar .menu {float:right; width:300px; text-align:right; margin-right:40px; }

#header {width:900px; position:relative; }
#headrogo2 {width:250px; margin:0; }
form#search {margin-bottom:40px; }
#headsearch2 {position:absolute; top:25px; left:260px; width:500px; }
#headsearch2 .searchtext {width:360px; }

#pannavi {margin-left:50px; }
#listselect {text-align:right; margin:0 40px 0 0;  padding-bottom:0; }

}



/* ロゴ画像と検索ＦＯＲＭ（TOPページ／INFOページ）
------------------------------------------------------------ */
#header-ind {margin:20px auto; }
form#topsearch .searchtextinput {font-size:18px; padding:4px 0; background-color:#f5f5f5; border:solid 1px #00a0e9; }

form#topsearch {text-align:center; margin-bottom:40px; }
form#topsearch .button {font-weight:bold; font-size:18px;  background-color:#00a0e9; color:white; padding:3px 20px; border:solid 1px #2F5376; margin-left:4px; }  


@media screen and (max-width:480px) {
#headrogo {text-align:center; }	
#headrogo img {width:90%; height:auto; }
form#topsearch .searchtextinput {width:50%; }
}
@media screen and (min-width:481px) {
#header-ind {width:900px; }
#header-ind #headrogo {float:left; width:380px; }

form#topsearch .searchtextinput {width:500px; }
}

/* フッター
------------------------------------------------------------ */
#footer {clear:both; text-align:center; color:#444; padding:18px 0 20px; margin-top:18px; border-top:solid 1px #ddd; }
#footer a {color:#444; }
#footer a:hover {color:#00a0e9; }




#poweredby {font-size:13px; }
address {font-size:13px; text-align:center; font-style:normal; padding-bottom:12px; }



@media screen and (max-width:480px) {
#footer .menu {margin:16px 0; border-top:solid 1px #ccc; }
#footer .menu a {display:block; background-color:#eee; border-bottom:solid 1px #ccc; padding:8px; }
#footer .menu a:hover {background-color:#00a0e9; color:white; }
#footerin li.newentry {margin-top:8px; border-top:solid 1px #ccc; }
}
@media screen and (min-width:481px) {
#footerin {width:900px; margin:0 auto; }
#footer .ad, #footer .menu {float:left; }

#footerin .menu {width:250px; float:left; font-size:90%; }
#footad {width:640px; float:right; text-align:right; }	

#footer li {margin:8px 0; }
#footer li.newentry {margin-top:26px; }
}










/*--- floatについて */

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}