@charset "utf-8";
/* CSS Document */

/* @override http://blog.flatbit.co.jp/common/css/main.css */

/*
======Copyright and Credits===========

	CSS FILE for JFJ
	copyright: JFJ
	mail to  : 
			 		
======================================


=============CONTENTS=================

	last up date 09.09.2007
	start   date 09.08.2007

======================================


*/

*
	{
	margin:0;
	padding:0;
	}
	
html

	{
	min-width:950px;
	}
	
body
	{
	background: #F5F3ED;
	color: #252525;
	font: 62.5%/1.6 Arial,helvetica,'Hiragino Maru Gothic ProN', 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ ProN W4', 'ヒラギノ丸ゴ Pro W4', 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
	}
	
a
	{
	text-decoration: none;
	outline: none;
	}
	
a img
 
	{
	border:0;
	text-decoration: none;
	}
	
a:link,
a:active,
a:visited
	{
	color: #8d6a4e;
	}
	
a:hover
	{
	color: #fe7d0f;
	text-decoration: underline;
	}		


/*------------------------------------
         Float Clear
------------------------------------*/

.line
	{
	margin:0;
	padding:0;
	clear:both;
	}		
	

hr
	{
	display:none;
	}
	
/*------------------------------------
         Wrapeer
------------------------------------*/	

#Wrapper
	{
	width: 100%;
	}
	
/*------------------------------------
         Header
------------------------------------*/		

#Header
	{
	width: 930px;
	height: 84px;
	position: relative;
	margin: 0 auto;
	}
	
h1#Logo a
	{
	width:270px;
	position: absolute;
	text-decoration: none;
	top: 34px;
	left: 0;
	font-size:2px;
	}
	
h1#Logo a img
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
#Header form
	{
	float: right;
	margin-top: 34px;
	}
	
#Header form input#search
	{
	width: 200px;
	border: 1px solid #C2BBBB;
	padding: 1px;
	font-size: 1.15em;
	}
	
#Header form input#Imgbtn
	{
	vertical-align: -4px;
	}			
	
/*------------------------------------
         Navigation
------------------------------------*/		

#Navigation
	{
	width: 100%;
	height: 24px;
	background: #000000;
	}
	
#Navigation ul
	{
	width: 930px;
	height: 24px;
	margin: 0 auto;
	display: block;
	list-style: none;
	}
	
#Navigation li
	{
	float: right;
	}
	
#Navigation li a
	{
	height: 22px;
	margin-left: 15px;
	display: block;
	text-indent: -9999px;
	}	
	
#Navigation li#Navi01 a
	{
	width: 42px;
	background: url(../images/navi/navi001.png) no-repeat 0 bottom;
	}
	
#Navigation li#Navi02 a
	{
	width: 53px;
	background: url(../images/navi/navi002.png) no-repeat 0 bottom;
	}
	
#Navigation li#Navi03 a
	{
	width: 28px;
	background: url(../images/navi/navi003.png) no-repeat 0 bottom;
	}

/*------------------------------------
         SubNavi
------------------------------------*/

#SubNavi
	{
	width: 100%;
	background: #b0b0b0;
	}
	
ul#navigator
	{
	width: 930px;
	margin: 0 auto;
	text-align: right;
	padding: 3px;
	}	
	
ul#navigator li 
	{
	display: inline;
	color: #000;
	font-size: 1.2em;
	}
	
ul#navigator li a
	{
	color: #fff;
	}		


/*------------------------------------
         Cont-wrap 
------------------------------------*/	
	
#Cont-wrap
	{
	width: 930px;
	margin: 45px auto 0;
	}
	
#Container
	{
	float: right;
	width: 737px;
	}

/*------------------------------------
         Content
------------------------------------*/		
	
#Content
	{
	width: 500px;
	float: right;
	}
	
#Content a
	{
	text-decoration: none;
	}	
	
#Content .body a[href^="http:"]:after,
#Content .body a[href^="https:"]:after
	{
     content:url(../images/content/view.png);
     vertical-align: top;
     margin:0 2px;
     }

