@CHARSET "utf-8";
/*
Theme Name:	Staff Blog
Theme URI:	http://www.nisekotourism.com/en/blog/
Description:staff blog english
Author:	at style works
Author URI:	http://www.atstyle.jp
Version:	1.0
*/


/* http://www.nisekotourism.com/のスタイルシート読み込み */
@import url("http://www.nisekotourism.com/wp-content/themes/npb_jp/style.css");

div#naviArea{
	position:absolute;
	margin-top:90px;
	left:0px;
	/* background-image:url("../images/child_menu_bg_d_page.png"); */
}

div#header{
	/* background:none !important; */
	background:#ffffff url('images/blog_header_bg.jpg') no-repeat !important;
	z-index:10000;
}

.parentA{
	/* background-color:#FFFFFF !important; */
}

ul#selectLang{
	margin:0px;
	padding:0px;
	top:10px;
	right:10px;
	position:absolute;
	z-index:1000;
}

ul#selectLang li{
	border:1px solid #d4d4d4;
}

ul#selectLang a{
	display:block;
	width:150px;
	text-align:left;
	height:28px;
	line-height:28px;
	text-indent:10px;
	background:url('/wp-content/themes/npb_jp/images/lang_bg_d.png');
	color:#ffffff;
}

ul#selectLang a:hover{
	background-color:#333333;
}
ul#selectLang li.selected a{
	background-image:url("/wp-content/themes/npb_jp/images/lang_bg_a.png");
}
p#mailTo a {
	position:absolute;
	display:block;
	width: 220px;
	height:25px;
	left:340px;
	top:15px;
}
p#bottomLogo a{
	position:absolute;
	display:block;
	width:85px;
	height:50px;
	left:0px;
	text-indent:-9999px;
}
*{
	margin:0px;
	padding:0px;
	font-size:100%;
}

a{
	text-decoration:none;
}

li{
	list-style-type:none;
}

img{
	display:block;
}

body{
	color:#634047;
	font-family:Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴシック Pro W3', osaka;
	line-height:1em;
}

div#page{
	margin:auto;
	width:960px;
	background:url("images/back.jpg") repeat-y;
}

img#main_image{
	z-index:-4;
	display:block;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.clear{
	clear:both;
}

/* ヘッダー */

div#header{
	position:relative;
	width:960px;
	height:120px;
	background:url("images/header.jpg") no-repeat 0px 0px;
}

h1{
	margin-left:0px;
	padding-left:0px;
	text-align:left;
}

h1 a{
	display:block;
	position:absolute;
	top:20px;
	left:0px;
	height:60px;
	text-indent:-9999px;
}

ul#lang{
	position:absolute;
	left:890px;
	/left:840px;
	top:5px;
	width:175px;
	height:28px;
}

ul#lang li{
	margin-right:5px;
	display:block;
	width:65px;
	height:15px;
	margin-bottom:2px;
}

ul#lang a{
	display:block;
	width:65px;
	height:15px;
	text-indent:-9999px;
}

/***********************  メニュー ****/

ul#menu{
	margin:auto;
	position:absolute;
	top:90px;
	left:0px;
}


ul#menu li li{
	text-align:left;
	line-height:18px;
}

/* 真ん中のエリア */
div#content_box{
	margin:auto;
	position:relative;
	top:-20px;
	width:800px;
	text-align:left;
	font-size:16px;
}
	/** content **/
div#content{
	float:left;
	width:550px;
}

div#content p img{
	margin-bottom:10px;
}

div#inner_box{
	padding-left:60px;
}

div.post_box{
	margin-bottom:30px;
}

h2.posttitle a{
	padding-bottom:16px;
	margin-bottom:10px;
	display:block;
	width:400px;
	line-height:1.0em;
	color:#dc0000;
	background:url("images/posttitle_back.gif") no-repeat left bottom;
	font-size:16px;
	font-weight:bold;
}

p.postdate{
	margin-top:10px;
	clear:both;
	font-size:12px !important;
}

li.commentcontent{
	padding-left:20px;
	margin-top:20px;
}

div.post_box p{
	line-height:1.4em;
	font-size:15px;
}

/* safari only \*/
html[xmlns*=""] body:last-child #visual {
    position:relative;
    top:-16px;
}

