/*
Theme Name: FUJIYA
Theme URI: http://www.fujiya-ndnl.com/
Description: FUJIYA-ndnl.comのためのテーマ
Author: FUJIYA Hiromichi YOKOCHI
Author URI: http://www.fujiya-ndnl.com/

Contents: 
1. Reset
2. Page Layout
3. Skin & Pages
4. Messages (error, success etc)
5. Clearfix
*/

/* ***********************************************************
	1. Reset 
   *********************************************************** */
/* ------------------------------------------------------------
    0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*because legend doesn't inherit in IE */legend{color:#000;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------------------------
    1. HTML, Body, Anchor
   ------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	color: #555555;
	background: #FFFDD8 url("images/body.jpg") no-repeat scroll top center;
	font-family:
		"ヒラギノ角ゴ Pro W3",
		"ＭＳ Ｐゴシック",
		sans-serif;
	line-height: 1.5;
}

a:link,
a:visited { color: #333333; text-decoration: none;}

a:hover,
a:active  { color: #333333; text-decoration: underline;}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.hidden {
	display: none;
}
.noimage img {
	display: none;
}

/* ------------------------------------------------------------
    2. Heading, Paragraph
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

p { margin: 1em 0; padding: 0; }

/* ------------------------------------------------------------
    3. List
   ------------------------------------------------------------ */

ul, ol, dl {}
li, dd {}
dt { font-weight: bold; }


/* ------------------------------------------------------------
    4. Table
   ------------------------------------------------------------ */

table {
    clear: both;
    width: 100%;
    overflow: auto;
    margin: 1em 0;
    empty-cells: show;
}
caption {} thead {} tfoot {} tbody {}
colgroup {} col {}
th, td { vertical-align: top; }
thead th {} tbody th {} tfoot th {}
*/

/* ------------------------------------------------------------
    5. Form
   ------------------------------------------------------------ */

form {} fieldset { border: 0; }

legend { display: none; }

input, textarea, select { font-size: 99%; }
textarea { font-family: "ＭＳ ゴシック", monospace; }

label { cursor: pointer; }

button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

optgroup {} option {}


/* ------------------------------------------------------------
    6. Quotation
   ------------------------------------------------------------ */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

blockquote {}
q    { border-bottom: 1px dotted #d90000; background: #ffeeee; }
cite { font-style: normal; }

/* ***********************************************************
	2. Main Layout
   *********************************************************** */
/* ------------------------------------------------------------
    1. Container
   ------------------------------------------------------------ */

div#container {
	text-align: left;
	width: 980px;
	margin: auto auto;
}

/* ------------------------------------------------------------
    2. Content
   ------------------------------------------------------------ */

div#content {
	position:relative;		/* IE7 overflow bugfix */
	clear:both;
	float:left;
	width:100%;
}

/*  2-1. Main
   ------------------------------- */

div#main {
	float:left;
	width:63%;
	left:66%;
}

div#main img {

}	
	div#main div.header {
		height: 480px;	
	}
		div#main div.header ol {
			list-style-type: none;
			padding-bottom: 10px;
		}
		div#main div.header ol li {
			float: left;
			padding: 10px 5px 20px 0;
			text-indent: -9999px;
		}
		div#main div.header ol li a{
			text-indent: -9999px;
			display: block;
			width: 80px;
			height: 30px;
		}
		div#main div.header ol li a:hover{
		}
		div#main div.header ol li a:visited{
		}
		div#main div.header ol li.f {
			background: none;
			padding-left: 0;
		}
		div#main div.header rss {
			font-size: 0.9em;
			padding: 2px 0 2px 24px;
			background: url(images/rss.gif) no-repeat 0 0;
		}
		div#main div.header h1 {
			clear: both;
			font-size: 0;
		}
		div#main div.header h1 a {
			display: block;
			text-indent: -9999px;
			outline: none;
			background: url("images/logo_.gif") no-repeat 0 0;
			width: 375px;
			height: 27px;
			float: left;
		}
		
