@charset "Shift_JIS";


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

	top style

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

/*--------------------------------
	frontVisual
-------------------------------- */
#frontVisual {
	background-color: #eee;
}
#frontVisual .frontContainer {
	/*background: url(../images/bg_mainVisual.jpg) no-repeat 0 top;*/
	width:950px;
	/*height: 510px;*/
	margin:0 auto 0;
}
* html #frontVisual .frontContainer {
	padding:0 150px 0;
}
#frontVisual .frontContainer .frontInner {
	margin:0 -150px 0;
	background: url(../images/bg_mainVisual.jpg) no-repeat 0 top;
	height: 510px;
}

#frontVisual #mainNav,
#frontVisual #mainVisual {
	width:950px;
	margin:0 auto 0;
}

/*
	mainNav
-------------------------------- */
#gMainNav.siteTop ul#gNavMenu ul {
	top: 73px;
}

/*--------------------------------
	worksBar
-------------------------------- */
#worksBar {
	background:#606060 url(../images/bg_works_all.jpg) repeat-x left 0;
	height: 156px;
}
#worksBar .container {
	width:950px;
	margin:0 auto 0;
	background: url(../images/bg_works.jpg) no-repeat 0 0;
	height: 156px;
}
#worksBar .container h2 {
	padding-top: 10px;
}
#worksBar .container h2 a {
	width: 371px;
	height: 26px;
	background: url(../images/ttl_bar_works.jpg) no-repeat 0 0;
}
#worksBar ul li {
	width:95px;
	float: left;
	padding:15px 0 15px 9px;
}
#worksBar ul li.works {
	margin:0 15px 0 0;
}
#worksBar ul li img {
	display: block;
}

#address {
	clear: both;
	background-color:#444444;
	height: 70px;
	color: #FFFFFF;
	font-size: 75%;
}
#address .container {
	width:950px;
	margin:0 auto 0;
	height: 70px;
}
#address .container table {
	width: 950px;
	height: 70px;
	vertical-align: middle;
}
#address .container table .imgL{
	float: left;
	padding-right: 10px;
}
#address .container table a{
	color: #FFFFFF;
	text-decoration: none;
}

/*--------------------------------
	contents
-------------------------------- */
/*
	Mook
-------------------------------- */
#contents #mookBox{
	margin-bottom: 15px;
	text-align: center;
}
#contents #mookBox a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/*
	News
-------------------------------- */
#contents #frontNews {
	background: url(../images/bg_dottedBox_body.gif) repeat-y 0 top;
}
#contents #frontNews .inBlock {
	background: url(../common/images/bg_dottedBox_top.gif) no-repeat 0 top;
	padding-top:4px;
}
#contents #frontNews .inBlock .inner {
	background: url(../images/bg_dottedBox_btm.gif) no-repeat 0 bottom;
	padding:0 25px 20px;
}
#contents #frontNews h2 {
	width: 900px;
	height: 37px;
	padding-top: 20px;
	margin-bottom: 20px;
	background: url(../images/ttl_news.gif) no-repeat 0 20px #FFFFFF;
}
#contents #frontNews .articles {
	background: url(../common/images/line_dotted_side.gif) repeat-x left bottom;
	padding-bottom:8px;
}
#contents #frontNews .articles.last {
	margin-top:15px;
	background: none;
}
#contents #frontNews .articles .block {
	width:430px;
	float: left;
	margin-right:40px;
}
#contents #frontNews .articles .block.side {
	margin-right:0;
}
#contents #frontNews .articles .block p {
	width:90px;
	float: right;
	text-align: right;
}
#contents #frontNews .articles .block .list {
	margin-right:90px;
}
#contents #frontNews .articles .block .list h3 {
	margin-bottom:17px;
}
#contents #frontNews .articles .block .list ul {
	margin-left:5px;
}
#contents #frontNews .articles .block .list ul li {
	font-size:77%;
	line-height: 1.5;
	background: url(../common/images/icon_square_pattern.gif) no-repeat left 7px;
	padding-left:10px;
	margin-bottom:10px;

}
#contents #frontNews .articles .block .list ul li a {
	color:#222;
}
#contents #frontNews .articles .block .list ul li a {
	text-decoration: none;
}
#contents #frontNews .articles .block .list ul li a:hover {
	text-decoration: underline;
	color: #545454;
}
#contents #frontSection {
	margin-right:-30px;
	width:980px;
}
* html #contents #frontSection {
	margin-right:-60px;
}