#Content .body a[href^="http://blog.flatbit.co.jp"]:after,
#Content .body a[href^="http://click.linksynergy.com/"]:after
	{
     content:"";
     margin:0;
	}	
	
#Content h1.archive-title
	{
	font-size: 1.6em;
	border-bottom: 1px solid #333;
	margin-bottom: 40px;
	/*border-top: 1px solid #333;*/
	}		
	
#Content h2
	{
	font-size: 1.6em;
	font-weight: normal;
	}
	
#Pass #Content h2
	{
	text-indent: -9999px;
	display: block;
	background: url(../images/content/content019.png) no-repeat;
	margin-bottom: 15px;
	}
	
#Pass #Content p
	{
	margin-top: 10px;
	font-size: 12px;
	}
	
#Pass #Content .caution
	{
	color: red;
	}		
	
#Pass #Content table
	{
	margin-left: 10px;
	width: 480px;
	margin: 0 auto;
	}
	
#Pass #Content td
	{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	border-bottom: 1px solid #CCC;
	}
	
#Pass #Content .btn
	{
	margin-top: 20px;
	margin-left: 220px;
	}				
	
#Contact #Content h2
	{
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
	}	
	
#Content h2 a
	{
	color: #B3541D;
	}
	
#Content h3
	{
	margin-bottom: 15px;
	padding-bottom: 3px;
	font-size: 1.2em;
	color: #999;
	font-weight: normal;
	background: url(../images/content/content002.png) no-repeat 0 bottom;
	}
	
#Content h4
	{
	text-indent: -9999px;
	height: 16px;
	display: block;
	}	
	
	
#Content .ebody
	{
	margin-bottom: 50px;
	}	
	
#Content p
	{
	font-size: 1.3em;
	line-height: 175%;
	margin-bottom: 15px;
	}
	
#Content .body p,
.ebody p
	{
	margin-bottom: 20px;
	}
	
#Content .body ul
	{
	font-size: 1.3em;
	list-style-position: inside;
	}
	
#Content .body li
	{
	line-height: 0;
	}		
	
#Content  blockquote
	{
	font-size: 1.3em;
	background: #dadada;
	color: #444;
	padding:7px ;
	border: 4px double #fcaa55;
	}		
	
#Content .ebody p.More
	{
	margin-top: 20px;
	margin-bottom: 25px;
	text-align: right;
	}						

#Content ul#Tag
	{
	padding-top: 3px;
	background: url(../images/content/content002.png) no-repeat 0 top;
	}
	
#Content ul#Tag li
	{
	list-style: none;
	display: inline;
	margin-right: 5px;
	font-size: 1.2em;
	color: #666;
	}


#Content ul.sbm
	{
	margin-top: 7px;
	}
	
#Content ul.sbm li
	{
	list-style: none;
	display: inline;
	margin-right: 5px;
	font-size: 1.2em;
	color: #666;
	}

#Content .iTms
	{
	margin: 20px 0;
	}

#Content .Ads
	{
	margin: 35px 0;
	}
	
#Content .tbr
	{
	margin: 30px 0 80px;
	}	
	
#Content .tbr h4
	{
	background: url(../images/content/content003.png) no-repeat;
	}
	
#Content .tbr p
	{
	margin-top: 7px;
	margin-left: 5px;
	font-size: 1.3em;
	color: #003366;
	}
	
#Content ::-moz-selection
	{
	background: #fe7d0f;
	color:#fff;
	}

#Content ::selection 
	{
	background: #fe7d0f;
	color:#fff;
	}
	
#Content .rater
	{
	width: 150px;
	}		
	
#Content .rater h4
	{
	background: url(../images/content/content018.png) no-repeat;
	margin: 20px 0 10px;
	}	
	
#Content .rater iframe
	{
	height: 50px;
	margin: 0;
	padding: 0;
	margin-left: 200px;
	}
	
* html .rater
	{
	display: none;
	}						
	
#Content .comform h4
	{
	background: url(../images/content/content004.png) no-repeat;
	margin-bottom: 25px;
	}
	
