@charset "utf-8";
/*
Theme Name: dwo theme 2013
Theme URI: http://www.onside.com/
Description: デザインワークス・オンサイドのサイトです。
Author:Shin Nakane
Author URI: http://www.onside.com/about/
Template: toolbox
Version: 1.0.3
Tags: custom-background, custom-colors, custom-header, custom-menu, post-formats, editor-style
*/


@import url('../toolbox/style.css');

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	width: auto\9; /* ie8 */
}

/* Responsive images and other embedded objects */
img,
object,
embed,
video,
iframe {
}
/* Responsive images aspeсt ratio */
img {
	width: auto;
	max-width: 100%;
	height: auto;
}

object,
embed,
video,
iframe {
	max-height: auto;
}


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a:link, a:visited {
	color: #719161;
	/* color: #6aadad; */
	text-decoration: none;
}

a:hover {
	color: #d92502;
}

a:hover img { border: none; }

input:focus {
	outline: none;
}



.none {
	display: none;
}

.clr {
	clear: both;
}

img#wpstats {
	position: absolute;
	width: 0px;
	height: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
	display: none;
}



body {
	min-width: 960px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #777;
	background-color: #f1f1ee;
}

#container {
	min-width: 960px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

header .header-container {
	min-width: 960px;
	width: 100%;
	height: 265px;
	text-align: center;
	background: rgba(241, 241, 238, 0.88) url('images/header_bg.gif') repeat-x;
	background: #f1f1ee url('images/header_bg.gif') repeat-x\9;
	*background: #f1f1ee url('images/header_bg.gif') repeat-x;
	_background: #f1f1ee url('images/header_bg.gif') repeat-x;
}

header.global-header {
	min-width: 960px;
	width: 100%;
	height: 265px;
	padding-bottom: 15px;/
	text-align: center;

	z-index: 200;
}

header .header-top {
	width: 960px;
	height: 65px;
	margin: 0 auto;
	min-height: 1px;
	text-align: center;
	position: relative;
}

	header .header-top:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html header .header-top {
		height: 1px;
	}

header .logo {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

header .logo h1 {
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #7a817c;
	font-size: 70%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 130px;
	left: 306px;
	z-index: 20;
}

header .logo h1 a {
	display: block;
	width: 333px;
	height: 30px;
	background: url('images/sprite.png') no-repeat 0 -310px;
	cursor: pointer;
}

header .logo h1 a:hover {
	background-position: 0 -425px;
}

header .logo h2 {
	width: 234px;
	height: 35px;
	background: url('images/header_logo.gif') no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

header .logo h2 a {
	display: block;
	width: 234px;
	height: 35px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

footer.global-footer {
	min-width: 960px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #303832 url('images/footer_burr.png') repeat-x;
}

footer.global-footer p {
	margin: 0;
}

.main{
	width: 960px;
}

.fixed {
	position: fixed;
}

.header-fixed {
	position: fixed;
	background: url('images/header_shadow.png') no-repeat center 265px;
}



/* ----------------------------------------------

   Header Navigation

---------------------------------------------- */

.header-nav {
	margin: .3em auto 0 auto;
	padding: 0;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}

.header-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;

}

	.header-nav ul:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .header-nav ul {
		height: 1px;
	}


.header-nav li {
	float: left;
	margin-left: 15px;
	padding: 0;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	font-size: 80%;
	text-align: right;
	line-height: 1.1;
}

.header-nav li a {
	display: block;
	padding-left: 13px;
	color: #b9c2b4;
	background: url('images/sprite.png') no-repeat -970px 4px;
}

.header-nav a.current,
.header-nav li.current-menu-item a {
	color: #fff;
	background-position: -970px -148px;
}

.header-nav li a:hover {
	color: #9ED9DB;
	background-position: -970px -91px;
}



.header-nav li.render-switcher {
	float: right;
	margin-right: 0;
}

.header-nav li.render-switcher a {
	display: block;
	width: 135px;
	height: 25px;
	padding-left: 0;
	color: #b9c2b4;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/sprite.png') no-repeat -735px -95px;
}

.header-nav li.render-switcher a:hover {
	background: url('images/sprite.png') no-repeat -735px -125px;
}



/* ----------------------------------------------

   Social Navigation

---------------------------------------------- */

.social-search {
	height: 22px;
	margin: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 35px;
	right: 0;
}

.social-search form {
	float: right;
	margin-left: 10px;
	padding: 0;

}

#searchform {
	margin-bottom: 10px;
	text-align: right;
}

	#searchform:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #searchform {
		height: 1px;
	}

#searchform div {
	margin: 0;
}

#searchform input#s {
	position: relative;
	float: left;
	width: 100px;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 2px 6px 2px 6px;
	border: solid 1px #777;
	background-color: #daded8;
	border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		-webkit-transition-duration: 400ms;
		-webkit-transition-property: width, background;
		-webkit-transition-timing-function: ease;
		-moz-transition-duration: 400ms;
		-moz-transition-property: width, background;
		-moz-transition-timing-function: ease;
		-o-transition-duration: 400ms;
		-o-transition-property: width, background;
		-o-transition-timing-function: ease;

		behavior: url('/PIE.htc');
}

#searchform input#s:focus {
	background-color: #fff;
	width: 180px;
	box-shadow: 0px 0px 3px 1px #b3c8a7;
		-webkit-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-moz-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-o-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-ms-box-shadow: 0px 0px 3px 1px #b3c8a7;
}

#searchform input#searchsubmit {
	float: left;
	width: 22px;
	height: 22px;
	margin: 0;
	color: #fff;
	background: #7d7e7d;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: url('images/sprite.png') no-repeat -737px 0;
	cursor: pointer;
}

#searchform input#searchsubmit:hover {
	background-position: -737px -35px;
}

/* Assistive text */
.assistive-text {
	font-size: 80%;
	color: #2f3832;
	position: absolute !important;
	top: 6px;
	left: 152px;
}
.assistive-text:active,
a.assistive-text:focus {
	display: none;
}



/* ----------------------------------------------

	Search Results for this site

---------------------------------------------- */

#search h1 {
	margin-bottom: 50px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

#search h1 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}



/* ----------------------------------------------

   Google Search Reset

---------------------------------------------- */

#cse {
	background-color: #f1f1ee !important;
}

.cse form.gsc-search-box,
form.gsc-search-box {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

form.gsc-search-box {
	font-size: 13px;
	margin: 0 !important;
}

table.gsc-search-box {
	margin: 0 !important;
}

.cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
	padding-right: 0 !important;
}

.cse input.gsc-search-button,
input.gsc-search-button {
	padding: 0 !important;
	height: 22px !important;
	min-width: 22px !important;
	border: none !important;
	border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-o-border-radius: 0 !important;
		-ms-border-radius: 0 !important;
}

td.gsc-clear-button {
	display: none; /* 結果をクリアボタンを隠す */
}

div.gsc-clear-button {
	margin-left: 0 !important;
	margin-right: 0 !important;
	background-position: right center !important;
}

table.gsc-search-box {
	height: 22px !important;
}


.cse input.gsc-input,
input.gsc-input {
	background-image: none !important;
	background-color: #daded8 !important;
	background-repeat: no-repeat no-repeat;
}



.gsc-branding {
	display: none;
}

#cse-search-form {
	float: right;
	height: 22px !important;
	margin-left: 10px;
	padding: 0;
	font-size: 80%;
	color: #ccc;
}



form.gsc-search-box {
	height: 22px !important;
	padding: 0;
	text-align: right;
}

	form.gsc-search-box:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html form.gsc-search-box {
		height: 1px;
	}

td.gsc-input input.gsc-input {
	float: right;	/* Google カスタム検索使用時 */
	position: relative;
	width: 100px;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 2px 6px 2px 6px;
	font-size: 95% !important;
	color: #777;
	border: solid 1px #777;
	background-color: #daded8;
	border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		-webkit-transition-duration: 400ms;
		-webkit-transition-property: width, background;
		-webkit-transition-timing-function: ease;
		-moz-transition-duration: 400ms;
		-moz-transition-property: width, background;
		-moz-transition-timing-function: ease;
		-o-transition-duration: 400ms;
		-o-transition-property: width, background;
		-o-transition-timing-function: ease;

		behavior: url('/PIE.htc');
}

.gsc-search-box input.gsc-input:focus {
	background-color: #fff !important;
	width: 180px;
	box-shadow: 0px 0px 3px 1px #b3c8a7;
		-webkit-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-moz-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-o-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-ms-box-shadow: 0px 0px 3px 1px #b3c8a7;

		behavior: url('/PIE.htc');
}

td.gsc-search-button {
	width: 22px !important;
	height: 22px;
}

.cse input.gsc-search-button,
input.gsc-search-button {
	float: left;
	width: 22px !important;
	height: 22px;
	margin: 0;
	color: #fff;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: url('images/sprite.png') no-repeat -737px 0 !important;
	cursor: pointer;
}

.gsc-search-button input.gsc-search-button:hover {
	background-position: -737px -35px !important;
}




.social-search ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;

}

	.social-search ul:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .social-search ul {
		height: 1px;
	}

.social-search li {
	float: left;
	margin-left: 5px;
	padding: 0;
	font-size: 80%;
	text-align: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.social-search li a {
	display: block;
	width: 22px;
	height: 22px;
	color: #92a687;
}

.social-search li a:hover {
	color: #9ED9DB;
	background-position: -764px -35px;
}

.social-search a.current {
	color: #fff;
}

.social-search li.twitter a {
	background: url('images/sprite.png') no-repeat -764px 0;
}

.social-search li.twitter a:hover {
	background-position: -764px -35px;
}

.social-search li.facebook a {
	background: url('images/sprite.png') no-repeat -791px 0;
}

.social-search li.facebook a:hover {
	background-position: -791px -35px;
}

.social-search li.google a {
	background: url('images/sprite.png') no-repeat -869px 0;
}

.social-search li.google a:hover {
	background-position: -869px -35px;
}

.social-search li.rss a {
	background: url('images/sprite.png') no-repeat -817px 0;
}

.social-search li.rss a:hover {
	background-position: -817px -35px;
}

.social-search li.contact a {
	background: url('images/sprite.png') no-repeat -843px 0;
}

.social-search li.contact.current-menu-item a {
	color: #fff;
	background-position: -843px -64px;
}

.social-search li.contact a:hover {
	background-position: -843px -35px;
}



/* ----------------------------------------------

   Global Navigation

---------------------------------------------- */

.global-nav {
	min-width: 960px;
	width: 100%;
	height: 150px;
	margin: 0 auto;
	z-index: 20;
	overflow: hidden;
}

.navigation {
	width: 960px;
	height: 150px;
	margin: 10px auto 0 auto;
	position: relative;
}

.global-nav nav {
	width: 960px;
	height: 95px;
	margin: 0 auto;
	position: absolute;
	top: 20px;
	left: 0;
}

.global-nav nav ul {
	width: 960px;
	height: 95px;
	margin: 0 auto;
	position: relative;
	background: url('images/sprite.png') no-repeat 0 -487px;
}

.global-nav nav ul li {
	float: left;
	margin-top: 25px;
	padding: 0;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	font-size: 110%;
	text-align: center;
	line-height: 1.2;
}

.global-nav nav ul li a {
	display: block;
	width: 100px;
	height: 48px;
	color: #718877;
	background: url('images/sprite.png') no-repeat -890px -425px;
}

.global-nav nav ul li a em {
	display: block;
	margin-top: .3em;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
}

.page .global-nav nav ul li.work.current-menu-item a,
.tax-worktype .global-nav nav ul li.work a,
.single-work .global-nav nav ul li.work a,
.page .global-nav nav ul li.gallery.current-menu-item a,
.tax-gallerytype .global-nav nav ul li.gallery a,
.page .global-nav nav ul li.about.current-menu-item a,
.blog .global-nav nav ul li.blog.current-menu-item a,
.single-post .global-nav nav ul li.blog.current_page_parent a {
	color: #29312c;
	background-position: -890px -209px;
}

.global-nav nav ul li a:hover {
	color: #29312c;
	background-position: -890px -161px;
}

.global-nav nav  ul li.work {
	width: 79px;
	position: absolute;
	left: 0;
}

.global-nav nav  ul li.gallery {
	width: 79px;
	position: absolute;
	left: 170px;
}

.global-nav nav  ul li.about {
	width: 79px;
	position: absolute;
	left: 682px;
}

.global-nav nav  ul li.blog {
	width: 79px;
	position: absolute;
	left: 840px;
}



/* ----------------------------------------------

   Breadcrumbs list

---------------------------------------------- */

.bread-crumbs {
	clear: both;
	width: 960px;
	margin: 0 auto;
	min-height: 1px;
	text-align: left;
}

	.bread-crumbs:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .bread-crumbs {
		height: 1px;
	}

.bread-crumbs h3 {
	margin: 0;
	padding: 0;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	color: #6a875b;
	text-align: center;
	line-height: 1.4;
}

.bread-crumbs ul {
	margin-left: 0;
	padding-bottom: 6px;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	text-align: left;
	background:transparent url('images/dots_green_gray.png') left bottom repeat-x;
}

.bread-crumbs ul:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .bread-crumbs ul {
		height: 1px;
	}

.bread-crumbs li {
	float: left;
	margin-right: 10px;
	padding: 0;
}

.bread-crumbs li a {
	padding-right: 20px;
	background: url('images/bread_crumbs_arrow.png') no-repeat center right;
}

.bread-crumbs li span {
	/* padding-left: 1em; */
}



/* ----------------------------------------------

   Footer

---------------------------------------------- */

#scroll-page-top {
	width: 960px;
	margin: 0 auto;
}

