﻿@charset "UTF-8";
/* ************************************************ 
Theme Name: custom
Theme URI: 
Description: 
Author: 


 * ************************************************ */

/* ************************************************ 
	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. 
 *	
 *	Line 604 IE hack
 *	
 * ************************************************ */

/* ************************************************ 
 * 1-3.CSS Include
 * ************************************************ */
@import url("initial.css");

/* ************************************************ 
 * 2-1. Basic setting
 * ************************************************ */
body
	{
	text-align:center;
	color:#333333;
	background-color:#ffffff;
	}
a:link
	{
	color:#1E60A3;
	}
a:visited
	{
	color:#1E60A3;
	text-decoration:underline;
	}
a:active
	{
	color:#1E60A3;
	}
a:hover
	{
	color:#1E60A3;
	text-decoration:none;
	}
div#footer a
	{
	text-decoration:none;
	}
div#side_contents a
	{
	text-decoration:none;
	}
h1 ,h2 ,h3 ,h4 ,h5 ,h6
	{
	color:#333333;
	}
h1 a:link ,h2 a:link ,h3 a:link ,h4 a:link ,h5 a:link ,h6 a:link ,
h1 a:visited ,h2 a:visited ,h3 a:visited ,h4 a:visited ,h5 a:visited ,h6 a:visited ,
h1 a:active ,h2 a:active ,h3 a:active ,h4 a:active ,h5 a:active ,h6 a:active
	{
	color:#333333;
	text-decoration:none;
	}
h1 a:hover ,h2 a:hover ,h3 a:hover ,h4 a:hover ,h5 a:hover ,h6 a:hover
	{
	color:#333333;
	text-decoration:underline;
	}
.red
	{
	color: red;
	}
.blue
	{
	color: blue;
	}
.white
	{
	color: white;
	}
.imeon
	{
	ime-mode: enabled;
	}	
.imeoff
	{
	ime-mode: disabled;
	}
input[disabled]
	{
	color:#000;
	}
select[disabled]
	{
	color:#000;
	}
/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * main_img
 * ************************************************ */
div#all
	{
	width:984px;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	/* background:url(../images/backgrand/custom_bg.jpg) repeat-y; */
	background-position:center;
	}
div#box
	{
	width:940px;
	line-height:1.5;
	text-align:left;
	margin:0px auto 0px auto;
	padding:10px 20px 0px 20px;
	}
div#header
	{
	margin:0px 0px 14px 0px;
	position:relative;
	}
div#footer
	{
	font-size:92%;
	margin:0px 0px 0px 0px;
	border:0px solid #CACACA;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
	}
div#contents_box
	{
	margin:10px 0px 0px 0px;
	background:url(../images/backgrand/contents_backgrand.gif) repeat-y;
	}
div#main_contents
	{
	width:610px;
	float:left;
	padding-left:10px;
	}
div#sidebar
	{
	width:280px;
	font-size:92%;
	padding:0px 10px 0px 10px;
	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:940px;
	float:none;
	margin-left:-10px;
	}

/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
div#header h1
	{
	line-height:1;
	text-align:right;
	font-size:92%;
	color:#555560;
	}
div#header p#logo
	{
	width:auto;
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
	}
div#header p#header_address
	{
	width:auto;
	margin:30px 2px 0px 0px;
	float:right;
	}
div#header p#header_address img
	{
	display:block;
	}
div#header p#feed
	{
	position:absolute;
	top:69px;
	right:2px;
	}
div#header p#feed img
	{
	display:block;
	}

/*/ Page Navigation Setting /*/
div#header ul#page_nav
	{
	width:100%;
	height:40px;
	font-size:107%;
	background:url(../images/nav/navigation_backbround.jpg) repeat-x left bottom #F0F0F0;
	display:table;
	}
div#header ul#page_nav li
	{
	width:auto;
	float:left;
	display:table-cell;
	min-height:40px;
	}
