@charset "utf-8";

/*------------------------------------------------------------------------------
	Title: Ninja Blog Template [style_03]
	Created: 2009 Spring
	Note : 1 - Reset style
	       2 - Blog style
------------------------------------------------------------------------------*/

/*============================================================================

	1. Reset style
	
=============================================================================*/

/*	1-1. Html, Body 
-------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.0;
	text-decoration: none;
	}

html {
	overflow-y: scroll;
	background: #D7D7D7;
	color: #444444;
	}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial,osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",helvetica,sans-serif;
	font-size: 62.5%;
	}
	
	/* for IE7 */
	*+html body {
		font-family: "メイリオ", "ＭＳ Ｐゴシック";
		}

	/* for IE6 */
	* html body {
		font-family: "ＭＳ Ｐゴシック";
		}

/*	1-2. Text element
-------------------------------------------------------------*/
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}

p {
	margin: 0;
	line-height: 1.6;
	}
	
blockquote {  
	margin: 0;  
	padding: 0;  
	}  

br {
	letter-spacing: normal;
	}

pre, code {
	margin: 0;
	padding: 0;
	}

sup {
	vertical-align: text-top;
	}
	
sub {
	vertical-align: text-bottom;
	}

q:before, q:after {
	content: '';
	}
	
abbr, acronym {
	border: 0;
	font-variant: normal;
	}
	
address, strong, em, cite, code, dfn, var {
	font-style: normal;
	font-weight: normal;
	}
	
/*	1-3. Table element
-------------------------------------------------------------*/
	
table {
	border-spacing: 0; 
	font-size: 100%;
	}
	
th, td {
	margin: 0;
	padding: 0;
	}

caption, th {
	text-align: left;
	font-style: normal;
	font-weight: normal;
	}

/*	1-4. List element
-------------------------------------------------------------*/

ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/*	1-5. Form element
-------------------------------------------------------------*/
	
form, fieldset, legend, input, textarea, select {
	margin: 0;
	padding: 0;
	}

fieldset {
	border: 0;
	}

legend {
	color: #444444;
	}
	
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	}

/*\*//*/
textarea, select, input {
	 font-family: Osaka;
	 }
/**/

	
/*	1-6. Image element
-------------------------------------------------------------*/

img {
	margin: 0;
	border: 0;
	vertical-align: bottom;
	}

/*============================================================================

	2. Blog style
	
=============================================================================*/

/*	html
----------------------------------------------------*/

html {
	height: 100%;
	}
	
/*	body
----------------------------------------------------*/

body {
	height: 100%;
	background: #D7D7D7 url(http://bfile.shinobi.jp/5233/d_3_bg.jpg) repeat-x;
	text-align: center;
	}
	
/*	link
----------------------------------------------------*/

a {
	text-decoration: none;
	}
	
a:link,
a:visited {
	color: #000000;
	}
	
a:hover,
a:active {
	color: #FFFFFF;
	}

/*	hide item
----------------------------------------------------*/
dl#adminnav dt,
dl#assistnav dt {
	display: none;
	}
	
/*	wrap
----------------------------------------------------*/

#wrap {
	position: relative;
	width: 100%;
	min-height: 100%;
	background: url(http://bfile.shinobi.jp/5233/d_3_all_bg.jpg) top center no-repeat;
	text-align: center;
	font-size: 1.2em;
	}
	