span.newflg {
	background-color:#FF0000;
	color:#FFFFFF;
	padding:2px;
}
/*
	frontSection
-------------------------------- */
#contents #frontSection #movie,
#contents #frontSection #information,
#contents #frontSection #commitment,
#contents #frontSection #structure {
	width:460px;
	float: left;
	padding-top:25px;
	margin-right:30px;
}
#contents #frontSection #information li,
#contents #frontSection #structure li{
	margin-bottom: 10px;
}
#contents #frontSection h3 {
	margin-bottom:7px;
	margin-top: 10px;
}
#contents #frontSection #movie img#imgMg01 {
	margin-right:17px;
}
#contents #frontSection #information h3 {
	margin-bottom:7px;
}
#contents #frontSection #commitment {
	border-bottom:1px solid #ddd;
	padding-top: 0;
}
#contents #frontSection #commitment img {
	display: block;
}
#contents #frontSection #commitment p {
	line-height: 1;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#contents #frontSection #structure div {
	margin-top:-15px;
}
#contents #frontSection #structure span {
	display: block;
	width:220px;
	float: left;
	text-align: right;
	font-size:69%;
	padding-bottom:3px;
}
#contents #frontSection #structure span.txtR {
	float: right;
	padding-right: 10px;
}
#contents #frontSection #structure ul,
#contents #frontSection #information ul{
	width: 460px;
}
#contents #frontSection #structure li{
	float: right;
	width: 230px;
}


/*	130403 �g�b�v�y�[�W���C
--------------------------------------------------*/
.sec1stW {
	width: 980px;
	margin-right: -30px;
}

/*-- Project --*/
#bnrProject h2 {
	width: 953px;
	height: 41px;
	margin: 20px 0;
	background: url(../images/ttl_h2_project.gif) no-repeat 0 0;
}
#bnrProject ul {
	width: 960px;
	margin: 0 -20px 0 5px;
}
#bnrProject ul li {
	width: 220px;
	float: left;
	margin-right: 20px;
}
#bnrProject ul li a {
	height: 160px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#bnrProject ul li.pjtBtn01 a {background: url("../images/btn_prj_prjrpt.jpg") no-repeat;}
#bnrProject ul li.pjtBtn02 a {background: url("../images/btn_prj_event.png") no-repeat;}
#bnrProject ul li.pjtBtn03 a {background: url("../images/btn_prj_voice.jpg") no-repeat;}
#bnrProject ul li.pjtBtn04 a {background: url("../images/btn_prj_qa.jpg") no-repeat;}
#bnrProject ul li.pjtBtn01 a:hover,
#bnrProject ul li.pjtBtn02 a:hover,
#bnrProject ul li.pjtBtn03 a:hover,
#bnrProject ul li.pjtBtn04 a:hover {background-position: 0 -160px}

/*-- Structure --*/
#bnrStructure {
	width: 460px;
	float: left;
	margin-right: 30px;
}
#bnrStructure h2 {
	width: 460px;
	height: 37px;
	margin-bottom: 20px;
	background: url(../images/ttl_h2_structure.gif) no-repeat 0 0;
}
#bnrStructure ul {
	width: 460px;
	margin: 0 -10px 0 5px;
}
#bnrStructure ul li {
	width: 220px;
	float: left;
	margin: 0 10px 10px 0;
}
#bnrStructure ul li a {
	height: 60px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#bnrStructure ul li.stcBtn01 a {background: url("../images/btn_sct01.jpg") no-repeat;}
#bnrStructure ul li.stcBtn02 a {background: url("../images/btn_sct02.jpg") no-repeat;}
#bnrStructure ul li.stcBtn03 a {background: url("../images/btn_sct03.jpg") no-repeat;}
#bnrStructure ul li.stcBtn04 a {background: url("../images/btn_sct04.jpg") no-repeat;}
#bnrStructure ul li.stcBtn05 a {background: url("../images/btn_sct05.jpg") no-repeat;}
#bnrStructure ul li.stcBtn06 a {background: url("../images/btn_sct06.jpg") no-repeat;}
#bnrStructure ul li.stcBtn01 a:hover,
#bnrStructure ul li.stcBtn02 a:hover,
#bnrStructure ul li.stcBtn03 a:hover,
#bnrStructure ul li.stcBtn04 a:hover,
#bnrStructure ul li.stcBtn05 a:hover,
#bnrStructure ul li.stcBtn06 a:hover {background-position: 0 -60px;}

/*-- LifeStyle --*/
#bnrLifeStyle {
	width: 460px;
	float: left;
}
#bnrLifeStyle h2 {
	width: 460px;
	height: 37px;
	margin-bottom: 20px;
	background: url(../images/ttl_h2_lifestyle.gif) no-repeat 0 0;
}
#bnrLifeStyle ul {
	width: 460px;
	margin: 0 -10px 0 5px;
}
#bnrLifeStyle ul li {
	width: 220px;
	float: left;
	margin: 0 10px 10px 0;
}
#bnrLifeStyle ul li a {
	height: 60px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#bnrLifeStyle ul li.lsBtn01 a {background: url("../images/btn_lfsyl01.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn02 a {background: url("../images/btn_lfsyl02.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn03 a {background: url("../images/btn_lfsyl03.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn04 a {background: url("../images/btn_lfsyl04.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn05 a {background: url("../images/btn_lfsyl05.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn06 a {background: url("../images/btn_lfsyl06.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn07 a {background: url("../images/btn_lfsyl07.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn08 a {background: url("../images/btn_lfsyl08.jpg") no-repeat;}
