@charset "utf-8";
/* ---------------------------
 * [file name] module.css
 * [update] 2011.02.22
 * --------------------------- */
 
 /* basic
--------------------------------------------------------------------------------- */
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	}
body {
	background: #fff;
	text-align: center;
	}
a:link,
a:visited {
	color: #05489a;
	text-decoration: none;
	overflow: hidden;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	}
a:hover,
a:active {
	color: #549af0;
	text-decoration: underline;
	outline: 0;
	}
a:focus { outline: thin dotted; }
::-moz-selection {
	background: #80726a;
	color: #fff;
	}
::selection {
	background: #80726a;
	color: #fff;
	}

/* general class
--------------------------------------------------------------------------------- */
.image3 {
	display: block;
	clear: both;
	margin: 0;
	padding: 1px;
	border: 1px solid #ddd;
	background-color: #fff;
	}
.image5 {
	float: left;
	display: block;
	padding: 0;
	margin: 0 auto 1.4em auto;
	}
.image6 {
	float: left;
	display: block;
	clear: both;
	padding: 0;
	margin: 0 .6em 0 0;
	}
.image7 {
	float: right;
	display: block;
	clear: both;
	padding: 0;
	margin: 0 0 0 .3em;
	}
.imageCircle {
	margin: 0 1em 0 .5em;
	float: left;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	border: 1px solid rgba(255,255,255,0);
	-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.13);
	box-shadow: 2px 2px 0px rgba(0,0,0,0.13);
	}
.roundedImg {
	display: inline-block;
	border: solid 1px #ccc;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	}
.roundedImg2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	}
.photoR,
.photoL {
	display: block;
	padding: 1px;
	background-color: #fff;
	margin: 0 0 1.4em 0;
	border: 1px solid #d6c5aa;
	}
.photo {
	float: left;
	display: block;
	padding: 8px;
	background: url(../img/common/dot.gif);
	margin: 0 0 1.4em 0;
	}
.photoL {
	margin: 0 .8em .8em 0;
	float: left;
	}
.photoR {
	margin: 0 0 .8em .8em;
	float: right;
	}
.photoT {
	clear: both;
	display: block;
	padding: 8px;
	background: url(../img/common/dot.gif);
	margin: 0 0 1.4em 12px;
	}
.photo2 {
	float: left;
	display: block;
	padding: 3px;
	background-color: #d6c5aa;
	margin: 0 0 .5em 0;
	border: 1px solid #bbb;
	}
.photo3 {
	float: left;
	display: block;
	padding: 3px;
	background-color: #d6c5aa;
	margin: 0 0 .8em .5em;
	border: 1px solid #bbb;
	}
.video {
	float: left;
	display: block;
	clear: both;
	padding: 1px;
	background-color: #666;
	margin: 0 0 .8em 0;
	border: 6px solid #292929;
	}
.reblogRoot {
	float: left;
	clear: both;
	margin-left: 10px;
	overflow: hidden;
	}
*html .reblogRoot { margin-left: 0; }
.reblogRoot img {
	padding: 1px;
	background-color: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	}
.srcdl img,
.middle { vertical-align: middle; }
#map {
	margin: 0;
	padding: 8px 0 0 6px;
	float: left;
	clear: both;
	}
#EntryMap {
	margin: 0;
	padding: 0;
	width: 563px;
	height: 365px;
	border: 1px solid #d7cbb7;
	}
.txtR { text-align: right; }
.txtC,
.btn { text-align: center; }
.left {
	float: left;
	margin: 0 .8em .8em 0;
	clear: both;
	}