/** END main header **/		

	div#main div.latest {
		border-bottom: 1px dashed #333333;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
		div#main div.latest img {
			float: left;
			background-color: #FBFAF4;
			border: 1px solid #cccccc;
			display: block;
			margin: 0 10px 5px 0;
			padding: 6px;
		}
		div#main div.latest img a {
		
		}
		
		div#main div.latest h2 {
			float:right;
			font-size: 0.8em;
			margin: 10px 0 0 0;
			padding: 10px 0 0 0;
			text-transform: uppercase;
		}
		div#main div.latest h2 a {
			color: #FFFDD8;
			background-color:#FF3300;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
		}
		div#main div.latest h3 {
			border-top: 1px dashed #333333;
			border-bottom: 1px dashed #333333;
			font-size: 200%;
			font-weight: bold;
			padding-top:10px;
			padding-right: 90px;
			padding-bottom: 15px;
		}
		div#main div.latest p {
			margin-bottom: 5px;
			line-height: 150%;
		}
		
/** END main latest **/			
		
	div#main div.l {
		width: 297px;
		float: left;
		padding: 0 10px 0 0;
		border-right: 1px dashed #FFFDD8;
	}
		div#main div.l .post {
			font-size: 0.9em;
			padding-top: 5px;
			border-bottom: 1px dashed #333333;
		}
		div#main div.l .post h2 {
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 5px 0;
			float: left;
		}
		div#main div.l .post h2 a {
			color: #FFFDD8;
			background-color:#FF3300;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
		}
		div#main div.l .post h3 {
			clear: both;
			font-size: 1.3em;
			font-weight: bold;
			width: 100%;
			padding: 10px 0;
		}
		div#main div.l .post img {
			float: left;
			background-color: #FBFAF4;
			border: 1px solid #cccccc;
			display: block;
			margin: 10px 10px 5px 0;
			padding: 2px;
			width: 100px;
		}
		
		div#main div.l .post p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
		
/** END main l **/			
		
	div#main div.r {
		width: 296px;
		float: right;
		padding-left: 10px;
		border-left: 1px solid #FFFDD8;
		margin-left: -1px;
	}
		div#main div.r .post {
			font-size: 0.9em;
			padding-top: 5px;
			border-bottom: 1px dashed #333333;
		}
		div#main div.r .post h2 {
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 5px 0;
			float: left;
		}
		div#main div.r .post h2 a {
			color: #FFFDD8;
			background-color:#FF3300;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
		}
		div#main div.r .post h3 {
			clear: both;
			font-size: 1.3em;
			font-weight: bold;
			width: 100%;
			padding: 10px 0;
		}
		div#main div.r .post img {
			float: left;
			background-color: #FBFAF4;
			border: 1px solid #cccccc;
			display: block;
			margin: 10px 10px 5px 0;
			padding: 2px;
			width: 100px;
		}
		div#main div.r .post p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
		
/** END main r **/
		
	div#main div.postnav {
		padding: 20px 0;
		clear: both;
	}
	div#main div.postnav ul {
		list-style-type: none;
		border: 0;
	}
		div#main div.postnav ul li {
			float: left;
			margin: 2px;
			font-size: 0.9em;
		}
		div#main div.postnav ul li a {
			display: block;
			border: 0 !important;
			padding: 5px;
		}
		#div#main div.postnav ul li a:hover {
			background-color: #007AAA;
			color: #FFFEF7;
		}
		div#main div.page_info {
			padding: 5px !important;
		}

/** END main postnav **/

/*  2-2. Sidebar
   ------------------------------- */

div#sidebar {
	float:left;
	width:37%;			/* width of the sidebar */
	left:66%;
	height: 100%;
}