div#header ul#page_nav li:hover
	{
	background:url(../images/nav/navigation_hover.jpg) repeat-x left bottom #5F96D8;
	position:relative;
	}
div#header ul#page_nav li a
	{
	width:auto;
	line-height:2.7;
	text-decoration:none;
	color:#474747;
	padding:0px 50px 0px 50px;
	background:url(../images/nav/navigation_border.gif) no-repeat right center;
	float:left;
	color:#FFFFFF;
	min-height:40px;
	}
div#header ul#page_nav li a:hover ,
div#header ul#page_nav li:hover a
	{
	color:#FFFFFF;
	}
div#header ul#page_nav li.feed
	{
	float:right;
	}
div#header ul#page_nav li.feed a
	{
	padding:2px 2px 2px 2px;
	background:none;
	}
div#header ul#page_nav li:hover.feed
	{
	background:none;
	}

/*/ Pulldown Setting /*/
div#header ul#page_nav li ul
	{
	display:none;
	}
div#header ul#page_nav li:hover > ul
	{
	width:270px;
	border-top:1px solid #CACACA;
	display:block;
	position:absolute;
	top:100%;
	left:0px;
	z-index:3;
	}
div#header ul#page_nav li ul li
	{
	width:270px;
	background:none;
	}
div#header ul#page_nav li ul li a
	{
	width:248px;
	color:#474747 !important;
	border:1px solid #CACACA;
	border-top:none;
	padding:0px 10px 0px 10px;
	background:#F0F0F0;
	}
div#header ul#page_nav li ul li a:hover
	{
	color:#FFFFFF !important;
	background:#6097D7;
	}
div#header ul#page_nav li ul li:hover ul
	{
	top:0px;
	left:100%;
	z-index:3;
	}

/* ************************************************ 
 * 2-4. Footer area setting
 * ************************************************ */
div#footer div#footer_contents
	{
	font-size:85%;
	margin:0px 0px 15px 0px;
	border:1px solid #CACACA;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
	}
div#footer div#footer_contents h2.headline
	{
	font-weight:bold;
	color:#333333;
	margin:0px 0px 10px 0px;
	}
div#footer div#footer_contents #footer_box_01 ,
div#footer div#footer_contents #footer_box_02 ,
div#footer div#footer_contents #footer_box_03 ,
div#footer div#footer_contents #footer_box_04
	{
	width:210px;
	float:left;
	}
div#footer div#footer_contents #footer_box_02
	{
	margin:0px 10px 0px 15px;
	}
div#footer div#footer_contents #footer_box_04
	{
	float:right;
	}
div#footer div#footer_contents ul
	{
	line-height:1.7;
	}
div#footer div#footer_contents ul li ul
	{
	margin:0px 0px 0px 10px;
	}
div#footer address
	{
	text-align:right;
	}

/* ************************************************ 
 * 2-5 Side contents setting
 * ************************************************ */
/*/ Title /*/
div#sidebar h2.headline
	{
	font-size:136%;
	font-weight:bold;
	line-height:1.9;
	margin:0px 0px 12px 0px;
	background:url(images/title/side_headline_border.gif) repeat-x left bottom;
	}

/*/ Widgets /*/
div#sidebar div.widgets
	{
	margin:0px 0px 10px 0px;
	}

