/*   
Theme Name:neutral
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.mono-lab.net/demo2/
Author:mono-lab
Author URI:http://www.mono-lab.net
Version:1.0
Tags: white, simple, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #fefefe;
	color: #555;
	font: 13px/18px "Helvetica Neue", "Hiragino Maru Gothic Pro", Arial, "メイリオ";
}

a img {
	border: none;
}

a, a:visited {
	color: #898989;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #0075c0;
	text-decoration: underline;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 200%;
}

ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 0%;
}

ul li {
	margin: 0;
	padding: 0;
	line-height: normal;
	zoom: 1;
}

ol {
	margin: 0 0 1em 19px;
	padding: 0;
}

ol li {
	padding: 0 0 5px 0;
	line-height: normal;
}

form,table,input,textarea,dl,dt,dd {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	width: 100%;
	border: 0;
}

blockquote {
	margin: 0 0 1em 0;
	padding: 35px 20px 0 20px;
	border: 1px solid #ccc;
	background: #fafafa url(img/quote1.gif) no-repeat 10px 10px;
}

blockquote p {
	margin: 0 0 5px 0;
}

.quote_bottom {
	height: 30px;
	background: #fafafa url(img/quote2.gif) no-repeat right;
	margin-right: -10px;
}

pre {
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 10px 20px;
	margin: 0 0 1em 0;
	overflow: auto;
}

object {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#header {
	background-color: #fff;
}

#contents {
	clear: both;
	padding: 0;
	background-color: #fff;
}

#left_col {
	float: left;
	display: inline;
	width: 653px;
	margin: 0;
	padding: 25px 0 0 0;

}

#right_col {
	float: right;
	display: inline;
	width: 283px;
	margin: 0 27px 0 0;
	padding: 25px 0 0 0;
}

#footer {
	border-top: 1px solid #ccc;
	background-color: #fff;
	height: 90px;
	padding: 0 0 30px 0;
}

#contents_noside {

	background-color: #fff;
	clear: both;
	padding: 60px 28px;
}

/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */

#logo {
	float: left;
	display: inline;
	margin: 48px 0 0 36px;
}

/* blog title - text */

#logo_text, #logo_text:visited {
	color: #888;
	font-size: 32px;
}

#logo_text:hover {
	text-decoration: none;
	color: #2089cc;
}

/* blog description */

#description {
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 0;
	color: #aaa;
	font-size: 11px;
}

/* blog title - image (If you are using image for blog title, adjust margin) */

#logo_image {
	margin: 0;
	display: block;
}

#header_meta {
	float: right;
	display: inline;
	margin: 36px 55px 36px 0;
}

#header_meta a:hover {
	text-decoration: none;
}

/* rss */

#header_rss {
	float: left;
	padding: 0 0 0 52px;
	height: 44px;
	line-height: 46px;
	font-size: 11px;
	display: inline;
	margin: 0 0 0 20px;
}

#header_rss:hover {
	background-position: left bottom;
}

/* twitter */

#header_twitter {
	float: left;
	padding: 0 0 0 52px;
	height: 44px;
	line-height: 46px;
	font-size: 11px;
	display: inline;
	margin: 0 0 0 20px;
}

#header_twitter:hover {
	background-position: left bottom;
}

/* search area */

#header_search_area {
	float: left;
	width: 155px;
	height: 39px;
	margin: 2px 25px 0 0;
	position: relative;

}

#search_input {
	position: absolute;
	top: 13px;
	left: 8px;
	margin: 0;
	height: 15px;
	display: inline;
	width: 105px;
	font-size: 100%;
	color: #bbb;
	background: transparent;
		border: 1px solid #eee;
}

#search_button {
	position: absolute;
	right: 0px;
}

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

       header menu is at the bottom of this page!

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

/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */

.post {
	padding: 0 30px;
}

#previous_next_post {
	padding: 15px 30px;
	margin: 0 0 20px 0;
}

#previous_next_post #previous_post a {
	float: left;
	display: block;
	width: 231px;
	padding: 0;
}

#previous_next_post #next_post a {
	float: right;
	display: block;
	text-align: right;
	width: 231px;
	padding: 0;
}

#previous_next_post p {
	line-height: 140%;
	margin: 0;
}

/* post title */

.post_title {
	font-size: 16px;
	margin: 0 0 10px;
	font-weight: normal;
	line-height: 140%;
	padding: 0;
	color: #555;
}

.post_title a, .post_title a:visited {
	color: #555;
	display: inline-block;
}

.post_title a:hover {
	text-decoration: none;
	color: #2089cc;
}

/* post date,author,etc */

.post_info li {
	display: inline;
	font-size: 10px;
	margin: 0 8px 0 0;
	color: #aaa;
}

.post_info li a, .post_info li a:visited {
	color: #aaa;
}

.post_info li a:hover {
	color: #2089cc;
}

.post_info li.write_comment {
	background: url(img/arrow5.gif) no-repeat left center;
	padding: 0 0 0 9px;
}

/* post contents */

.post_content {
	margin: 0 0 40px 0;
}
.post_content img{
	margin: 15px 0;
}