div#sidebar div.wrap{
	padding: 0 20px;
	margin-top: 30px;
	height: 100%;
}

	div#sidebar div.wrap form {
		float: left;
		background: url("images/search.jpg") no-repeat left center;
		width: 239px;
		margin: 0 0 45px 60px;
		padding: 0;
	}
		div#sidebar div.wrap form p {
			float: left;
			height: 50px;
			margin: 35px 0 0 0;
			font-size: 0.9em;
			color: #FFFEF7;
		}
	div#sidebar div.wrap input {
		float: left;
		color: #6666666;
		border: 1px solid #FFFFFF;
		font-size: 1.5em;
		font-family: Verdana;
		margin: 0 0 0 5px;
		width: 175px;
	}
	div#sidebar div.wrap button {
		float: left;
		width: 42px;
		height: 40px;
		border: 0;
		margin: 20px 0 0 5px;
		text-indent: -9999px;
		}
		
/** END sidebar form **/
	
		div#sidebar div.wrap ul.head {
		clear: both;
		list-style-type: none;
		border-style: dashed;
		border-width: 1px 1px 0 0;
		border-color:#333333;
		height: 31px;
		}
		div#sidebar div.wrap ul.head li {
			border-left:1px dashed #333333;
			float: left;
			text-transform: uppercase;
			font-weight: bold;
		}
		div#sidebar div.wrap ul.head li a {
			font-size: 11px;
			font-weight: bold;
			display: block;
			padding: 8px 10px;
		}
		div#sidebar div.wrap ul.head li a:hover {
			font-size: 11px;
			font-weight: bold;
			display: block;
			padding: 8px 10px;
		}

/** END sidebar head **/

		div#sidebar div.wrap ul.nav {
			clear: both;
			list-style-type: none;
			margin-bottom: 10px;
		}
		div#sidebar div.wrap ul.nav li{
			clear: both;
			border-bottom:1px dashed #333333;
			padding: 10px 0px 10px;
		}
		div#sidebar div.wrap ul.nav li {
			text-transform: uppercase;
		}
		div#sidebar div.wrap ul.nav li a {
			text-decoration: none;
			font-size: 1.8em;
			font-weight: bold;
			background: url("images/box1.gif") no-repeat left  bottom;
			color: #333333;
			text-transform: uppercase;
			padding: 0px 30px 0px;
			position: relative;
		}
		div#sidebar div.wrap ul.nav li a:hover {
			text-decoration: none;
			color: #333333;
			background: url("images/box2.gif") no-repeat left  bottom;
		}

/** END sidebar nav **/

		div#sidebar div.wrap ul.body {
		clear: both;
		border:1px dashed #333333;
		list-style-type: none;
		padding: 10px;
		margin-bottom: 10px;
		}
		div#sidebar div.wrap ul.body li {
			font-size: 1.1em;
			padding: 6px 0;
		}
		div#sidebar div.wrap ul.body li a {
			color: #555555;
			}
		div#sidebar div.wrap ul.body li a:hover {
			color: #555555;	
			}
		
/** END sidebar body **/
		
		div#sidebar div.wrap div.bottom {
		clear: both;
		border:1px dashed #333333;
		list-style-type: none;
		padding: 10px;
		margin-bottom: 10px;
		}
		div#sidebar div.wrap div.bottom h2 {
			font-size: 1.1em;
			font-weight: bold;
			text-transform: uppercase;
			padding: 5px 0;
		}
		div#sidebar div.wrap div.bottom ul {
			list-style-type: none;
			margin-bottom: 20px;
		}
		div#sidebar div.wrap div.bottom ul li {
			padding: 6px 0;
		}
		div#sidebar div.wrap div.bottom ul li a {
			color: #707070;
		}
		div#sidebar div.wrap div.bottom ul li a:hover {
			color: #707070;
		}
		
/** END sidebar bottom **/
		
	div#sidebar div.wrap div.body {
		clear: both;
		padding: 10px;
		margin-bottom: 10px;
	}
		#sidebar div.body img {
			
		}
		#sidebar div.body a {
			color: #C71B1B;
		}
		#sidebar div.body a:hover {
			color: #C71B1B;
		}
		
