/*
######################################################################
 ﾌｧｲﾙ名称		：style.css
 ﾌｧｲﾙ略称		：デフォルトCSS
 作成者			：rakupla.com
 作成開始日		：2007.03.24
 最終更新日		：2007.04.14
 修正履歴		：
######################################################################
*/

/********************************************************************/
/* 基本 ｽﾀｲﾙ	http://www.minimalistic-design.net/adsenseready/	*/
/********************************************************************/
/* 2007.03.31 サイズ指定をを下記へ変更
body { font: .8em Verdana, Arial, Sans-Serif; line-height: 1.6em; margin: 10px 0 0 0; background: #fff;}
*/
body {
	font-family: "Century Gothic", geneva, verdana, "Hiragino Maru Gothic Pro", HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka,sans-serif;
	font-size: 80%;
	line-height: 1.6em;
	/* 2007.04.14 #top-bookmark新設に伴い変更
	margin: 10px 0 0 0;
	*/
	margin:0;
	background: #fff;
}

/* 2007.03.25 リンク色を下記へ変更
a { color: #0066B3; background: inherit; }
*/
a { color: #3399FF; background: inherit; }

a:hover { color: #808080; background: inherit; }

h1 { font: bold 1.9em Arial, Arial, Sans-Serif; color: #214584; padding: 0; margin: 0;}
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0; }
ul {  padding: 0; margin: 0;}
li { list-style-type: none;}

/* 2007.04.14 ページ上部ブックマーク表示用 */
#top-bookmark {
	margin:0;
	padding:0 10px 0 10px;
	border-bottom:0px solid #ADD8E6;
	color:#4682B4;
	font-size:70%;
}


#logo { float: left; margin: 0 0 1em 1em; }
/* 2007.04.03 メニューを改行有りへ変更
#menu { float: right; margin: 20px 1em 0 0; }
#menu li { display: inline; margin: 0 0 0 1.4em; }
*/
#menu { float: right; margin: 20px 0 0 0; }
#menu li { margin: 0 0 10px 0; }
#menu li a.current{ font-weight: bold; }

#subheader { 
	clear: both; 
	
	background: #eee url('bar1.png') ;
	color: #FFF;
	padding: 0 15px 0 15px;
	margin: 0 0 15px 0;
	height: 25px;
	line-height: 25px;
}

#breadcrumbs { float: left; }


#wrap {
	/* 2007.04.14 #top-bookmark新設に伴い変更
	margin: 0 auto;
	padding: 10px;
	*/
	margin:0 auto 0 auto;
	padding:0 10px 10px 10px;
	width: 95%;
	background: #fff;
}

#left {
	float: left;
	width: 67%;
	padding: 0 0 0 1em;
}

#right {
	float: right;
	width: 30%;
	margin: 0 0 10px 0;
}

#right .box {
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0 0 1em 0;
}

#footer { clear: both; border-top: 1px dotted #ccc; margin: 0 0 0 0; text-align: center; font-size: .8em;}

#ads { background: #fff url('ads-shadows.jpg'); 
	background-repeat: no-repeat;
	width: 549px;
	height: 109px;
	padding-left: 40px;
	padding-top: 22px;
}

/********************************************************************/
/* ｶｽﾀﾑ ｽﾀｲﾙ	以下、追加											*/
/********************************************************************/
/* 画面下部の検索ボックス領域用 */
#footer-search {
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #f8fafc;
	margin: 10px 0 10px 0;
	padding: 10px 0px 10px 0px;
	text-align: center;
}


