/* ----------------------------------------
	 Webコミックさ〜ち　CSS
---------------------------------------- */
* {
	font-size		: 100%;
}

BODY {
	color			: #333333; 
	font-size		: 12px;
	text-align		: center; 
	padding			: 0; 
	margin			: 0; 
  	scrollbar-base-color 		: #cfdfff;
  	scrollbar-arrow-color 		: white;
  	scrollbar-three-color 		: #cfdfff;
  	scrollbar-shadow-color 		: white;
  	scrollbar-face-color 		: #cfdfff;
  	scrollbar-track-color 		: white;
  	scrollbar-highlight-color 	: white;
  	scrollbar-darkshadow-color	: #cfdfff;
 	background-color: #cfdfff;
}

a:link{
  	text-decoration : none;
  	color			: #3366cc;
}

a:visited{
  	text-decoration : none;
  	color			: #3366cc;
}

a:hover{
  	text-decoration : underline overline;
  	color			: #ff9900;
}

a:active{
  	text-decoration : none;
  	color			: #ff9900;
}

TABLE {
	border-collapse	: collapse;
}

TD {
	border-collapse	: collapse;
}

TH {
	border-collapse	: collapse;
}

H1 {
	font-size		: 12px; 
	color			: #003399; 
	height			: 20px; 
	margin			: 10px 0px 5px 0px; 
	padding			: 4px 0px 0px 27px;
  	background 		: url(http://www.gctv.ne.jp/~yachi/search/pic/h1_back.gif) no-repeat;
	border			: #a0cafc 1px solid; 
}

H2 {
	font-size		: 12px; 
	color			: #cc6600; 
	height			: 20px; 
	margin			: 10px 0px 8px 0px; 
	padding			: 2px 0px 0px 27px;
  	background 		: url(http://www.gctv.ne.jp/~yachi/search/pic/h2_back.gif) no-repeat;
	border			: #fad57c 1px solid; 
}

H3 {
	font-size		: 12px; 
	color			: #0066cc; 
	height			: 20px; 
	margin			: 10px 0px 8px 0px; 
	padding			: 2px 0px 0px 27px;
  	background 		: url(http://www.gctv.ne.jp/~yachi/search/pic/h3_back.gif) no-repeat;
	border			: #b5e2fd 1px solid; 
}

H4 {
	margin			: 10px 0px 10px 0px; 
	padding			: 2px 0px 2px 18px; 
	background		: url(http://www.gctv.ne.jp/~yachi/search/pic/icon4.gif) no-repeat 3px center; 
	font-size		: 12px; 
	font-weight		: bold; 
	border-bottom	: #333333 1px solid; 
}

H5 {
	margin			: 15px 0px 5px 0px; 
	padding			: 2px 0px 1px 8px;
	border-left		: #3366cc 5px solid; 
	border-bottom	: #333333 1px solid; 
}

FORM {
	padding			: 0px; 
	margin			: 0px; 
}

HR {
	height			: 1px; 
	color			: #999999; 
	background-color: #999999; 
	border			: 0px; 
}


SMALL {
	font-size		: 10px;
	font-weight		: normal;
}


/* 共通ページ全体
-------------------------------------------------- */
#main {
	text-align		: left; 
	background-color: #ffffff; 
	width			: 900px; 
	margin-left		: auto; 
	margin-right	: auto;
	padding-bottom	: 10px;
}

/* 共通ヘッダー
-------------------------------------------------- */
#header {
	height			: 70px; 
	margin			: 0px;
 	background-color: #3366cc;
	color			: #ffffff;
	padding			: 10px 25px 5px 25px;
}

.title-left{
	font-size		: 11px;
	text-align		: center;
	float			: left;
 	background-color: #3366cc;
}

.title-right{
  	line-height 	: 150%;
	text-align		: right;
	float			: right;
  	background-color: #3366cc;
}

.title-right img{
	margin			: 10px 10px 5px 0px;
}

.title-right a:link{
  	text-decoration : none;
  	color			: #ffffff;
}

.title-right a:visited{
  	text-decoration : none;
  	color			: #ffffff;
}

.title-right a:hover{
  	text-decoration : underline overline;
  	color			: #ffcc33;
}

.title-right a:active{
  	text-decoration : none;
  	color			: #ffcc33;
}



/* 共通メイン
------------------------------------------------ */

#left_main {
	font-size		: 12px; 
	line-height		: 130%; 
	width			: 570px; 
	display			: inline; 
	margin			: 10px 25px 10px 25px; 
	float			: left; 
}

/* ランダムバナー */
.rand_banner {
	font-size		: 11px; 
	text-align		: center; 
	width			: 100%; 
	margin			: 10px 0px 0px 0px; 
	padding			: 5px 0px 0px 0px; 
 	background-color: #efefef;
}

.rand_banner img{
	margin			: 5px 0px; 
}

.rand_banner span{
	margin			: 0px; 
	padding			: 0px; 
	font-size		: 11px; 
	color			: #333333; 
	border			: none; 
  	background 		: none;
}

/* お知らせ */
#left_main .osirase {
	text-align		: center; 
	width			: 550px; 
	margin			: 10px 0px 0px 0px; 
	padding			: 10px 7px 0px 7px;
	border			: #cfdfff 4px double; 
}

#left_main .osirase .info {
	overflow		: auto;
	height 			: 65px;
	width 			: 550px;
	padding			: 0px;
	margin			: 0px 0px 10px 0px;
	text-align 		: left;
	background-color: white;
	border			: white 0px solid; 
}

#left_main .osirase .info ul li{
	margin			: 1px 0px;
	list-style-type	: square;
	line-height		: 130%; 
}

/* 新着・更新 */
#left_main .pic{
	margin			: 0px 0px 0px 2px;
	text-align		: center;
}

#left_main .pic img{
	border			: #cccccc 1px solid; 
}

/* 相互リンク */
#left_main .pic2{
	margin			: 0px 0px 0px 9px;
	text-align		: center;
}

#left_main .pic2 img{
	border			: #cccccc 1px solid; 
}

/* 広告スペース */
#left_main .ad2{
	padding-left	: 10px;
}

#left_main .ad2 ul {
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
}

#left_main .ad2 ul li {
	line-height		: 100%;
	display			: block;
	padding			: 2px;
	border-bottom	: #cccccc 1px dotted; 
}


/* 右サイドメニュー
------------------------------------------------ */
#right_menu {
	font-size		: 12px;
	text-align		: left; 
	width			: 252px; 
	display			: inline; 
	margin-bottom	: 10px; 
	float			: left; 
}

/* 広告エリア */
#right_menu .ad1{
	margin			: 10px 0px 0px 0px;
	text-align		: center;
}


/* 検索ＢＯＸ */
#right_menu .search-box {
	width			: 100%;
	margin			: 10px 0px 0px 0px;
	padding			: 0px;
 	background-color: #ffffff;
	text-align		: center;
}

/* カテゴリで検索 */
#right_menu .menu_title {
	font-size		: 100%;
	display			: block;
	width			: 252px;
	margin			: 8px 0px 2px 0px;
	padding			: 4px 0px 2px 18px;
	font-weight		: bold;
	color			: #003399;
  	background 		: #cfdfff url(http://www.gctv.ne.jp/~yachi/search/pic/icon.gif) no-repeat 3px;
	border-bottom	: 1px solid #dddddd;
}

#right_menu .menu ul {
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
}

#right_menu .menu ul li {
	line-height		: 130%;
}

#right_menu .menu ul li span {
	display			: block;
	width			: 120px;
	margin-right	: 3px;
	padding			: 0px 0px 0px 15px;
	background		: url(http://www.gctv.ne.jp/~yachi/search/pic/arrow2.gif) no-repeat;
}

#right_menu .menu ul li a{
	display			: block;
	width			: 120px;
	margin-right	: 3px;
	text-decoration	: none;
	border-bottom	: 1px solid #dddddd;
	cursor			: pointer;
}

#right_menu .menu ul li a:hover{
	display			: block;
	width			: 120px;
	margin-right	: 3px;
	text-decoration	: underline;
	background-color: aliceblue;
	border-bottom	: 1px solid #dddddd;
	cursor			: pointer;
}

/* トップ提携サイト */
#right_menu .teikei ul {
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
}

#right_menu .teikei ul li {
	line-height		: 130%;
}

#right_menu .teikei ul li span {
	display			: block;
	width			: 252px;
	margin-right	: 3px;
	padding			: 0px 0px 0px 15px;
}

#right_menu .teikei ul li a{
	display			: block;
	width			: 252px;
	margin-right	: 3px;
	text-decoration	: none;
	border-bottom	: 1px solid #dddddd;
	cursor			: pointer;
}