/*/ List /*/
div#sidebar ul
	{
	width:280px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
div#sidebar ul li
	{
	width:278px;
	display:block;
	}
div#sidebar ul li a
	{
	width:263px;
	border-bottom:1px solid #FFFFFF;
	padding:3px 0px 3px 15px;
	background:url(images/icon/side_icon_01.gif) no-repeat left center;
	display:block;
	}
div#sidebar ul li a:hover
	{
	text-decoration:none;
	background:url(images/icon/side_icon_02.gif) no-repeat left center #FFFFFF;
	}
div#sidebar ul li.current-cat a ,
div#sidebar ul li ul li a
	{
	width:253px;
	padding:3px 0px 3px 25px;
	background:url(images/icon/side_icon_01.gif) no-repeat 10px center;
	}
div#sidebar ul li.current-cat a:hover ,
div#sidebar ul li ul li a:hover
	{
	background:url(images/icon/side_icon_02.gif) no-repeat 10px center #FFFFFF;
	}

/*/ recentcomments /*/
div#sidebar ul#recentcomments a
	{
	border:none;
	padding:0px 0px 0px 15px !important;
	background:url(images/icon/side_icon_01.gif) no-repeat left 3px;
	}
div#sidebar ul#recentcomments li.recentcomments a.url
	{
	padding:0px 0px 0px 0px !important;
	background:none;
	}

/*/ Selectt /*/
div#sidebar select
	{
	width:260px;
	margin:10px 10px 20px 10px;
	}
	
/*/ searchform /*/
div#sidebar #searchform
	{
	margin:10px 0px 20px 0px;
	}
div#sidebar #searchform input.text
	{
	width:236px;
	height:13px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	border:1px solid #BBBBBB;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:4px 4px 4px 4px;
	}
div#sidebar #searchform input.button
	{
	vertical-align:middle;
	}

/*/ Calendar /*/
div#sidebar #wp-calendar
	{
	width:260px;
	margin:0px auto 0px auto;
	}
div#sidebar #wp-calendar caption
	{
	text-align:center;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	background:#134D85;
	}
div#sidebar #wp-calendar th ,
div#sidebar #wp-calendar td
	{
	text-align:center;
	color:#6E7073;
	padding:2px 10px 2px 10px;
	}
div#sidebar #wp-calendar th
	{
	font-weight:bold;
	padding:15px 0px 0px 0px;
	}
div#sidebar #wp-calendar td a
	{
	text-decoration:underline;
	}

/*/ Post List /*/
div#sidebar ul.post_list
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 7px 0px;
	}
div#sidebar ul.post_list li span.data ,
div#sidebar ul.post_list li span.title
	{
	display:block;
	}

/* ************************************************ 
 * 2-6 Main contents setting
 * ************************************************ */
/*/ Title /*/
div#main_contents h2.page_title
	{
	font-size:130%;
	font-weight:bold;
	line-height:2.3;
	background:url(images/h2_tt_bg.gif) no-repeat left 0px;
	padding:3px 15px 0px 20px;
	margin-bottom:15px;
	}
div#main_contents div.post h2.post_title
	{
	font-size:152%;
	font-weight:bold;
	margin:0px 0px 1px 0px;
	border-bottom:1px solid #CCCCCC;
	}
div#main_contents div.post h2.post_title a
	{
	color:#333333;
	}
	
div#top_info{
	margin:0px auto 0px auto;
}

div#top_info table{
	margin:0px auto 0px auto;
}

div#top_info table th{
	margin:0px auto 0px auto;
	background:url(images/top_info_th_bg.jpg) no-repeat left 0px;
	padding:6px 0px 3px 60px;
	height:35px;
}

div#top_info table td{
	margin:0px auto 0px auto;
	padding:3px 0px 3px 30px;
	background:url(images/top_info_td_bg.jpg) no-repeat left 0px;
	/*height:35px;*/

}

div#top_info table td p{
	border-bottom:#E3E3E3 solid 1px;
	width:880px;
	line-height:1.5em;
	margin:3px 0px 3px 0px;
	padding-bottom:7px;
}

/*---------- post ----------*/
div#main_contents div.post
	{
	font-size:107%;
	margin:0px 0px 15px 0px;
	}
div#main_contents div.post p.data
	{
	font-size:85%;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 15px;
	background:url(images/icon/icon_01.gif) no-repeat left 2px;
	}
div#main_contents div.post div.entry
	{
	margin:10px 0px 15px 0px;
	}
div#main_contents div.post div.entry p
	{
	margin:10px 0px 15px 10px;
	}
div#main_contents div.post div.entry span.thumbnail
	{
	margin:0px 10px 10px 0px;
	display:block;
	float:left;
	}