.boxKey {
	background: -moz-linear-gradient(center top , #888888, #151515) repeat scroll 0 0 transparent;
	border: 1px solid #333;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	box-shadow: 1px 1px 1px #777 inset;
	color: #fff;
	display: inline-block;
	margin: .4em;
	padding: 3px 6px;
	}
.mark {
	margin: 0 .3em 0 .3em;
	padding: 0 .4em 0 .4em;
	color: #104470;
	background: transparent url(../img/common/line_lavender.png) repeat-x;
	}

/* ------------ text ------------ */
.txtA { color:#555; }
.txtB {
	font-weight: bold;
	background: transparent url(../img/common/line_lavender.png) repeat-x;
	color: #181818;
	}


/* ------------ #share button ------------ */
.shareButton {
	float: left;
	margin: 0 0 6px 12px;
	padding: 0;
	}
.shareButton .hatebu,
.shareButton .tweet,
.shareButton .facebookLike,
.shareButton .plusone {
	display: inline-block;
	margin-right: 6px;
	height: 21px;
	overflow: hidden;
	}
.shareButton .tweet {
	margin-right: 0;
	width: 102px;
	clear: both;
	}
.shareButton .plusone {
	width: 76px;
	margin-right: 0;
	}

/* ------------ social buttons ------------ */
img.tweetButton,
img.likeButton {
	vertical-align: middle;
	padding: 0 0 1px;
	}
img.likeButton { padding-left: 10px; }
.tweetCountArrow,
.likeCountArrow {
	background: url(../img/common/bg_count.gif) no-repeat left center;
	padding: 0 0 0 7px;
	}
.tweetCountArrow span,
.likeCountArrow span {
	padding: 2px 6px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

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

/* ------------ #wrap ------------ */
#wrap {
	width: 100%;
	margin: 0 auto;
	background: #fff url(../img/common/bg_wrap.png);
	min-width: 1040px;
	}

/* ------------ #header ------------ */
#header {
	width: 1040px;
	height: 120px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/common/bg_header.png) top center no-repeat;
	text-align: left;
	}

/* ------------ #contents ------------ */
#contents {
	width: 1040px;
	/*background: url(../img/common/bg_contents.png) top center no-repeat;*/
	margin: 0 auto;
	}

/* ------------ #main ------------ */
#main {
	width: 600px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	text-align: left;
	}

/* ------------ #sideLeft ------------ */
#sideLeft {
	width: 213px;
	margin: 0 0 0 25px;
	text-align: left;
	float: left;
	}

/* ------------ #sideRight ------------ */
#sideRight {
	width: 177px;
	margin: 0 0 0 25px;
	text-align: left;
	float: left;
	}

/* ------------ #footer ------------ */
#footerWrap {
	background: url(../img/common/bg_footerwrap.png) top center repeat-x;
	margin: 2.0em 0 0 0;
	padding: 60px 0 45px 0;
	clear: both;
	}
#footer {
	width: 1040px;
	margin: 0 auto;
	clear: both;
	}

/* ------------ #backToTop ------------ */
#backToTop {
	position: fixed;
	right: 15px;
	bottom: 15px;
	}
#backToTop a {
	width: 72px;
	display: block;
	text-align: center;
	font: normal 10px/85% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #7a7a7a;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
#backToTop a:hover { color: #aeaa9a; }
#backToTop span {
	width: 72px;
	height: 72px;
	display: block;
	background: url(../img/common/btn_backtotop.png) no-repeat center center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
#backToTop a:hover span {
	filter: alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
	}

/* #header
--------------------------------------------------------------------------------- */
#header h1 {
	margin: 23px 0 0 8px;
	padding: 0;
	float: left;
	}
#header h1 a,
#header h1 a:hover,
#header h1 a:focus {
	display: block;
	background: transparent url(../img/common/logo.png) top left no-repeat;
	width: 135px;
	height: 34px;
	text-indent: -999em;
	}
#header h1 a { background-position: 0 0; }
#header h1 a:hover,
#header h1 a:focus {
	background-position: 0 -34px;
	overflow: hidden;
	outline: none;
	}
#header p { text-indent: -999em; }

/* #utilityNav
--------------------------------------------------------------------------------- */
#header #utilityNav ul {
	text-align: right;
	padding: 0 0 5px 0;
	}
#header #utilityNav li {
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	}

/* #contentsNav
--------------------------------------------------------------------------------- */
#header #contentsNav {
	width: 1040px;
	height: 40px;
	margin: 15px 0 0 0;
	padding: 0;
	clear: both;
	background: transparent url(../img/common/bg_contentsnav.png) top left no-repeat;
	}
*html #header #contentsNav { height: 1%; }
#header #contentsNav li {
	width: 114px;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	text-indent: -999em;
	}
#header #contentsNav a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(../img/common/bg_contentsmenu.png) top left no-repeat;
	outline: none;
	}
#header #contentsNav a:hover,
#header #contentsNav a:focus { text-decoration: none; }