.post_content p {
	margin: 0 0 1em 0;
}

.post_content a, .post_content a:visited {
	text-decoration: underline;
}

.post_content a:hover {
	
}

/* read more link */

.post_content a.more-link, .post_content a.more-link:visited {
	display: block;
	clear: both;
	color: #555;
	margin: 15px 0 0 -2px;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 40px;
	background: url(img/arrow3.gif) no-repeat left top;
	text-decoration: none;
}

.post_content a.more-link:hover {
	color: #2089cc;
	background: url(img/arrow3.gif) no-repeat left bottom;
	text-decoration: none;
}

/* layout of image */

.post img.centered,div.centered {
	display: block;
	margin: 0 auto;
}

.post img.aligncenter,div.aligncenter {
	display: block;
	margin: 0 auto;
}

.post img.alignright,div.alignright {
	margin: 4px 0 15px 15px;
	display: inline;
}

.post img.alignleft,div.alignleft {
	margin: 4px 15px 15px 0;
	display: inline;
}

/* table */

.post table {
	margin: 0 0 1em 0;
}

.post td, .post th {
	border: 1px solid #ccc;
	padding: 15px;
}

.post th {
	background: #eee;
	font-weight: normal;
}

/* list */

.post_content ul li {
	margin: 0 0 1em 0;
	line-height: 160%;
	background: url(img/bullet1.gif) no-repeat 5px 7px;
	padding: 0 0 0 18px;
}

.post_content ol li {
	margin: 0 0 1em 0;
	line-height: 160%;
}

.post_content input {
	margin: 5px 0;
}

/* ----- post meta ----- */

.post_meta {
	padding: 0;
	margin: 0 0 60px 0;
	clear: boht;
}

.post_meta ul {
	padding: 12px 10px 12px 25px;
	margin: 0;
	line-height: 0%;
}





/* @end */

.post_meta li {
	display: block;
	font-size: 11px;
	line-height: 140%;
	margin: 0;
}

.post_category {
	float: left;
	width: 310px;
	background: url(img/category_icon.gif) no-repeat 4px 2px;
	padding: 0 0 0 22px;
}

.post_tag {
	float: left;
	width: 410px;
	background: url(img/tag_icon.gif) no-repeat 2px 2px;
	padding: 0 0 0 22px;
}

.post_comment {
	float: right;
	background: url(img/write_comment.gif) no-repeat left 2px;
	padding: 0 10px 0 22px;
	max-width: 180px;
	width: auto !important;
	width: 180px;
}

/* ----- bread crumb ----- */

#bread_crumb {
	padding: 0;
	width: 630px;
	margin: -12px 0 25px 0;
}

#bread_crumb ul {
	padding: 12px 15px 12px 30px;
	margin: 0;
	line-height: 0%;
}

#bread_crumb li {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 140%;
	margin: 0;
}

#bread_crumb li#bc_home, #bread_crumb li#bc_cat {
	background: url(img/arrow6.gif) no-repeat right 5px;
	padding: 0 20px 0 0;
	margin: 0 10px 0 0;
}

#bc_home a {

}

#bc_home a:hover {
}

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */

.side_title {
	margin: 0 0 20px 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #555;
	font-weight: normal;
	line-height: 100%;
}

.side_box {
	margin: 0 0 50px 0;
	font-size: 11px;
}

#right_col ul {
	
}

#right_col li {
	margin: 0 0 0.5em 0;
	line-height: 140%;
}

#right_col li li {
	padding: 0 0 0 10px;
	margin: 3px 0;
	background: url(img/bullet1.gif) no-repeat 1px 7px;
}

#side_left {
	float: left;
	width: 130px;
	padding: 0;
	display: inline;
	margin: 0;
}

#side_right {
	float: right;
	width: 130px;
	padding: 0;
	display: inline;
	margin: 0;
}

.side_box_short {
	margin: 0 0 50px 0;
	width: 120px;
	font-size: 11px;
	color: #aaa;
}

#side_bottom {
	clear: both;
}

/* this is just for default mode */

#side_left_ex {
	float: left;
	width: 130px;
	padding: 0;
	display: inline;
	margin: 0;
}

#side_right_ex {
	float: right;
	width: 130px;
	padding: 0;
	display: inline;
	margin: 0;
}

#side_bottom_ex {
	clear: both;
}

/* calendar */

#wp-calendar {
	margin: 0 auto;
	width: 100%;
	font-size: 11px;
}

#wp-calendar th, #wp-calendar td {
	padding: 0;
	width: 14%;
	line-height: 220%;
	text-align: center;
}

#wp-calendar th {
	color: #333;
}

#wp-calendar td a, #wp-calendar td a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
	background: url(img/calendar2.gif) no-repeat  center;
}

#wp-calendar td a:hover {
	text-decoration: none;
	color: #fff;
	background: url(img/calendar3.gif) no-repeat  center;
}

#wp-calendar caption {
	padding: 8px 0;
}

#wp-calendar tfoot td {
	border: none;
	padding: 5px 0;
}