#Contact dl,	
#Content .comform dl
	{
	clear:both;
	margin:10px 0px;
	padding-bottom: 5px;
	}
#Contact dt,
#Content .comform dt
	{
	width: 100px;
	float:left;
	font-size: 1.2em;
	color: #666666;
	}
#Contact dd,	
#Content .comform dd
	{
	margin-left:100px;
	padding-left:5px;
	}
	
#Content .comform dd#Filter input
	{
	text-align: center;
	}	
	
#Contact #Content input,
#Contact #Content textarea,	
#Content .comform input,
#Content .comform textarea 
	{
	border: 1px solid #C2BBBB;
	padding: 1px 0;
	}
	
#Content .comform input#comment-bake-cookie
	{
	border: 0;
	}	
	
textarea#comment-text		
	{
	width: 350px;
	}

#Content .comform input,
#Content .comform textarea
	{
	padding: 2px;
	font-size: 12px;
	}	
		
	
textarea#comment
	{
	width: 350px;
	}	
	
#Contact #Content input#comment-preview,	
#Contact #Content input#comment-submit,	
#Content .comform input#comment-preview,
#Content .comform input#comment-submit,
#Content .comform input#comment-cancel
	{
	border:none;
	padding: 0;
	margin-right: 10px;
	}
	
#Content .comform .Fill
	{
	font-size: 1.4em;
	background: #997255;
	color: #fff;
	padding: 2px 6px;
	}
	
#Content .comform input#Cancel
	{
	text-indent: -9999px;
	background: url(../images/content/content015.png) no-repeat;
	}	
	
#Content .comments h4
	{
	background: url(../images/content/content013.png) no-repeat;
	text-indent: -9999px;
	margin: 40px 0 30px;
	display: block;
	height: 16px;
	}	
	
#Content .comments p.author
	{
	text-align: right;
	font-size: 1.2em;
	margin: 20px 0 40px;
	color: #666;
	border-bottom: 1px dotted #ccc;
	}
	
#Content .comments img#cmb
	{
	vertical-align: -2px;
	}
	
#Content h4#trback
	{
	background: url(../images/content/content016.png) no-repeat;
	text-indent: -9999px;
	margin: 40px 0 20px;
	height: 16px;
	}
	
#Content p.trbck
	{
	margin-bottom: 20px;
	}		
	
#Content h2#About
	{
	text-indent: -9999px;
	background: url(../images/content/content017.png) no-repeat;
	height: 17px;
	margin-bottom: 20px;
	}	
	
/*------------------------------------
         Left
------------------------------------*/		
	
#Left
	{
	width: 200px;
	float: left;
	}

#Left h4
	{
	width: 200px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
	}
	
#Left h4#Archive
	{
	background: url(../images/side/side001.png) no-repeat;
	}
	
#Left h4#Rentry
	{
	background: url(../images/side/side002.png) no-repeat;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	}
	
#Left h4#Tag
	{
	background: url(../images/side/side003.png) no-repeat;
	}
	
#Left h4#Music
	{
	background: url(../images/side/side007.png) no-repeat;
	}
	
#Left h4#Tec
	{
	background: url(../images/side/side008.png) no-repeat;
	}			
	
#Left h4#Rcomme
	{
	background: url(../images/side/side004.png) no-repeat;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin: 0;
	}
	
#Left .widget
	{
	margin-bottom: 30px;
	}

#Left .widget  table
	{
	border-collapse: collapse;
	border-spacing: 0;
	width: 200px;
	margin: 0 auto;
	}
	
/*#Left .widget  table td
	{
	width: 65px;
	height: 65px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}	*/
	
#Left dl
	{
	clear:both;
	border-bottom: 1px dotted #CCCCCC ;
	margin:10px 0px;
	padding-bottom: 5px;
	}

#Left dt
	{
	width: 70px;
	float:left;
	font-size: 1.2em;
	color: #666666;
	}
	
#Left dd
	{
	margin-left:70px;
	padding-left:5px;
	}
	
#Left select
	{
	width: 110px;
/*	background: #825531;
	border: 1px solid #754d2c;
	color: #EAE9D5;*/
	}
			