/* ------------ #home ------------ */
#contentsNav #homeTxt a { background-position: 0 0; }
#contentsNav #homeTxt a:hover,
#contentsNav #homeTxt a:focus { background-position: 0 -40px; }
#home #contentsNav #homeTxt a { background-position: 0 -80px; }
/* ------------ #about ------------ */
#contentsNav #aboutTxt a { background-position: -114px 0; }
#contentsNav #aboutTxt a:hover,
#contentsNav #aboutTxt a:focus { background-position: -114px -40px; }
#about #contentsNav #aboutTxt a { background-position: -114px -80px; }
/* ------------ #portfolio ------------ */
#contentsNav #portfolioTxt a { background-position: -228px 0; }
#contentsNav #portfolioTxt a:hover,
#contentsNav #portfolioTxt a:focus { background-position: -228px -40px; }
#portfolio #contentsNav #portfolioTxt a { background-position: -228px -80px; }
/* ------------ #blog ------------ */
#contentsNav #blogTxt a { background-position: -342px 0; }
#contentsNav #blogTxt a:hover,
#contentsNav #blogTxt a:focus { background-position: -342px -40px; }
#blog #contentsNav #blogTxt a { background-position: -342px -80px; }
/* ------------ #cinema ------------ */
#contentsNav #cinemaTxt a { background-position: -456px 0; }
#contentsNav #cinemaTxt a:hover,
#contentsNav #cinemaTxt a:focus { background-position: -456px -40px; }
#cinema #contentsNav #cinemaTxt a { background-position: -456px -80px; }
/* ------------ #photography ------------ */
#contentsNav #photographyTxt a { background-position: -570px 0; }
#contentsNav #photographyTxt a:hover,
#contentsNav #photographyTxt a:focus { background-position: -570px -40px; }
#photography #contentsNav #photographyTxt a { background-position: -570px -80px; }
/* ------------ #picture ------------ */
#contentsNav #pictureTxt a { background-position: -570px 0; }
#contentsNav #pictureTxt a:hover,
#contentsNav #pictureTxt a:focus { background-position: -570px -40px; }
#picture #contentsNav #pictureTxt a { background-position: -570px -80px; }
/* ------------ #tumblr ------------ */
#contentsNav #tumblrTxt a { background-position: -684px 0; }
#contentsNav #tumblrTxt a:hover,
#contentsNav #tumblrTxt a:focus { background-position: -684px -40px; }
#tumblr #contentsNav #tumblrTxt a { background-position: -684px -80px; }
/* ------------ #link ------------ */
#contentsNav #linkTxt a { background-position: -798px 0; }
#contentsNav #linkTxt a:hover,
#contentsNav #linkTxt a:focus { background-position: -798px -40px; }
#link #contentsNav #linkTxt a { background-position: -798px -80px; }
/* ------------ #contact ------------ */
#contentsNav #contactTxt a { background-position: -912px 0; }
#contentsNav #contactTxt a:hover,
#contentsNav #contactTxt a:focus { background-position: -912px -40px; }
#contact #contentsNav #contactTxt a { background-position: -912px -80px; }

/* #main
--------------------------------------------------------------------------------- */
#main ins,#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p { margin: 0 12px 1.6em 12px; }

/* #leftSide
--------------------------------------------------------------------------------- */
#leftSide table,#leftSide ol,#leftSide ul,#leftSide dl,#leftSide blockquote,#leftSide pre,#leftSide p { margin: 0 0 1.2em 0; }

/* #footer
--------------------------------------------------------------------------------- */
#footerWrap a:link,
#footerWrap a:visited {
	color: #292929;
	text-decoration: none;
	}
#footerWrap a:hover,
#footerWrap a:active {
	color: #999;
	text-decoration: underline;
	}
#footer ul {
	margin-bottom: 35px;
	text-align: left;
	}
#footer ul li {
	display: inline;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #dfdbc8;
	}
#footer ul li:first-child,
#footer ul li.firstChild {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
	}
#footer .copyright {
	text-align: left;
	}

/* #form
--------------------------------------------------------------------------------- */
#main form fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
#main form input,
#main form select,
#main form textarea {
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	font-size: 13px;
	font-family: Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
	padding: 3px;
	}