#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited,
 #side_middle #wp-calendar #prev a, #side_middle #wp-calendar #prev a:visited, #side_middle #wp-calendar #next a, #side_middle #wp-calendar #next a:visited {
	text-decoration: none;
	background: none;
	color: #81aaa4;
}

#wp-calendar #prev a:hover, #wp-calendar #next a:hover,
 #side_middle #wp-calendar #prev a:hover, #side_middle #wp-calendar #next a:hover {
	text-decoration: underline;
	color: #2089cc;
}

#wp-calendar td#today {
	color: #555;
	background: url(img/calendar1.gif) no-repeat  center;
}

#side_middle #wp-calendar td#today {
	background: url(img/calendar4.gif) no-repeat  center;
}

#side_middle #wp-calendar td a, #side_middle #wp-calendar td a:visited {
	background: url(img/calendar5.gif) no-repeat  center;
}

#side_middle #wp-calendar td a:hover {
	background: url(img/calendar6.gif) no-repeat  center;
}

/* ----- footer ------------------------------------------------------------------------------------------------------------------------------- */

#copyright {
	float: left;
	display: inline;
	margin: 20px 0 0 0px;
	padding: 0 0 0 15px;
}

#copyright li {
	float: left;
	display: inline;
	font-size: 11px;
	margin: 0 10px 0 0;
	padding: 3px 0 5px 13px;
	background: url(img/footer_line.gif) no-repeat left center;
}

#copyright li a, #copyright li a:visited {
	
}

#return_top {
	float: right;
	display: inline;
	margin: 25px 55px 0 0;
	padding: 0 0 0 15px;
	font-size: 11px;
	background: url(img/arrow4.gif) no-repeat left center;
}

#return_top:hover {
	
}

/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */

#page_edit {
	margin: 0;
	font-size: 11px;
}

/*  ------ search,archive ------------- */

#search_result,#archive_headline {
	padding: 0;
	
	margin: -10px 0 25px 0;
}

#search_result p,#archive_headline p {
	margin: 0;
	padding: 10px 10px 10px 30px;
	line-height: 160%;
}

#keyword {
	font-weight: bold;
	color: #2089cc;
}

.search_result_content {
	margin: 25px 30px 25px 30px;
	border-left: 1px solid #ccc;
	padding: 5px 0px 0px 15px;
}

.search_result_contents p {
	clear: both;
}

.read_more {
	padding: 0 0 0 20px;
}

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */

.page_navi {
	margin: -10px 0 50px 30px;
	padding: 0;
}

.page_navi li {
	line-height: 0%;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots {
	color: #777;
	width: 30px;
	padding: 0;
	margin: 0 3px 0 0;
	display: block;
	float: left;
	text-align: center;
	line-height: 30px;
	background: url(img/pager1.gif) no-repeat left top;
}

.page_navi a:hover {
	color: #999;
	background: url(img/pager1.gif) no-repeat left bottom;
	text-decoration: none;
}

.page_navi span.current {
	background: url(img/pager2.gif) no-repeat left top;
	color: #fff;
}

#search_pagenavi {
	margin: 70px 0 0 0;
}

/* ----- header-menu --------------------------------------------------------------------------------------------------------------------------- */

.header_menu {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	height: 52px;
	padding: 0;
}

.menu {
	font-size: 11px;
	margin: 0;
}

.menu, .menu ul {
	line-height: 1;
	margin: 0;
	padding: 0;
}

.menu li {
	position: relative;
	float: left;
	padding: 0 18px;
	z-index: 100;
}

.menu ul li {
	height: auto;
	padding: 0;
	left: auto;
}

.menu #header-menu-home {
	border: none;
}

.menu a, .menu a:visited {
	color: #555;
	display: block;
	padding: 0 15px;
	line-height: 48px;
	position: relative;
	top: 2px;
}

.menu a:hover {
	color: #555;
	border-bottom: 3px solid #95c0d5;
	text-decoration: none;
}

.menu ul {
	position: absolute;
	top: 51px;
	left: 0;
	display: none;
	opacity: 0;
	width: 222px;
}

.menu ul a, .menu ul a:visited {
	background: #fff;
	line-height: 140%;
	padding: 10px 30px 9px;
	border: 1px solid #ccc;
	width: 150px;
	margin: -1px 0 0 0;
}

.menu ul a:hover {
	background: #f2f2f2;
	border-bottom: 1px solid #ccc;
	color: #555;
}

.menu ul ul {
	margin: -34px 0 0 211px;
	top: 34px;
}

.menu .current_page_item a, .menu .current_page_item a:visited {
	color: #555;
	border-bottom: 3px solid #95c0d5;
}

.menu .current_page_item a:hover {
	color: #555;
	border-bottom: 3px solid #95c0d5;
	text-decoration: none;
}

.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover {
	border-bottom: 1px solid #ccc;
}

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited {
	background: #fff url(img/arrow1.gif) no-repeat 200px 16px;
}

.menu ul .parent_menu > a:hover {
	background: #f2f2f2 url(img/arrow1.gif) no-repeat 200px 16px;
}

/* ---------- clearfix hack ---------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* exlude MacIE5 \*/

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block;
}

/* end MacIE5 */