@charset "UTF-8";
/* ************************************************ 
Theme Name: Fujin / 風神
Theme URI: http://www.megumithemes.com/
Description: A general versatility all-round theme with orientalism.
Author: Megumi

 * ************************************************ */

/* ************************************************ 
	CSS Contents
	1-1. Notes
	1-2. CSS Zero Include
	
	2-1. Basic setting
	2-2. Each area setting
	2-3. Header area setting
	2-4. Home info area setting
	2-5. Footer area setting
	2-6. Side contents setting
	2-7. The main contents setting
	3-1. Other setting
	
 * ************************************************ */

/* ************************************************ 
 * 1-2.Notes
 * ************************************************
 *	
 *	Whenever Huck is done,
 *	it describes it in the following filling in column. 
 *	
 *	
 * ************************************************ */

/* ************************************************ 
 * 1-3.CSS Include
 * ************************************************ */
@import url("initial.css");

/* ************************************************ 
 * 2-1. Basic setting
 * ************************************************ */
body
	{
	text-align:center;
	color:#323232;
	}
a:link
	{
	color:#167ABE;
	text-decoration:none;
	}
a:visited
	{
	color:#810081;
	text-decoration:none;
	}
a:active
	{
	color:#167ABE;
	text-decoration:none;
	}
a:hover
	{
	color:#167ABE;
	text-decoration:underline;
	}

/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * main_img
 * ************************************************ */
div#box
	{
	width:950px;
	font-size:108%;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 20px 0px;
	}
div#header
	{
	height:77px;
	margin:0px 0px 13px 0px;
	background:url(images/backgrand/header_back.gif) no-repeat left top;
	position:relative;
	}
div#left_content
	{
	width:630px;
	float:left;
	}
div#right_content
	{
	width:310px;
	float:right;
	}
div#footer
	{
	text-align:left;
	font-size:85%;
	color:#757575;
	margin:40px auto 0px auto;
	border-top:5px solid #EDEDED;
	padding:10px 0px 10px 0px;
	clear:both;
	}

/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
div#header h1
	{
	width:867px;
	margin:6px 0px 0px 0px;
	float:right;
	}
div#header p#logo
	{
	width:77px;
	margin:1px 0px 0px 0px;
	float:left;
	}
div#header p#logo img
	{
	display:block;
	}
div#header p#site_title
	{
	width:261px;
	margin:10px 0px 0px 7px;
	float:left;
	}
/*/ change_font_size /*/
div#header ul#change_font_size
	{
	width:130px;
	margin:6px 0px 0px 0px;
	background:url(images/backgrand/change_font_back.gif) no-repeat;
	float:right;
	}
div#header ul#change_font_size li
	{
	width:26px;
	height:16px;
	margin:2px 0px 0px 1px;
	overflow:hidden;
	float:left;
	}
div#header ul#change_font_size li span
	{
	width:26px;
	padding:16px 0px 0px 0px;
	display:block;
	float:left;
	}
div#header ul#change_font_size li.text
	{
	width:39px;
	height:13px;
	margin:3px 0px 0px 5px;
	overflow:hidden;
	float:left;
	}
div#header ul#change_font_size li.text span
	{
	width:61px;
	background:url(images/icon/font_text.gif) no-repeat;
	}
div#header ul#change_font_size li.medium span
	{
	cursor:pointer;
	background:url(images/icon/font.gif) no-repeat 0px 0px;
	}
div#header ul#change_font_size li.medium span.textresizer-active
	{
	cursor:pointer;
	background:url(images/icon/font.gif) no-repeat 0px -16px;
	}
div#header ul#change_font_size li.large span
	{
	cursor:pointer;
	background:url(images/icon/font.gif) no-repeat -26px 0px;
	}
div#header ul#change_font_size li.large span.textresizer-active
	{
	cursor:pointer;
	background:url(images/icon/font.gif) no-repeat -26px -16px;
	}
div#header ul#change_font_size li.larger span
	{
	cursor:pointer;
	background:url(images/icon/font.gif) no-repeat -52px 0px;
	}
div#header ul#change_font_size li.larger span.textresizer-active
	{
	cursor:pointer;
	background:url(images/icon/font.gif) no-repeat -52px -16px;
	}

div#header ul#change_font_size li.go_main_site
	{
	width:91px;
	height:10px;
	margin:4px 0px 0px 3px;
	overflow:hidden;
	clear:both;
	}
div#header ul#change_font_size li.go_main_site a
	{
	width:91px;
	padding:10px 0px 0px 0px;
	background:url(images/button/main_site.gif) no-repeat;
	display:block;
	}
/* ************************************************ 
 * 2-4. Footer area setting
 * ************************************************ */
div#footer address
	{
	width:40%;
	float:left;
	}
div#footer ul
	{
	width:59%;
	text-align:right;
	margin:1em 0px 0px 0px;
	float:right;
	}
div#footer ul li
	{
	display:inline;
	}
div#footer ul li a
	{
	border-right:1px solid #757575;
	padding:0px 10px 0px 10px;
	}
div#footer ul li:first-child a
	{
	border-left:1px solid #757575;
	}
/* ************************************************ 
 * 2-5 Main contents setting
 * ************************************************ */
div#main_contents div#left_content div#feed_area_01 h2 ,
div#main_contents div#left_content div#feed_area_02 h2 ,
div#main_contents div#right_content div#feed_area_03 h2 ,
div#main_contents div#left_content div#link_area_01 h2 ,
div#main_contents div#left_content div#link_area_02 h2 ,
div#main_contents div#right_content div#link_area_03 h2
	{
	margin:0px 0px 10px 0px;
	}
