@charset "UTF-8";
/* ************************************************ 
Theme Name: MEGUMI Theme Hinagata
Theme URI: http://www.10press.net/
Description: About the copyright and the license <a href="http://www.digi3.jp/">DigitalCube Co., Ltd.</a> has it.
Author: Theme designed by Webnist + Megane

Theme license: Individual license

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

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

/* ************************************************ 
 * 1-1.Description priority level
 * ************************************************
 *	width:;
 *	height:;
 *	font-size:;
 *	font-weight:;
 *	line-height:;
 *	color:;
 *	text-align:;
 *	vertical-align:;
 *	margin:;
 *	border:;
 *	padding:;
 *	background:;
 *	background-position:;
 *	display:;
 *	float:;
 *	letter-spacing:;
 *	overflow:;
 *	position:;
 *	top:;
 *	left:;
 *	right:;
 *	bottom:;
 *	clear:;
 * ************************************************ */

/* ************************************************ 
 * 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:#333344;
	}
a
	{
	color:#0F73A1;
	}
a:hover
	{
	text-decoration:none;
	}

/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * main_img
 * ************************************************ */

div#box
	{
	width:930px;
	line-height:1.5;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	}
div#header
	{
	min-height:96px;
	margin:0px 0px 13px 0px;
	position:relative;
	}
div#footer
	{
	color:#FFFFFF;
	text-align:right;
	font-size:77%;
	margin:20px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	background:#0099CC;
	}
div#contents_box
	{
	margin:10px 0px 0px 0px;
	}
div#main_contents
	{
	width:568px;
	float:left;
	}
div#sidebar
	{
	width:340px;
	font-size:92%;
	float:right;
	}
div#main_img
	{
	margin:0px 0px 20px 0px;
	}
div#main_img img
	{
	display:block;
	}
body#home div#contents_box
	{
	background:none;
	}
body#home div#main_contents
	{
	width:930px;
	float:none;
	}
body#home div#header
	{
	min-height:20px;
	}

/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
div#header h1
	{
	font-size:92%;
	color:#FFFFFF;
	padding:0px 5px 0px 5px;
	background:#0099CC;
	}
div#header p#logo
	{
	display:block;
	position:absolute;
	top:27px;
	left:4px;
	}
p#main_copy ,
p#main_img
	{
	margin:0px 0px 23px 0px;
	}
p#main_copy img ,
p#main_img img
	{
	display:block;
	}

/*---------- Page Navigation Setting ----------*/
div#header ul#page_nav
	{
	width:auto;
	height:30px;
	max-height:29px;
	font-size:107%;
	position:absolute;
	top:45px;
	right:0px;
	}
div#header ul#page_nav li
	{
	width:auto;
	height:30px;
	display:block;
	float:left;
	}
div#header ul#page_nav li a
	{
	width:auto;
	height:30px;
	line-height:2.2;
	font-weight:bold;
	color:#0099CC;
	text-decoration:none;
	margin:0px 0px 0px 20px;
	display:block;
	float:left;
	}
div#header ul#page_nav li a span
	{
	width:auto;
	height:30px;
	padding:0px 10px 0px 10px;
	display:block;
	float:left;
	}
div#header ul#page_nav li a:hover
	{
	background:url(images/nav/navigation_backbround.gif) repeat-x left top;
	}
div#header ul#page_nav li a:hover span
	{
	background:url(images/nav/navigation_edge.gif) no-repeat right top;
	}

/* ************************************************ 
 * 2-4. Footer area setting
 * ************************************************ */
div#footer a
	{
	text-decoration:none;
	color:#FFFFFF;
	}
div#footer ul li
	{
	display:inline;
	}
div#footer ul li a
	{
	padding:0px 5px 0px 5px;
	}

/* ************************************************ 
 * 2-5 Side contents setting
 * ************************************************ */
/*---------- title ----------*/
div#sidebar h2.headline
	{
	font-size:167%;
	font-weight:bold;
	line-height:1.9;
	color:#FFFFFF;
	text-align:center;
	background:#0099CC;
	}

/*---------- Widgets ----------*/
div#sidebar div.widgets
	{
	margin:0px 0px 10px 0px;
	}

/*---------- Category ----------*/
div#sidebar ul#category_list
	{
	margin:0px 0px 0px 0px;
	padding:7px 10px 7px 10px;
	background:#F5F5F5;
	}
div#sidebar ul#category_list li
	{
	color:#0F73A1;
	}
div#sidebar ul#category_list li a
	{
	padding:0px 0px 0px 15px;
	background:url(images/icon/side_icon_01.gif) no-repeat left 2px;
	}
div#sidebar ul#category_list li ul
	{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	}
/*---------- Banner ----------*/
div#sidebar ul#banner_list
	{
	margin:0px 0px 0px 0px;
	}
div#sidebar ul#banner_list li
	{
	width:340px;
	height:73px;
	margin:0px 0px 10px 0px;
	overflow:hidden;
	display:block;
	}
div#sidebar ul#banner_list li a
	{
	width:340px;
	padding:73px 0px 0px 15px;
	display:block;
	}
div#sidebar ul#banner_list li.banner_01 a
	{
	background:url(images/banner/banner_01.jpg) no-repeat;
	}
div#sidebar ul#banner_list li.banner_02 a
	{
	background:url(images/banner/banner_02.gif) no-repeat;
	}
div#sidebar ul#banner_list li.banner_03 a
	{
	background:url(images/banner/banner_03.gif) no-repeat;
	}
div#sidebar ul#banner_list li.banner_04 a
	{
	background:url(images/banner/banner_05.gif) no-repeat;
	}
div#sidebar ul#banner_list li.banner_05 a
	{
	background:url(images/banner/google_map.gif) no-repeat;
	}
div#sidebar ul#banner_list li.banner_06 a
	{
	background:url(images/banner/emaki.gif) no-repeat;
	}
div#sidebar ul#banner_list li.banner_07 a
	{
	background:url(images/banner/megumi_serverbanner.gif) no-repeat;
	}
div#sidebar ul#banner_list li.banner_nitoro a
	{
	background:url(images/banner/nitoro.gif) no-repeat;
	}
div#sidebar ul#banner_list li a:hover
	{
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

/* ************************************************ 
 * 2-6 Main contents setting
 * ************************************************ */
/*---------- title ----------*/
div#main_contents h2.page_title
	{
	font-size:227%;
	line-height:2;
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px 15px 0px 15px;
	background:#0099CC;
	}
div#main_contents h2.post_title ,
div#main_contents h3.headline
	{
	font-size:129%;
	font-weight:bold;
	line-height:2;
	color:#0099CC;
	margin:0px 0px 15px 0px;
	border-top:2px solid #DC5A26;
	padding:0px 11px 0px 11px;
	}
div#main_contents h2.post_title a
	{
	color:#0099CC;
	}

/*---------- post ----------*/
div#main_contents .post
	{
	font-size:107%;
	margin:0px 0px 15px 0px;
	}
div#main_contents .entry h1 ,
div#main_contents .entry h2 ,
div#main_contents .entry h3 ,
div#main_contents .entry h4
	{
	font-size:129%;
	font-weight:bold;
	line-height:2;
	color:#0099CC;
	margin:0px 0px 15px 0px;
	border-top:2px solid #DC5A26;
	padding:0px 11px 0px 11px;
	}
div#main_contents .entry h3
	{
	font-size:107%;
	}
div#main_contents .entry h4
	{
	font-size:92%;
	}
div#main_contents .entry h5
	{
	font-weight:bold;
	}
div#main_contents .entry ul
	{
	margin:inherit;
	padding:inherit;
	}
div#main_contents .entry ol ,
div#main_contents .entry ul
	{
	margin:0px 0px 20px 0px;
	padding:inherit;
	}
div#main_contents .entry ul li
	{
	margin:0px 0px 0px 28px;
	list-style:disc;
	}
div#main_contents .entry ol li
	{
	margin:0px 0px 0px 35px;
	list-style:decimal;
	}
div#main_contents .entry table
	{
	width:100%;
	margin:0px 0px 10px 0px;
	border:1px solid #0099CC;
	clear:both;
	}
div#main_contents .entry table th
	{
	width:30%;
	border:1px solid #0099CC;
	padding:5px 5px 5px 5px;
	background:#92D4EA;
	}
div#main_contents .entry table td
	{
	width:70%;
	border:1px solid #0099CC;
	padding:5px 5px 5px 5px;
	}

/*---------- post ----------*/
div#main_contents .post_left ,
div#main_contents .post_right
	{
	width:275px;
	margin:0px 0px 40px 0px;
	float:left;
	}
div#main_contents .post_right
	{
	float:right;
	}
div#main_contents .post_left h2 ,
div#main_contents .post_right h2
	{
	text-align:center;
	}
div#main_contents .post_left div.thumbnail ,
div#main_contents .post_right div.thumbnail
	{
	height:202px;
	overflow:hidden;
	}

/*---------- entry ----------*/
div#main_contents .entry
	{
	margin:10px 0px 15px 0px;
	}
div#main_contents .entry .thumbnail
	{
	margin:0px 11px 0px 0px;
	display:block;
	float:left;
	}
div#main_contents .entry p
	{
	margin:10px 0px 15px 0px;
	}

/*---------- meta ----------*/
div#main_contents .meta
	{
	padding:9px 9px 9px 9px;
	background:#F5F5F5;
	position:relative;
	}

/*---------- data ----------*/
*#main_contents .meta p.edit
	{
	text-align:right;
	}
div#main_contents .meta .com ,
div#main_contents .meta .cat ,
div#main_contents .meta .tags
	{
	line-height:1.5;
	clear:both;
	}
div#main_contents .meta .cat
	{
	padding:0px 0px 0px 0px;
	}
div#main_contents .meta .com img ,
div#main_contents .meta .cat img ,
div#main_contents .meta .tags img 
	{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}
*#main_contents .meta .data
	{
	padding:0px 0px 0px 0px;
	}
*#main_contents .meta .social
	{
	width:25%;
	text-align:right;
	position:absolute;
	top:3px;
	right:5px;
	}
*#main_contents .meta .social li
	{
	display:inline;
	}
*#main_contents .meta .social li img
	{
	vertical-align:middle;
	display:inline;
	}
/*---------- navigation ----------*/
div#main_contents .navigation
	{
	width:568px;
	min-height:25px;
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
div#main_contents .navigation p.previous_post
	{
	width:48%;
	position:absolute;
	top:0px;
	left:0px;
	}
div#main_contents .navigation p.next_post
	{
	width:48%;
	text-align:right;
	position:absolute;
	top:0px;
	right:0px;
	}
/*---------- Related Post ----------*/
div#main_contents .related_post
	{
	margin:0px 10px 20px 10px;
	}

/*---------- comment ----------*/
div#main_contents .commentlist
	{
	padding:10px 10px 20px 10px;
	}
div#main_contents .commentlist li
	{
	min-height:80px;
	padding:10px 15px 10px 80px;
	position:relative;
	}
div#main_contents .commentlist li img.avatar
	{
	position:absolute;
	top:10px;
	left:10px;
	}
div#main_contents .commentlist li.alt
	{
	background:#F1F1F1;
	}
div#main_contents .commentlist li cite
	{
	color:#CC0001;
	}
div#main_contents #commentform dd
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents #commentform input
	{
	width:250px;
	margin:0px 0px 0px 0px;
	border:1px inset #acacac;
	}
div#main_contents #commentform textarea
	{
	margin:0px 0px 0px 0px;
	border:1px inset #acacac;
	}
div#main_contents #commentform button
	{
	color:#000000;
	border:1px solid #acacac;
	background:#dcdcdc;
	}
div#main_contents #commentform button:hover
	{
	color:#000000;
	border:1px solid #ebe9ed;
	background:#acacac;
	}
div#main_contents #comment
	{
	width:100%;
	margin:10px 0px 0px 0px;
	}

/*---------- searchform ----------*/
div#main_contents #searchform
	{
	text-align:center;
	padding:10px 0px 10px 0px;
	background:#eeeeee;
	}
div#main_contents #searchform input.text
	{
	width:302px;
	height:13px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	border:1px solid #878787; 
	padding:4px 4px 4px 4px;
	}
div#main_contents #searchform input.button
	{
	vertical-align:middle;
	}

/*---------- home ----------*/
body#home #contents_box div#home_contents_01 ,
body#home #contents_box div#home_contents_02 ,
body#home #contents_box div#home_contents_03
	{
	width:260px;
	margin:0px 0px 30px 0px;
	border:1px solid #C8C8C8;
	padding:11px 14px 11px 14px;
	background:url(images/background/home_contents_back.gif) repeat-x #FFFFFF;
	float:left;
	}
body#home #contents_box div#home_contents_02
	{
	margin:0px 0px 0px 30px;
	}
body#home #contents_box div#home_contents_03
	{
	float:right;
	}
body#home #contents_box div#home_contents_01 h2.headline ,
body#home #contents_box div#home_contents_02 h2.headline ,
body#home #contents_box div#home_contents_03 h2.headline
	{
	margin:0px 0px 15px 0px 
	}
body#home #contents_box div#home_contents_01 h2.headline img ,
body#home #contents_box div#home_contents_02 h2.headline img ,
body#home #contents_box div#home_contents_03 h2.headline img
	{
	margin:0px auto 0px auto;
	display:block;
	}
body#home #contents_box div#home_contents_01 p img ,
body#home #contents_box div#home_contents_02 p img ,
body#home #contents_box div#home_contents_03 p img
	{
	margin:0px auto 0px auto;
	display:block;
	}
body#home #contents_box dl#recent_posts
	{
	width:930px;
	line-height:2.2;
	margin:0px 0px 15px 0px;
	border:1px solid #C8C8C8;
	clear:both;
	}
body#home #contents_box dl#recent_posts dd 
	{
	width:auto;
	margin:0px 20px 0px 0px;
	padding:0px 40px 0px 20px;
	background:url(images/background/recent_backgrand.gif) no-repeat right center;
	float:left;
	}
body#home #contents_box dl#recent_posts dt 
	{
	width:auto;
	}
body#home #contents_box dl#recent_posts dt a
	{
	padding:0px 0px 0px 15px;
	}

/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
#back-to-top
	{
	margin:30% 0px 0px 0px;
	position:absolute;
	right:5px;
	}
.go_posts
	{
	text-align:right;
	}
	
div#main_contents .entry div.how_to_01 ,
div#main_contents .entry div.how_to_02 ,
div#main_contents .entry div.how_to_03 ,
div#main_contents .entry div.how_to_04
	{
	width:400px;
	min-height:136px;
	margin:0px 0px 20px 0px;
	border:1px solid #C8C8C8;
	padding:10px 10px 0px 156px;
	position:relative;
	}
div#main_contents .entry div.how_to_02
	{
	min-height:486px;
	}
div#main_contents .entry div.how_to_03
	{
	min-height:359px;
	}
div#main_contents .entry div.how_to_04
	{
	min-height:824px;
	}
div#main_contents .entry div.how_to_01 img.how_to ,
div#main_contents .entry div.how_to_02 img.how_to ,
div#main_contents .entry div.how_to_03 img.how_to ,
div#main_contents .entry div.how_to_04 img.how_to
	{
	position:absolute;
	top:0px;
	left:0px;
	}

div#main_contents .entry p.download
	{
	width:305px;
	height:105px;
	margin:0px 0px 20px 0px;
	overflow:hidden;
	display:block;
	}
div#main_contents .entry p.download a
	{
	width:305px;
	padding:105px 0px 0px 0px;
	background:url(images/button/download.gif) no-repeat;
	display:block;
	}
div#main_contents .entry p.download a:hover
	{
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
div#main_contents .entry p.download
	{
	width:305px;
	height:105px;
	overflow:hidden;
	display:block;
	}
div#main_contents .entry div.gallery
	{
	margin:0px 0px 20px 0px;
	}
/* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */