/*
Theme Name: Yoshinori Kobayashi official
Theme URI: http://yk.web-design.jp/
Description: Yoshinori Kobayashi official web site
Version: 1.0
Author: YK
Author URI:
*/


@charset "utf-8";
@import url("css/reset.css");
@import url("css/index.css");
@import url("css/page.css");
@import url("css/jquery.bxslider.css");
@import url("css/chosen.css");
/*//////////////////// Common ///*/
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: none;
}

/*//////////////////// Page ///*/
body {
	font-size: 12px;
	color: #000;
	line-height: 2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(images/common/bg.png) repeat;
	margin: 0;
}
#wrapper {
	width: 100%;
    min-width: 1024px;
}
/*//////////////////// Header ///*/
header#page{
	width: 100%;
	background: url(images/common/bg2.png) no-repeat top center;
	z-index: 1;
}
header#top div#slide{
	width: 100%;
	height: 515px;
	background: url(images/common/topslide-bg.png) ;
	z-index: -10;
	position: absolute;
	top: 0;
}
hgroup {
	width: 100%;
	height: 110px;
	background: url(images/common/hg.png) no-repeat top center;
	z-index: 10;
}
.header-inner {
	width: 950px;
	margin: 0 auto;
}
.logo {
	float: left;
	margin: 8px 0 0;
}
.hnavi{
	float: right;
	text-align: right;
}
.description {
	height: 20px;
	color: #fff;
	font-size: 10px;
	padding: 10px 0 0;
}
.header-nav {
	margin: 10px 0 0 0;
}
.header-nav li {
	float: left;
	height: 14px;
	line-height: 1;
}
.header-sub-nav {
	height: 16px;
	margin: 3px 0 0 0;
}
.header-sub-nav img {
	margin: 0 0 0 28px;
}
.nav_1{
	margin: 2px 0 0 25px;
	padding: 0 9px 0 0;
	border-right:#fff solid 2px;
}
.nav_2{
	margin: 2px 0 0 9px;
	padding: 0 9px 0 0;
	border-right:#fff solid 2px;
}
.nav_3{
	margin: 2px 0 0 9px;
	padding: 0 9px 0 0;
	border-right:#fff solid 2px;
}
.nav_7{
	margin: 2px 0 0 9px;
}
.nav_tw{
	margin: 0 0 0 0;
}
.nav_fb{
	margin: 0 0 0 10px;
}
/*//////////////////// Header Pic ///*/
#HeadPicArea.top {
	width: 100%;
	height:415px;
	background: url(images/index/header-top.png) no-repeat top center;
	display: block;
	z-index: 2;
}
#HeadPicArea.topics {
	width: 100%;
	height:199px;
	background: url(images/page/header-topics.png) no-repeat top center;
	display: block;
	z-index: 2;
}
#HeadPicArea.works {
	width: 100%;
	height:199px;
	background: url(images/page/header-works.png) no-repeat top center;
	display: block;
	z-index: 2;
}
#HeadPicArea.goods {
	width: 100%;
	height:199px;
	background: url(images/page/header-goods.png) no-repeat top center;
	display: block;
	z-index: 2;
}
#HeadPicArea.profile {
	width: 100%;
	height:199px;
	background: url(images/page/header-profile.png) no-repeat top center;
	display: block;
	z-index: 2;
}
#HeadPicArea.link {
	width: 100%;
	height:199px;
	background: url(images/page/header-link.png) no-repeat top center;
	display: block;
	z-index: 2;
}
#HeadPicArea.blog {
	width: 100%;
	height:199px;
	background: url(images/page/header-blog.png) no-repeat top center;
	display: block;
	z-index: 2;
}

#HeadPicArea.contact {
	width: 100%;
	height:199px;
	background: url(images/page/header-contact.png) no-repeat top center;
	display: block;
	z-index: 2;
}

#HeadPicArea.thanks {
	width: 100%;
	height:199px;
	background: url(images/page/header-contact.png) no-repeat top center;
	display: block;
	z-index: 2;
}

/*//////////////////// Article ///*/
article {
	width: 960px;
	margin: -20px auto 0;
	padding: 0;
	z-index: 3;
}
/*//////////////////// Section ///*/
section {
	width: 100%;
	position: relative;
}
/*//////////////////// Footer ///*/
footer {
	width: 100%;
	background: url(images/common/fg.png) no-repeat top center;
	font-size: 11px;
	z-index: 5;
}
/*///////// Footer 1 ///*/
.footer-inner {
	width: 950px;
	height: 135px;
	margin: 0 auto;
	position: relative;
}
.footer-logo {
	float: left;
}
.pagetop {
	float: right;
}
.footer-nav {
	padding: 22px 0 0 5px;
	height: 40px;
	float: left;
}
.footer-nav li {
	float: left;
	list-style: none;
	padding: 0 18px 0 12px;
	background: url("images/common/f-arrow.png") 0% 48% no-repeat;
}
.footer-nav li a {
	color: #fff;
	text-decoration: none;
}
.footer-nav li a:hover {
	text-decoration: underline;
}
.socialmedia {
	float: right;
	padding: 22px 150px 0 0;
}
.socialmedia img {
	margin: 0 5px 0 15px;
}
.cf {
	clear: both;
	text-align: center;
}
.copyright {
	padding: 45px 0 0;
}
.pagetop {
	z-index: 4;
}
.pagetop em{
	display: none;
}
.pagetop a {
	background: url("images/common/pagetop.png") no-repeat bottom;
	width: 174px;
	height: 167px;
	display: block;
	position: absolute;
	right: -20px;
	top: -40px;
}
.pagetop a:hover{
	background: url("images/common/pagetop_on.png") no-repeat bottom;
	width: 174px;
	height: 227px;
	display: block;
	position: absolute;
	right: -20px;
	top: -100px;
}
/*//////////////////// clearfix ///*/
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}
/*//////////////////// fead hover ///*/
a.whitehover:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
img.whitehover:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
input.mail-confirm:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
/*//////////////////// IMG ///*/
img.listimg {
	border: #000 solid 2px;
	margin: 0 15px 0 0;
	height: 100px;
	overflow: hidden;
	float: left;
}
img.listimg2{
	box-shadow: 2px 2px 10px #000;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	position: relative;
	behavior: url(/wp-content/themes/official/js/PIE.htc);
	height: 210px;
	overflow: hidden;
}
img.listimg3 {
	border: 2px solid #000;
	margin: 0 30px 0 0;
	height: 100px;
	overflow: hidden;
	float: left;
}
img.listimg4{
	box-shadow: 1px 1px 5px #666;
	-moz-box-shadow: 1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 5px #666;
	position: relative;
	behavior: url(/wp-content/themes/official/js/PIE.htc);
	height: 210px;
	overflow: hidden;
}
img.listimg5 {
	border: 2px solid #000;
	height: 210px;
	overflow: hidden;
	background-color: #FFF;
}
img.listimg6 {
	height: 210px;
	display: block;
}
img.	{
	box-shadow: 1px 1px 5px #666;
	-moz-box-shadow: 1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 5px #666;
	position: relative;
	behavior: url(/wp-content/themes/official/js/PIE.htc);
}