#scroll-page-top p {
	width: 48px;
	text-align: center;
	z-index: 10;
	position: fixed;
	right: 10px;
	bottom: 60px;
}

#scroll-page-top a {
	color: #647169;
	font-size: 80%;
	line-height: 1.2;
}

#footer-contents {
	width: 960px;
	min-height: 1px;
	margin: 0 auto;
}

	#footer-contents:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #footer-contents {
		height: 1px;
	}

#footer-contents h1,
#footer-contents h2,
#footer-contents h3 {
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin-bottom: .5em;
	font-size: 130%;
}

#footer-contents li {
	margin-bottom: 1.8em;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	line-height: 1.6;
	position: relative;
}

#footer-contents li .new-icon {
	position: absolute;
	top: -6px;
	left: -22px;
}

#footer-contents li a {
	color: #b9c2b4;
}

#footer-contents li a:hover {
	color: #9ED9DB;
	border-bottom: 1px dotted;
}

#footer-contents .date {
	padding-right: 1em;
}

#footer-contents .recentposts {
	float: left;
	width: 460px;
	margin: 50px 0 20px 0;
	padding: 0;
	color: #fff;
	text-align: left;
}

#footer-contents .recentposts h2 {
	margin-bottom: 25px;
}

#footer-contents .footer-link {
	float: right;
	width: 460px;
	margin: 50px 0 20px 0;
	padding: 0;
	color: #fff;
	text-align: left;
}

#thank {
	margin: 0 0 30px 0;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	font-size: 80%;
	color: #fff;
	text-align: left;
}

.footer-link dl {
	width: 460px;
	min-height: 1px;
	margin-bottom: 15px;
	padding: 0;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	text-align: left;
	line-height: 1.6;
}

	.footer-link dl:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .footer-link dl {
		height: 1px;
	}

.footer-link dt,
.footer-link dd {
	height: 25px;
	margin: 0;
	padding: 0;
}

.footer-link dt img {
	width: 25px;
	height: 25px;
}

.footer-link dt {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.footer-link dt a {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 5px;
	background: url(images/linkico_bg_25.gif) no-repeat;
	background-position: 0 0;
}

.footer-link dt a:hover {
	border-bottom: none;
	background-position: 0 -35px;
}

.footer-link dd {
	display: block;
	float: left;
	height: 35px;
	margin: 0;
	padding: 0;
}

.footer-link dd p {
	height: 35px;
	margin-left: 10px;
	color: #999;
	text-align: left;
	line-height: 35px;
}

.footer-link dd a em {
	margin-left: 10px;
	font-style: normal;
	font-weight: normal;
	color: #5a615c;
}

.footer-link dd a {
	color: #b9c2b4;
}

.footer-link dd a:hover {
	color: #9ED9DB;
	border-bottom: 1px dotted;
}

.footer-link dd em:hover {
}

#footer-contact {
	min-height: 1px;
	margin: 0;
	background: url(images/bottom_dot_line.gif) left top repeat-x;
	position: relative;
}

	#footer-contact:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #footer-contact {
		height: 1px;
	}

#footer-scissors {
	width: 30px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: -20px;
	right:10px;
}

#footer-scissors.hide {
	background-image: url(images/bottom_scissors.png);
}

#footer-scissors.show {
	background-image: url(images/bottom_showtag.png);
}

.hover-btn {
		background-position: 0 -50px;
}

#footer-toggle {
	width: 960px;
	min-height: 1px;
	margin: 0 auto;
	padding: 20px 0;
}

	#footer-toggle:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #footer-toggle {
		height: 1px;
	}

#messeage {
	float: left;
	width: 460px;
	margin: 0;
	padding: 0;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #fff;
	text-align: left;
}

#messeage h2 {
	margin-bottom: 10px;
	padding: 0;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
}

#messeage .caption {
	margin-bottom: 15px;
	padding: 0;
	font-size: 65%;
	color: #b9c2b4;
	text-align: left;
	line-height: 1.5;
}

#messeage fieldset {
	margin: 0;
	border: none;
}

#messeage legend {
	display: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
}

.messeage-form {
	margin: 0;
	text-align: left;
}

.messeage-form dt {
	margin-bottom: 5px;
	padding: 0;
	font-size: 70%;
}

.messeage-form dd {
	margin-bottom: 20px;
	padding: 0;
	font-size: 80%;
}

.messeage-form input {
	width: 320px;
	margin: 0;
	padding: 3px;
	border: solid 1px #29322c;
	background-color: #daded8;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
}

.messeage-form textarea {
	width: 460px;
	margin: 0;
	padding: 3px;
	border: solid 1px #29322c;
	background-color: #daded8;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
}

.messeage-form input:focus,
.messeage-form textarea:focus {
	background-color: #fff;
	box-shadow: 0px 0px 3px 1px #b3c8a7;
		-webkit-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-moz-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-o-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-ms-box-shadow: 0px 0px 3px 1px #b3c8a7;
}

.captcha {
	margin: 0;
	padding: 0;
}

	.captcha:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .captcha {
		height: 1px;
	}

.captcha p {
	float: left;
	padding-right: 10px;
}

.captcha input {
	width: 80px; /* 変更 */
	margin: 0;
	padding: 5px 3px;
	border: solid 1px #29322c;
	background-color: #daded8;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
}

.captcha input:focus {
	background-color: #fff;
	box-shadow: 0px 0px 3px 1px #b3c8a7;
		-webkit-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-moz-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-o-box-shadow: 0px 0px 3px 1px #b3c8a7;
		-ms-box-shadow: 0px 0px 3px 1px #b3c8a7;
}

.captcha .vericode {
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

	vertical-align: bottom;
}



.captcha p.btn-block {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

.captcha p.btn-block input#submit {
	float: right;
	margin: 0;
	padding: 3px 0;
	color: #29312b;
	border: solid 1px #29322c;
	background-color: #b9c2b4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
	cursor: pointer;
}

.captcha p.btn-block input#submit:hover {
	background-color: #9ED9DB;
}



#footer-deco {
	float: right;
	margin: 0;
	padding: 0;
}

#footer-deco ul {
	list-style: none;
	width: 321px;
	margin: 15px auto 30px;
	padding: 0;

}

	#footer-deco ul:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #footer-deco ul {
		height: 1px;
	}

#footer-deco li {
	float: left;
	margin-left: 24px;
	padding: 0;
	text-align: left;
	line-height: 1.1;
}

#footer-deco li:first-child {
	margin-left: 0;
}

#footer-deco li a {
	color: #b9c2b4;
}

#footer-deco li a:hover {
	color: #00c540;
}



#footer-deco #stage {
	width: 320px;
	height: 200px;
	margin: 0;
	padding: 10px;
	text-align: right;
	background-color: #303832;
	border: solid 1px #757e70;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
	position: relative;

		behavior: url('/PIE.htc');
}

#footer-deco #counter {
	margin-top: 5px;
	padding: 0;
	font-size: 93%;
	color: #b9c2b4;
	text-align: center;
	position: relative;
}

#footer-deco #stage iframe {
	width: 320px;
	height: 200px;
	margin: 0 auto 0 auto;
	position: relative;
	top: 0;
	left: 0;
}


#bottom {
	height: 40px;
	background-color: #29322c;
	overflow: hidden;
}

	#bottom:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #bottom {
		height: 1px;
	}

#bottom #copy {
	float: right;
	margin-right: 20px;
	padding: 0;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	font-size: 80%;
	color: #5a615c;
	text-align: right;
	line-height: 40px;
}

#menu-footer-nav {
	float: left;
	list-style: none;
	margin: 10px 0;
	padding: 0;

}

	#menu-footer-nav:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #menu-footer-nav {
		height: 1px;
	}

#menu-footer-nav li {
	float: left;
	margin-left: 20px;
	padding: 0;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	text-align: left;
	line-height: 20px;
}

#menu-footer-nav li a.current,
#menu-footer-nav li.current-menu-item a,
.tax-worktype #bottom ul li.work a,
.tax-gallerytype #bottom ul li.gallery a,
.single #bottom ul li.blog.current_page_parent a {
	color: #fff;
	background-position: -970px -146px;
}

#menu-footer-nav li a {
	display: block;
	height: 20px;
	padding-left: 12px;
	color: #b9c2b4;
	background: url('images/sprite.png') no-repeat -970px 6px;
}

#menu-footer-nav li a:hover {
	color: #9ED9DB;
	background-position: -970px -89px;
}

#menu-footer-nav a.current {
	color: #fff;
}



/* ----------------------------------------------

	Home

---------------------------------------------- */

#h-main{
	min-width: 960px;
	width: 100%;
}

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */


/* The Nivo Slider styles */

.slider-wrapper {
	min-width: 960px;
	width: 100%;
	height: 436px;
	margin: 0 auto;
	text-align: center;
	background: url('images/main_image_bg.gif') repeat-x;
}

	.slider-wrapper:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .slider-wrapper {
		height: 1px;
	}

.slider-background {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 17px;
}

.nivo-slider {
	position: relative;
	width: 960px; /* Change this to your images width */
	height: 320px; /* Change this to your images height */
	margin: 0 auto;
	background: url('images/loading.gif') no-repeat 50% 50%;
}

.nivo-slider img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.nivo-slider a {
	border: 0;
	display: block;
}

.nivo-control-nav {
	position: absolute;
	left: 50%;
	bottom: -35px;
	margin-left: -40px; /* Tweak this to center bullets */
}

.nivo-control-nav a {
	display: block;
	width: 22px;
	height: 22px;
	background: url('images/bullets.png') no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	margin-right: 3px;
	float: left;
}

.nivo-control-nav a.active {
	background-position: 0 -22px;
}

.slider-title {
	position: absolute;
	text-align: left;
	color: #fff;
	top: 27px;
	left: 10px;
	z-index: 5;
}

.slider-title h1 {
	margin-bottom: 5px;
	font-family: 'Limelight', cursive;
	font-size: 150%;
	letter-spacing: 0.1em;
}

.slider-title h2 {
	margin-bottom: 5px;
	font-family: 'Questrial', sans-serif;
	font-size: 110%;
	letter-spacing: 0.1em;
}

.slider-title p {
	margin-bottom: 5px;
}



/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

#first {
	color: #999;
	height: 400px;
	margin: 0;
	padding: 0;
}

#second {
	background: #fd9dc2 url('images/second_bg.jpg') 50% 0 fixed;
	color: #fff;
	height: 780px;
	padding: 0;
}

#third {
	background: #bfd5fa url('images/third_bg.jpg') 50% 0 no-repeat fixed;
	color: #999;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#third .bg {
	background: url('images/lady.png') 50% 0 no-repeat fixed;
	width: 960px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}

	*:first-child+html #third .bg {
		left: 0;
	}

#fourth {
	background: #ffaa15 url('images/mosaic03.png') 50% 0 fixed;
	color: #777;
	height: 600px;
	padding: 0;
}

#fourth .bg {
	background: url('images/digital_clock.png') 50% 0 no-repeat fixed;
	width: 960px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}

	*:first-child+html #fourth .bg {
		left: 0;
	}


#fifth {
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

.para-content {
	/* min-width: 960px; */
	width: 960px;
	margin: 0 auto;
}

	.para-content:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .para-content {
		height: 1px;
	}

.para-content h1 {
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	margin-bottom: .5em;
	font-size: 130%;
}

.para-content h2,
.para-content h3 {
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin-bottom: .5em;
	font-size: 130%;
}

.para-content h4 {
	margin-bottom: 1.5em;
	font-size: 90%;
}

.para-content p {
	margin-bottom: 1.5em;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/* font-size: 80%; */
	text-align: left;
	line-height: 1.6;
}

.para-content li {
	margin-bottom: 1.5em;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/* font-size: 80%; */
	line-height: 1.6;
}

.para-content .date {
	padding-right: 1em;
}

/* ----------------------------------------------

	Infographic

---------------------------------------------- */

.home-infographic {
	width: 960px;
	height: 360px;
	margin: 25px auto 0 auto;
	position: relative;
	cursor: pointer;
}

.home-infographic h3 {
	margin-bottom: 15px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	font-weight: normal;
	font-size: 130%;
}

.home-infographic h3 em {
	display: block;
	margin-top: .3em;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
}

.home-infographic p {
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #777;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
}

.home-infographic dl {
	cursor: pointer;
}

.home-infographic dl.work {
	position: absolute;
	width: 220px;
	top: 20px;
	left: 0;
	text-align: center;
}

.home-infographic dl.gallery {
	position: absolute;
	width: 220px;
	top: 20px;
	left: 240px;
	text-align: center;
}

.home-infographic dl.about {
	position: absolute;
	width: 220px;
	top: 20px;
	left: 480px;
	text-align: center;
}

.home-infographic dl.blog {
	position: absolute;
	width: 220px;
	position: absolute;
	top: 20px;
	right: 0;
}

.home-infographic dt {
	margin-bottom: .5em;
}

.home-infographic a {
	color: #6a875b;
}
.home-infographic a.hover,
.home-infographic a:hover {
	color: #da2703;
}

/* ----------------------------------------------

	News

---------------------------------------------- */

.news {
	margin: 0;
	padding: 50px 0 0 0;
	color: #fff;
	text-align: left;
}

.news h2 {
	text-shadow: 0px 0px 8px #ed5f72;
	filter: dropshadow(color=#ed5f72, offx=0, offy=0);
}


.news li {
	color: #59434a;
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
	position: relative;
}

.news li span {
	color: #33001a;
}

.news li .news-new-icon {
	position: absolute;
	top: -6px;
	left: -22px;
}

.news a {
	color: #222;
	border-bottom: 1px dotted;
}

.news a:hover {
	color: #fff;
}

.news .announcements {
	margin: 20px 0 0 0;
	padding: 0;
}

.news .announcements .date {
	color: #fff;
}

.news .recentposts {
	margin: 40px 0 0 0;
	padding: 0;
}

.news .recentposts ul {
	margin: 10px 0 0 -30px;
	padding: 0;
}

	.news .recentposts ul:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .news .recentposts ul {
		height: 1px;
	}


.news .recentposts li {
	float: left;
	width: 300px;
	margin: 0 0 20px 30px;
	padding-bottom: 20px;
}

.news .recentposts .recentposts-header {
	margin-bottom: 5px;
}

.news .recentposts .date {
	color: #fff;
}

.news .recentposts .recentposts-thumbnail {
	width: 90px;
	height: 90px;
}

.news .recentposts a .recentposts-thumbnail {
	float: left;
	margin: 0 10px 5px 0;
	border: solid 1px #eee;
}

.news .recentposts a:hover .recentposts-thumbnail {
	border: solid 1px #fff;
    -webkit-box-shadow: 0px 0px 10px 0px #fff;
          box-shadow: 0px 0px 10px 0px #fff;
}

.news .recentposts .recentposts-more {
	margin-bottom: 0;
	text-align: right;
	line-height: 1;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ----------------------------------------------

	WordPress & Flash

---------------------------------------------- */

.fsc {
	float: right;
	width: 520px;
	margin: 80px 10px 0 0;
	padding: 0;
	color: #525d72;
	text-align: left;
	position: relative;
	z-index: 10;
}

.fsc p {
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.fsc a {
	color: #4573f8;
	border-bottom: 1px dotted;
}

.fsc a:hover {
	color: #bf362c;
}

.fsc-icon {
	width: 285px;
	margin: 0 auto;
	padding: 0;
}

/* ----------------------------------------------

   dwo Clock Block

---------------------------------------------- */

.air-clock {
	float: left;
	width: 460px;
	margin: 20px 0 0 10px;
	padding: 10px 20px 30px 20px;
	color: #fff;
	text-align: left;
	position: relative;
}

.air-clock h1 {
	margin: 0 0 0 210px;
}

.air-clock p.cap {
	margin: 25px 0 0 0;
	padding: 15px 20px;
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
	background-color: #422e1f;
		opacity: 0.8;
		filter: alpha(opacity=80);
	border-radius: 3px;
 		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
}

.clock {
	width: 300px;
	height:300px;
	margin-top: -50px;
	margin-left: -40px;
	overflow: hidden;
}

.clock-bg {
	width: 300px;
	height:300px;
	background-image: url('images/clock_js/clock_bg.png');
	z-index: 20;
	position: relative;
}

.clock-hours {
	width: 113px;
	height:113px;
	position: absolute;
	top: 178px;
	left: 99px;
}

.clock-minutes {
	width: 113px;
	height:113px;
	position: absolute;
	top: 178px;
	left: 100px;
}

.clock-seconds {
	width: 113px;
	height:113px;
	position: absolute;
	top: 178px;
	left: 99px;
}

.dwo-btn {
	width: 213px;
	height:54px;
	z-index: 20;
	position: absolute;
	top: 150px;
	right: 35px;
}

.dwo-btn a {
}

.dwo-btn a:hover {
}


/* ----------------------------------------------

   Social

---------------------------------------------- */

.about-home {
	margin: 30px 0;
	padding: 0 10px;
}

.about-home p.exp {
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.ad-social {
	float: left;
	width: 405px;
	height: 308px;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
	background: url('images/home_social_bg.png') 0 0 no-repeat;
	border: solid 1px #b9c2b4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}
	.ad-social:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .ad-social {
		height: 1px;
	}

.twitter-follow {
	width: 300px;
	margin: 0 auto;
	padding-top: 70px;
}

	.twitter-follow:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .twitter-follow {
		height: 1px;
	}

.twitter-banner {
	float: left;
	width: 236px;
	margin: 0;
	padding: 0;
}

.twitter-banner a {
	display: block;
	width: 236px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/home_follow_btn_l.png') 0 0 no-repeat;
}

.twitter-banner a:hover {
	background-position: 0 -110px;
}

.twitter-icon {
	float: left;
	width: 50px;
	margin: 0;
	padding: 0;

}

.google-plus {
	width: 300px;
	margin: 155px auto 0 auto;
	padding: 0;
	text-align: center;
}

	.google-plus:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .google-plus {
		height: 1px;
	}

.g-plus-banner {
	float: left;
	width: 236px;
	margin: 0;
	padding: 0;
}

.g-plus-banner a {
	display: block;
	width: 236px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/home_g_plus_btn_l.png') 0 0 no-repeat;
}

.g-plus-banner a:hover {
	background-position: 0 -110px;
}

.g-plusone {
	float: right;
	width: 50px;
	margin-left: 5px;
	padding: 0;

}

#___plusone_0 iframe {
border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;
}

.fb-home {
	float: right;
	width: 405px;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
}

.fb-home .fb-like-box {
    overflow: hidden;
	width: 405px;
	margin: 0;
	padding-top: 50px;
	text-align: left;
	background: url('images/facebook_title.gif') no-repeat;
	border: solid 1px #b9c2b4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
	position: relative;
	z-index: 10;

		 behavior: url('/PIE.htc');
}

.fb-comments {
	width: 660px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.ad-home {
	float: left;
	width: 468px;
	margin: 0;
	padding: 0;
	text-align: left;
	border-radius: 3px;
		background-color: #daded8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

.ad-home dl {
	clear: both;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
	position: relative;
}

.ad-home dt {
	width: 468px;
	height: 60px;
	margin: 0;
	padding: 0;
	background-color: #b9c2b4;
	overflow: hidden;
}

	* html .ad-home dt {
		width: 468px;
		padding-left: 0;
	}

.ad-home dd {
	width: 468px;
	height: 280px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #29322c;
	overflow: hidden;
}

.ad-home dd p {
	width: 468px;
	height: 280px;
	margin: 0 auto;
	padding: 0;
	font-size: 85%;
	color: #c0c0c0;
	overflow: hidden;
	background-color: #2f3832;
}

.ad-wide {
	width: 660px;
	margin: 20px auto 30px;
	padding: 0;
	text-align: left;
	background-color: #daded8;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

.blog-index {
	margin: 0 auto 80px;
}

.ad-wide dl {
	width: 468px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
}

.ad-wide dt {
	width: 468px;
	height: 60px;
	margin: 0;
	padding: 0;
	background-color: #b9c2b4;
	overflow: hidden;
}

	* html .ad-wide dt {
		width: 468px;
		padding-left: 0;
	}

.ad-wide dd {
	width: 468px;
	height: 280px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #29322c;
}

.ad-wide dd p {
	width: 468px;
	height: 280px;
	margin: 0 auto;
	padding: 0;
	font-size: 85%;
	color: #c0c0c0;
	background-color: #29322c;
}





p.link-wordpress {
	clear: both;
	margin: 0 auto;
	text-align: center;
	font-size: 80%;
}




/* ----------------------------------------------

   Sidebar Block

---------------------------------------------- */

.widget {
	margin-bottom: 30px;
	padding: 0;
	font-family: 'BonvenoCFLight', 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.widget h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	background:transparent url('images/dots_green_gray.png') 0 bottom repeat-x;
}

.widget h2 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

.widget .menu {
	margin: 0;
	padding: 0;
	color: #6a875b;
	font-size: 80%;
	text-align: left;
}

.widget .menu .children {
	margin-left: 1.6em;
}

.widget .menu li {
	margin-top: 5px;
	padding: 0;
	line-height: 22px;
}

.widget .menu li a {
	display: block;
	padding-left: 13px;
	color: #718877;
	background: url('images/sprite.png') no-repeat -970px -118px;
}

.widget .menu li a:hover {
	color: #da2703;
	background-position: -970px -58px;
}

.widget .menu li.current-menu-item a,
.widget .menu li.current-work-parent a,
.widget .menu li.current-gallery-parent a,
.widget .menu li.current-cat a {
	color: #2f3832;
	background-position: -970px -28px;
}



#side-recommend,
#side-archives,
#side-recententries,
#side-advertisements {
	text-align: left;
}

		#side-advertisements:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #side-advertisements {
		height: 1px;
	}

#side-archives ul {
	margin: 0;
	padding: 0;
	color: #6a875b;
	font-size: 80%;
	text-align: left;
	line-height: 1.3;
}

#side-archives li {
	margin-top: .8em;
	padding: 0;
}

#side-archives li strong {
	display: block;
	font-size: 120%;
	font-weight: bold;
}

#side-archives li .emptymonth {
	display: none;
}

#side-archives li a,
#side-archives li span {
	margin-right: .1em;
}

#side-archives li a {
	color: #718877;
}

#side-archives li a:hover {
	color: #da2703;
}

#side-recententries ul {
	margin: 0;
	padding: 0;
	color: #6a875b;
	font-size: 80%;
	text-align: left;
	line-height: 1.6;
}

#side-recententries li {
	margin-top: .8em;
	padding-left: 12px;
	background: url('images/sprite.png') no-repeat -970px -120px;
}

#side-recententries li a {
	padding: 0;
	color: #718877;
}

#side-recententries li a:hover {
	color: #da2703;
}



#side-fxw {
	font-size: 85%;
	color: #666;
	text-align: center;
}

#side-fxw a {
	display: block;
	width: 250px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	/* text-indent: -9999px; */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/fxw_banner.png') no-repeat;
	background-position: 0 0;
}

#side-fxw a:hover {
	background-position: 0 -90px;
}


#side-contact {
	font-size: 85%;
	color: #666;
	text-align: center;
}

#side-contact a {
	display: block;
	width: 250px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/contact_banner.png') no-repeat;
	background-position: 0 0;
}

#side-contact a:hover {
	background-position: 0 -90px;
}

#side-qrcode dl {
	padding-top: 15px;
	text-align: center;
	background: url('images/dots_green_gray.png') left top repeat-x;
}

#side-qrcode dt {
	margin-bottom: 10px;
	padding: 0;
}

#side-qrcode dd {
	height: 26px;
	margin: 0;
	padding-top: 45px;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/qr_banner.png') 0 0 no-repeat;
}

#side-qrcode dd.hover {
	background-position: 0 -71px;
}

#side-store {
	text-align: center;
}

#side-linkshare {
	margin: 20px 0 20px;
	text-align: center;
}

#side-linkshare-btm {
	margin-bottom: 20px;
	text-align: center;
}

#side-linkshare a img,
#side-linkshare-btm a img {
	margin: 0;
	padding: 5px;
	border: solid 1px #b9c2b4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#side-linkshare a img:hover,
#side-linkshare-btm a img:hover {
	border: solid 1px #da2703;
}

#side-store a {
	display: block;
	width: 250px;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/amazon_banner.png') no-repeat;
	background-position: 0 0;
}

#side-store a:hover {
	background-position: 0 -110px;
}

#side-google-ad {
	margin: 20px auto;
	text-align: center;
}

#side-amazon {
	margin: 20px auto;
	text-align: center;
}

#side-facebook {
	overflow: hidden;
	height: 398px;
	margin-bottom: 50px;
	border: solid 1px #b9c2b4;
	position: relative;
}

		#side-facebook:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #side-facebook {
		height: 1px;
	}

div.fb-activity.fb_iframe_widget {
	width: 250px;
	position: relative;
	top: -1px;
	left: -1px;
}

#side-facebook span {
	float: left;
}

#side-facebook iframe {
	text-align: left;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
}

#side-facebook .fb_iframe_widget a {

}

#side-facebook .fb-like-box {

}



#am-amazlet {

}

#am-amazlet a {
	color: #5598a9;
}

#am-amazlet a:hover {

}

.amazlet-image {
	margin-bottom: 5px;
}

.amazlet-name,
.amazlet-sub-info  {
	margin-bottom: 10px;
	font-size: 85%;
	/* color: #666; */
	text-align: center;
	line-height: 1.4;
}

.amazlet-powered-date {
	margin-bottom: 10px;
	font-size: 85%;
	text-align: left;
	line-height: 1.4;
}

.amazlet-detail {
	margin-bottom: 10px;
	font-size: 80%;
	text-align: left;
	line-height: 1.4;
}

.entry-content .c5-campaign a img {
	padding: 5px;
	border: solid 1px #ccc;
}

.entry-content .c5-campaign a {
	border: none;
}

#c5-banner {
	margin-bottom: 30px;
}

a img.side-c5-campaign {
 	width: 99%;
	border: solid 1px #ccc;
}


/* ----------------------------------------------

   Twitter Widget Style

---------------------------------------------- */

.twtr-widget {
	margin-bottom: .6em;
	padding: 0 10px;
	font-size: 75%;
	text-align: left;
	line-height: 1.6;
	overflow: hidden;
	border: solid 1px #b9c2b4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

.twtr-widget li {
	margin-top: -1px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #b9c2b4;
}

	.twtr-widget li:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .twtr-widget li {
		height: 1px;
	}

.twtr-widget li a {
	padding: 0;
	color: #718877;
}

.twtr-widget li a:hover {
	color: #da2703;
}

.twtr-widget li em a {
	color: #aaa;
}

.twtr-widget li img {
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
}

.twtr-widget li p.profile_name {
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1;
}

.twtr-widget li time {
	display: block;
	text-align: right;
	line-height: 1;
}

#twitter-banner a {
	display: block;
	width: 250px;
	height: 71px;
	margin: 0 auto;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/twitter_banner.png') no-repeat;
	background-position: 0 0;
}

#twitter-banner a:hover {
	background-position: 0 -71px;
}



.side-illust-gallery p {
	width: 220px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -15px;
	right: 15px;
}

	* html .side-illust-gallery {
		bottom: -1px;
	}

.side-illust-work p {
	width: 220px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -15px;
	right: 15px;
}

	* html .side-illust-work {
		bottom: -1px;
	}



/* ----------------------------------------------

   WP Basic

---------------------------------------------- */


#main {
	width: 960px;
	margin: 20px auto 0 auto;
	position: relative;
}

	#main:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #main {
		height: 1px;
	}

#primary {
	float: left;
	margin: 0 -270px 0 0;
	width: 100%;
}

#secondary {
	float: right;
	overflow: hidden;
	width: 250px;
}

#content {
	margin: 0 300px 0 0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#main .widget-area {
	float: right;
	overflow: hidden;
	width: 250px;
}



/* ----------------------------------------------

   Index

---------------------------------------------- */

.index-post .post {
	margin-bottom: 60px;
	padding-bottom: 0;
	border-bottom: solid 5px #718877;
}



/* ----------------------------------------------

   WP-PageNavi

---------------------------------------------- */

.wp-pagenavi {
	margin-bottom: 40px;
	font-family: 'Questrial', sans-serif;
	color: #718877;
	text-align: center;
}

	.wp-pagenavi:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .wp-pagenavi {
		height: 1px;
	}

.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 5px;
	padding: 5px 8px;
	font-size: 90%;
	border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-o-border-radius: 50px;
		-ms-border-radius: 50px;

		behavior: url('/PIE.htc');
}

.wp-pagenavi span.current {
	color: #f5f5f5;
	background-color: #718877;
	border: none;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last {
	border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		-o-border-radius: 12px;
		-ms-border-radius: 12px;

		behavior: url('/PIE.htc');
}


.wp-pagenavi a {
	color: #f5f5f5;
	background-color: #b9c2b4;

}

.wp-pagenavi a:hover {
	color: #f5f5f5;
	background-color: #9ED9DB;
	/* border: none; */
}

.wp-pagenavi strong {
	font-weight: normal;
}




/* ----------------------------------------------

   Single Post

---------------------------------------------- */

.post {
	margin-bottom: 10px;
	padding-bottom: 0;
}


.entry-header{
	margin-bottom: 30px;
	position: relative;
}

header .entry-title {
	padding-left: 45px;
	padding-bottom: 3px;
	color: #46584c;
	font-family: 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/* font-size: 95%; */
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
	border-bottom:#718877 solid 1px;
}

.single-work .entry-title {
	padding-left: 0;
	padding-bottom: 3px;
	color: #46584c;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
	border-bottom:#718877 solid 1px;
}

header .entry-date {
	display: block;
	width: 70px;
	height: 70px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	background-color: #718877;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -30px;

		behavior: url('/PIE.htc');
}

header .entry-date p {
	margin-top: 12px;
}

header .entry-date .date {
	font-family: 'Oldenburg', cursive;
	font-size: 75%;
	color: #f5f5f5;
	font-style: italic;
}

header .entry-date .year {
	font-family: 'Parisienne', cursive;
	font-size: 130%;
	color: #f5f5f5;
	line-height: 1.6;
}

header .entry-meta {
	margin: 5px 0;
	font-family: 'Questrial', serif;
	font-size: 80%;
	color: #b9c2b4;
	text-align: right;
}

header .entry-meta span {
	color: #29322c;
}

footer.entry-meta {
	margin-bottom: 10px;
	font-size: 80%;
	text-align: right;
}

footer.entry-meta p {
	margin-bottom: 5px;
	font-family: 'Questrial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', serif;
	color: #b9c2b4;
	text-align: left;
	line-height: 1.6;
}

footer.entry-meta span {
	color: #29322c;
}

.entry-content {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background:transparent url('images/dots_green_gray.png') 0 bottom repeat-x;
}

	.entry-content:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html .entry-content {
		height: 1px;
	}

.entry-content p {
	margin-bottom: 2em;
	padding: 0;
	font-size: 85%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8;
}

.entry-content a {
	color: #5598a9;
	border-bottom: 1px dotted;
}

.entry-content a:hover {
	color: #da2703;
}


.entry-content a.more-link,
.entry-content a.excerpt-more {
	float: right;
	padding: 0 6px;
	color: #fff;
	text-align: right;
	border: none;
	background-color: #718877
}

.entry-content a:hover.more-link,
.entry-content a:hover.excerpt-more {
	background-color: #3f4841
}




.entry-content ul {
	list-style: disc;
	margin-left: 3.8em;
	margin-bottom: 2em;
	padding: 0;
	font-size: 85%;
	text-align: left;
	line-height: 1.8;
}

.entry-content ol {
	list-style: decimal;
	margin-left: 3.8em;
	margin-bottom: 2em;
	padding: 0;
	font-size: 85%;
	text-align: left;
	line-height: 1.8;
}

.entry-content h4 {
	margin: 50px 0 10px 0;
	padding-bottom: 5px;
	color: #46584C;
	/* font-size: 95%; */
	font-weight: normal;
	text-align: left;
	line-height: 1.2;
	background:transparent url('images/dots_green_dark.png') 0 bottom repeat-x;
}

.entry-content h5 {
	margin: 10px 0;
	padding: 0;
	color: #46584C;
	font-size: 90%;
	/* font-weight: normal; */
	text-align: left;
	line-height: 1;
	/* font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */
	font-weight: bold;
}

.entry-content strong {
	color: #555;
	font-family: 'mplus-1p-medium', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: bold;
}

#nav-single {
	margin-top: 5px;
	margin-bottom: 70px;
	font-size: 80%;
	line-height: 1.5;
}

	#nav-single:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #nav-single {
		height: 1px;
	}

#content nav .nav-previous {
	float: left;
	width: 45%;
	text-align: left;
	padding-left: 13px;
	background: transparent url('images/post_nav_prev_arrow.png') left 4px no-repeat;
}

#content nav .nav-previous a {

}

#content nav .nav-previous:hover {
	background-position: left -56px;
}

#content nav .nav-next {
	float: right;
	width: 45%;
	text-align: right;
	padding-right: 13px;
	background: transparent url('images/post_nav_next_arrow.png') right 4px no-repeat;
}

#content nav .nav-next a {

}

#content nav .nav-next:hover {
	background-position: right -56px;
}

#nav-below span {
	display: none;
}


/*----------------------------------------------

	Blog Social Block

----------------------------------------------*/

#contents-social {
	clear: both;
	margin: 30px 0;
	padding-bottom: 30px;
	min-height: 1px;
	text-align: left;
	border-bottom: solid 5px #718877;
}

	#contents-social:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #contents-social {
		height: 1px;
	}


#contents-social ul {
	margin-left: -20px;
	padding:0;
	text-align: center;
}

#contents-social li {
	float: left;
	width: 148px;
	height: 30px;
	margin-left: 20px;
	padding-top: 75px;
	text-align: center;
	border: solid 1px #b9c2b4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#contents-social li.tweet {
	background: url('images/blog_tweet_bg.png') left bottom repeat-x;
}

#contents-social li.like {
	background: url('images/blog_like_bg.png') left bottom repeat-x;
}

#contents-social li.like iframe {
	max-width: none !important;
}


#contents-social li.gplus {
	background: url('images/blog_g_plus_bg.png') left bottom repeat-x;
}

#contents-social li.hatena {
	background: url('images/blog_hatena_bg.png') left bottom repeat-x;
}

#contents-social li.tweet iframe {
	padding-left:30px;
	text-align: center;
}

#contents-social li.g-plus iframe {
	padding-left:20px;
	text-align: center;
}






/*----------------------------------------------

	Related Posts Block

----------------------------------------------*/

#related-posts {
	clear: both;
	margin-bottom: 30px;
	min-height: 1px;
	text-align: left;
	border-bottom: solid 5px #718877;
}

	#related-posts:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #related-posts {
		height: 1px;
	}

#related-posts h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	background:transparent url('images/dots_green_gray.png') 0 bottom repeat-x;
}

#related-posts ul {
	list-style: none;
	margin: 10px 0;
	padding:0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	text-align: left;
	line-height: 1.8;
	overflow: hidden;
}

	* html #related-posts ul {
		height: 1px;
		list-style-position: outside;
	}

	*:first-child+html #related-posts ul {
		list-style-position: outside;
	}

#related-posts li {
	margin-top: -1px;
	padding-top: 10px;
	padding-left: 12px;
	padding-bottom: 10px;
	background:transparent url('images/list_arrow_green.png') 0 15px no-repeat;
	border-top: 1px dotted #daded8;
}

#related-posts li span {
	padding-right: 12px;
}

#related-posts li small {
	font-size: 100%;
	color: #888;
}



/*----------------------------------------------

	Comments Block

----------------------------------------------*/

#comments {
	clear: both;
	margin: 30px 0 50px 0;
	padding: 15px;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align: left;
	background-color: #ededed;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#comments h2 {
	margin-bottom: 10px;
	padding: 0;
	font-size: 85%;
	line-height: 1.4;
}

#comments h3 {
	margin-bottom: 10px;
	padding: 0;
}

#comments p {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.6;
}

#respond p {
	margin-bottom: 15px;
	padding: 0;
	text-align: left;
}

#respond p.comment-notes,
#respond p.form-allowed-tags {
	padding: 0;
	font-size: 70%;
	text-align: left;
}

#respond p.logged-in-as,
#commentform label {
	padding: 0;
	font-size: 80%;
}

#comments .commentlist {
	margin-bottom: 15px;
	padding: 0;
	font-size: 80%;
	text-align: left;
}

#comments .children {
	margin-left: 15px;
}

#comments li.pingback {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background:transparent url('images/dots_green_gray.png') 0 bottom repeat-x;
}

#comments li article {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background:transparent url('images/dots_green_gray.png') 0 bottom repeat-x;
}

#comments .comment .comment-author {
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
}

#comments .comment .comment-author img {
	margin-right: 5px;
	padding: 3px;
	vertical-align: middle;
	border: solid 1px #b9c2b4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#comments .comment .fn,
#comments .comment .says {
	margin-right: 0;
}

#comments .comment .reply {
	text-align: right;
}

#comments .commentmetadata {
	margin-bottom: 10px;
}

#comments .comment-content {
	margin-bottom: 15px;
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#comments .comment footer em {
	display: block;
}




#commentform input {
	display: block;
	width: 300px;
	margin: 0;
	padding: 3px;
	border: solid 1px #b9c2b4;
	background-color: #f5f5f5;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#commentform input#url {
	width: 620px;
}

#commentform textarea {
	display: block;
	width: 620px;
	margin: 0;
	padding: 3px;
	border: solid 1px #b9c2b4;
	background-color: #f5f5f5;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#commentform input:focus,
#commentform textarea:focus {
	background-color: #fff;
	box-shadow: 0px 0px 3px 1px #daded8;
		-webkit-box-shadow: 0px 0px 3px 1px #daded8;
		-moz-box-shadow: 0px 0px 3px 1px #daded8;
		-o-box-shadow: 0px 0px 3px 1px #daded8;
		-ms-box-shadow: 0px 0px 3px 1px #daded8;
}

#commentform .form-submit {
	margin: 0;
	padding: 0;

}

#commentform .form-submit input#submit {
	width: 150px;
	margin: 0;
	color: #637969;
	border: solid 1px #b9c2b4;
	background-color: #cad4c4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
	cursor: pointer;

		behavior: url('/PIE.htc');
}

#commentform .form-submit input#submit:hover {
	color: #f5f5f5;
	background-color: #718877;
}




/* ----------------------------------------------

   Work & Gallery

---------------------------------------------- */

#work h1,
#gallery h1 {
	margin-bottom: 25px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

#work h1 span,
#gallery h1 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#work h2,
#gallery h2 {
	margin-bottom: 10px;
	padding: 0;
	font-family: 'BonvenoCFLight', 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #718877;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
}

#work h2 a,
#gallery h2 a {
	padding-left: 13px;
	background: url('images/sprite.png') no-repeat -970px -121px;
}

#work h2 a:hover,
#gallery h2 a:hover {
	background-position: -970px -61px;
}

#work p,
#gallery p {
	margin: 0;
	padding: 0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align: left;
	line-height: 1.8;
}

#work p.exp,
#gallery p.exp {
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
}

#work .pkg,
#gallery .pkg {
	display: table;
	width: 660px;
	height: 130px;
	margin: 50px auto;
	padding: 0;
	min-height: 1px;
}

#work .pkg dt,
#work .pkg dd,
#gallery .pkg dt,
#gallery .pkg dd {
	display: table-cell;
	height: 130px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

	/*for IE6 */
	* html #work .pkg dt,
	* html #work .pkg dd,
	* html #gallery .pkg dt,
	* html #gallery .pkg dd {
		display: inline;
		zoom: 1;
	}

	/*for IE7 */
	*:first-child+html #work .pkg dt,
	*:first-child+html #work .pkg dd,
	*:first-child+html #gallery .pkg dt,
	*:first-child+html #gallery .pkg dd {
		display: inline;
		zoom: 1;
	}

#work .pkg img.thumb-btn,
#gallery .pkg img.thumb-btn {
	position: relative;
	width: 130px;
	height: 130px;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
	box-shadow: 0 0 0 10px #fff;
		-webkit-box-shadow: 0 0 0 10px #fff;
		-moz-box-shadow: 0 0 0 10px #fff
		-o-box-shadow: 0 0 0 10px #fff;
		-ms-box-shadow: 0 0 0 10px #fff;

		behavior: url('/PIE.htc');
}

#work .pkg img:hover,
#gallery .pkg img:hover {
}

#work .pkg dd,
#gallery .pkg dd {
	width: 530px;
	padding: 0 0 0 20px;
}

#work .pkg dd p,
#gallery .pkg dd p {
	font-size: 80%;
}


#work .pkg dt,
#gallery .pkg dt {
	width: 130px;
	height: 130px;
}

#work .pkg dt .image,
#gallery .pkg dt .image {
	width: 130px;
	height: 130px;
	position: relative;
}


#work .pkg dt .caption,
#gallery .pkg dt .caption {
	width: 130px;
	height: 130px;
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;

	/* fix it at the bottom */
	position: absolute;
	top: 0;
	left: 0;

	/* hide it by default */
	display: none;

	/* opacity setting */
	filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
	opacity: 0.7;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;

		behavior: url('/PIE.htc');

}

#work .pkg dt .caption a,
#gallery .pkg dt .caption a {
	color: #fff;

}

#work .pkg dt .caption span,
#gallery .pkg dt .caption span {
	display: block;
	width: 110px;
	margin: 27px 10px 30px 10px;
	text-align: center;
	font-size: 70%;
	line-height: 1.2;

}

#work .pkg dt .thumb-btn,
#gallery .pkg dt .thumb-btn {
}






#work-content h1,
#gallery-content h1 {
	margin-bottom: 40px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

#work-content h1 span,
#gallery-content h1 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#work-content h2,
#gallery-content h2 {
	margin-bottom: 50px;
	padding: 3px 0 3px 22px;
	font-family: 'BonvenoCFLight', 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #718877;
	font-size: 90%;
	text-align: left;
	background: transparent url('images/contents_sub_title_mark.png') left center no-repeat;
}

#work-content p,
#gallery-content p {
	margin-bottom: 30px;
	padding: 0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	text-align: left;
	line-height: 1.8;
}

#work-content p.exp,
#gallery-content p.exp {
	text-align: justify;
	text-justify: inter-ideograph;
}

#work-content .work,
#gallery-content .gallery {
	list-style: none;
	margin-left: -20px;
}

	#work-content .work:after,
	#gallery-content .gallery:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #work-content .work,
	* html #gallery-content .gallery {
		height: 1px;
	}

#work-content .work li,
#gallery-content .gallery li {
    float: left;
    width: 130px;
    margin: 0 0 40px 30px;
	text-align: center;
	position: relative;

}

#work-content .work li .new-icon,
#gallery-content .gallery li .new-icon {
	border: none;
	position: absolute;
	top: -12px;
	left: -16px;
}

#gallery-content .gallery li .new-icon:hover {
	border: none;
}

#work-content .work li .image img.attachment-thumbnail,
#gallery-content .gallery li img.attachment-thumbnail {
	position: relative;
	width: 130px;
	height: 130px;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
	box-shadow: 0 0 0 10px #fff;
		-webkit-box-shadow: 0 0 0 10px #fff;
		-moz-box-shadow: 0 0 0 10px #fff;
		-o-box-shadow: 0 0 0 10px #fff;
		-ms-box-shadow: 0 0 0 10px #fff;

		behavior: url('/PIE.htc');
}

#gallery-content .gallery li .image img:hover {
}

#gallery-content .gallery li .image {
	width: 130px;
	height: 130px;
	position: relative;
}

#gallery-content .gallery li .image .caption {
	width: 130px;
	height: 130px;
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;

	/* fix it at the bottom */
	position: absolute;
	left: 0;

	/* hide it by default */
	display: none;

	/* opacity setting */
	filter: alpha(opacity=70);    /* ie  */
		-moz-opacity: 0.7;    /* old mozilla browser like netscape  */
		-khtml-opacity: 0.7;    /* for really really old safari */
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
	border-radius: 50%;         /* CSS3 */
		-webkit-border-radius: 50%; /* Safari,Chrome */
		-moz-border-radius: 50%;    /* Firefox */
		-o-border-radius: 50%;
		-ms-border-radius: 50%;

		behavior: url('/PIE.htc');

}

#gallery-content .gallery li .image .caption p {
	width: 110px;
	margin: 30px 10px;
	font-size: 70%;
	text-align: center;
	line-height: 1.2;

}

#gallery-content .gallery li .image .attachment-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
}

#gallery-list {

}

#work-list li#post-0,
#gallery-list li#post-0 {
	width: auto;
	margin-left: 30px;
	padding: 0;
	font-size: 80%;
	text-align: left;
}


#work-content .work li.horimoto img.attachment-thumbnail {
	box-shadow: 0 0 0 10px #cad8d1;
    	-webkit-box-shadow: 0 0 0 10px #cad8d1;
		-moz-box-shadow: 0 0 0 10px #cad8d1;
		-o-box-shadow: 0 0 0 10px #cad8d1;
		-ms-box-shadow: 0 0 0 10px #cad8d1;

}

#work-list .horimoto {
	color: #da2703;
}

#work-list .horimoto span {
	padding-left: 20px;
	color: #777;
	font-weight: bold;
	background:transparent url('images/green_grey_circle_mark.png') left center no-repeat;
}






/* ----------------------------------------------

	Contact form

---------------------------------------------- */

#contact h1 {
	margin-bottom: 25px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

#contact h1 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#contact-form {
	margin: 30px auto 50px;
	padding: 0;
}

#contact-form .caption {
	margin-bottom: 30px;
	padding: 0;
	font-size: 75%;
	color: #718877;
	text-align: left;
}

#contct-form em {
	margin: 0 5px;
	padding: 0 8px;
	color: #f5f5f5;
	font-size: 85%;
	background-color: #718877;
	border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		-o-border-radius: 12px;
		-ms-border-radius: 12px;

		behavior: url('/PIE.htc');
}

#contaact-form fieldset {
	margin: 0;
	border: none;
}

#contact-form legend {
	display: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
}

.dwo-form {
	margin: 0;
	text-align: left;
}

.dwo-form dt {
	margin-bottom: 8px;
	padding: 0;
	font-size: 80%;
}

.dwo-form dd {
	margin-bottom: 20px;
	padding: 0;
	font-size: 80%;
}

.dwo-form input {
	margin: 0;
	padding: 3px;
	border: solid 1px #b9c2b4;
	background-color: #f5f5f5;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

.dwo-form textarea {
	margin: 0;
	padding: 3px;
	border: solid 1px #b9c2b4;
	background-color: #f5f5f5;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

.dwo-form input:focus,
.dwo-form textarea:focus {
	background-color: #fff;
	box-shadow: 0px 0px 3px 2px #daded8;
		-webkit-box-shadow: 0px 0px 3px 2px #daded8;
		-moz-box-shadow: 0px 0px 3px 2px #daded8;
		-o-box-shadow: 0px 0px 3px 2px #daded8;
		-ms-box-shadow: 0px 0px 3px 2px #daded8;

		behavior: url('/PIE.htc');
}

.dwo-form dd .vericode {
	text-align: left;
}

.dwo-form dd .vericode img {
	margin-top: 2px;
	margin-right: 20px;
	vertical-align: middle;
	border: solid 1px #ccc;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;

		behavior: url('/PIE.htc');
}

#contact-form #btn-block {
	margin: 0;
	padding: 0;
	text-align: left;
}

#contact-form #btn-block input#submit {
	margin: 0;
	padding: 3px 20px;
	color: #637969;
	border: solid 1px #b9c2b4;
	background-color: #cad4c4;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
	cursor: pointer;

		behavior: url('/PIE.htc');
}

#contact-form #btn-block input#submit:hover {
	color: #f5f5f5;
	background-color: #718877;
}

.dwo-form input.w-60 {
	width: 60px;
}

.dwo-form input.w-180 {
	width: 180px;
}

.dwo-form input.w-420 {
	width: 430px;
}



/*----------------------------------------------

	contact-form-7 styles

----------------------------------------------*/

div.wpcf7-response-output {
	margin: 2em 20px 2em;
	padding: 0;
	color: #fff;
	font-size: 80%;
	border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
}

div.wpcf7-mail-sent-ok {
	padding: 1em !important;
	background: #8dd4d6;
	border: none !important;
}

div.wpcf7-mail-sent-ng {
	padding: 1em !important;
	background: #da2703;
	border: none !important;
}

div.wpcf7-spam-blocked {
	padding: 1em !important;
	background: #000;
	border: none !important;
}

div.wpcf7-validation-errors {
	padding: 1em !important;
	background: #ff9000;
	border: none !important;
}

span.wpcf7-not-valid-tip {
	width: 280px;
	margin: 0;
	padding: .5em !important;
	font-size: 80%;
	text-align: center;
	color: #fff;
	background: #ff0000 !important;
	border: none !important;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		opacity:0.7;
	position: absolute;
	top: -10px !important;
	left: 20%;
	z-index: 100;
}

img.ajax-loader {
	width: 16px;
	height: 16px;
	border: none;
	vertical-align: top;
}

.watermark {
	color: #888;
}



/* ----------------------------------------------

	About for this site

---------------------------------------------- */

#about h1 {
	margin-bottom: 50px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

#about h1 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#about h2 {
	margin-top: 50px;
	margin-bottom: 15px;
	padding-bottom: 6px;
	font-family: 'BonvenoCFLight', 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #718877;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
	background:transparent url('images/dots_green_gray.png') 0 bottom repeat-x;
}

#about h2 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#about p {
	margin: 0;
	padding: 0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #777;
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
	font-style: normal;
	line-height: 1.8;
}

#about p.exp {
	margin-bottom: 30px;
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
}

#profile ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 10px 0 30px;
	margin-left: 1.5em;
	padding:0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

	* html #profile ol {
		height: 1px;
		list-style-position: outside;
	}

	*:first-child+html #profile ol {
		list-style-position: outside;
	}

#profile li {
	margin-bottom: 10px;
	padding: 0;
	font: italic 100% Georgia, Times, serif;
	color: #46584c;
}

#profile dl {
	display: table;
	width: 660px;
	margin: 0 auto 50px auto;
	padding: 0;
	min-height: 1px;
}

#profile dt,
#profile dd {
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

	/*for IE6 */
	* html #profile dt,
	* html #profile dd {
		display: inline;
		zoom: 1;
	}

	/*for IE7 */
	*:first-child+html #profile dt,
	*:first-child+html #profile dd {
		display: inline;
		zoom: 1;
	}

#profile dt {
	width: 60px;
	height: 80px;
	margin-left: -5px;
	padding: 0 10px;
	color: #f5f5f5;
	font-size: 75%;
	line-height: 1.2;
	background-color: #b9c2b4;
	border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;

		behavior: url('/PIE.htc');
}

#profile dd {
	padding: 0 0 0 20px;
}

#profile dd p {
	font-size: 75%;
	color: #999;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}



/* ----------------------------------------------

	Privacy Policy for this site

---------------------------------------------- */

#privacy-policy h1 {
	margin-bottom: 50px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

#privacy-policy h1 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#privacy-policy h2 {
	margin: 0;
	padding: 0;
	font-family: 'BonvenoCFLight', 'mplus-1p-regular', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #718877;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
}


#privacy-policy p {
	margin: 0;
	padding: 0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #777;
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
	font-style: normal;
	line-height: 1.8;
}

#privacy-policy p em {
	color: #718877;
}

#privacy-policy p.exp {
	margin-bottom: 30px;
}

#policy ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 10px 0;
	margin-left: 1.5em;
	padding:0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

	* html #policy ol {
		height: 1px;
		list-style-position: outside;
	}

	*:first-child+html #policy ol {
		list-style-position: outside;
	}

#policy li {
	margin-bottom: 10px;
	padding: 0;
	font: italic 100% Georgia, Times, serif;
	color: #46584c;
}

#policy li ul {
	list-style-type: circle;
	margin: 10px 0 10px 2em;
}

#policy li ul li {
	margin-bottom: 10px;
	padding: 0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #777;
	font-size: 80%;
	text-align: left;
	font-style: normal;
	line-height: 1.8;
}



/* ----------------------------------------------

	Sitemap for this site

---------------------------------------------- */

#sitemap h1 {
	position: relative;
}


#sitemap h1 {
	margin-bottom: 50px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

#sitemap h1 span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#sitemap p {
	margin: 0;
	padding: 0;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #777;
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
	font-style: normal;
	line-height: 1.8;
}

#sitemap p.exp {
	margin-bottom: 30px;
	font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
}


#menu-sitemap-menu {
	margin-bottom: 50px;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	position: relative;
}

#menu-sitemap-menu li {
	margin-bottom: 30px;
	text-align: left;
	background:transparent url('images/dots_green_gray.png') left 10px repeat-x;
	cursor: pointer;
	position: relative;
}

#menu-sitemap-menu li strong {
	font-family: 'BonvenoCFLight', /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 90%;
}

#menu-sitemap-menu li em {
	padding-left: 5px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
	background-color: #f1f1ee;
	cursor: pointer;
	position: absolute;
	right: 0;
}

#menu-sitemap-menu li a {
	padding-left: 13px;
	padding-right: 5px;
	background: #f1f1ee url('images/sprite.png') no-repeat -970px -118px;
}

#menu-sitemap-menu li a:hover {
	background-position: -970px -58px;
}

#menu-sitemap-menu .sub-menu {
	list-style: none;
	margin: 10px 0 0 1.5em;
	padding: 0;
	list-style-position: outside;
}

#menu-sitemap-menu .sub-menu li {
	margin-bottom: 10px;
}





/* ----------------------------------------------

	Archives

---------------------------------------------- */

header .page-title {
	margin-bottom: 50px;
	padding-bottom: 3px;
	color: #46584c;
	font-size: 95%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
	border-bottom:#b9c2b4 solid 1px;
}

header h1.category-title,
header h1.archive-title {
	margin-bottom: 50px;
	padding-bottom: 4px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	color: #46584c;
	font-size: 105%;
	text-align: left;
	font-weight: bold;
	border-bottom:#b9c2b4 solid 1px;
}

header h1.category-title span,
header h1.archive-title span {
	padding-left: 10px;
	font-family: 'APJapanesefont', 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}



/*----------------------------------------------

	Tag Cloud

----------------------------------------------*/

.page-id-1770 header .page-title {
	margin-bottom: 20px;
	font-family: 'BonvenoCFLight', Arial, sans-serif;
	font-weight: bold;
}

#tag-cloud {
	margin: 0;
	padding: 0;
	font-family: 'Century Gothic','MS PGothic','ヒラギノ角ゴ Pro W3',Osaka,Verdana,Arial,sans-serif;
}

.tagtitle {
	margin-bottom: 20px;
	padding-bottom: 3px;
	font-family: 'Century Gothic','MS PGothic','ヒラギノ角ゴ Pro W3',Osaka,Verdana,Arial,sans-serif;
	font-size: 116%;
	text-align: left;
	color: #37424a;
	border-bottom: solid 1px #ccc;
}

#tag-cloud ul.wp-tag-cloud {
	margin-bottom :40px;
	padding: 10px;
	font-family: /* 'mplus-1p-regular', */ 'Adobe Blank', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align: left;
	line-height: 1.8;
	border: solid 1px #b9c2b4;
}

#tag-cloud .wp-tag-cloud li {
	display: inline;
	margin-right: 5px;
}

#tag-cloud .wp-tag-cloud li a {
	border: 0;
}

#tag-cloud .wp-tag-cloud li a:active,#tagcloudBlock .wp-tag-cloud li a:hover {
	color: #00b8e6;
}



/*----------------------------------------------

	Post-Format Gallery

----------------------------------------------*/

header .entry-format {
	padding-bottom: 3px;
	font-family: 'BonvenoCFLight', Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', serif;
	color: #999;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
	border-bottom:#b9c2b4 solid 1px;
}

/* Gallery Posts */

.gallery-thumb {

}

.gallery-thumb a {
	display: block;
	padding: 5px;
	background-color: #fff;
	border: solid 1px #b9c2b4;
}

.gallery-thumb a:hover {
	display: block;
	padding: 5px;
	border: solid 1px #da2703;
}

/* Aside Posts */

.format-aside {
}

.format-aside .entry-header {
	display: inline;
}

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}

/* Image Posts */

.format-image {
}

.format-image .entry-header {
	display: inline;
}

.format-image .entry-title,
.format-image .entry-header .comments-link {
	display: none;
}

.wp-caption {
	padding: 10px 4px;
	background-color: #fff;
	border: solid 1px #b9c2b4;
}

.wp-caption img {
	margin: 0;
}

.wp-caption a {
	border: none;
}

.wp-caption .wp-caption-text {
	margin: .1em 0;
	text-align: center;
}





.hentry.fullScreen {
	width: 690px;
	margin: 0 auto;
	background: #f1f1ee;
	padding: 80px 45px 10px 45px;
}



.hentry.fullScreen .go-full-screen #fs-enter {
	display: none;
}

.hentry.fullScreen .go-full-screen .fs-exit {
	display: inline;
	cursor: pointer;
}

.go-full-screen {
	margin: 5px 0;
	font-size: 80%;
	text-align: right;
}

.go-full-screen .fs-exit {
	display: none;
	font-size: 90%;
}

.go-full-screen #fs-enter {
	padding: 3px 0 3px 22px;
	background: url('images/fullscreen_btn.png') no-repeat 0 -1px;
}

.go-full-screen #fs-enter:hover {
	background-position: 0 -46px;
}




/*----------------------------------------------

	Old Styles

----------------------------------------------*/

.sample_btn {
	margin: 0 0 10px 0;
	font-size: 100%;
	color: #444;
	text-align: center;
}

.sample_btn a {
	display: block;
	width: 140px;
	height: 31px;
	margin: 0 auto;
	padding: 0;
	text-indent: -20000px;
	overflow: hidden;
	border: none;
	background: url('images/sample_btn.gif') no-repeat;
	background-position: 0 0;
}

.sample_btn a:hover {
	background-position: 0 -37px;
}


/*----------------------------------------------

	Image Block

----------------------------------------------*/

.entry-content .left {
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 6px 6px 2px 6px;
	text-align: center;
	background-color: #f5f5f5;
	border: solid 1px #b9c2b4;
}

	* html .entry-content .left {
		float: left;
		margin: 10px 10px 5px 0;
	}

.entry-content .left img {
	padding: 0;
	border: 0;
}

.entry-content .left a,
.entry-content .left a:hover,
.entry-content .left a:visited {
	border: 0;
}

.entry-content .leftC {
	clear: both;
	margin: 8px 0 10px 0;
	padding: 6px 6px 0 6px;
	text-align: center;
	background-color: #f5f5f5;
	border: solid 1px #b9c2b4;
}

.entry-content .leftC a,
.entry-content .leftC a:hover,
.entry-content .leftC a:visited {
	border: 0;
}

.entry-content .leftC img {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

.entry-content .leftAm
{
	float:left;
	margin: 3px 10px 5px 0;
	padding: 6px 6px 2px 6px;
	border:solid 1px #ccc;
}

.entry-content .leftAm img
{
	padding: 0;
	border: 0;
}

.entry-content .leftAm a,
.entry-content .leftAm a:hover,
.entry-content .leftAm a:visited
{
	border: 0;
}



.entry-content .centerLink {
	margin: 10px 0 5px 0;
	padding: 6px 6px 3px 6px;
	text-align: center;
	background-color: #f5f5f5;
	border: solid 1px #b9c2b4;
}

	* html .entry-content .centerLink {
		padding: 6px 9px;
}

.entry-content .centerLink img {
	margin: 0 auto;
	border: none;
}

.entry-content .centerLink a,
.entry-content .centerLink a:hover,
.entry-content .centerLink a:visited {
	border: 0;
}



.entry-content .aligncenter {
	margin: 5px 0 5px;
	padding: 6px 20px;
	text-align: center;
	background-color: #f5f5f5;
	border: solid 1px #b9c2b4;
}

.entry-content .wp-caption {
	width: 650px !important;
	margin-bottom: 15px;
	padding: 10px 4px 0;
	background-color: #f5f5f5;
	border: solid 1px #b9c2b4;
}

.entry-content .wp-caption img {
	margin: 0;
}

.entry-content .wp-caption a {
	border: none;
}

.entry-content .wp-caption .wp-caption-text {
	margin: .1em 0;
	text-align: center;
}



/*----------------------------------------------

	Flickr Badge

----------------------------------------------*/

#side-flickr {
	min-height: 1px;
	margin: 0 auto 20px auto;
	color: #666;
	text-align: center;
}

	#side-flickr:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	/*\*/
	* html #side-flickr {
		height: 1px;
	}
	/* */

#flickr_www {
	display: block;
	font: 11px Arial, Helvetica, Sans-Serif !important;
	color: #3993ff !important;
}

#side-flickr a:hover,
#side-flickr a:link,
#side-flickr a:active,
#side-flickr a:visited {
	text-decoration: none !important;
	background: inherit !important;
	color: #3993ff;
}

#side-flickr .fColor {
	color: #3993ff;
}

#side-flickr .rColor {
	color: #ff1c92;
}

#flickr_badge_wrapper {
	margin: 10px 0 10px 0;
	padding: 0;
	min-height: 1px;
	text-align: center;
}

	#flickr_badge_wrapper:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #flickr_badge_wrapper {
		height: 1px;
	}

#flickr_badge_wrapper a {
	float: left;
	display: block;
	width: 87px;
	height: 87px;
	margin: 0 18px 10px 18px;
	padding: 0;
	border: solid 1px #b9c2b4;
}

#flickr_badge_wrapper a:hover {
	display: block;
	width: 87px;
	height: 87px;
	margin: 0 18px 10px 18px;
	padding: 0;
	border: solid 1px #da2703;
}

#flickr_badge_wrapper img {
	margin: 6px 5px 5px 5px;
	padding: 0;
	border: 0;
}

.flickr_badge_image {
	margin: 0;
	padding: 0;
}

.flickr_badge_image img {
	margin: 0;
	padding: 0;
}

#flickr_badge_source {
	padding: 0 !important;
	font: 11px Arial, Helvetica, Sans-Serif !important;
	color: #777 !important;
}

#flickr_badge_source_txt {
	padding: 0;
	font: 11px Arial, Helvetica, Sans-Serif;
	color: #777;
}

#flickr_badge_icon {
	display: block !important;
	margin: 0 !important;
	border: 1px solid rgb(0, 0, 0) !important;
}

#flickr_icon_td {
	padding-right: 5px !important;
}





/*----------------------------------------------

	New Styles

----------------------------------------------*/

blockquote {
	clear: both;
	margin: 10px 10px 20px 10px;
	padding: 0 40px 0 0;
	background: url('images/btm_quote.png') right bottom no-repeat;
}

blockquote .quotetitle {
	margin-bottom: 10px;
	padding: 2px 0 5px 40px;
	font-size: 90%;
	text-align: left;
	line-height: 1.5;
	background: url('images/top_quote.png') left top no-repeat;
}

blockquote .quoteitem {
	margin: 0;
	padding-left: 40px;
}

blockquote .quoteitem ul,
blockquote .quoteitem ol  {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 10px 0;
	font-size: 80%;
	text-align: left;
}

blockquote .quoteitem li {
	margin-bottom: 10px;
	padding: 0;
	line-height: 1.8;
}



.syntaxhighlighter {
	font-size: 80% !important;
	word-wrap: break-word;
}

.syntaxhighlighter, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table code.string {
	word-wrap: break-word;
	word-break: break-all;
}

.syntaxhighlighter .line {
	font-size: 80% !important;
}


#disqus_thread {
	margin: 20px 0 30px 0;
	min-height: 1px;
	text-align: left;
}

	#disqus_thread:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	* html #disqus_thread {
		height: 1px;
	}

#dsq-content h3 {
	padding: 2px 0 2px 22px;
	color: #718877;
	background: transparent url('images/contents_sub_title_mark.png') left center no-repeat;
}

#dsq-account-dropdown {
	font-size: 80%;
}

#dsq-content ul {

}

.dsq-comment-header {

}
.dsq-comment-message {
	font-size: 80%;
}

.dsq-comment-footer {
	font-size: 80%;
}