/* search
--------------------------------------------------------------------------------- */
#searchForm {
	position: relative;
	display: block;
	margin: 28px 0 5px 840px;
	padding: 0;
	width: 200px;
	height: 30px;
	background: url(../img/common/bg_input.png) left top no-repeat;
	}
*html #searchForm { margin: 15px 0 0 657px; }
#searchForm #s {
	position: absolute;
	width: 156px;
	top: 5px;
	left: 8px;
	border: none;
	}
#searchBtn {
	position: absolute;
	top: 4px;
	left: 172px;
	}

/* breadcrumb
--------------------------------------------------------------------------------- */
#crumbs {
	margin: 15px 0 20px 0;
	height: 2.3em;
	}
#crumbs li {
	float: left;
	line-height: 2.3em;
	color: #22b9b0;
	padding-left: .75em;
	list-style: none;
	}
#crumbs li em {
	font-style: normal;
	font-weight: bold;
	background: transparent url(../img/common/line_lightyellow.png) repeat-x;
	}
#crumbs li a {
	background: url(../img/common/crumbs.png) no-repeat right center;
	display: block;
	padding: 0 22px 0 0;
	}
#crumbs li a:link,
#crumbs li a:visited {
	color: #292929;
	text-decoration: none;
	}
#crumbs li a:hover,
#crumbs li a:focus {
	color: #b4b4b4;
	text-decoration: underline;
	}

/* addthis
--------------------------------------------------------------------------------- */
.addthis_toolbox {
	margin: .4em 12px 0 12px;
	padding: 0;
	clear: both;
	}
.addthis_toolbox a img { opacity: 1.0; }
.addthis_toolbox a:hover img { opacity: 0.7; }

/* download
--------------------------------------------------------------------------------- */
.download a {
	background: url(../img/common/icon_download.png) no-repeat left top;
	padding: 10px 0 10px 36px;
	text-decoration: none;
	color: #a40032;
	font-weight: bold;
	font-size: 100%;
	}
.download a:hover {
	text-decoration: none;
	color: #e1245e;
	background-position: 0 -48px;
	}
.download a small {
	color: #666;
	font-weight: normal;
	font-size: 85% !important;
	visibility: hidden;
	}
.download a:hover small {
	color: #666 !important;
	visibility: visible;
	}

/* icons
--------------------------------------------------------------------------------- */
#contents span.aboutme a,
#contents span.ameba a,
#contents span.app a,
#contents span.camera,
#contents span.category a,
#contents span.comments a,
#contents span.delicious a,
#contents span.facebook a,
#contents span.flickr a,
#contents span.google a,
#contents span.googleplus a,
#contents span.gmail a,
#contents span.instagram a,
#contents span.love a,
#contents span.map a,
#contents span.mail a,
#contents span.music a,
#contents span.noteCount,
#contents span.pdf a,
#contents span.picture a,
#contents span.pinterest a,
#contents span.rss a,
#contents span.scorer,
#contents span.skype a,
#contents span.tel a,
#contents span.theinterviews a,
#contents span.time,
#contents span.trackbacks a,
#contents span.tumblr a,
#contents span.twitter a,
#contents span.user a,
#contents span.ustream a,
#contents span.vimeo a,
#contents span.web a,
#contents span.youtube a {
	background: url(../img/common/icons.png) no-repeat 0% 50%;
	}
#contents span.aboutme a,
#contents span.ameba a,
#contents span.app a,
#contents span.delicious a,
#contents span.facebook a,
#contents span.flickr a,
#contents span.google a,
#contents span.googleplus a,
#contents span.gmail a,
#contents span.instagram a,
#contents span.love a,
#contents span.map a,
#contents span.mail a,
#contents span.music a,
#contents span.pdf a,
#contents span.picture a,
#contents span.pinterest a,
#contents span.rss a,
#contents span.skype a,
#contents span.tel a,
#contents span.theinterviews a,
#contents span.tumblr a,
#contents span.twitter a,
#contents span.ustream a,
#contents span.vimeo a,
#contents span.web a,
#contents span.youtube a {
	display: block;
	padding: 0 0 0 22px;
	line-height: 16px;
	clear: both;
	}
#contents span.comments a,
#contents span.category a,
#contents span.noteCount,
#contents span.scorer,
#contents span.time,
#contents span.trackbacks a,
#contents span.user a {
	padding: 0 0 3px 20px;
	}
