@charset "UTF-8";

.cf {
	zoom: 1;
}

.cf:before,
.cf:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: ' ';
}
.cf:after {
	clear: both;
}

.dn {
	display: none;
}

.img {
	display: block;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	border: 0;
}

.cw {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.flLeft {
	float: left;
}
.flRight {
	float: left;
}


img {
	vertical-align: top;
}

p {
	margin: 0;
}

.l-mainHeader {
	background: url(../images/mainHeader_bg.png) center top no-repeat;
}
.l-mainHeader .mainVisual_bg {
	background: url(../images/mainVisual.png) center top;
	height: 664px;
}

.navBar {
	background-color: #000;
	height: 48px;
	overflow: hidden;
}

.navBar_logo {
	float: left;
	width: 130px;
	margin-top: 8px;
}

.navBar_snsBtns {
	float: right;
	margin-top: 14px;
}

.introduction {
	background: url(../images/introduction.jpg);
	height: 764px;
	margin-bottom: 48px;
}

.ex1 p {
	background: url(../images/ex1_visual.jpg) center top no-repeat;
	height: 632px;
}

.ex2 {
	background: url(../images/ex2_visual_bg.png) left bottom repeat-x;
}
.ex2 p {
	background: url(../images/ex2_visual.png);
	height: 439px;
}

.ex3 div.bg {
	background: url(../images/ex3_visual.png);
	width: 100%;
	height: 461px;
	position: relative;
	margin-bottom: 72px;
}

.ex3 audio {
	position: absolute;
	left: 595px;
	bottom: 0;
}

.info_header {
	margin-bottom: 24px;
}

.info {
	margin-bottom: 48px;
}
.info1Box_txt {
	width: 380px;
	margin: 0 20px;
}
.info1Box_txt dl {
	background: url(../images/info1_txt.png);
	width: 306px;
	height: 182px;
	margin-bottom: 72px;
}

.info1Box_snsBtns {
	margin-bottom: 24px;
}

.info2Box_txt {
	width: 486px;
	margin: 0 20px;
}

.info2Box_txt p {
	background: url(../images/info2_txt.png);
	width: 486px;
	height: 86px;
}

.info2Box_btn {
	margin-left: 20px;
}

.l-mainFooter {
	margin-top: 96px;
	border-top: 1px solid #ccc;
	padding-top: 24px;
}

.l-mainFooter div {
	position: relative;
}


.footer_logo {
	text-align: center;
}

.toTop {
	position: absolute;
	right: 0;
	top: -60px;
}

.clicked {
	text-align: center;
}

.clicked h1 { margin: 36px 0;}
.clicked figure,
.clicked p {
	margin-bottom: 36px;
}





div#___plusone_0 { width: 58px !important;}

#twitter-widget-0 { width: 77px !important;}

.fb_iframe_widget { position: relative; top: -6px !important; }

.bkjp:hover,
.toTop:hover {
	opacity: .8;
}
.line-baloon {
	position: relative;
	top: 2px;
}