@charset "UTF-8";
*{
	font-size: 100%;
	word-break: break-all;
}
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,label {
	margin: 0;
	padding: 0;
}
img {border: 0;vertical-align: middle;}
ul,ol {list-style: none;}
a {
	color:#0084cc;
	text-decoration: none;
}
a :hover{
	color:#ff9900;
}
body {
	background: url(/pc/image/main/bg01.jpg) repeat-x center top;
	text-align: center;
	font-size: 0.813em;
	line-height: 1.3;
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
.clearfix:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* z-index指定 */
#header {z-index:9999;}
#footer {z-index:9998;}
#leftArea{z-index:9997;}
#qrcodeArea{z-index:9997;}
/* header */
#header {
	position:fixed;
	width:100%;
	background:#003f87;
	
}
#header .headerInner {
	height: 53px;
	margin: 0  0 0 26px;
	text-align: left;
	position: relative;
}
#header .logo {
	width: 180px;
	float: left;
}
#header .logo a {
	display: block;
	text-indent: -9999px;
	background-image: url(/pc/image/main/logo2013.png);
	width: 180px;
	height: 29px;
	margin: 13px 0 0;
}
#header .socialBtns {
	height:20px;
	padding: 16px 0 0 17px;
	float: left;
}
#header .socialBtns li {
	display:inline-block;
	vertical-align:top;
}
#header .socialBtns li.socialTw {
	margin-left:4px;
}
#header .socialBtns li.socialFbLike {
	margin-left:4px;
}
#header .socialBtns li.socialFbLike .fb-like{

}
#header .socialBtns li.socialFb {

}
#header .socialBtns .fb_edge_widget_with_comment span.fb_edge_comment_widget {
	display: none !important;
}

.btnTwitterFollow{
	width:77px;
	height:22px;
	background: url(/pc/image/main/twitter.png) no-repeat center top;
	display:block;
	text-indent: -9999px;
}
.btnTwitterFollow:hover{
	background-position:center bottom;
}
.btnFacebookLike{
	width:77px;
	height:22px;
	background: url(/pc/image/main/facebook.png) no-repeat center top;
	display:block;
	text-indent: -9999px;
}
.btnFacebookLike:hover{
	background-position:center bottom;
}
/* footer */
#footer {
	position:fixed;
	background:#000000;
	background:rgba(0,0,0,0.8);
	width:100%;
	bottom:0;
}
#footer .footerInner {
	margin: 0 26px;
	min-width:928px;
	padding: 16px 0 16px;
	text-align: left;
	position: relative;
}

#footer .copyright {
	color: #fff;
	font-size: 10px;
}
#footer .copyright a {
	color: #fff;
}
#footer .copyright img {
	margin-right: 8px;
	vertical-align: bottom;
}


#footer .nav {
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 0;
}
#footer .nav li {
	float: left;
	white-space: nowrap;
	border-left: 1px solid #999999;
	font-size: 0.923em;
	margin-left: 8px;
	padding-left: 8px;
	line-height: 1;
}
#footer .nav li a {
	color:#ffffff;
}
#footer .nav li.contact {
	border-left: 0;
}