#Left option
	{
	padding-left: 2px;
	padding-right: 4px;
	}	
	
#Left li
	{
	list-style: none;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding: 1px 0;
	}
	
ul#Rent li 
	{ 
	display: block; 
	width: 200px; 
	}
	 
ul#Rent li a 
	{
	 display: block; 
	 text-decoration: none; 
	 padding: 2px 5px; 
	 background: #f5f3ed url(background.png) no-repeat;
	 background-position: -300px 0;
	 width: 175px;
	  }
	   
ul#Rent li a:hover 
	{ 
	color: #c43910; 
	}
	
#Left ul#tags
	{
	font-size: 10px;
	}	
	
#Left ul#tags li
	{
	display: inline;
	margin-right: 2px;
	border: 0;
	font-family: Verdana,sans-serif;
	}	
	
/*#Left ul#tags li.rank-1 { font-size: 1.95em; }
#Left ul#tags li.rank-2 { font-size: 1.8em; }
#Left ul#tags li.rank-3 { font-size: 1.75em; }
#Left ul#tags li.rank-4 { font-size: 1.625em; }
#Left ul#tags li.rank-5 { font-size: 1.5em; }
#Left ul#tags li.rank-6 { font-size: 1.375em; }
#Left ul#tags li.rank-7 { font-size: 1.25em; }
#Left ul#tags li.rank-8 { font-size: 1.2em; }
#Left ul#tags li.rank-9 { font-size: 1.125em; }
#Left ul#tags li.rank-10 { font-size: 1.1em; }*/
				
										
/*------------------------------------
         Adleft
------------------------------------*/	
	
#Adleft
	{
	float: left;
	width: 160px;
	}
	
#Adleft h5
	{
	width: 160px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 20px;
	}						
	
#Adleft h5#CoS
	{
	background: url(../images/side/side005.png) no-repeat;
	}
	
#Adleft h5#Recommend
	{
	margin-top: 30px;
	background: url(../images/side/side006.png) no-repeat;
	}	
	
#Adleft ul li
	{
	list-style: none;
	margin-bottom: 10px;
	}
	
/*------------------------------------
         Footer
------------------------------------*/	

#Footer
	{
	padding-top: 10px;
	width: 930px;
	margin: 40px auto 20px;
	background: url(../images/footer/footer001.png) no-repeat 0 top;
	}
	
#Footer p
	{
	float: left;
	}
	
#Footer .nakano
	{
	float: right;
	}		
	
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
	}
 
.tool-title {
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 0;
	background: #000;
	display: none;
}
 
.tool-text {
	font-size: 10px;
	padding: 8px;
	background: #613e18;
	border: 4px double #F3F4EE;
	height: 27px;
	overflow: hidden;
	}
	
h4#CLosed
	{
	background: url(../images/side/side009.png) no-repeat;
	height: 16px;
	}
	
.tools h4
	{
	background: url(../images/content/content020.png) no-repeat;
	height: 16px;
	}
	
#Left .tools li{border: 0;}	
	
.calendar h5
	{
	font-weight: normal;
	font-size: 12px;
	}	
	
.calendar table
	{
	background: #f4f3ee;
	border-collapse: collapse;
	width: 200px;
	border: 1px solid #8d6a4e;
	font-size: 12px;
	margin: 0 auto;
	}

.calendar table th
	{
	background: #8f6b55;
	color: #FFF;
	}	
	
.calendar table th	
	{
	border-left: 1px solid #FFF;
	}
	
.calendar table th.sun
	{
	border-left: 1px solid #8d6a4e;
	}	
	
.calendar table td
	{
	border-bottom: 1px solid #8d6a4e;
	border-right: 1px solid #8d6a4e;
	text-align: center;
	}
	
.calendar table td.st
	{
	color: blue;
	}
	
.calendar table td.sun
	{
	color: red;
	}		

	
.calendar table td.checked,
.Ccl2 table td.cksun,
.Ccl2 table td.ckst
	{
	color: red;
	}