div#main_contents div#left_content div#feed_area_01 ,
div#main_contents div#left_content div#feed_area_02
	{
	width:302px;
	margin:0px 0px 15px 0px;
	border:2px solid #E2E2E2;
	padding:2px 2px 2px 2px;
	float:left;
	}
div#main_contents div#left_content div#feed_area_02
	{
	float:right;
	}
div#main_contents div#right_content div#feed_area_03
	{
	width:302px;
	margin:0px 0px 15px 0px;
	border:2px solid #E2E2E2;
	padding:2px 2px 2px 2px;
	}
div#main_contents div#left_content div#feed_area_01 p.description ,
div#main_contents div#left_content div#feed_area_02 p.description ,
div#main_contents div#right_content div#feed_area_03 p.description
	{
	padding:0px 7px 7px 7px;
	background:#F3F3F3;
	}
div#main_contents div#left_content div#feed_area_01 p.go_backnumber ,
div#main_contents div#left_content div#feed_area_02 p.go_backnumber ,
div#main_contents div#right_content div#feed_area_03 p.go_backnumber
	{
	text-align:right;
	padding:7px 7px 7px 7px;
	}
	
div#main_contents div#left_content div#feed_area_01 ul ,
div#main_contents div#left_content div#feed_area_02 ul ,
div#main_contents div#right_content div#feed_area_03 ul
	{
	padding:0px 7px 7px 7px;
	}
div#main_contents div#left_content div#feed_area_01 ul li ,
div#main_contents div#left_content div#feed_area_02 ul li ,
div#main_contents div#right_content div#feed_area_03 ul li
	{
	margin:10px 0px 0px 0px;
	border-bottom:1px dotted #E2E2E2;
	padding:0px 0px 10px 0px;
	}
div#main_contents div#left_content div#feed_area_01 ul li span.blog_title ,
div#main_contents div#left_content div#feed_area_02 ul li span.blog_title ,
div#main_contents div#right_content div#feed_area_03 ul li span.blog_title
	{
	font-size:85%;
	text-align:right;
	display:block;
	}

div#main_contents div#left_content div#link_area_01 ,
div#main_contents div#left_content div#link_area_02
	{
	width:622px;
	margin:0px 0px 15px 0px;
	border:2px solid #E2E2E2;
	padding:2px 2px 2px 2px;
	}
div#main_contents div#right_content div#link_area_03
	{
	width:302px;
	margin:0px 0px 15px 0px;
	border:2px solid #E2E2E2;
	padding:2px 2px 2px 2px;
	}
div#main_contents div#left_content div#link_area_01 ul ,
div#main_contents div#left_content div#link_area_02 ul
	{
	padding:0px 7px 7px 7px;
	}
div#main_contents div#left_content div#link_area_01 ul li ,
div#main_contents div#left_content div#link_area_02 ul li
	{
	width:33%;
	font-size:85%;
	margin:10px 0px 0px 0px;
	float:left;
	}
div#main_contents div#left_content div#link_area_01 ul li img ,
div#main_contents div#left_content div#link_area_02 ul li img
	{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}
div#main_contents div#right_content div#link_area_03 ul
	{
	padding:0px 7px 7px 7px;
	}
div#main_contents div#right_content div#link_area_03 ul li
	{
	margin:10px 0px 0px 0px;
	}
div#main_contents div#right_content div#link_area_03 ul li img
	{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}

div#main_contents div.post
	{
	margin:0px 0px 15px 0px;
	border:2px solid #E2E2E2;
	padding:2px 2px 2px 2px;
	}
div#main_contents div.post p.description
	{
	padding:7px 7px 7px 7px;
	background:#F3F3F3;
	}
div#main_contents div.post ul li
	{
	border-bottom:1px dotted #E2E2E2;
	padding:7px 7px 7px 7px;
	}
div#main_contents div.post ul li span.data ,
div#main_contents div.post ul li span.title
	{
	padding:0px 20px 0px 0px;
	}
div#main_contents div.post ul li span.blog_title
	{
	font-size:85%;
	text-align:right;
	display:block;
	}
div#main_contents div.post p.go_top
	{
	text-align:center;
	padding:7px 7px 7px 7px;
	}
div#main_contents div.link_area
	{
	margin:0px 0px 15px 0px;
	border:2px solid #E2E2E2;
	padding:2px 2px 2px 2px;
	}
div#main_contents div.link_area ul
	{
	padding:0px 7px 7px 7px;
	}
div#main_contents div.link_area ul li
	{
	width:25%;
	margin:10px 0px 0px 0px;
	float:left;
	}
div#main_contents div.link_area ul li img
	{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}

div#main_contents p.list_left ,
div#main_contents p.list_center ,
div#main_contents p.list_right
	{
	width:200px;
	margin:10px 0px 0px 0px;
	float:left;
	}
div#main_contents p.list_right
	{
	float:right;
	}
div#main_contents p.list_left span.thumb ,
div#main_contents p.list_center span.thumb ,
div#main_contents p.list_right span.thumb
	{
	width:51px;
	float:left;
	}
div#main_contents p.list_left span.title ,
div#main_contents p.list_center span.title ,
div#main_contents p.list_right span.title
	{
	width:139px;
	float:right;
	}

/* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */