@charset "utf-8";
/*
Theme Name: photoclip
Theme URI: http://www.photoclip.net/
Version: 1.1
Author: photoclip.net
Author URI: http://www.photoclip.net/
*/
* {
	margin:0;
	padding:0;
}
html {height: 100%;}
body {
	font-size: 100%; /* Resets 1em to 10px */
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	color:#000000;
	height: 100%;
	margin: 0;
	padding: 0;
}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
#zoubadge {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 109px;
	height: 116px;
	background: url(images/zoubadge.png) no-repeat left top;
	/* width: 253px;
	height: 361px;
	background: url(images/spring-has-come.png) no-repeat left top; */
}
#accesscounter {
	z-index: 99;
	position: absolute;
	top: 117px;
	left: 0;
	display: block;
	width: 150px;
	height: 150px;
}
#tripadvisor-badge {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 120px;
	height: 60px;
	background: url(images/blog_120x60.gif) no-repeat left top;
}
#back-to-top {
	color: #cccccc;
	position: fixed;
	bottom: 0;
	right: 100%;
	margin-right: -100%;
	width: 48px;
	height: 48px;
	background: url(images/backtotop.png) no-repeat left top;
}
#main-container {min-height: 100%;background: #f7f7f7 url(images/bg-center.gif) top center repeat-y;}
#wrapper {
	overflow:auto;
	padding-bottom: 100px;
	padding-top: 15px;
	margin: 0 auto ;
	clear:both;
	width: 984px;
}
#page {
	padding: 0;
	margin: 0;
	float: left;
	width: 984px;
	background: #FFFFFF url(images/page-bg.gif) repeat-y;
}
#header {
	margin: 0;
	padding: 0;
	height: 155px;
	background: #252b37 url(images/noise.png);
	border-bottom:1px solid #ddd;
	-webkit-box-shadow: 0  5px 10px #bbb;
	-moz-box-shadow: 0 5px 10px #bbb;
	box-shadow: 0 5px 10px  #bbb;
}
#logo {
	position:relative;
	width: 984px;
	height: 155px;
	margin: 0 auto;
}
#logo h1 {
	color:#ccc;
	font-size: 32px;
	font-weight: bold;
	font-family: Georgia,Baskerville,Palatino,Times;
	padding: 45px 0 0 25px;
}
#logo h1 a{
	color:#d0b580;
	text-shadow:0 1px 0 rgba(255,255,255,1),0 -1px 0 rgba(0,0,0,.75);
}
#logo h1 a:hover {
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255,1),0 -1px 0 rgba(0,0,0,.50);
}
#logo .description {
	font-size: 75%;
	padding: 0 0 0 25px;
	color:#bbb;
}
.narrowcolumn {
	float: left;
	padding: 0 0 10px 117px;
	margin: 0;
	width: 500px;
}
.narrowcolumn_main {
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
	width: 100%;
}
.narrowcolumn_main .inner {
	margin: 0 auto;
	width: 740px;
}
.widecolumn {
	padding: 0 0 10px 117px;
	margin: 0;
	width: 500px;
	float: left;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 160%;
} 
.widecolumn .entry p {
	line-height: 160%;
}
#content {
	font-size: 100%;
	padding-bottom: 20px;
}
#home-slideshow {
	background: url(images/slideshow-bg.jpg) no-repeat;
	padding: 20px;
}
small {
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 67%;
	line-height: 1.5em;
}
a {
	color:#016395;
	text-decoration:none;
	overflow:hidden;
	outline:none;
}
a:hover {
	color: #016395;
	text-decoration: underline;  
}
a:visited {
	color: #016395;
}
a:active { 
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
h1 {
	font-size: 32px;
	font-weight: bold;
	font-family: Georgia,Baskerville,Palatino,Times;
}	
h2 {
	font-weight: normal;
	font-size: 117%;
	color: #111;
	margin: 0;
	padding-left: 5px;
	border-bottom: 1px solid #ddd;
	border-left: 10px solid #ddd; 
}
h2.pagetitle {
	color: #777777;
	margin-top: 13px;
	margin-bottom: 9px;
	border-bottom: none;
	border-left: none;
	text-align: center;
	font-size: 117%;
}
h3 {
	font-weight: normal;
	padding: 0;
	margin: 30px 0 15px;
	font-size: 109%;
	border-bottom:1px solid #ddd;
}
h4 {
	background-color: #d0b580;
	color: #FFFFFF;
	font-size: 100%;
	padding: 3px 0 0 4px;
	margin-bottom: 15px;
}
p {
	margin: 0 0 20px;
}
#headerimg .description {
	font-size: 84%;
	text-align: center;
}
small, .nocomments, .postmetadata, blockquote, strike {
	color: #000;
}
acronym, abbr, span.caps {
	font-size: 84%;
	letter-spacing: .07em;
}
hr {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #aaa;
   height: 1px;
}

/* --- nav level1 */
#nav {
	position: absolute;
	top: 55px;
	right: 25px;
	list-style: none;
	padding:5px 0 0 8px;
}
#nav li {
	float: left;
	margin: 0 5px 0 0px;
	padding: 0 0 0 5px;
	background: none;
	position: relative;
}
#nav li a {
	color: #fff;
	font: bold 67%/100% Arial, Helvetica, sans-serif;
	padding: 4px 8px 11px 3px;
	display: block;
	text-decoration: none;
	color: #c8d9e3;
	text-shadow: 0 1px 1px #5282a4;
}
#nav li.current_page_item, #nav li.current_home, #nav li:hover {
	background: url(images/nav-bg.png) no-repeat;
}
#nav li.current_page_item a, #nav li a:hover {
	background: url(images/nav-bg.png) no-repeat right -85px;
	color: #fff;
}
/* --- show hover bg */
#nav li:hover a {
	background: url(images/nav-bg.png) no-repeat right -85px;
}
#nav li.current_home a {
	background: url(images/nav-bg.png) no-repeat right -179px;
	padding-right: 20px;
	color: #fff;
}

/* --- nav level2 */
#nav ul {
	position: absolute;
	list-style: none;
	top: 22px;
	left: -10px;
	padding: 5px 0 10px;
	background: #eff2f8 url(images/nav-drop.png) repeat-x;
	border: 1px solid #e7e8ed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 1px 4px #c5c5a2;
	-webkit-box-shadow: 0 1px 4px #9bb0c8;
	-moz-box-shadow: 0 1px 4px #9bb0c8;
}
#nav ul li {
	background: none;
	padding: 0;
	margin: 0;
	border-bottom:1px dotted #ddd;
}
#nav ul li:hover, #nav ul li:hover a, #nav ul li.current_page_item {
	background: none;
}
#nav ul a {
	color: #016395;
	font-weight: bold;
	text-shadow: none;
	padding: 7px 0 7px 5px;
	width: 150px;
	background: none !important;
}
#nav li.current_page_item li a, #nav ul li.current_page_item a {
	color: #016395;
	background: none;
}
#nav ul a:hover, #nav li.current_page_item li a:hover, #nav ul li.current_page_item a:hover {
	background: none;
	color: #000;
	font-weight: bold;
	font-style: Italic;
}
/* --- dropdown */
#nav ul {
	display: none;
	z-index: 2;
}
#nav li:hover > ul {
	display: block;
}
/* --- nav sub levels */
#nav ul ul {
	left: 150px;
	top: -18px;
	z-index: 3;
}

/* --- sub page menu */
#subnav {
	background: #eeeeee url(images/subnavi-bg.gif) repeat-x left top;
	text-align: center;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #848484;
	clear: both;
}
#subnav ul {
	margin: 0;
	padding: 6px 5px 5px 5px;
	list-style: none;
	font: 67%/100% Arial, Helvetica, sans-serif;
}
#subnav li {
	border-right: 1px solid #D8D8D8;
	padding: 0px 7px;
	margin: 0 0 5px;
	display: inline;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
	text-decoration: none;
	color: #FFFFFF;
}
#subnav .current_page_item a, #subnav .current_page_item a:visited {
	color: #333333;
}
#subnav li a:hover {
	text-decoration: underline;
	color: #333333;
}
.breadcrumb {font-size: 67%; margin-top:8px;}
.post-nav {
	height: 75px;
	margin-top:0;
	font-size:67%;
	font-weight:bold;
	clear:both;
	padding-top:5px;
	z-index:2;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #2c9dd6;
	text-decoration: underline;
}
.navi-left {
	border-right: 1px dotted #aaa;
	float: left;
	margin-top: 8px;
	padding: 0 5px 0 0;
	width: 50%;
	line-height: 150%;
}
span.navi-cap {
	font-weight:normal;
	margin-bottom: 2px;
	padding: 0;
}
.navi-right {
	float: right;
	margin-top: 8px;
	padding: 0px;
	text-align: right;
	width: 48%;
	line-height: 150%;
}
.post-nav img {
	max-height: 48px;
	max-width: 48px;
	padding: 3px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	-webkit-box-shadow:0 2px 2px #aaa;box-shadow:0 2px 2px #aaa;
}
.navi-left img {
	float: left;
	margin: 0 8px 0 0;
}
.navi-right img {
	float: right;
	margin: 0 0 0 8px;
}
.post {
	margin: 15px 0 0;
	text-align: left;
}
.post .title {
	width:500px;
}
.post .title h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 2px;
	padding: 5px 2px 5px 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
	border-left: 1px solid #ccc;
	background: #252b37 url(images/noise.png);
	text-shadow: 0 1px 1px #000;
}
.post .title h2 a {
	color: #FFF;
	text-decoration: none;
	background-color: none;
	overflow:hidden;
	outline:none;
}
.post .title h2 a:visited {
	color: #FFF;
	text-decoration: none;
	background-color: none;
}
.post .title h2 a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: none;
	position:relative;
	top:1px;
	left:1px;
}
/* --- postdata */
.postdata {
	font-size: 67%;
	color: #777777;
}
.postdata .date{
	float: left;
}
.postdata .category{
	background: url(images/mono-sprite.png) no-repeat 0 -232px;
	padding-left: 18px;
	float: right;
}
.postdata .tags {
	background: url(images/mono-sprite.png) no-repeat 0 -384px;
	padding-left: 18px;
	margin-left: 6px;
	float: right;
}
.postdata .views {
	background: url(images/mono-sprite.png) no-repeat 0 -72px;
	padding-left: 18px;
	margin-left: 6px;
	float: right;
}
.postdata .comments {
	background: url(images/mono-sprite.png) no-repeat 0 -152px;
	padding-left: 17px;
	margin-left: 6px;
	float: right;
}
.postdata .mini-add-comment {
	background: url(images/mono-sprite.png) no-repeat 0 0;
	padding-left: 16px;
	margin-left: 6px;
	float: right;
}
.postdata .category a,.postdata .category a:visited,.postdata .tags a,.postdata .tags a:visited,.postdata .comments a,.postdata .comments a:visited,.postdata .mini-add-comment a,.postdata .mini-add-comment a:visited {
	color: #016395;
	text-decoration: none;
}
.postdata .category a:hover,.postdata .tags a:hover,.postdata .comments a:hover,.postdata .mini-add-comment a:hover {
	color: #016395;
	text-decoration: underline;
}
.clear {
	clear: both;
}
/* --- excrept post */
#excrept-wrap {
	margin-top: 27px;
}
.excrept_post {
	width: 494px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 15px;
}
.excrept_in {
	padding: 20px 0px 10px 10px;
	_padding: 23px 0px 10px 10px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background: #fff url(images/excrept-bottom.png) bottom no-repeat;
	overflow: hidden;
	clear: both;
}
.the_excrept { 
	font-size: 84%;
	line-height: 170%;
}
.excrept_post .title {
	float: left;
	width: 494px;
}
.excrept_post .title h2 {
	font-size: 100%;
	font-weight:bold;
	margin: 0 0 2px;
	padding: 5px 2px 5px 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
	border-left: 1px solid #ccc;
	background: #252b37 url(images/noise.png);
	text-shadow: 0 1px 1px #000;
}
.excrept_post .title h2 a {
	color: #fff;
	text-decoration: none;
	background-color: none;
	overflow:hidden;
	outline:none;
}
.excrept_post .title h2 a:visited {
	color: #fff;
	text-decoration: none;
	background-color: none;
}
.excrept_post .title h2 a:hover {
	color: #fff;
	text-decoration: none;
	background-color: none;
	position:relative;
	top:1px;
	left:1px;
}
.excrept_post .postdata {
	width: auto;
	font-size: 67%;
	color: #777777;
	margin-left: 5px;
	margin-right: 5px;
}
.excrept-thumbnail {
	float: left;
	/* width: 192px;
	height: 147px;
	overflow: hidden; */
	margin-right: 7px;
	text-align: center;
}
.excrept-thumbnail img {
	width: 180px;
	height: 135px;
	background-color: #fbfbfb;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	-moz-box-shadow:0 3px 3px #aaa;-webkit-box-shadow:0 3px 3px #aaa;box-shadow:0 3px 3px #aaa;
}
.excrept_data {
	clear: both;
	width: auto;
	height: 24px;
	padding: 5px 0 0 0;
	_padding: 20px 0 0 0;
	margin: 0;
}
.excrept_left {
	float: left;
	color: #fff;
	font-family: "Times New Roman", Times, serif; 
	font-style: italic;
}
.excrept_but {
	float: right;
	font-size: 75%;
	font-weight: bold;
	margin-right: 42px;
	_margin-right: 19px;
}
.excrept_but a,.excrept_but a:visited {
	color: #016395;
}
.excrept_but a:hover {
	color: #016395;
	text-decoration: underline;
}
.excrept_right {
	float: right;
}
.excrept_post .new {
	color: #ff0000;
	font-weight: bold;
}

/* --- Entry */
.entry {
	width: 100%;
	float: left;
	font-size: 84%;
	padding-top: 25px;
}
.entry ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}
.entry ul li {
	margin: 7px 0 8px 0;
	padding-left: 16px;
	background: url(images/bullet-orange.gif) no-repeat 0px 0.1em;
}
.entry_main {
	width: 100%;
	float: left;
	margin: 0 auto;
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 7px 0 15px  0;
	padding: 0;
}
.entry pre {
  	margin: 15px 0 18px 17px;
	padding: 10px;
	background: #fffff6 url(images/code.gif) repeat left top;
	border: 1px solid #999;
	line-height: 130%;
	width: 90%;
	_width: 90%;
	overflow: scroll;
}
.entry code {
	font-family: 'Courier New';
	font-size: 90%;
}
.entry .tips {
	margin:25px 15px 25px 0;
	padding-bottom:10px;
	background: #fefddc url(images/tips-bg.jpg) repeat left top;
	-webkit-box-shadow: rgba(0,0,0,.2) 0 5px 5px;
	-moz-box-shadow: rgba(0,0,0,.2) 0 5px 5px;
}
.entry .tips h4 {
	margin-bottom: 5px;
	padding: 5px 0 12px 10px;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
	background: #493229 url(images/tips-h4.jpg) no-repeat left top;
	text-shadow: 0 1px 1px #333;
}
.entry .tips p {
	padding: 0 10px 0 20px;
}
.entry .demobutton {
	border-top: 1px solid #96d1f8;
	background: #65a9d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	padding: 2px 13px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
	color: white;
	font-size: 100%;
	text-decoration: none;
	vertical-align: middle;
}
.entry .demobutton:hover {
	border-top-color: #016195;
	background: #016195;
	color: #e3e3e3;
}
.entry .demobutton:active {
	border-top-color: #016195;
	background: #016195;
}
.entry .downloadbutton {
	border-top: 1px solid #98f4f2;
	background: #67d3d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f9a98), to(#67d3d3));
	background: -moz-linear-gradient(top, #3f9a98, #67d3d3);
	padding: 2px 13px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
	color: white;
	font-size: 100%;
	text-decoration: none;
	vertical-align: middle;
}
.entry .downloadbutton:hover {
	border-top-color: #049087;
	background: #049087;
	color: #e3e3e3;
}
.entry .downloadbutton:active {
	border-top-color: #049087;
	background: #049087;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
.modified {
	clear:both;
	color:#333;
	font-size: 84%;
	margin: 0 0 8px 0;
	padding: 2px 0 0 10px;
	border-top:2px solid #bbb;
	border-bottom:1px solid #efefef;
}
.modified span.postymd {
	font-weight:bold;
}
.wp_social_bookmarking_light {float:right;}
/* --- pagination */
.pagination {
	margin: 30px 0;
	font-size: 83.3%;
}
.pagination .current {
	color: #ff0000;
	font-weight: bold:
	background-color:#eee;
}
.pagination .next, 
.pagination .prev {
}

.pagination .page-numbers,
.pagination .current {
	margin: 0 2px 0 0;
	padding: 2px 3px;
	text-decoration: none;
	border: 1px solid #ccc;
}
a.page-numbers:hover {
	color: #333333;
	background-color: #ddd;
}
/* --- Relatedpost */
.post .relatedpost {
	border-bottom: 1px solid #eee;
	margin: 15px 0 5px 0;
	clear:both;
	background-color: #fbfbfb;
}
.post .relatedpost h3 {
	font-size: 100%;
	color: #fff;
	background: #838383 url(images/title-bg.jpg) no-repeat left top;
	margin:0px;
	padding: 2px 0 2px 5px;
}
.entry ul.related-list {
	padding:0 0 0 10px;
	list-style-type:none;
}
.entry ul.related-list li {
	display:inline;
	font-size: 84%;
	width:240px;
	height:55px;
	line-height: 150%;
	float:left;
	padding:0;
	background:none;
}
.entry ul.related-list img {
	float:left;
	margin: 0 5px 2px 0;
	padding:3px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	-webkit-box-shadow:0 2px 2px #aaa;box-shadow:0 2px 2px #aaa;
}
/* --- Comment area  */
h3#comments {
	background: url(images/mono-sprite.png) no-repeat 0 -108px;
	font: normal 110%  'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	padding-left: 28px;
	margin: 40px 0 0 0;
	clear: both;
}
#respond h3 {
	background: url(images/mono-sprite.png) no-repeat 0 -188px;
	padding-left: 28px;
	font: normal 110%  'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	margin: 10px 0 0 0;
	clear: both;
}
#comments em, #respond h3 em {
	font: italic  83.3% Georgia, "Times New Roman", Times, serif;
}
/* Level1 */
.commentlist {
	font-size: 75%;
	list-style: none;
	margin: 10px 0;
	padding: 0 15px 0 0;
}
.commentlist li {
	margin: 0 0 20px;
	padding: 0 0 0 65px;
	border-bottom: 1px dotted #cccccc;
	line-height:170%;
}
.comment-author {
	margin: 0 0 0;
}
.comment-author small {
	color: #9d8b78;
	font-size: 84%;
}
.comment-author cite {
	font: normal 140%  'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
}
.comment-author cite a {
	text-decoration: none;
}
.comment-author cite a:hover {
	text-decoration: underline;
}
.avatar {
	position: absolute;
	margin: -4px 0 0 -65px;
	background: #fdfde8;
	border: solid 1px #d6d1c7;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.reply {
	font: bold 100%  'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	background: url(images/mini-reply.png) no-repeat 0 center;
	padding: 0 0 0 16px;
	text-transform: uppercase;
}
.comment-reply-link {
	text-decoration: none;
}
a.comment-reply-link:hover {
	text-decoration: underline;

}
.commententry {
	font: normal 100%  'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	clear: both;
}
.commententry  ol {
	padding-left: 20px;
}
/* Level2  */
.commentlist ul {
	list-style: none;
	margin: 20px 0 0 -43px;
}
.commentlist ul li {
	background-color: #eeeeee;
	margin: 0;
	padding: 7px 5px 0 5px;
	border-bottom: none;
}
.commentlist ul .comment-author {
	margin: 0 0 10px;
}
.commentlist ul .avatar {
	width: 32px;
	height: 32px;
	position: relative;
	float: left;
	margin: 0 10px 0 0;
}

/* --- commentlist sub levels */
.commentlist ul ul {
	margin-left: 0px;
	padding: 0;
}
/* --- comment nav */
.comment-nav {
	clear: both;
	float: right;
	margin: -45px 0 10px;
	line-height: 1em;
}
.comment-nav-bottom {
	clear: both;
	float: right;
	margin: -14px 0 10px;
	line-height: 1em;
}
.comment-nav a,  .comment-nav-bottom a{
	text-decoration: none;
	color: #a4d5e5;
	font-weight: bold;
	text-transform: uppercase;
}
.comment-nav a:hover, .comment-nav-bottom a:hover {
	color: #016395;
}
.comment-nav .previous a, .comment-nav-bottom .previous a {
	background: url(images/comment-nav.png) no-repeat 0 -144px;
	padding-left: 20px;
	margin-right: 17px;
}
.comment-nav .previous a:hover, .comment-nav-bottom .previous a:hover {
	background-position: 0 -213px;
}
.comment-nav .previous a:after, .comment-nav-bottom .previous a:after {
content:  close-quote;
}
.comment-nav .next a, .comment-nav-bottom .next a {
	background: url(images/comment-nav.png) no-repeat right 0px;
	padding-right: 20px;
}
.comment-nav .next a:hover, .comment-nav-bottom .next a:hover {
	background-position: right -70px;
}
#respond {
	position: relative;
	margin-bottom: 0px;
}
#respond .cancel-comment-reply {
	position: absolute;
	top: 25px;
	right: 0;
}
#respond #cancel-comment-reply-link {
	font: bold 100% 'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	text-transform: uppercase;
	background: url(images/mini-cancel.png) no-repeat 0 3px;
	padding: 2px 2px 2px 16px;
	text-decoration: none;
	color:#1e88a4;
}
#respond #cancel-comment-reply-link:hover {
	text-decoration: none;
	color:#cc1717;
	background-position:  0 -363px;
}

/* --- Commentform */

#commentform {
	font-size: 100%;
	margin: 10px 0 0 0;
}
#commentform label {
	font-weight: normal;
	color: #666666;
	font-size: 90%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}
#commentform input {
	font: 100% Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 5px 3px 3px 7px;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;
	-webkit-box-shadow: inset 2px 2px 5px 0px #eee;
	-moz-box-shadow: inset 2px 2px 5px 0px #eee;
	box-shadow: inset 2px 2px 5px 0px #eee;
}
#commentform textarea {
	font: 100% Arial, Helvetica, sans-serif;
	width: 400px;
	height: 140px;
	border: 1px solid #e6e6e6;
	padding: 5px 3px 3px 7px;
	-webkit-box-shadow: inset 2px 2px 5px 0px #eee;
	-moz-box-shadow: inset 2px 2px 5px 0px #eee;
	box-shadow: inset 2px 2px 5px 0px #eee;
}
#commentform #submit {
	font: 75%/100% Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/submit-btn.gif) no-repeat top left;
	border: none;
	width: 135px;
	height: 25px;
	padding-bottom: 6px;
	margin-left: 275px;
}
#commentform #submit:hover {
	background: url(images/submit-btn.gif) no-repeat bottom left;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #016395;
}
h3#trackback {
	background: url(images/mono-sprite.png) no-repeat 0 -268px;
	font: normal 110%  'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	margin: 10px 0 0 0;
	padding-left: 28px;
	clear: both;
}
input#tb_url {
	font-family: "courier new", courier, monospace;
	background-color: #eee;
	font-size: 75%;
	margin-top:5px;
	padding: 0.2em;
	width: 65%;
}
#trackbacklist {
	font-size: 75%;
	margin: 10px 0 0 20px;
	padding: 0 15px 0 0;
}
#trackbacklist li {
	margin: 0 0 20px;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #cccccc;
}
input#shortlink {
	font-family: "courier new", courier, monospace;
	font-size: 84%;
	width: 240px;
	border:1px solid #ccc;
	padding-left:58px;
	margin: 5px 32px 20px 0;
	background:url(images/shortlink.png)  0 0 no-repeat;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
input#shortlink[type="text"]:focus {
	border: 1px solid  #016395;
	background:url(images/shortlink.png) 0 -17px no-repeat;
}
/* --- Search form */
#searchform {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(images/searchform-bg.png) no-repeat left bottom;
	height: 29px;
	width: 210px;
}
#searchform #s{
	background: #252b37 url(images/search-window-bg.jpg) no-repeat left top;
	font: italic 84%  'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
	height: 16px;
	width: 148px;
	margin: 3px 4px 0 10px;
	padding: 3px 7px 2px 5px;
	color: #ffffff;
	border-right:1px solid #636363;
	border-bottom:1px solid #808080;
	border-top:1px solid #252b37;
	border-left:1px solid #252b37;
}
#searchform #searchsubmit { 
	background: url(images/search-btn.png) no-repeat left top;
	height: 22px;
	width: 24px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 2px;
	cursor:pointer;
}
/* --- Sidebar */
#sidebar {
	padding-bottom: 20px;
	margin-left: 40px;
	width: 210px;
	float: left;
	font-size: 67%;
	line-height: 170%;
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Arial, Helvetica, Sans-Serif;
}
/* --- Sidebar Widget */
#sidebar h2 {margin-top:14px ;}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none; 
}
/* --- Sidebar */
#sidebar h3 {font-size: 110%; font-weight: bold; color: #333; border-bottom: 1px solid #ccc;}
#sidebar #recent-posts h3 {
	padding-left:19px;
	background: url(images/mono-sprite.png) no-repeat 0 -312px;
}
#sidebar #recent-comments h3 {
	padding-left:19px;
	background: url(images/mono-sprite.png) no-repeat 0 -152px;
}
#sidebar #categories h3 {
	padding-left:19px;
	background: url(images/mono-sprite.png) no-repeat 0 -232px;
}
#sidebar #monthly-archives h3 {
	padding-left:19px;
	background: url(images/mono-sprite.png) no-repeat 0 -36px;
}
#sidebar #photo-thumb h3 {
	padding-left:19px;
	background: url(images/mono-sprite.png) no-repeat 0 -348px;
}
#sidebar #tag-cloud h3 {
	padding-left:19px;
	background: url(images/mono-sprite.png) no-repeat 0 -385px;
}
#sidebar #twitter-follow h3 {
	padding-left:19px;
	background: url(images/mono-sprite.png) no-repeat 0 -414px;
}
#sidebar #recent-posts ul, #sidebar #recent-comments ul, #sidebar #categories ul {padding-left:18px;}
#sidebar #recent-posts ul li {margin-bottom: 5px; list-style-type: disc;}
#sidebar #recent-comments ul li {padding-left:0px; list-style-type: disc;}
#sidebar #recent-comments ul li ul {padding-bottom:3px; padding-left:10px;}
#sidebar #recent-comments ul li ul li {list-style-type: none;background: url(images/tree_gray.gif) no-repeat;padding-left: 18px;}
#sidebar #categories ul li {margin-bottom: 5px; list-style-type: disc;}
#sidebar #categories ul li ul {padding: 4px 0 0 14px;}
#sidebar #categories ul li ul li{margin-bottom: 5px; list-style-type: circle;}
#sidebar #monthly-archives ul {padding: 0 0 0 18px;}
#sidebar #monthly-archives ul li {margin: 0;padding:0;}
#footer {
	position: relative;
	margin-top: -100px;
	height: 100px;
	padding:0;
	clear:both;
	color: #6e6e6e;
	border-top:1px solid #ddd;
	background:#252b37 url(images/noise.png);
	font-size: 67%;
	text-align:center;
	-webkit-box-shadow: 0  -5px 10px #ccc;
	-moz-box-shadow: 0 -5px 10px #ccc;
	box-shadow: 0 -5px 10px  #ccc;
}
#footer p {
	margin:0 auto;
	clear:both;
}
/* --- nav level1 */
#footer-nav {
	width:440px;
	margin:20px auto 20px;
	font-size:150%;
	list-style: none;
	padding:0;
}
#footer-nav li {
	display: block;
	float: left;
	margin: 0 5px 0 0px;
	padding: 0 0 0 5px;
	background: none;
}
#footer-nav li a {
	color: #fff;
	font: bold 67%/100% Arial, Helvetica, sans-serif;
	padding: 4px 8px 11px 3px;
	display: block;
	text-decoration: none;
	color: #c8d9e3;
	text-shadow: 0 1px 1px #5282a4;
}
#footer-nav li.current_page_item, #footer-nav li.current_home, #footer-nav li:hover {
	background: url(images/nav-bg.png) no-repeat;
}
#footer-nav li.current_page_item a, #footer-nav li a:hover {
	background: url(images/nav-bg.png) no-repeat right -85px;
	color: #fff;
}
/* --- show hover bg */
#footer-nav li:hover a {
	background: url(images/nav-bg.png) no-repeat right -85px;
}
#footer-nav li.current_home a {
	background: url(images/nav-bg.png) no-repeat right -179px;
	padding-right: 20px;
	color: #fff;
}
/* --- blockquote */
blockquote {
	color: #4b4b4b;
	margin: 0 15px 15px 15px;
	padding: 12px 0 0 20px;
	border: 1px solid #dddddd;
	background: #d6d6d6 url(images/blockquote_bg.jpg) no-repeat top left;
}
blockquote p {
	background: url(images/blockquote_bottom.png) no-repeat bottom right;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 0;
	margin: 0px;
}
blockquote cite {
	display: block;
	padding: 0;
	margin: 10px 0 0 0;
}
.hidden {
	display: none;
}
/* --- Images */
.center {text-align: center;}
.left-pic {float: left;margin: 6px 10px 5px 0;}
.right-pic {float: right;margin: 2px 0 5px 10px;}
.aligncenter {text-align: center;display: block;margin-left: auto;margin-right: auto;}
img.aligncenter {
	background: #fff;
	border: solid 1px #f0f0f0;
	border-bottom: 2px solid #ddd;  
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
.alignleft {float: left;margin-right: 10px;}
img.alignleft {
	background: #fff;
	border: solid 1px #f0f0f0;
	border-bottom: 2px solid #ddd;  
	padding: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
.alignright {float: right;margin-left: 10px;}
img.alignright {
	background: #fff;
	border: solid 1px #f0f0f0;
	border-bottom: 2px solid #ddd;  
	padding: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
img.alignnone {
	background: #fff;
	border: solid 1px #f0f0f0;
	border-bottom: 2px solid #ddd;  
	padding: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
}
.wp-caption {
	text-align: center;
	background: #F7F7F7;
	border: solid 1px #d6d1c7;
	padding: 5px 2px 0;
	margin-bottom: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.wp-caption-text {
	font: 90% Verdana,Arial,sans-serif;
	margin: 6px 0;
	color: #777;
}
img.largepic {
	padding: 30px 28px 29px 30px;
	background: url(images/largepic-bg.jpg) no-repeat;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
img.grayframe {
	padding: 4px;
	background-color:#fbfbfb;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
a img {
	border: none;
	overflow:hidden;
	outline:none;
}
a.pic-enlarge {display: block;float: left;margin: 0 7px 0 0;}
a.pic-enlarge img{position: absolute;}
a.pic-enlarge, a.pic-enlarge img{width: 100px;height: 100px;}
a.pic-enlarge:hover {border: 0;cursor: auto;}
a.pic-enlarge:hover img {width: auto;height: auto;}
span.slide-caption-r {
	color: #b5b5b5;
	font-size: 75%;
	float: right;
}
span.slide-caption-l {
	color: #b5b5b5;
	font-size: 75%;
	float: left;
	margin-left: 5px;
	padding-left: 14px;
	background: url(images/mini-page.gif) no-repeat left center;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* --- what's new */
dt {font-weight: bold;color: #57200C;float: left;width: 5em;}
dd {margin-left: 7em;margin-bottom: 1em;}
#whats-new {
	width: 675px;
	height: 205px;
	padding: 0px 10px 0px 15px;
	margin: 0 auto;
	background: #eee5d3 url(images/what-bg.jpg) no-repeat left top;
	overflow: auto;
	font-size: 100%;
	color: #333333;
}
#scrollable {
	background-color:#efefef;
	border: 1px solid #dddddd;
	padding: 10px 8px;
	width: 550px;
	height: 120px;
	margin-bottom: 30px;
}

/* --- Hotel Top Page */
#hotel-area, #hotel-data {background-color: #d0b580;color: #FFFFFF;font-size: 1.0em;padding-left:5px;margin-bottom: 10px;}

/* --- LDL */
#ldl {
	margin: 0;
	padding: 0 0 0 23px;
}
.ldl-category {
	width: 450px;
	height: 22px;
	font-weight: bold;
	text-indent: 7px;
	padding: 2px 0 0 0;
	background: url(images/category_bg.gif) no-repeat left;
	color: #333333;
}
.ldl-top {
	width: 450px;
	margin: 3px 0 0 0;
	text-align: right;
}
.ldl-list table {
	width: 450px;
	border-collapse:collapse;
}
.ldl-list thead th {
	background: url(images/bg_th.jpg) no-repeat right;
	height: 30px;
	color: #FFFFFF;
	font-size: 84%;
	padding: 00 7px;
	margin: 20px 0 0;
}
.ldl-list tbody tr {
    background: url(images/bg_td1.jpg) repeat-x top;
}
.ldl-list tbody tr.odd {
    background: url(images/bg_td2.jpg) repeat-x;
}
.ldl-list tbody th,td {
	font-size: 84%;
	line-height: 0.6em;
	color: #000000;
	padding: 10px 7px;
}

/* --- loto */
.loto {
	background: url(images/loto-bg.jpg) left top no-repeat;
	padding: 2px 0 3px 200px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
#qr-code {
	width:210px;
	font-size:84%;
	padding: 0;
	margin: 15px 0 20px 0;
	text-align:center;
	border: 1px solid #ddd;
}

/* --- Contact Form */
#wpcf7-f16429-p623-o1 {
	background:url(images/contact-bg.jpg) no-repeat;
	margin-top:5px;
	padding:15px 0 20px 20px;
}
#wpcf7-f16429-p623-o1 .con{
	height:17px;
	padding:5px;
	width:250px;
	border: 1px solid #d0e3ef;
	font-size:110%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fafafa;
	color:#000;
        align:left;
}
#wpcf7-f16429-p623-o1 .mes{
	height:200px;
	padding:5px;
	width:400px;
	border: 1px solid #d0e3ef;
	font-size:110%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fafafa;
	color:#000;
        overflow-y:auto;
        _overflow-y:hidden;
}
#wpcf7-f16429-p623-o1 .captcha {
	height:17px;
	padding:5px;
	width:40px;
	border: 1px solid #d0e3ef;
	font-size:110%;
	font-family: Arial, Helvetica, sans-serif;
	background:#fafafa;
	color:#000;
        align:left;
}
#wpcf7-f16429-p623-o1 textarea:focus, #wpcf7-f16429-p623-o1 input[type="text"]:focus {
	border: solid 1px #016395;
	background:#fff;
}
#wpcf7-f16429-p623-o1 #b {
	font: 90%/100% Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/submit-btn.gif) no-repeat top left;
	border: none;
	width: 135px;
	height: 25px;
	padding-bottom: 6px;
	margin-left: 190px;
}
#wpcf7-f16429-p623-o1 #b:hover {
	background: url(images/submit-btn.gif) no-repeat bottom left;
}
#adsence {width:210px;padding: 0;margin: 15px 0 20px 0;text-align:center;}
#adsence-rectangle  {padding-top: 10px;margin-left:70px;}
#adsence-photocontents { margin-top:7px; text-align: center;}
p.slide-caption { margin-top:-15px;}
#insta {
	margin-top: 10px;
	text-align:center;
}
#insta img {
	border: 1px solid #dadada;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0 01px 3px;
	background: #fff;
	text-align:center;
}
.link_box {
    border-left: 10px solid #eee;
    margin-bottom: 20px;
    padding-left: 10px;
}
.link_box h3 {
    border-bottom: 1px dotted #ccc;
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0 0 3px;
}
/* --- font color */
.new {color: #FF0000;}
span.white {color: #FFFFFF;}
span.gray {color: #959595;}
span.red {color: #FF0000;}
span.blue {color: #0000FF;}
span.yellow {color: #705d0f;}
span.imp-yellow {color: #705d0f;font-size: 84%;}
img#wpstats{display:none}
a.tip {position: relative;}
a.tip span {display: none;position: absolute;top: 20px;left: -10px;width: 125px;padding: 5px;z-index: 100;background: #000;color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-decoration: none;}
a:hover.tip {font-size: 99%; /* this is just for IE */}
a:hover.tip span {display: block;}
/* --- Sidebar Instagram */
#insta-iphone {
	position: relative;
	width: 170px;
	background: url(images/insta-iphone4.jpg) no-repeat left top;
	padding: 106px 14px 100px 17px;
	_padding: 106px 14px 108px 14px;
}
#insta-iphone-bottom {
	position: absolute;
	top: 292px;
	left: 16px;
}
div.igw-widget-container {
	clear: both;
}
div#igw-gallery-content {
	clear:both;
}
img.igw_thumb {}
a.igw_thumblink {
	float: left;
	display: block;
	margin: 1px 0 1px 3px;
	_margin: 0 0 3px 3px;
}
#feed_instaclip {
	height:316px;
	margin-left:2px;
	padding:0;
	background-color:#FFF;
	background-image:url(images/loader.gif);
	background-repeat:no-repeat;
	background-position: 20px 21px;
}
#feed_instaclip ul li {
	float:left;
}
#feed_instaclip ul li img {
	float:left;
	padding:7px;
	margin:0 8px 8px 0;
	border-top: 1px solid #f5f5f5;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	-moz-box-shadow:0 3px 3px #aaa;-webkit-box-shadow:0 3px 3px #aaa;box-shadow:0 3px 3px  #aaa;
}
#feed-button {
	list-style:none;
	position: absolute;
	top: 7px;
	right: 218px;
}
#feed-button li {
	float: left;
	margin-left:5px;
	position: relative;
}
#feed-button li a img {
	position:relative;
	top:1px;
	left:1px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#feed-button li a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

td img{display: block;}
.youtube-shadow {
width:600px;
	border: 1px solid #dadada;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 7px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0 1px 7px;
text-align:center;
}