/* 丸角 - 濃いブルー */
div.maru-kado{ background: #9BD1FA; margin: 0 0 1em 0;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/* 丸角（２）- グレー：Amazonで使用 */
div.maru-kado-2{ background: #F4E3FF; margin: 0 0 1em 0;}
b.rtop-2, b.rbottom-2{display:block;background: #FFF}
b.rtop-2 b, b.rbottom-2 b{display:block;height: 1px;
    overflow: hidden; background: #F4E3FF}
b.r1-2{margin: 0 5px}
b.r2-2{margin: 0 3px}
b.r3-2{margin: 0 2px}
b.rtop-2 b.r4, b.rbottom-2 b.r4-2{margin: 0 1px;height: 2px}
/* 丸角（３）- 薄いブルー：トップページランキングで使用 */
div.maru-kado-3{ background: #D7F1F8; margin: 0 0 1em 0;}
b.rtop-3, b.rbottom-3{display:block;background: #FFF}
b.rtop-3 b, b.rbottom-3 b{display:block;height: 1px;
    overflow: hidden; background: #D7F1F8}
b.r1-3{margin: 0 5px}
b.r2-3{margin: 0 3px}
b.r3-3{margin: 0 2px}
b.rtop-3 b.r4, b.rbottom-2 b.r4-3{margin: 0 1px;height: 2px}
/* 丸角（４）- 薄いピンク：トップページランキングで使用 */
div.maru-kado-4{ background: #FFE1ED; margin: 0 0 1em 0;}
b.rtop-4, b.rbottom-4{display:block;background: #FFF}
b.rtop-4 b, b.rbottom-4 b{display:block;height: 1px;
    overflow: hidden; background: #FFE1ED}
b.r1-4{margin: 0 5px}
b.r2-4{margin: 0 3px}
b.r3-4{margin: 0 2px}
b.rtop-4 b.r4, b.rbottom-2 b.r4-4{margin: 0 1px;height: 2px}
/* 丸角（５）- 薄い肌色：トップページランキングで使用 */
div.maru-kado-5{ background: #FFFAD7; margin: 0 0 1em 0;}
b.rtop-5, b.rbottom-5{display:block;background: #FFF}
b.rtop-5 b, b.rbottom-5 b{display:block;height: 1px;
    overflow: hidden; background: #FFFAD7}
b.r1-5{margin: 0 5px}
b.r2-5{margin: 0 3px}
b.r3-5{margin: 0 2px}
b.rtop-5 b.r4, b.rbottom-2 b.r4-5{margin: 0 1px;height: 2px}
/* 丸角（６）- 薄いグリーン：トップページランキングで使用 */
div.maru-kado-6{ background: #CCFFCC; margin: 0 0 1em 0;}
b.rtop-6, b.rbottom-6{display:block;background: #FFF}
b.rtop-6 b, b.rbottom-6 b{display:block;height: 1px;
    overflow: hidden; background: #CCFFCC}
b.r1-6{margin: 0 5px}
b.r2-6{margin: 0 3px}
b.r3-6{margin: 0 2px}
b.rtop-6 b.r4, b.rbottom-2 b.r4-6{margin: 0 1px;height: 2px}




/* トップページ用 中央表示領域 */
#middle-contents { 
	clear: both; 
	margin: 10px 0 0 0;
	text-align: center;
}


/* 検索結果の各項目名用など */
h4, h5, h6 {
	font: bold 1.0em Arial, Arial, Sans-Serif;
	padding: 0;
	margin: 0;
	font-weight: bold;
}


/* トップページの更新履歴ボックス表示用 */
*.box-scroll{
	color		:#c0c0c0;
	font-size	:12px;
	line-height	:20px;
	border		:1px solid #cccccc;
	margin		:0;
	padding		:3px 10px 10px 10px;
	overflow-y	:scroll;
	scrollbar-3dlight-color		:#ffffff;
	scrollbar-arrow-color		:#ffffff;
	scrollbar-darkshadow-color	:#ffffff;
	scrollbar-face-color		:#c0c0c0;
	scrollbar-highlight-color	:#ffffff;
	scrollbar-shadow-color		:#ffffff;
	scrollbar-track-color		:#ffffff;
}


/* infoページでの説明文章ブロック表示用 */
.sentence p{
	color:#222;
	font-size:1.1em;
	margin:20px 0 0 0;
	text-align:left;
}
.sentence h1{
	margin:20px 0 10px 0;
}
.sentence p:first-letter{
	font-size:2em;
	font-weight:bold;
	padding-right:0.2em;
	padding-top:0.2em;
	color:#339933;
	background:#ffffff;
}





/********************************************************************/
/* calendar.phpクラス用												*/
/********************************************************************/
.calendar {
	border:1px solid #cccccc; 
	border-collapse: collapse; 
	font-size: 0.9em
}

.calendar th {
	height: 2em;
	text-align: center
}

.calendar tr {
	text-align:right; 
	vertical-align:center
}

.calendar td {
	width:2.8em; 
	height:1.8em; 
	border:1px solid #cccccc; 
	padding:0.3em;
}

.calendar .tf {
	width: 12.6em;
	border: 1px solid #cccccc; 
	padding: 0.3em; 
	text-align: center;
}