#contentsArea {
	width: 960px;
	margin: 0 auto;
}
#leftArea{
	position:absolute;
	width:311px;
	top:101px;
	height:553px;
	left:-389px;
}
#leftAreaBg{
	background: url(/pc/image/main/display_pc02.png) no-repeat right top;
	opacity:0.5;
	position:absolute;
	width:311px;
	height:553px;
}
#leftInner{
	position:absolute;
	width:225px;
	right:80px;
	top:34px;
	padding:4px 0 0;
}
#leftInner .btnYabage{
	background: url(/pc/image/main/btn_yabage.png) no-repeat center top;
	width:206px;
	height:37px;
	margin-left:10px;
	display:block;
	text-indent: -9999px;
}
#leftInner .btnYabage:hover{
	background-position:center bottom;
}
#leftInner .txtYabage01{
	margin-bottom:7px;
}
#leftInner .txtYabage02{
	margin:1px 0 4px;
}
#leftInner .bnrYabage{
	background: url(/pc/image/main/hover_line_g.gif) no-repeat right bottom;
	padding-bottom:1px;
	margin-bottom:5px;
	-webkit-transition-property:background-position;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-delay: 0s;
	-webkit-transition-timing-function: linear;

	-moz-transition-property:background-position;
	-moz-transition-duration: 0.2s;
	-moz-transition-delay: 0s;
	-moz-transition-timing-function: linear;

	-o-transition-property::background-position;
	-o-transition-duration: 0.2s;
	-o-transition-delay: 0s;
	-o-transition-timing-function: linear;

	-ms-transition-property::background-position;
	-ms-transition-duration: 0.2s;
	-ms-transition-delay: 0s;
	-ms-transition-timing-function: linear;
}
#leftInner .bnrYabage:hover{
	background-position:left bottom;
}
#contentsInner {
	position: relative;
	width: 960px;
	top:76px;
}
#contentsInner .mainArea{
	width:745px;
	margin:0 auto;
	position:relative;
}
#contentsInner .mainAreaInner{

}
#contentsInner .logoL{
	background: url(/pc/image/main/logo_l2013.png) no-repeat center top;
	width:404px;
	height:105px;
	display:block;
	text-indent: -9999px;
	text-align:left;
	position:absolute;
	left:164px;
	top:107px;
}
#contentsInner .btnYabage02{
	background: url(/pc/image/main/btn_yabage02.png) no-repeat center top;
	width:256px;
	height:32px;
	display:block;
	position:absolute;
	left:163px;
	top:273px;

	-webkit-transition-property:left;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-delay: 0s;
	-webkit-transition-timing-function: ease;

	-moz-transition-property:left;
	-moz-transition-duration: 0.1s;
	-moz-transition-delay: 0s;
	-moz-transition-timing-function: ease;

	-o-transition-property:left;
	-o-transition-duration: 0.1s;
	-o-transition-delay: 0s;
	-o-transition-timing-function: ease;

	-ms-transition-property:left;
	-ms-transition-duration: 0.1s;
	-ms-transition-delay: 0s;
	-ms-transition-timing-function: ease;
}
#contentsInner .btnYabage02:hover{
	background-position:center bottom;
	left:153px;
}
#contentsInner .btnSmartphone{
	background: url(/pc/image/main/btn_smartphone.png) no-repeat center top;
	width:384px;
	height:32px;
	display:block;
	position:absolute;
	left:185px;
	top:341px;

	-webkit-transition-property:left;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-delay: 0s;
	-webkit-transition-timing-function: ease;

	-moz-transition-property:left;
	-moz-transition-duration: 0.1s;
	-moz-transition-delay: 0s;
	-moz-transition-timing-function: ease;

	-o-transition-property:left;
	-o-transition-duration: 0.1s;
	-o-transition-delay: 0s;
	-o-transition-timing-function: ease;

	-ms-transition-property:left;
	-ms-transition-duration: 0.1s;
	-ms-transition-delay: 0s;
	-ms-transition-timing-function: ease;
}
#contentsInner .btnSmartphone:hover{
	background-position:center bottom;
	left:195px;
}
#rightArea{
	position:absolute;
	width:272px;
	height:491px;
	right:-272px;
	display:none;
}
.rightAreaWidthL#rightArea{
	top:76px;
}
#rightAreaBg{
	background: url(/pc/image/main/display_smartphone.png) no-repeat center top;
	opacity:0.5;
	position:absolute;
	width:272px;
	height:491px;
}
#rightInner{
	position:absolute;
	width:225px;
	left:25px;
	top:56px;
	padding:4px 0 0;
}
#rightInner .txtMobage01{
	margin-bottom:8px;
}
#rightInner .txtMobage02{
	margin:1px 0 0;
}
#rightInner .bnrMobage{
	background: url(/pc/image/main/hover_line_b.gif) no-repeat right bottom;
	padding-bottom:1px;
	margin-bottom:5px;
	-webkit-transition-property:background-position;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-delay: 0s;
	-webkit-transition-timing-function: linear;

	-moz-transition-property:background-position;
	-moz-transition-duration: 0.2s;
	-moz-transition-delay: 0s;
	-moz-transition-timing-function: linear;

	-o-transition-property::background-position;
	-o-transition-duration: 0.2s;
	-o-transition-delay: 0s;
	-o-transition-timing-function: linear;

	-ms-transition-property::background-position;
	-ms-transition-duration: 0.2s;
	-ms-transition-delay: 0s;
	-ms-transition-timing-function: linear;
}
#rightInner .bnrMobage:hover{
	background-position:left bottom;

}
#qrcodeArea{
	top:375px;
	right:0px;
	//right:-15px;
	display:none;
	position:absolute;
	-moz-transform-origin:240px 600px;
	-webkit-transform-origin:240px 600px;
	-o-transform-origin:240px 600px;
	-ms-transform-origin:240px 600px;
	width:194px;
	height:449px;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
.qrcodeAreaWidthL#qrcodeArea{
	top:451px;

}
.qrcodeAreaAnime#qrcodeArea{
	animation: 'qrcodeArea' 3s ease -2s 1 alternate;
	-moz-animation: 'qrcodeArea' 3s ease -2s 1 alternate;
	-webkit-animation: 'qrcodeArea' 3s ease -2s 1 alternate;
	-o-animation: 'qrcodeArea' 3s ease -2s 1 alternate;
	-ms-animation: 'qrcodeArea' 3s ease -2s 1 alternate;
}
@keyframes 'qrcodeArea' {0% {transform: rotate(90deg);}100% {transform: rotate(0deg);}}
@-moz-keyframes 'qrcodeArea' {0% {-moz-transform: rotate(90deg);}100% {-moz-transform: rotate(0deg);}}
@-webkit-keyframes 'qrcodeArea' {0% {-webkit-transform: rotate(90deg);}100% {-webkit-transform: rotate(0deg);}}
@-o-keyframes 'qrcodeArea' {0% {-o-transform: rotate(90deg);}100% {-o-transform: rotate(0deg);}}
@-ms-keyframes 'qrcodeArea' {0% {-ms-transform: rotate(90deg);}100% {-ms-transform: rotate(0deg);}}
.qrcodeAreaInner{

}
#qrcodeAreaBg{
	background: url(/pc/image/main/display_phone02.png?v=20120629) no-repeat center top;

	position:absolute;
	width:194px;
	height:407px;
	opacity:0.5;


}

#qrcodeInner{
	position:absolute;
	padding:37px 0 0;
}
#qrcodeInner .txtMobage03{
	margin:0 0 5px;
}
#qrcodeInner .qrcode{
	padding:12px;
	background:#ffffff;
}