@charset "utf-8";

/* Table Of Contents
----------------------------------------

# content
# profile
# work
# about
# clearfix

----------------------------------------*/


/* # content
---------------------------------------------------------------------------- */

div#content div.section {
	clear: both;
}

div#content dl.diary dt {
	font-size: 16px;
	font-weight: bold;
	padding-top: 35px;
}

div#content dl.diary dt.first {
	padding-top: 0;
}

div#content dl.diary dd {
	background: url(../../common/images/bg_dot.gif) repeat-x left bottom;
	margin: -2em 0 0;
	padding: 0 0 2.6em 18em;
}

div#content dl.diary dd h3 {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 7px;
}

ul.pagerLink {
	margin-top: 30px;
	text-align: center;	
}

ul.pagerLink li {
	display: inline;
}

ul.pagerLink li a {
	color: #000;
	border: 1px solid #000;
	display: inline-block;
	height: 23px;
	margin-right: 1px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 28px;
}

ul.pagerLink li a:hover {
	border: 3px solid #000;
	height: 21px;
	padding: 3px 0 0 0;
	width: 24px;
}

ul.pagerLink li.active a {
	background: #000;
	color: #fff;
	font-weight: bold;
}

div.textBox {
	line-height: 2.3;
}

div.textBox p.imageStyle {
	float: left;
	padding: 7px 40px 20px 0;
}

/* # profile
---------------------------------------------------------------------------- */

div.profile {
	position: relative;
}

div.profile div {
	position: absolute;
	top: 43px;
	right: 29px;
}

div.profile div h3 {
	padding-bottom: 29px;
}

div.block {
	padding-top: 50px;
	line-height: 2.3;
}

div.blockInner {
	background: url(../../common/images/bg_dot.gif) repeat-x left bottom;
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 31px;
}

div.blockLast {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.blockInner .imageLeft {
	display: inline;
	float: left;
}

div.blockInner .imageRight {
	display: inline;
	float: right;
}

div.blockInner div.blockRight {
	display: inline;
	float: right;
	width: 363px;
}

div.blockInner div.blockLeft {
	display: inline;
	float: left;
	width: 363px;
}

div.blockInner h3 {
	padding: 11px 0 15px;
}


/* # works
---------------------------------------------------------------------------- */

p.leadText {
	line-height: 2.3;
	padding-bottom: 42px;
}

ul#tabList {
	background: url(../../common/images/bg_img.gif) repeat left top;
	clear: both;
	display: inline-block;
	padding: 5px;
	width: 778px;
}

ul#tabList li {
	cursor: pointer;
	display: inline;
	float: left;
	height: 50px;
	text-indent: -9999px;
	width: 389px;
}

ul#tabList li.tab01 {
	background: url(../images/btn_tab01.gif) no-repeat 0 0;
}

ul#tabList li.tab01Over,
ul#tabList li.tab01Stay {
	background: url(../images/btn_tab01_o.gif) no-repeat 0 0;
}

ul#tabList li.tab02 {
	background: url(../images/btn_tab02.gif) no-repeat 0 0;
}

ul#tabList li.tab02Over,
ul#tabList li.tab02Stay {
	background: url(../images/btn_tab02_o.gif) no-repeat 0 0;
}

div.tabContent {
	clear: both;
	width: 788px;
}

div.hide {
	display: none;
	overflow: hidden;
	width: 0;
}

div.show {
	clear: left;
	position: relative;
	width: 788px;
	z-index: 50;
}

.firstStay {
	background: url(../common/images/btn_tab01_o.gif) no-repeat 0 0;
	cursor: pointer;
	height: 50px;
	left: 5px;
	position: absolute;
	top: -46px;
	width: 389px;
}

ul.productList {
	clear: both;
	margin: -9px -40px 0 0;
	width: 828px;
}

ul.productList li {
	display: inline;
	float: left;
	margin: 39px 40px 0 0;
	width: 374px;
}

ul.productList li ul {
	margin: 6px 0 0;
}

ul.productList li ul li {
	display: block;
	float: none;
	margin: 2px 0 0;
	width: auto;
}

ul.productList li ul li span {
	color: #9ab11f;
	font-weight: bold;
	padding-right: 7px;
}


/* # about
---------------------------------------------------------------------------- */

div#content div.sectionInner div.aboutBlock {
	position: relative;
	width: 788px;
}

div#content div.sectionInner div.aboutBlock ul {
	color: #fff;
	position: absolute;
	top: 42px;
	right: 32px;
	width: 330px;
}

div#content div.sectionInner div.aboutBlock ul li {
	padding-bottom: 12px;
	width: auto;
}

div#content div.sectionInner div.aboutBlock ul li.textStyle {
	padding-left: 56px;
	text-indent: -56px;
}

div#content div.sectionInner div.aboutBlock ul li span {
	color: #c1dd27;
}

div#content div.sectionInner div.aboutBlock ul li a {
	color: #fff;
	text-decoration: none;
}

div#content div.sectionInner div.aboutBlock ul li a:hover {
	text-decoration: underline;
}

div#content div.sectionInner h3.sHeadAbout {
	padding: 30px 0 10px;
}

div#content div.sectionInner dl.about {
	background: url(../../common/images/bg_dot.gif) repeat-x left top;
}

div#content div.sectionInner dl.about dt {
	font-weight: bold;
	padding-top: 10px;
}

div#content div.sectionInner dl.about dd {
	background: url(../../common/images/bg_dot.gif) repeat-x left bottom;
	line-height: 2.3;
	margin: -1.8em 0 0;
	padding: 0 0 0.6em 9em;
}

div#content div.sectionInner dl.about dd.last {
	background: none;
	padding: 0 0 0 9em;
}
@media screen and (max-width: 959px) {
	div#content div.sectionInner div.aboutBlock {
		box-sizing: border-box;
		width:100%; padding:5px;
		background:url("/common/images/bg_img.gif");
	}
	div#content div.sectionInner div.aboutBlock::before{
		content:"";
		box-sizing: border-box;
		display: block; width:calc(100% - 10px);height:calc(100% - 10px );
		position: absolute; z-index: 0;
		background:url("/about/images/img_about01.jpg") top left / 201%;
	}
	div#content div.sectionInner div.aboutBlock p.image{ display: none;}

	div#content div.sectionInner div.aboutBlock ul{
		box-sizing: border-box;width:100%;padding:5vw 6vw;
		background: rgba(0,0,0,0.7); left:0; top:0;
		position: relative;z-index: 2;
	}
}


/* # clearfix
---------------------------------------------------------------------------- */

ul#tabList,
div.blockInner,
ul.productList,
div.textBox {
	zoom: 1;
}

ul#tabList:after,
div.blockInner:after,
ul.productList:after,
div.textBox:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}