* html #wrap {
	height: 100%;
	}
	
	/*	container
	----------------------------------------------------*/
	
	#container {
		margin: 0 auto;
		padding: 0 10px 60px;
		position: relative;
		width: 480px;
		text-align: left;
		}
	
	#container:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	#container {
		display: inline-block;
		}
	
	/* Hides from IE-mac \*/
	
	* html #container {
		height: 1%;
		}
		
	#container {
		display: block;
		}
		
	/* End hide from IE-mac */


		/*	header
		----------------------------------------------------*/
		
		#header {
			padding: 30px 10px;
			}
			
			#ci a {
				font-size: 3em;
             	                  }
				
			#ci a:link,
			#ci a:visited {
				color: #FFFFFF;
             	                  }
			
			#tagline {
				margin: 5px 0;
				color: #CCCCCC;
				}
				
			#url {
				color: #999999;
				}
						
			#adminnav {
				padding-top: 15px;
				position: absolute;
				top: 160px;
				left: 490px;
				width: 134px;
				color: #CCCCCC;
				}

			* html #adminnav {
				left: 500px;
				}
			
			#adminnav ul li a {
				padding-top: 3px;
				display: block;
				width: 134px;
				height: 22px;
				text-indent: 20px;
				}
			
			#adminnav ul li a:link,
			#adminnav ul li a:visited {
				color: #000000;
				}
			
			#adminnav ul li a:hover,
			#adminnav ul li a:active {
				background: url(http://bfile.shinobi.jp/5233/d_3_globalnav_over_bg.gif) no-repeat;
				color: #FFFFFF;
				filter: alpha(opacity=70);
				opacity: 0.7;
				text-decoration: none;
				}

			#skipnav {
				display: none;
				}

		/*	primary
		----------------------------------------------------*/
		
		#primaly {
			padding-top: 18px;
			float: left;
			width: 490px;
			color: #333333;
			}
						
			/* ページング（上下共通） */
			ul.pager {
				margin-bottom: 30px;
				padding: 0 10px;
				float: left;
				width: 100%;
				font-size: 0.8em;
				}
			
			/* ページング（下部） */
			ul.under {
				margin-top: 50px;
				}
				
				ul.pager li {
					margin-right: 5px;
					float: left;
					width: 1.5em;
					height: 1.5em;
					background: #000000;
					line-height: 1.5;
					text-align: center;
					color: #999999;
					}
					
				ul.pager li a:link,
				ul.pager li a:visited {
					display: block;
					width: 1.5em;
					height: 1.5em;
					background: none;
					line-height: 1.5;
					color: #FFFFFF;
					}
					
				ul.pager li a:hover,
				ul.pager li a:active {
					background: #FFFFFF;
					color: #999999;
					}	
				
			/* 前後エントリーへのナビゲーション */	
			ul.flip {
				margin: 0 0 50px;
				font-size: 0.8em;
				}
			
				ul.flip li {
					margin-bottom: 0.5em;
					display: block;
					}
			
			/* 記事タイトル */
			h2 {
				margin-bottom: 20px;
				font-size: 2em;
				}
			
			/* 本文・追記 */	
			p.text,
			p.ps {
				margin: 10px 0;
				line-height: 1.6;
				}
					
			/* インフォメーション */		
			p.info {
				margin: 20px 0 50px;
				font-size: 0.8em;
				}
			
				p.info span {
					margin-right: 10px;
					}
				
				p.info span.tburl {
					margin: 5px 0;        
					display: block;
					font-size: 0.8em;
					}
			
					p.info span.tburl input {
						margin-left: 10px;
						width: 300px;
						border: none;
						background: none;
						color: #000000;
						}
						   
			/* エントリーブロック */
			div.entry {
				padding: 0 10px;
				clear: both;
				}
			
				div.entry img {
					margin: 10px;
					border: solid 1px #999999;
					}
			
			/* コメント・フォーム・トラックバックブロックのタイトル */	
			p.ttl {
				margin: 15px 0;
				font-size: 2.2em;
				font-weight: bold;
				color: #000000;
				}
			
			/* コメントブロック */	
			div.comment {
				margin-bottom: 20px;
				padding: 5px 10px;
				border-bottom: solid 1px #333333;
				}
				
			/* コメント本文 */	
			span.comment_text_color {
				display: block;
				line-height: 1.6;
				}
			
			/* コメントインフォメーション */	
			div.comment p.info {
				margin-bottom: 0;
				text-align: right;
				}
						
			/* コメントフォーム */	
			dl.form {
				}
			
				/* コメントフォーム項目 */	
				dl.form dt {
					margin: 7px 0 2px;
					font-size: 0.8em;
					}
				
				/* コメントフォーム入力エリア */	
				dl.form input,
				dl.form textarea,
				dl#trackback input {
					padding: 5px;
					width: 95%;
					border: none;
					background: #FFFFFF;
					}
				
				* html dl.form input,
				* html dl.form textarea
				* html dl#trackback input {
					padding: 0 5px;
					height: 2em;
					line-height: 2.0;
					}
				
				dl.form textarea {
					height: 300px;
					line-height: 1.6;
					}
			
				input.submit {
					margin: 15px 0 0 0;
					padding: 5px;
					}
					
				* html input.submit {
					padding: 0;
					}
					
				*+html input.submit {
					padding: 0;
					}
				
			/* トラックバックURL表示部分 */		
			dl#trackback {
				}

	/*	footer
	----------------------------------------------------*/
	
	#footer {
		padding-left: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background: #F4F4F4 url(http://bfile.shinobi.jp/5233/d_3_body_bg.jpg) top left repeat-x;
		text-align: left;
		}
		
		#assistnav {
			padding: 2px 0 10px;
			}
		
		#assistnav li {
			margin-right: 10px;
			display: inline;
			color: #CCCCCC;
			}
		
		#assistnav a {
			padding: 0 10px 2px 10px;
			}
						
		#assistnav a:link {
			color: #333333;
			}
			
		#assistnav a:visited {
			color: #333333;
			}
			
		#assistnav a:hover,
		#assistnav a:visited:hover {
			text-decoration: none;
			color: #999999;
			background: #333333;
			}

	  #footer p {
			   margin-bottom: 5px;                           
			   font-size: 0.8em;
			   }
			
		address {
			color: #333333;
			}