#contents span.camera {
	padding: 0 0 0 20px;
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #5a471c;
	}
#contents span.category {
	margin: 0 .3em 0 0;
	}
#contents span.aboutme a { background-position: 0 -1108px; }
#contents span.aboutme a:hover { background-position: 0 -1132px; }
#contents span.ameba a { background-position: 0 -916px; }
#contents span.ameba a:hover { background-position: 0 -940px; }
#contents span.app a { background-position: 0 -748px; }
#contents span.app a:hover { background-position: 0 -772px; }
#contents span.camera { background-position: 0 -1036px; }
#contents span.category a { background-position: 0 -4px; }
#contents span.category a:hover { background-position: 0 -28px; }
#contents span.comments a { background-position: 0 -52px; }
#contents span.comments a:hover { background-position: 0 -76px; }
#contents span.delicious a { background-position: 0 -460px; }
#contents span.delicious a:hover { background-position: 0 -484px; }
#contents span.facebook a { background-position: 0 -796px; }
#contents span.facebook a:hover { background-position: 0 -820px; }
#contents span.flickr a { background-position: 0 -604px;  }
#contents span.flickr a:hover { background-position: 0 -628px; }
#contents span.google a { background-position: 0 -364px; }
#contents span.google a:hover { background-position: 0 -388px; }
#contents span.googleplus a { background-position: 0 -1492px; }
#contents span.googleplus a:hover { background-position: 0 -1516px; }
#contents span.gmail a { background-position: 0 -508px; }
#contents span.gmail a:hover { background-position: 0 -532px; }
#contents span.instagram a { background-position: 0 -1444px; }
#contents span.instagram a:hover { background-position: 0 -1468px; }
#contents span.love a { background-position: 0 -1156px; }
#contents span.love a:hover { background-position: 0 -1180px; }
#contents span.map a { background-position: 0 -1300px; }
#contents span.map a:hover { background-position: 0 -1324px; }
#contents span.mail a { background-position: 0 -316px; }
#contents span.mail a:hover { background-position: 0 -340px; }
#contents span.music a { background-position: 0 -1060px; }
#contents span.music a:hover { background-position: 0 -1084px; }
#contents span.noteCount { background-position: 0 -892px; }
#contents span.pdf a { background-position: 0 -1252px; }
#contents span.pdf a:hover { background-position: 0 -1276px; }
#contents span.picture a { background-position: 0 -964px; }
#contents span.picture a:hover { background-position: 0 -988px; }
#contents span.pinterest a { background-position: 0 -1541px; }
#contents span.pinterest a:hover { background-position: 0 -1565px; }
#contents span.rss a { background-position: 0 -220px; }
#contents span.rss a:hover { background-position: 0 -244px; }
#contents span.scorer { background-position: 0 -1012px; }
#contents span.skype a { background-position: 0 -412px; }
#contents span.skype a:hover { background-position: 0 -436px; }
#contents span.tel a { background-position: 0 -1348px; }
#contents span.tel a:hover { background-position: 0 -1372px; }
#contents span.theinterviews a { background-position: 0 -1396px; }
#contents span.theinterviews a:hover { background-position: 0 -1420px; }
#contents span.time { background-position: 0 -148px; }
#contents span.trackbacks a { background-position: 0 -100px; }
#contents span.trackbacks a:hover { background-position: 0 -124px; }
#contents span.tumblr a { background-position: 0 -844px; }
#contents span.tumblr a:hover { background-position: 0 -868px; }
#contents span.twitter a { background-position: 0 -556px; }
#contents span.twitter a:hover { background-position: 0 -580px; }
#contents span.user a { background-position: 0 -172px; }
#contents span.user a:hover { background-position: 0 -195px; }
#contents span.ustream a { background-position: 0 -1204px; }
#contents span.ustream a:hover { background-position: 0 -1228px; }
#contents span.vimeo a { background-position: 0 -652px; }
#contents span.vimeo a:hover { background-position: 0 -676px; }
#contents span.web a { background-position: 0 -268px; }
#contents span.web a:hover { background-position: 0 -292px; }
#contents span.youtube a { background-position: 0 -700px; }
#contents span.youtube a:hover { background-position: 0 -724px; }