div#main_contents div.post div.entry p.go_more
	{
	padding:10px 0px 0px 0px;
	}
div#main_contents div.post div.meta
	{
	text-align:right;
	font-size:85%;
	margin:0px 0px 1px 0px;
	border-top:1px dotted #A1A1A1;
	padding:5px 0px 0px 15px;
	clear:both;
	}
div#main_contents div.post div.meta span.com
	{
	padding:0px 25px 0px 25px;
	background:url(images/icon/icon_02.gif) no-repeat left 2px;
	}
div#main_contents div.post div.meta span.edit
	{
	padding:0px 0px 0px 25px;
	}

/*---------- Post Decoration ----------*/
div#main_contents div.post div.entry h1 ,
div#main_contents div.post div.entry h2 ,
div#main_contents div.post div.entry h3
	{
	font-size:197%;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	border-bottom:1px solid #CCCCCC;
	}
div#main_contents div.post div.entry h2
	{
	font-size:152%;
	}
div#main_contents div.post div.entry h3 ,
div#main_contents div.post div.entry h4
	{
	font-weight:bold;
	font-size:107%;
	margin:0px 0px 15px 0px;
	}
div#main_contents div.post div.entry h5
	{
	font-weight:bold;
	font-size:100%;
	margin:0px 0px 15px 0px;
	}
div#main_contents div.post div.entry h6
	{
	font-weight:bold;
	font-size:92%;
	margin:0px 0px 5px 0px;
	}
div#main_contents div.post div.entry blockquote
	{
	margin:30px 0px 15px 0px;
	border:1px dotted #BABABA;
	padding:20px 35px 0px 35px;
	background:url(images/backgrand/blockquote_backgrand.gif) no-repeat center 5px #F8F8F8;	
	}
div#main_contents div.post div.entry ul
	{
	margin:inherit;
	padding:inherit;
	}
div#main_contents div.post div.entry ol ,
div#main_contents div.post div.entry ul
	{
	margin:0px 0px 20px 0px;
	padding:inherit;
	}
div#main_contents div.post div.entry ul li
	{
	margin:0px 0px 0px 28px;
	list-style:disc;
	}
div#main_contents div.post div.entry ol li
	{
	margin:0px 0px 0px 35px;
	list-style:decimal;
	}
div#main_contents div.post div.entry table
	{
	border:1px solid #E7E4E4;
	}
div#main_contents div.post div.entry table tr th
	{
	border:1px solid #E7E4E4;
	background:#F8F8F8;
	}
div#main_contents div.post div.entry table tr td
	{
	border:1px solid #E7E4E4;
	}