#right_menu .teikei ul li a:hover{
	display			: block;
	width			: 252px;
	margin-right	: 3px;
	text-decoration	: underline;
	background-color: oldlace;
	border-bottom	: 1px solid #dddddd;
	cursor			: pointer;
}


/* 共通フッタ
------------------------------------------------ */
#footer {
	text-align		: center; 
	width			: 850px; 
	clear			: both; 
	margin			: 10px auto 5px 25px; 
	border-top		: #999999 1px solid; 
}

/* Google広告 */
#footer .adsense{
	width			: 850px;
	margin			: 10px 0px 10px 0px;
	padding			: 10px 0px 10px 0px;
	text-align		: center;
}

/* 著作権表示 */
#footer .copyright{
	width			: 850px;
	margin			: 5px 0px 5px 0px;
	padding			: 7px 0px 2px 0px;
	text-align		: center;
}


/* メイン 利用案内・リンク・募集・Q&A
------------------------------------------------ */
/* ナビゲーションバー */
.navi {
  	text-align		: left;
  	margin 			: 10px 0px 5px 20px;
  	padding			: 0px 0px 2px 3px;
  	border-bottom	: dotted 1px #003399;
}

/* 本文 */
.honbun1{
  	text-align 		: left;
  	padding 		: 10px 0px 5px 20px;
  	line-height 	: 130%;
}

.honbun2{
  	text-align 		: left;
  	padding 		: 5px 10px 5px 20px;
}

.honbun3{
  	text-align 		: right;
  	padding 		: 5px 0px 5px 0px;
  	line-height		: 150%;
}

.honbun4{
  	text-align 		: center;
  	padding 		: 5px 0px 5px 0px;
  	line-height		: 150%;
}

.honbun5{
  	text-align 		: left;
  	padding 		: 5px 0px 5px 20px;
  	line-height		: 150%;
}

.honbun1 IFRAME{
	margin			: 10px 0px;
}

.honbun2 ul{
	margin  		: 5px 0px 5px 20px;
}

.tbl1 {
  	line-height		: 130%;
	margin			: 10px 0px 0px 0px; 
}


/* 利用案内インデックス */
.howto ul{
	margin  		: 15px 0px 5px 40px;
}

.howto ul li{
	padding 		: 0px 10px 5px 0px;
	line-height		: 130%;
}

/* リンク説明テーブル */
.linktbl {
  	line-height		: 120%;
	padding			: 4px; 
	margin			: 10px 5px 10px 20px; 
	background-color: #ffffff; 
  	border			: solid 1px #999999;
}

.linktbl TH {
	text-align		: left; 
	padding			: 5px; 
	background-color: #ffffff; 
  	border			: solid 1px #999999;
}

.linktbl TD {
	text-align		: left; 
	padding			: 5px; 
  	border			: solid 1px #999999;
}

.linktbl IMG {
	margin			: 3px 0px 5px 0px; 
}

.linktbl TEXTAREA {
	margin			: 3px 0px 0px 0px; 
}

/* フリーエリア */
.free1{
	text-align		: center;
}

.free2{
	margin			: 10px 0px 5px 0px;
	text-align		: center;
}

.free2 img{
	margin			: 3px;
}

/* ボタン */
.button {
	margin			: 10px 0 0 0;
	text-align		: center;
}

.button ul {
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
}

.button ul li {
	line-height		: 130%;
}

.button ul li span{
	display			: block;
	font-size		: 14px;
	font-weight		: bold;
	text-align		: center;
	width			: 193px;
 	height			: 30px;
	padding			: 6px 0px 0px 0px;
 	background 		: url(http://www.gctv.ne.jp/~yachi/search/pic/button.gif) no-repeat;
}

.button ul li a{
  	color			: #ff9900;
	text-decoration	: none;
	cursor			: pointer;
}

.button ul li a:hover{
  	color			: #ff9900;
	text-decoration	: none;
	cursor			: pointer;
}

.button ul li a:visited{
  	color			: #ff9900;
	text-decoration	: none;
}

.button2 a{
  padding			: 5px 10px 5px 10px;
  text-align		: center;
  font-weight		: bold;
  font-size			: 15px;
  background 		: #6699ff;
  color				: #ffffff;
  border-top		: solid 1px white;
  border-left		: solid 1px white;
  border-right		: solid 1px #000066;
  border-bottom		: solid 1px #000066;
  text-decoration	: none;
  width				: 150px;
}

.button2 a:hover{
  background 		: #ff9900;
  color				: #ffffff;
  border-top		: solid 1px white;
  border-left		: solid 1px white;
  border-right		: solid 1px #cc9966;
  border-bottom		: solid 1px #cc9966;
  text-decoration	: none;
}

/* よくある質問 */
.qa{
  	background-color: #efefef;
  	padding 		: 10px;
  	margin			: 20px 0 30px 0px;
  	line-height 	: 180%;
}

.qa ul {
	margin			: 5px 5px 10px 5px;
	padding			: 0px;
	list-style-type	: none;
}

.qa ul li {
	line-height		: 150%;
	padding			: 3px 0px 3px 5px;
}

/* お役立ち情報 */

#tool {
	text-align		: left; 
	background-color: #ffffff; 
	width			: 800px; 
	margin			: 10px 0 10px 40px; 
}