/** END sidebar body **/

div#sidebar div.footer{
	padding: 0 20px;
	height:123px;
}

/*  2-3. For Individual Pages
   ------------------------------- */

/** 2-3-1 Single Page Entry **/

div#main div.single ul {
	margin: 0 0 10px 18px;
}
div#main div.single ol {
	margin: 0 0 10px 20px;
}
	div#main div.single li {
		padding: 2px 0;
		line-height: 1.4em;
	}
	div#main div.single h3 {
		border-top: 1px dashed #333333;
		border-bottom: 1px dashed #333333;
		font-size: 200%;
		font-weight: bold;
		padding-top:10px;
		padding-right: 90px;
		padding-bottom: 15px;
	}
	div#main div.single blockquote {
		padding: 20px 0 0 25px;
		background:  url(images/quotes.gif) no-repeat;
		background-position: 0 2px;
	}
	div#main div.single blockquote p {
		display: inline;
		margin: 0;
	}
	div#main div.single .reference {
		text-align: right;
		margin-bottom:0;
	}
	div#main div.single .details {
		padding: 20px 0;
	}
	div#main div.single .details p {
		line-height: 2em;
		font-weight: bold;
		margin-bottom: 5px !important;
	}
	div#main div.single .details p a {
		color: #FFFDD8;
		background-color: #FF3300;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size:0.9em;
		font-weight: normal;
		padding: 5px 10px;
		text-transform: uppercase;
	}
	
/** 2-3-2 Single Page Comment **/
	
#comments {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments h2 {
		margin: 10px 0;
		font-size: 1.5em;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		color: #333333;
		font-weight: bold;
	}
	.commentauthor a{
		color: #333333;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #333333;
	}
	.commentdate a{
		font-size: 0.8em;
		color: #333333;
	}
	.required {
		color: #ff0000;
	}
	#respond {
		padding-top: 20px;
	}
	.comment1 {
		padding: 10px;
		margin-bottom: 10px;
	}
	.commentdetails {
		float: left;
	}
	.gravatar {
		float: right;
		background-color: #FBFAF4;
		border: 1px solid #cccccc;
		padding: 2px;
	}
	h2.title {
		padding: 20px 10px 20px;
		font-size: 0.8em;
		font-weight: normal;
		text-transform: uppercase;
		color: #333333;
	}
	#submit{
		color: #FFFDD8;
		background-color:#666666;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 5px;
	}
	
/** 2-3-3 Archive Page **/

div#archive {
	clear: both;
	margin: 0 0 10px 0;
}
	div#archive h2.title {
		padding: 0 0 10px 10px;
		font-size: 200%;
		font-weight: bold;
		color: #333333;
	}
	div#archive h2.title strong{
		color: #FF3300;
		font-weight: bold;
	}
	
	div#archive div.list {
		clear: both;
		border: 1px dashed #333333;
		padding: 10px;
		margin: 0 0 10px 10px;
	}
	div#archive div.list h2 {
		border-top: 1px dashed #333333;
		border-bottom: 1px dashed #333333;		
		font-size: 1.6em;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.div#archive div.list h2 a {
		
	}
	div#archive div.list img {
		float: left;
		background-color: #FBFAF4;
		border: 1px solid #cccccc;
		margin: 10px 10px 5px 0;
		padding: 3px;
		height: 100px;
		margin: 5px 10px 5px 0;
	}
	div#archive div.list p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	
	div.notfound {
	clear: both;
	padding: 10px;
	margin: 0 0 10px 10px;
	}
	div.notfound h2{
		font-size: 1.6em;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	div.notfound h2 p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	
/* ------------------------------------------------------------
    3. Footer
   ------------------------------------------------------------ */

#footer {
	clear: both;
	border-top: 3px dashed #FFFEF7;
	font-size: 0.9em;
	padding: 10px 0 30px;
}