#bnrLifeStyle ul li.lsBtn01 a:hover,
#bnrLifeStyle ul li.lsBtn02 a:hover,
#bnrLifeStyle ul li.lsBtn03 a:hover,
#bnrLifeStyle ul li.lsBtn04 a:hover,
#bnrLifeStyle ul li.lsBtn05 a:hover,
#bnrLifeStyle ul li.lsBtn06 a:hover,
#bnrLifeStyle ul li.lsBtn07 a:hover,
#bnrLifeStyle ul li.lsBtn08 a:hover {background-position: 0 -60px;}

/*-- Commitment --*/
#bnrCommitment {
	width: 465px;
	float: left;
	margin-right: 25px;
}
#bnrCommitment h2 {
	width: 460px;
	height: 37px;
	margin-bottom: 20px;
	background: url(../images/ttl_h2_commitment.gif) no-repeat 0 0;
}
#bnrCommitment ul {
	width: 460px;
	margin: 0 -10px 0 5px;
}
#bnrCommitment ul li {
	width: 220px;
	float: left;
	margin: 0 10px 5px 0;
}
#bnrCommitment ul li a {
	height: 88px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#bnrCommitment ul li.comBtn01 a {background: url("../images/btn_cmt01.jpg") no-repeat;}
#bnrCommitment ul li.comBtn02 a {background: url("../images/btn_cmt02.jpg") no-repeat;}
#bnrCommitment ul li.comBtn03 a {background: url("../images/btn_cmt03.jpg") no-repeat;}
#bnrCommitment ul li.comBtn04 a {background: url("../images/btn_cmt04.jpg") no-repeat;}
#bnrCommitment ul li.comBtn01 a:hover,
#bnrCommitment ul li.comBtn02 a:hover,
#bnrCommitment ul li.comBtn03 a:hover,
#bnrCommitment ul li.comBtn04 a:hover {background-position: 0 -88px;}

/*-- Movie --*/
#movie {
	width: 465px;
	float: left;
}
#movie h2 {
	width: 460px;
	height: 39px;
	margin-bottom: 20px;
	background: url(../images/ttl_h2_movie.gif) no-repeat 0 0;
}
#movie .boxL {
	width: 189px;
	float: left;
	margin-right: 20px;
}
#movie .boxR {
	width: 183px;
	float: left;
}
#movie .boxR a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#movie #imgMg01 {
	margin-right:17px;
}


/*	contsIner01
------------------------------*/
#contents .contsIner01 {
	margin-bottom: 20px;
}
#contents .contsIner01 ul li {
	width: 405px;
	float: left;
	padding: 0 35px;
}
/*
#contents .contsIner01 ul li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
*/



/*-- ���ʃX�y�[�X --*/
.padT20{padding-top:25px;}
.mrgB0 {margin-bottom: 0;}
.mrgB15 {margin-bottom: 15px;}
.mrgB16 {margin-bottom: 16px;}
.mrgB25 {margin-bottom: 25px;}





.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
* html .cf,
* html .clearfix{
	display:inline-block;
}
/* �lj� MacIE 5 �� WinIE 7 ���� */
.cf,
.clearfix{
	display: inline-block;
}
.cf,
.clearfix{
	height:1%;
}



/* gNav
-----------------------------------------*/
#gNav{
	margin-top: 70px;
	background-color: #EEEEEE;
}
#gNavInner{
    max-width: 1200px;
    height: 70px;
    margin: 0 auto;
    background: url("../images/bg_mainVisual.jpg") no-repeat scroll 0 top #ffffff;
}
#gNavInner > ul{
    width: 950px;
    margin: 0 auto;
}
#gNavInner > ul > li{
    float: left;
    position: relative;
}
#gNavInner > ul > li > span{
    overflow: hidden;
    display: block;
    height: 70px;
}
#gNavInner > ul > li > span > a{
    display: block;
    overflow: hidden;
}
#gNavInner > ul > li > span > a:hover,
#gNavInner > ul > li > span > a.active,
#gNavInner > ul > li.selected > span > a{
    margin-top: -70px;
}

#gNavInner > ul > li#gNav06{
    float: right;
}

#gNavInner > ul > li > ul {
    display: none;
    left: 0;
    position: absolute;
    top: 70px;
    width: 150px;
    z-index: 9999;
}

#gNavInner > ul > li > ul > li > a{
    display: block;
}