/* safari only \*/
html[xmlns*=""] body:last-child #menu {
    width:961px;
    height:0;
}

/* safari only \*/
html[xmlns*=""] body:last-child ul.menu li {
/*    position:relavive;
*/    top:0px;
    left:0px;
}

/* safari only \*/
html[xmlns*=""] body:last-child ul.menu ul li {
/*    position:relavive;
*/    top:0px;
}


/**  サイドバー **/
div#sidebar{
	float:right;
	width:200px;
}

div#sidebar li.first_li{
	margin-bottom:30px;
}

div#sidebar li.first_li li{
	margin-left:10px;
	line-height:1.4em;
}

div#sidebar li.first_li li li{
	margin-top:5px;
}

div#sidebar h2{
	padding-bottom:10px;
	margin-bottom:10px;
	display:block;
	width:119px;
	line-height:1.0em;
	color:#dc0000;
	background:url("images/sidebar_back.gif") no-repeat bottom;
	font-weight:bold;
}

/*---------------------------------------- 以下、フッター------------------------------------*/
div#footer{
	clear:both;
	background:#558ED5;
	text-align:left;
	padding-top:10px;
}
div#bottom p{ margin:0px; padding:0px; }
ul#badge{
	float:right;
	padding:0px;
	margin:0px;
	padding-right:10px;
}
ul#badge li{
	display:block;
	float:left;
}
ul#badge li img{
	margin-left:3px;
}
ul#footerLink{
	margin:0px;
	padding:10px;
	border-bottom:1px solid #ffffff;
}
ul#footerLink li{
	display:block;
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #FFFFFF;
}
ul#footerLink li a{
	color:#FFFFFF;

}
ul#footerLink li a:hover{ text-decoration:underline; }
div#bottom{
	position:relative;
	margin-top:5px;
	height:61px;
	background:#558ED5 url("/wp-content/themes/npb_jp/images/bottom_bg.png") no-repeat;
	padding-top:1px;
	padding:10px;
}
p#goTop{
	float:right;
	margin-top:20px;
}
p#goTop a{
	background:url("/wp-content/themes/npb_jp/images/go_top_arrow.gif") no-repeat left center;
	text-indent:15px;
	display:block;
	font-weight:bold;
	color:#ffffff;

}
p#goTop a:hover{ text-decoration:underline; }

#menu2 a{
	float:left;
}

p.navigation{
	line-height:1.5;
	text-align:center;
	margin-bottom:20px;
}

a#go-to-top{
	position:absolute;
	display:block;
	bottom:25px;
	right:22px;
	width:40px;
	height:15px;
	text-indent:-9999px;
}


/**  コメントページ **/

h3{
	font-size: 1em;
	padding:10px 0 0.6em 0;
}

h3#respond{
	font-weight:bold;
}

h4{
	font-size:0.88em;
	padding:0 0 0.4em 0;
	color:#060606;
}

input#trackbackurl{
	width:400px;
	font-size:0.75em;
	margin-bottom:1em;
	color:#060606;
}

ol#commentlist{
	margin: 0 0 15px 20px;
}

ol#commentlist li.commentcontent{
	display:block;
	list-style: none;
	margin-bottom: 1em;
	padding:20px 15px 10px 15px;
	background: #f6fee2;
	border: 1px solid;
	border-color: #efefef #0c0c0c #0c0c0c #efefef;
}

ol#commentlist li.commentcontent p{
	line-height:1.4em;
}

form#commentform label{
	width:140px;
	float:right;
	margin:0.25em 10px 0 0;
	font-weight:bold;
}

form#commentform p{
	clear: both;
	margin-bottom:10px;
}

form#commentform sub{
	display:block;
}

input#author, input#email, input#url {
	width:244px;
	border:3px double #0c0c0c;
	padding:1px 3px;
}

textarea{
	font-size:1em;
	border:3px double #0c0c0c;
	width:400px;
}

p.submitbutton{
	text-align:center;
}

p.submitbutton input{
	padding:3px 1em;
	font-weight:bold;
	color:#050505;
}


/******************************************
 * safari
 */

body:first-of-type ul.menu li {
    position:relavive;
    top:-0px;
    left:-0px;
}

body:first-of-type ul.menu li li {
    top:0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/



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

div.post_box p{
	margin-bottom:10px;
}