.tooltbl {
  	line-height		: 120%;
	padding			: 4px; 
	margin			: 10px 5px 10px 20px; 
	background-color: #ffffff; 
  	border			: solid 1px #999999;
}

.tooltbl TH {
	text-align		: center; 
	padding			: 5px; 
	background-color: #eeeeee; 
  	border			: solid 1px #999999;
}

.tooltbl TD {
	padding			: 5px; 
  	border			: solid 1px #999999;
}



/* YomiSearch用
------------------------------------------------ */
#mid{ 
	font-size		: 13px;
}

#title{ 
	font-size		: 14px; 
	font-weight		: bold;
}

#small{ 
	font-size		: 11px; 
}

 /* ヘッダー広告表示 */
#s_head{ 
	margin			: 10px 0px 0px 5px;
	text-align		: center;
}

/* メイン */
.s_honbun{
  	text-align 		: left;
  	padding 		: 0px 0px 0px 10px;
  	line-height 	: 130%;
}

.s_honbun2{
  	text-align 		: left;
  	padding 		: 10px 50px 0px 50px;
  	line-height 	: 130%;
}

 /* 管理人コメントの色 */
#kanri{ 
	color			: #996699; 
}

/* 更新画面*/
#upd ul {
	margin			: 5px 10px 15px 30px;
	padding			: 0px;
}

#upd ul li {
	line-height		: 130%;
	padding			: 5px 0px 5px 5px;
}

#menu-t {
	color			: #3399cc;
	font-weight		: bold;
	text-align		: left;
}

/* ヘルプ画面*/
#help {
	margin			: 10px 5px 10px 5px;
	padding			: 0px;
}

#help li{
	margin			: 10px 5px 10px 5px;
	line-height		: 150%;
}

#help ol{
	margin			: 10px 5px 10px 10px;
	line-height		: 150%;
}

/* 検索中段バー */
#mid-bar{ 
	width			: 550px; 
	margin			: 10px auto 0px 10px;
	background-color: #efefef; 
	border-top		: solid 1px #999999;
	border-bottom	: solid 1px #999999;
	border-left		: solid 1px #ffffff;
	border-right	: solid 1px #ffffff;
} 

/* 検索結果画面*/
#log { 
	margin			: 10px 0px 10px 10px;
	width			: 550px; 
	border			: solid #6699cc 1px;
	line-height		: 130%;
}

#log-0{ background-color:#ffffff; } /* ランキング順位 */
#log-1{ background-color:#ffffff; } /* タイトル */
#log-2{ background-color:#dfe8ff; } /* カテゴリ */
#log-3{ background-color:#ffffff; } /* 紹介文 */
#log-4{ background-color:#FFFFFF; } /* 管理人コメント */

/* タイトルバー */
#title-bar{ 
	background-color: #b3ccff; 
	color			: #003399; 
	font-size		: 15px; 
	padding-left	: 5px; 
} 

#kategori{ font-size:11px; }

/* ランキング画面 */
#rank{ font-size:10px;}
#ranktd1{ border-bottom:solid 1px #6699cc; }
#ranktd2{ border-left:solid 1px #6699cc; border-bottom:solid 1px #6699cc;}
#ranktbl{ width:700; border-left:solid 1px #6699cc; border-right:solid 1px #6699cc; border-top:solid 1px #6699cc;}

/* キーワードランキング画面 */
#keytbl{ 
	background-color: #ffffff; 
	border-left		: solid 1px #6699cc; 
	border-right	: solid 1px #6699cc; 
	border-top		: solid 1px #6699cc;
}


