@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/en/wp-content/themes/npb_en/style.css");

*{
	margin:0px;
	padding:0px;
	font-size:100%;
}

a{
	text-decoration:none;
}

li{
	list-style-type:none;
}

img{
	display:block;
}

body{
	color:#634047;
	font-family:"ＭＳ Ｐゴシック",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
}



/* ヘッダー */

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

h1 a{
	display:block;
	position:absolute;
	top:20px;
	left:25px;
	width:300px;
	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{
	position:absolute;
	top:90px;
	left:0px;
	font-family:Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴシック Pro W3', osaka;
}

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

#menu li a.menulink{
	display:blcok;
	width:120px;
	height:30px !important;
	line-height:30px;
	color:#ffffff;
	/* 夏 */
	/*
	background:url("img/top_menu120.gif") no-repeat;
	*/
	/* 冬 */
	background:url("http://nisekotourism.com/kr/wp-content/themes/npb_kr/img/top_menu120_winter.gif") no-repeat;
	font-size:12px;
	text-align:center;
}

#menu li a.menulink:hover{
	background-position: 0px -30px !important;
}

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

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:250px;
}

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{
	position:relative;
	clear:both;
	height:190px;
	background:url("images/footer.jpg") no-repeat 0px 107px;
}

h2#footer_logo{
	z-index:2;
}

h2#footer_logo a{
	display:block;
	position:absolute;
	bottom:25px;
	left:25px;
	width:90px;
	height:45px;
	text-indent:-9999px;
	z-index:5;
}

#menu2 a{
	float:left;
}

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

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;
}

p.navigation{
	line-height:1.5em;
}

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;
}