/*---------- navigation ----------*/
div#main_contents .navigation
	{
	width:100%;
	min-height:25px;
	margin:10px 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 Box /*/
div#main_contents h2.related-posts
	{
	font-size:152%;
	font-weight:bold;
	margin:0px 0px 1px 0px;
	border-bottom:1px solid #CCCCCC;
	}
div#main_contents ul.st-related-posts
	{
	margin:15px 0px 20px 0px;
	}
div#main_contents ul.st-related-posts li
	{
	margin:0px 0px 0px 0px;
	list-style:none;
	}
div#main_contents ul.st-related-posts li a
	{
	padding:0px 0px 0px 15px;
	background:url(images/icon/icon_02.gif) no-repeat left 0.4em;
	}
div#main_contents ul.st-related-posts li a.comment
	{
	padding:0px 0px 0px 0px;
	background:none;
	}

/*---------- comment ----------*/
div#main_contents div#commentlist_box ,
div#main_contents div#respond
	{
	margin:0px 0px 10px 0px;
	border:1px solid #E7E4E4;
	padding:20px 30px 20px 30px;
	background:#F3F3F3;
	}
div#main_contents div#commentlist_box h3 ,
div#main_contents div#respond h3
	{
	font-size:152%;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	border-bottom:1px solid #E7E4E4;
	}
div#main_contents div#commentlist_box .commentlist li
	{
	width:auto;
	min-height:60px;
	margin:0px 0px 10px 0px;
	border:1px solid #E7E4E4;
	padding:10px 15px 20px 80px;
	background:#FFFFFF;
	position:relative;
	}
div#main_contents div#commentlist_box .commentlist li div.reply
	{
	position:absolute;
	bottom:5px;
	left:80px;
	}

div#main_contents div#commentlist_box .commentlist li img.avatar
	{
	position:absolute;
	top:10px;
	left:10px;
	}
div#main_contents div#commentlist_box .commentlist li cite
	{
	color:#1293A9;
	}
div#main_contents #commentform p
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents #commentform p label em
	{
	font-style:normal;
	color:#FF0000;
	}
div#main_contents #commentform p label input
	{
	width:225px;
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	border:1px solid #E5E5E5;
	padding:3px 0px 3px 25px;
	}
div#main_contents #commentform p label input#author
	{
	background:url(images/icon/comment_author.gif) no-repeat 5px center #FFFFFF;
	}
div#main_contents #commentform p label input#email
	{
	background:url(images/icon/comment_email.gif) no-repeat 5px center #FFFFFF;
	}
div#main_contents #commentform p label input#url
	{
	background:url(images/icon/comment_url.gif) no-repeat 5px center #FFFFFF;
	}
div#main_contents #commentform p textarea
	{
	width:100%;
	margin:10px 0px 0px 0px;
	border:1px solid #E5E5E5;
	}
div#main_contents #commentform p button
	{
	color:#000000;
	border:1px solid #ACACAC;
	background:#DCDCDC;
	}
div#main_contents #commentform button:hover
	{
	color:#000000;
	border:1px solid #EBE9ED;
	background:#ACACAC;
	}

/*---------- home ----------*/
body#home #contents_box div#home_post_list
	{
	width:938px;
	font-size:92%;
	margin:0px 0px 20px 0px;
	border:1px solid #CACACA;
	}
body#home #contents_box div#home_post_list h2
	{
	width:auto;
	text-align:center;
	margin:0px 20px 0px 0px;
	padding:10px 30px 10px 10px;
	background:url(images/backgrand/home_post_back.gif) no-repeat right center;
	float:left;
	}
body#home #contents_box div#home_post_list p
	{
	padding:10px 10px 10px 10px;
	}
body#home #contents_box div#home_post_list p a
	{
	color:#69A9A9;
	padding:0px 10px 0px 10px;
	}
body#home #contents_box ul#home_contents_nav
	{
	width:940px;
	margin:-20px 0px 0px 0px;
	display:table;
	}
body#home #contents_box ul#home_contents_nav li
	{
	width:25%;
	text-align:center;
	display:table-cell;
	float:left;
	}
body#home #contents_box ul#home_contents_nav li.nav_01
	{
	text-align:left;
	margin-left:15px;
	width:930px;
	}
body#home #contents_box ul#home_contents_nav li.nav_02
	{
	text-align:left;
	margin-left:15px;
	width:930px;
	}
body#home #contents_box ul#home_contents_nav li.nav_03
	{
	text-align:left;
	margin-left:15px;
	width:930px;
	}
body#home #contents_box ul#home_contents_nav li.nav_04
	{
	text-align:left;
	margin-left:15px;
	width:930px;
	}
body#home #contents_box ul#home_contents_nav li a:hover img
	{
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
#back-to-top
	{
	margin:30% 0px 0px 0px;
	position:absolute;
	right:5px;
	}
.googlemaps
	{
	margin:0px 0px 15px 0px;
	}
.go_posts
	{
	text-align:right;
	margin:15px 0px 0px 0px;
	}
.go_posts a
	{
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 25px 3px 25px;
	background:url(images/backgrand/go_post_backgrand.gif) repeat-x left top;
	}

/* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.jp
 * ************************************************ */