/* subNav
-----------------------------------------*/
#subNav{
    background-color: #eee;
    width: 100%;
    margin-top: 3px;
}
#subNavInner{
    max-width: 1200px;
    margin: 0 auto;
    background: url("../images/bg_mainVisual.jpg") no-repeat scroll 0 top #ffffff;

}
#subNavInner ul{
    width: 950px;
    margin: 0 auto;
    padding: 0 0 18px 0;
}

/* mainVisual
-----------------------------------------*/
#mainVisual{
	width: 100%;
	margin: 0px;
}

/* floatBanner2nd
-----------------------------------------*/
#mainSlideWrap {
	position: relative;
}
.floatBanner2nd {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
}
.floatBanner2nd .block {
	display: table;
	color: #FFFFFF;
	font-family:"�q���M�m�ۃS Pro W4","�q���M�m�ۃS Pro","Hiragino Maru Gothic Pro","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","HG�ۺ޼��M-PRO","HGMaruGothicMPRO";
	width: 340px;
	padding: 5px;
	background: url(/images/float/bg_top_banner.png) no-repeat 0 0;
}
.floatBanner2nd .block + .block {
	margin-top: 10px;
}
.floatBanner2nd dl {
	display: table-row;
}
.floatBanner2nd dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 80px;
}
.floatBanner2nd dl dd {
	display: table-cell;
	vertical-align: middle;
	width: 250px;
	padding-left: 10px;
}
.floatBanner2nd dl dd a {
	display: block;
	color: #FFFFFF;
	font-size: 90%;
	line-height: 1.2;
	text-decoration: none;
}
.floatBanner2nd dl dd a span {
	display: block;
	font-size: 80%;
	padding-top: 5px;
}



/* mainSlide
-----------------------------------------*/
#mainSlideWrap {
    height: 580px;
    overflow: hidden;
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 1200px;
}
#mainSlideWrap li{
    float: left;
    position: relative;
    text-align: center;
    margin: 0 auto;
    display: block;
}
#mainSlide li span{
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-275px;
    margin-top: 80px;
    z-index: 10;
}
#mainSlide li span img{
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
     -khtml-opacity: 0;
    -moz-opacity: 0;
    background-color: #ffffff;
}
#mainSlideWrap li img{
    display: block;
}



/*--------------------------------------------------
		floatBanner
--------------------------------------------------*/
.floatBanner {
	background: url(/images/float/bg_top_banner.png) no-repeat 0 0;
	position: fixed;
	top: 150px;
	left: 60px;
	z-index: 100;
}
.floatBanner .fbBlock {
	position: relative;
}
.floatBanner dl {
	display: table;
	font-family:"�q���M�m�ۃS Pro W4","�q���M�m�ۃS Pro","Hiragino Maru Gothic Pro","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","HG�ۺ޼��M-PRO","HGMaruGothicMPRO";
	width: 380px;
	padding: 10px;
}
.floatBanner dl dt {
	display: table-cell;
	vertical-align: middle;
}
.floatBanner dl dd {
	display: table-cell;
	color: #FFFFFF;
	font-size: 100%;
	text-align: left;
	line-height: 1.4;
	vertical-align: middle;
	padding-left: 5px;
}
.floatBanner dl dd.txtIndent {
	text-indent: -0.5em;
	margin-left: 0.5em;
}
.floatBanner dl dd a {
	display: block;
	color: #FFFFFF;
	font-size: 80%;
	margin: 10px 0 0 0;
}
.floatBanner dl dd.txtIndent a {
	margin: 10px 0 0 10px;
}
.floatBanner p {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 110;
	cursor: pointer;
}

/*--------------------------------------------------
	               SNS
--------------------------------------------------*/
.sns {
	margin-right: -30px;
	width: 980px;
}

#instagram {
	width: 610px;
	float: left;
	margin-right: 20px;
}
#instagram ul li {
	width: 110px;
	float: left;
	margin: 0 15px 15px 0;
}
#instagram ul li:nth-child(5n) {
	margin-right: 0;
}
#instagram ul li a {
	display: block;
}
#instagram ul li a img {
	width: 100%;
}
#instagram ul li a:hover img {
	opacity: 0.8;
}
#instagram .likes,
#instagram .comments {
	display: inline-block;
	font-size: 12px;
	padding-left: 20px;
}
#instagram .sub {
	text-align: center;
}
#instagram .sub .likes {
	background: url(/images/icon_favorite.png) left center no-repeat;
	background-size: auto 12px;
	margin-right: 10px;
}
#instagram .sub .comments {
	background: url(/images/icon_bubble.png) left center no-repeat;
	background-size: auto 12px;
}

#facebook {
	width: 320px;
	float: left;
}

.sns h2{
    height: 37px;
    background: url(../images/ttl_h2_sns.gif) no-repeat 0 0;
}

.snslogo_pc{
	margin-bottom:10px;
	height:20px;
}