#dsq-footer {
	font-size: 80%;
}

.dsq-trackback-url {
	margin-top: -50px;
	font-size: 80%;
	text-align: right;
}






img.wp-smiley {
	margin-left: -.2em;
	margin-bottom: .4em;
    vertical-align: middle;
}




/*----------------------------------------------

	prettyPhoto

----------------------------------------------*/

.pp_social .twitter,
.pp_social .facebook {
	display: none !important;
}

.pretty_photo img.hover-photo {
	-webkit-box-shadow: 0px 0px 8px 0px #da2703; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 8px 0px #da2703;
}


.pretty_photo {
	display: block;
	width: 95%;
	margin: 0 auto;
	/* overflow: visible; */
	background: url('images/enlarge_photo_icon.png') no-repeat right bottom;
	border: solid 1px #ff0000;
}




/*----------------------------------------------

	MW Theme Switcher on Multi Device Switcher

----------------------------------------------*/

.renderSwitcher {
	display: none;
}



/*----------------------------------------------

	WordPress Gallery

----------------------------------------------*/

.gallery-item a {
		border: 0;
}

.gallery-item {
	margin-bottom: 10px;
}

#content .gallery .gallery-icon {
	margin: auto 20px;
}

#content .gallery .gallery-icon img {
	width: 100%;
	height: auto;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9c2b4;
}

#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
	border-color: #da2703;
}

.gallery-caption {
	margin-top: 5px;
	font-size: 80%;
	line-height: 1.4;
}



/*----------------------------------------------

	Infinite Scroll

----------------------------------------------*/

/* Hides navigation links and site footer when infinite scroll is active */

/*
.infinite-scroll #navigation,
.infinite-scroll.neverending #footer {
	display: none;
}
*/

/* Shows the footer again in case all posts have been loaded */

/*
.infinity-end.neverending #footer {
	display: block;
}
*/


#infinite-footer .container {
	display: none;
}






/* MEDIA QUERY
-------------------------------------------------- */

/* TABLET LAYOUT  */
@media only screen and (min-width: 768px) and (max-width: 990px) {

	body {
		min-width: 720px;
		-webkit-text-size-adjust : none;
	}
	#container {
		min-width: 720px;
	}
	header .header-container {
		min-width: 720px;
		height: 235px;
	}
	header.global-header {
		min-width: 720px;
		height: 235px;
	}
	header .header-top {
		width: 720px;
	}
	header .logo {
		width: 720px;
	}
	header .logo h1 {
		top: 100px;
		left: 245px;
	}
	header .logo h1 a {
		width: 204px;
		height: 48px;
		background-position: -484px -310px;
	}
	header .logo h1 a:hover {
		background-position: -484px -425px;
	}
	footer.global-footer {
		min-width: 720px;
	}
	.main{
		width: 720px;
	}
	.header-fixed {
		background: url('images/header_shadow.png') no-repeat center 235px;
	}
	.global-nav {
		min-width: 720px;
		height: 120px;
	}
	.navigation {
		width: 720px;
		height: 100px;
		background: url('images/sprite.png') no-repeat 0 -687px;
	}
	.global-nav nav {
		width: 720px;
		top: 5px;
	}
	.global-nav nav ul {
		width: 720px;
		background: none;
	}
	.global-nav nav  ul li.work {
		left: 0;
	}
	.global-nav nav  ul li.gallery {
		left: 135px;
	}
	.global-nav nav  ul li.about {
		left: 455px;
	}
	.global-nav nav  ul li.blog {
		left: 610px;
	}
	.bread-crumbs {
		width: 720px;
	}
	.bread-crumbs h3 {
		font-size: 70%;
	}
	.bread-crumbs h3 em {

	}
	.bread-crumbs ul {
		font-size: 70%;
		line-height: 1.6;
	}
	#scroll-page-top {
		width: 720px;
	}
	#scroll-page-top p {
		bottom: 10px;
	}
	#footer-contents {
		width: 720px;
	}
	#footer-contents .recentposts {
		float: none;
		width: 720px;
		margin-bottom: 50px;
	}
	#footer-contents .recentposts h2 {
		margin-bottom: 20px;
	}
	#footer-contents .footer-link {
		float: none;
		width: 720px;
		margin-bottom: 30px;
	}
	#thank {
		margin: 0 0 20px 0;
	}
	.footer-link dl {
		width: 720px;
	}
	#footer-toggle {
		width: 720px;
	}
	#messeage {
		width: 320px;
	}
	.messeage-form input {
		width: 260px;
	}
	.messeage-form textarea {
		width: 320px;
	}
	.captcha input {
		width: 80px;
		margin: 0;
	}
	#bottom {
		height: auto;
	}
	#bottom #copy {
		float: none;
		margin-top: -10px;
		margin-left: 15px;
		text-align: center;
	}
	#menu-footer-nav {
		float: none;
		width: 595px;
		margin: 10px auto 10px auto;
	}
	#menu-footer-nav li {
		margin-left: 15px;
	}





	#h-main{
		min-width: 720px;
	}
	.slider-wrapper {
		min-width: 720px;
		height: 336px;
		background: url('images/main_image_bg_h240.gif') repeat-x;
	}
	.slider-background {
		width: 720px;
	}
	.slider-background img {
		max-width: 100%;
		height: auto;
		width: auto\9;
	}
	#first {
		height: 660px;
	}
	#second {
		height: 950px;
	}
	#third {
		background-position: 50% 0px !important;
		height: 520px;
		margin: 0;
	}
	#third .bg {
		display: none;
	}
	#fourth {
		height: 520px;
		margin: -50px 0 30px 0;
	}
	#fourth .bg {
		display: none;
	}
	#fifth {
		height: 600px;
	}
	.para-content {
		min-width: 720px;
		width: 720px;
	}
	.home-infographic {
		width: 720px;
		height: 700px;
		margin: 10px auto 0 auto;
	}
	.home-infographic img {
		width: 47%;
	}
	.home-infographic dl.work,
	.home-infographic dl.gallery,
	.home-infographic dl.about,
	.home-infographic dl.blog {
		width: 325px;
	}
	.home-infographic dl.work {
		left: 15px;
	}
	.home-infographic dl.gallery {
		left: 385px;
	}
	.home-infographic dl.about {
		top: 335px;
		left: 15px;
	}
	.home-infographic dl.blog {
		top: 335px;
		left: 385px;
	}
	.news {
		padding: 45px 0 0 0 ;
	}
	.news .announcements {
		float: none;
		width: 720px;
		margin: 30px 0 0 0;
	}
	.news .recentposts {
		float: none;
		width: 720px;
	}
	.news .recentposts li {
		width: 345px;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	.news .recentposts .recentposts-thumbnail {

	}
	.fsc {
		float: none;
		width: 720px;
		margin: 50px 10px 0 0;
	}
	.air-clock {
		float: none;
		width: 720px;
		margin: 20px 0 0 0;
		padding: 10px 0 30px;
	}
	.air-clock h1 {
		margin: 20px 0 0 335px;
	}
	.clock {
		margin-top: -100px;
		margin-left: 30px;
	}
	.dwo-btn {
		top: 260px;
		left: 350px;
	}
	.ad-social {
		width: 250px;
		margin: 0 auto 20px auto;
	}
	.twitter-follow {
		width: 205px;
	}
	.twitter-banner {
		width: 150px;
	}
	.twitter-banner a {
		width: 150px;
		background: url('images/home_follow_btn_s.png') 0 0 no-repeat;
	}
	.google-plus {
		width: 205px;
	}
	.g-plus-banner {
		width: 150px;
	}
	.g-plus-banner a {
		width: 150px;
		background: url('images/home_g_plus_btn_s.png') 0 0 no-repeat;
	}
	#___plusone_0 iframe {
		margin-left: 4px !important;
	}
	.fb-home {
		width: 405px;
		margin: 0 auto 20px auto;
	}




	#main {
		width: 720px;
	}
	#primary {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#secondary {
		float: none;
		width: 720px;
		margin-top: 50px;
		padding-top: 40px;
		border-top:#b9c2b4 solid 1px;
	}
	#content {
		margin: 0;
	}
	#main .widget-area {
		float: none;
		width: 720px;
	}
	.widget h2 {
		text-align: center;
	}
	#side-fxw {
		float: left;
	}
	#side-fxw a {
		margin-top: 30px;
		margin-left: 85px;
		background: url('images/fxw_banner.png') no-repeat;
	}
	#side-contact {
		float: right;;
	}
	#side-contact a {
		margin-top: 30px;
		margin-right: 85px;
		background: url('images/contact_banner.png') no-repeat;
	}
	#side-qrcode {
		clear: both;
		width: 550px;
		margin-left: 85px;
	}
	#side-qrcode dl {
		padding-top: 30px;
		min-height: 1px;
	}
		#side-qrcode dl:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}

		* html #side-qrcode dl {
			height: 1px;
		}
	#side-qrcode dt {
		float: left;
		width: 100px;
		height: 100px;
		margin: 0;
		padding: 0;
	}
	#side-qrcode dd {
		float: right;
		width: 390px;
		height: 100px;
		margin: 0;
		padding: 0;
		background: url('images/qr_banner_390.png') 0 0 no-repeat;
	}
	#side-qrcode dd.hover {
		background-position: 0 -100px;
	}
	#side-linkshare {
		float: left;
		margin: 20px 0 20px 200px;
	}
	#side-linkshare-btm {
		float: right;
		margin: 20px 200px 20px 0;
	}
	#side-store {
		clear: both;
	}
	#side-store a {
		width: 320px;
		background: url('images/amazon_banner_320.png') no-repeat;
	}
	#side-flickr {
		width: 720px;
	}
	#flickr_badge_wrapper {
		width: 757px;
		margin-left: -37px;
	}
	#flickr_badge_wrapper a {
		margin: 0 0 10px 37px;
	}
	#flickr_badge_wrapper a:hover {
		margin: 0 0 10px 37px;
	}
	div.fb-activity.fb_iframe_widget {
		width: 320px;
	}
	#side-facebook .fb_iframe_widget span {
		width: 320px !important;
		margin: 0 auto;
	}
	#side-facebook iframe {
		width: 320px !important;
		margin: 0 auto;
	}
	.twtr-doc {
		width: 320px !important;
	}
	#twitter_update_list {
		width: 300px;
		margin: 0 auto .6em auto;
	}
	#twitter-banner a {
		width: 320px;
		background: url('images/twitter_banner_320.png') no-repeat;
	}

	#side-advertisements #side-google-ad iframe {
		float: left;
		margin: 0;
	}
	#side-advertisements #side-amazon {
		display: none;
	}



	#side-nav .menu {
		font-size: 78%;
	}
		#side-nav .menu:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}

		* html #side-nav .menu {
			height: 1px;
		}
	#side-nav .menu li {
		float: left;
		margin-right: 12px;
	}
	#side-nav #menu-work-nav.menu li {
		margin-right: 12px;
	}




	#contents-social ul {
		margin-left: -40px;
	}
	#contents-social li {
		width: 148px;
		margin-left: 40px;
	}
	#contents-social li.tweet {
		background: url('images/blog_tweet_bg.png') left bottom repeat-x;
	}
	#contents-social li.like {
		background: url('images/blog_like_bg.png') left bottom repeat-x;
	}
	#contents-social li.g-plus {
		background: url('images/blog_g_plus_bg.png') left bottom repeat-x;
	}
	#contents-social li.hatena {
		background: url('images/blog_hatena_bg.png') left bottom repeat-x;
	}
	#contents-social li.tweet iframe {
		padding-left:35px;
	}
	#contents-social li.g-plus iframe {
		padding-left:25px;
	}
	.ad-wide {
		width: 720px;
	}




	#work .pkg,
	#gallery .pkg {
		width: 710px;
		margin-left: 10px;
	}
	#work .pkg dd,
	#gallery .pkg dd {
		padding: 0 0 0 30px;
	}
	#work-content .work,
	#gallery-content .gallery {
		margin-left: -35px;
	}
	#work-content .work li,
	#gallery-content .gallery li {
    	margin: 0 0 40px 55px;
	}
	#work-list,
	#gallery-list {
		margin-left: 0;
	}
	.side-illust-work p {
		bottom: -15px;
		right: -20px;
	}




	#profile dl {
		width: 720px;
	}



	.entry-content img.size-full {
		max-width: 100%;
		height: auto;
		padding: 10px 68px !important;
	}
	.entry-content .wp-caption {
		width: auto !important;
		padding: 10px 0 !important;
	}
	.entry-content .wp-caption img.size-full {
		max-width: 100%;
		height: auto;
		padding: 10px 16px !important;
	}
	.entry-content .leftC img {
		max-width: 100%;
		height: auto;
	}

}

/* MOBILE LAYOUT */
/* @media only screen and (max-width: 767px) { */
@media only screen and (min-width: 321px) and (max-width: 767px) {

	body {
		min-width: 460px;
		-webkit-text-size-adjust : none;
	}
	#container {
		min-width: 460px;
		overflow: hidden;
	}
	header .header-container {
		min-width: 460px;
		height: 230px;
	}
	header.global-header {
		min-width: 460px;
		height: 250px;
	}
	header .header-top {
		width: 460px;
	}
	header .logo {
		width: 460px;
	}
	header .logo h1 {
		top: 81px;
		left: 76px;
	}
	header .logo h2 {
		display: none;
	}
	footer.global-footer {
		min-width: 460px;
	}
	.main{
		width: 460px;
	}
	.header-fixed {
		width: 460px;
		background: url('images/header_shadow.png') no-repeat center 230px;
	}
	.header-nav {
		margin: .3em auto 0 auto;
		padding: 0;
		text-align: left;
		position: absolute;
		top: 0;
		left: 0;
	}
	.header-nav li {
		margin-left: 0;
		margin-right: 15px;
	}
	.global-nav {
		min-width: 460px;
		height: 120px;
	}
	.navigation {
		width: 460px;
	}
	.global-nav nav {
		width: 460px;
		top: 45px;
		overflow: hidden;
	}
	.global-nav nav ul {
		width: 460px;
		height: 60px;
		background: url('images/sprite.png') no-repeat 0 -1000px;
	}
	.global-nav nav ul li {
		margin-top: 5px;
	}
	.global-nav nav  ul li.work {
		left: -25px;
	}
	.global-nav nav  ul li.gallery {
		left: 105px;
	}
	.global-nav nav  ul li.about {
		left: 250px;
	}
	.global-nav nav  ul li.blog {
		left: 370px;
	}
	.global-nav nav  ul li.blog em {
		letter-spacing: -2px;
	}
	.bread-crumbs {
		width: 460px;
	}
	.bread-crumbs h3 {
		font-size: 75%;
		line-height: 1.8;
	}
	.bread-crumbs h3 em {
		display: none;
	}
	.bread-crumbs ul {
		font-size: 70%;
		line-height: 1.6;
	}
	#scroll-page-top {
		width: 460px;
	}
	#scroll-page-top p {
		bottom: 55px;
	}
	#footer-contents {
		width: 460px;
	}
	#footer-contents .recentposts {
		float: none;
		width: 460px;
		margin-bottom: 50px;
	}
	#footer-contents .recentposts h2 {
		margin-bottom: 20px;
	}
	#footer-contents .footer-link {
		float: none;
		width: 460px;
		margin-bottom: 30px;
	}
	#thank {
		margin: 0 0 20px 0;
	}
	.footer-link dl {
		width: 460px;
	}
	#footer-toggle {
		width: 460px;
	}
	#messeage {
		float: none;
		width: 460px;
	}
	.messeage-form input {
		width: 360px;
	}
	.messeage-form textarea {
		width: 460px;
	}
	.captcha input {
		width: 80px;
		margin: 0;
	}
	#footer-deco {
		float: none;
		margin-top: 50px;
	}
	#footer-deco ul {
		margin: 15px auto;
		padding: 0;
	}
	#footer-deco #stage {
		width: 438px;
		text-align: center;
		background-color: #29322c;
	}
	#bottom {
		height: auto;
	}
	#bottom #copy {
		float: none;
		width: 460px;
		margin: -10px auto 0 auto;
		font-size: 75%;
		text-align: center;
	}
	#menu-footer-nav {
		float: none;
		width: 460px;
		margin: 10px auto 5px auto;
		font-size: 80%;
	}
	#menu-footer-nav li {
		margin-left: 8px;
	}



	#h-main{
		min-width: 460px;
	}
	.slider-wrapper {
		min-width: 460px;
		height: 222px;
		background: url('images/main_image_bg_h153.gif') repeat-x;
	}
	.slider-background {
		width: 460px;
	}
	.slider-background img {
		max-width: 100%;
		height: auto;
		width: auto\9;
	}
	.slider-title h1 {
		font-size: 120%;
	}
	.slider-title h2 {
		font-size: 90%;
	}
	#first {
		height: 685px;
	}
	#second {
		height: 1380px;
	}
	#third {
		background-position: 50% 0px !important;
		height: 520px;
		margin: 0;
	}
	#third .bg {
		display: none;
	}
	#fourth {
		height: 560px;
		margin: -50px 0 30px 0;
	}
	#fourth .bg {
		display: none;
	}
	#fifth {
		height: 1010px;
	}
	.para-content {
		min-width: 460px;
		width: 460px;
	}
	.home-infographic {
		width: 460px;
		margin: 15px auto 0 auto;
	}
	.home-infographic img {
		width: 60%;
	}
	.home-infographic p {

	}
	.home-infographic dl.work,
	.home-infographic dl.gallery,
	.home-infographic dl.about,
	.home-infographic dl.blog {
		width: 200px;
	}
	.home-infographic dl.work {
		left: 10px;
	}
	.home-infographic dl.gallery {
		left: 250px;
	}
	.home-infographic dl.about {
		top: 350px;
		left: 10px;
	}
	.home-infographic dl.blog {
		top: 350px;
		left: 250px;
	}
	.news {
		padding: 45px 0 0 0;
	}
	.news h1 img {
		width: 100%;
	}
	.news .announcements {
		float: none;
		width: 460px;
		margin: 30px 0 0 0;
	}
	.news .recentposts {
		float: none;
		width: 460px;
	}
	.news .recentposts ul {
		margin: 10px 0 0 0;
	}
	.news .recentposts li {
		width: 460px;
		margin: 0 0 10px 0;
	}
	.news .recentposts .recentposts-thumbnail {
		width: 16%;
		height: auto;
	}
	.fsc {
		float: none;
		width: 460px;
		margin: 50px 10px 0 0;
	}
	.fsc-icon {
		margin: -20px auto 0;
	}
	.air-clock {
		float: none;
		width: 460px;
		margin: 20px 0 0 0;
		padding: 10px 0 30px;
	}
	.air-clock h1 {
		width: 253px;
		margin: 20px 0 0 210px;
	}
	.clock {
		margin-top: -80px;
		margin-left: -40px;
	}
	.dwo-btn {
		top: 280px;
		left: 230px;
	}
	.ad-social {
		float: none;
		width: 405px;
		margin: 0 auto 40px auto;
	}
	.fb-home {
		float: none;
		width: 405px;
		margin: 0 auto 20px auto;
	}



	#main {
		width: 460px;
	}
	#primary {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#secondary {
		float: none;
		width: 460px;
		margin-top: 50px;
		padding-top: 40px;
		border-top:#b9c2b4 solid 1px;
	}
	#content {
		margin: 0;
	}
	#main .widget-area {
		float: none;
		width: 460px;
	}
	.widget h2 {
		clear: both;
		text-align: center;
	}
	#side-fxw {
		float: left;
		width: 220px;
	}
	#side-fxw a {
		width: 220px;
		margin-top: 30px;
		background: url('images/fxw_banner_220.png') no-repeat;
	}
	#side-contact {
		float: right;
		width: 220px;
	}
	#side-contact a {
		width: 220px;
		margin-top: 30px;
		background: url('images/contact_banner_220.png') no-repeat;
	}
	#side-qrcode {
		clear: both;
	}
	#side-qrcode dl {
		width: 460px;
		padding-top: 30px;
		min-height: 1px;
	}
		#side-qrcode dl:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}

		* html #side-qrcode dl {
			height: 1px;
		}
	#side-qrcode dt {
		float: left;
		width: 100px;
		height: 100px;
		margin: 0;
		padding: 0;
	}
	#side-qrcode dd {
		float: right;
		width: 320px;
		height: 100px;
		margin: 0;
		padding: 0;
		background: url('images/qr_banner_320.png') 0 0 no-repeat;
	}
	#side-qrcode dd.hover {
		background-position: 0 -100px;
	}
	#side-linkshare {
		float: left;
		margin: 20px 0 20px 70px;
	}
	#side-linkshare-btm {
		float: right;
		margin: 20px 70px 20px 0;
	}
	#side-store {
		clear: both;
	}
	#side-store a {
		width: 320px;
		background: url('images/amazon_banner_320.png') no-repeat;
	}
	#side-flickr {
		width: 460px;
	}
	#flickr_badge_wrapper {
		width: 520px;
		margin-left: -33px;

	}
	#flickr_badge_wrapper a {
		margin: 0 0 10px 34px;
	}
	#flickr_badge_wrapper a:hover {
		margin: 0 0 10px 34px;
	}
	div.fb-activity.fb_iframe_widget {
		width: 320px;
	}
	#side-facebook .fb_iframe_widget span {
		width: 320px !important;
		margin: 0 auto;
	}
	#side-facebook iframe {
		width: 320px !important;
		margin: 0 auto;
	}
	.twtr-doc {
		width: 320px !important;
	}
	#twitter_update_list {
		width: 300px;
		margin: 0 auto .6em auto;
	}
	#twitter-banner a {
		width: 320px;
		background: url('images/twitter_banner_320.png') no-repeat;
	}
	#side-advertisements #side-google-ad iframe {
		margin: 0;
	}
	#side-advertisements #side-amazon {
		display: none;
	}



	#side-nav .menu {
		font-size: 78%;
	}
		#side-nav .menu:after {
			height: 0;
			visibility: hidden;
			content: ".";
			display: block;
			clear: both;
		}

		* html #side-nav .menu {
			height: 1px;
		}
	#side-nav .menu li {
		float: left;
		margin-right: 12px;
	}
	#side-nav #menu-work-nav.menu li {
		margin-right: 12px;
	}




	#contents-social ul {
		margin-left: 0;
	}
	#contents-social li {
		width: 148px;
		margin-left: 60px;
		margin-bottom: 30px;
	}
	#contents-social li.tweet {
		background: url('images/blog_tweet_bg.png') left bottom repeat-x;
	}
	#contents-social li.like {
		background: url('images/blog_like_bg.png') left bottom repeat-x;
	}
	#contents-social li.g-plus {
		background: url('images/blog_g_plus_bg.png') left bottom repeat-x;
	}
	#contents-social li.hatena {
		background: url('images/blog_hatena_bg.png') left bottom repeat-x;
	}
	#contents-social li.tweet iframe {
		padding-left:35px;
	}
	#contents-social li.g-plus iframe {
		padding-left:25px;
	}
	.ad-wide {
		width: 460px;
		background-color: #f1f1ee;
		overflow: hidden;
	}
	.ad-wide dt a {
		margin-left: -4px;
	}
	.ad-wide iframe {
		margin-left: -4px;
	}



	#commentform textarea {
		width: 440px;
	}



	#work .pkg,
	#gallery .pkg {
		width: 460px;
		margin-left: 0;
	}
	#work .pkg img.thumb-btn,
	#gallery .pkg img.thumb-btn {
		width: 110px;
		height: 110px;
	}
	#work .pkg dd,
	#gallery .pkg dd {
		padding: 0 0 0 20px;
	}
	#work .pkg dd p,
	#gallery .pkg dd p {
		font-size: 75%;
	}
	#work .pkg dt,
	#gallery .pkg dt {
		width: 110px;
		height: 110px;
	}
	#work .pkg dt .image,
	#gallery .pkg dt .image {
		width: 110px;
		height: 110px;
	}
	#work .pkg dt .caption,
	#gallery .pkg dt .caption {
		width: 110px;
		height: 110px;
	}
	#work .pkg dt .caption span,
	#gallery .pkg dt .caption span {
		width: 90px;
		margin: 17px 10px 30px 10px;
	}
	#work-content .work,
	#gallery-content .gallery {
		margin-left: -26px;
	}
	#work-content .work li,
	#gallery-content .gallery li {
    	margin: 0 0 40px 32px;
	}
	#work-content .work li .image img.attachment-thumbnail,
	#gallery-content .gallery li img.attachment-thumbnail {
		width: 110px;
		height: 110px;
	}
	#gallery-content .gallery li .image {
		width: 110px;
		height: 110px;
	}
	#gallery-content .gallery li .image .caption {
		width: 110px;
		height: 110px;
	}
	#gallery-content .gallery li .image .caption p {
		width: 90px;
		margin: 20px 10px;
	}
	#work-list,
	#gallery-list {
		margin-left: 0;
	}
	.side-illust-work p {
		display: none;
	}




	#profile dl {
		width: 460px;
	}
	#profile dd p {
		font-size: 70%;
	}




	header .entry-title {
		padding-left: 65px;
	}
	header .entry-date {
		left: -10px;
	}
	.entry-content img.size-full {
		max-width: 96% !important;
		height: auto;
		width: auto\9;
		padding: 7px 8px !important;
	}
	.entry-content .wp-caption {
		width: auto !important;
		height: auto;
		padding: 7px 0 0 0 !important;
		background-color: #f5f5f5;
	}
	.entry-content .wp-caption img.size-full {
		max-width: 100%;
		height: auto;
		width: auto\9;
		margin: 0 !important;
		padding: 0 !important;
		border: 0;
	}
	.entry-content .leftC {
		padding: 7px 5px 0;
		vertical-align: baseline;
		background-color: #f5f5f5;
	}
	.entry-content .leftC img {
		max-width: 99%;
		height: auto;
		width: auto\9;

	}
	.fb-comments.fb_iframe_widget {
		display: none;
	}
	.go-full-screen {
		display: none;
	}

	.gallery-icon img {
		width: 140px !important;
		height: auto;
	}

}