@charset "utf-8";

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

		TOP用CSS
		
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

body#js #container {
	background: #f8f8f8 url(../images/top/showcase.jpg) no-repeat top center;
}




#showcase {
	width: 1080px;
	height: 532px;
	z-index: 1;
	margin: 0 auto;
	position: relative;
}

body.en #showcase #movie-area{
	display:none;
}

#showcase #movie-area #movie {
	position: absolute;
	top: 1px;
	left: 37px;
	background:#fff;
}

#showcase #movie-area ul {
	position: absolute;
	top: 1px;
	left: 83px;
}
	#showcase #movie-area ul li {
		margin-bottom: 2px;
	}
	#showcase #movie-area ul li#fb-count {
		width: 180px;
		height: 148px;
		background: url(/images/top/facebook_btn.png) no-repeat;
		position: relative;
	}
	#showcase #movie-area ul li#fb-count div#count {
		font-family: Arial, Helvetica, sans-serif !important;
		color: #fff;
		font-size: 33px;
		position: absolute;
		top: 2px;
		left: 25px;
	}
	#showcase #movie-area ul li#fb-count div#count span {
		font-family: Arial, Helvetica, sans-serif !important;
	}
	#showcase #movie-area ul li#fb-count div#fb {
		position: absolute;
		top: 80px;
		left: 26px;
	}
	#showcase #movie-area ul li#fb-count div#fb-link {
		position: absolute;
		bottom: 20px;
		left: 19px;
	}

#content {
	position: relative;
	margin: -214px auto 0;
	padding-top: 0;
}

#content .cb_t {
	border-top: 1px solid #adadad;
}

/* whatsnew */
#main .whatsnew li {
	padding: 8px 15px 9px 19px;
	border-top: 1px solid #dedede;
}

#main .whatsnew li.first_child {
	border-top: none;
	padding-top: 18px;
}
#main .whatsnew li.first_child .text{
font-size:1.2em;
font-weight:bold;
line-height:1.5;
}


#main .whatsnew li .date {
	display: block;
	float: left;
	width: 110px;
clear:both;
}

#main .whatsnew li .text {
	display: block;
	float: left;
	font-weight: normal;
}

#main .whatsnew li .caption {
	clear: both;
	line-height: 1.8;
	padding-top: 8px;
}

/* gallary */
#main .gallery .cb_area {
	border: none;
	background: #f8f8f8;
}

#main .gallery .photo_gallery {
	position: relative;
}

#main .photo_gallery .photo_block ul li {
	float: left;
	width: 230px;
	height: 152px;
	overflow: hidden;
}

#main .gallery .photo_gallery .prev {
	position: absolute;
	left: 0;
	top: 51px;
	overflow: hidden;
	text-indent: -9999em;
}

#main .gallery .photo_gallery .next {
	position: absolute;
	right: 0;
	top: 51px;
	overflow: hidden;
	text-indent: -9999em;
}

#main .gallery iframe.advertise {
    overflow: hidden;
    width: 100%;
}

#main .gallery .ad {
    padding: 0;
}
#main .gallery .ad li:first-child {
    margin-top: 12px;
}
#main .gallery .ad li:last-child {
    margin-bottom: 4px;
}

/* seminar */
#main .seminar ul {
	padding: 0 0 10px;
}

#main .seminar li {
	padding: 8px 15px 6px 21px;
	border-top: 1px solid #ddd;
}

#main .seminar li.first_child {
	border-top: none;
	background: url(../images/top/bg_cb_list01.gif) repeat-x left top;
}

#main .seminar li .date {
	display: block;
}

#main .seminar li .text {
	display: block;
	font-weight: normal;
}

/* qa */
.qa_top {
	width: 460px;
}

.qa_top .tab {
	width: 191px;
	position: relative;
	margin-top: -37px;
	padding-left: 109px;
*position: absolute;
*top: 8px;
_top: 11px;
*left: 109px;
*margin-top: 0;
*padding-left: 0;
}

.qa_top .tab ul li {
	float: left;
	width: 87px;
	height: 37px;
	font-size: 12px;
	font-weight: bold;
	margin-right: 6px;
}

.qa_top .tab ul li a {
	display: block;
	background:url(../images/top/qa_tab.gif) left bottom no-repeat;
	text-align: center;
	height: 24px;
	color: #444;
	text-decoration: none;
	padding-top: 13px;
}

.qa_top .tab ul li a.selected {
	background:url(../images/top/qa_tab_selected.gif) left bottom no-repeat;
	text-decoration:none;
	color:#333;
	cursor:default;
	height: 31px;
	padding-top: 6px;
}

.qa_top .cb_area {
	padding: 20px 12px;
}

.qa_top .cb_area .photo_block {
	float: left;
	width: 73px;
	margin-right: 9px;
}

.qa_top .cb_area .txt_block {
	float: left;
	width: 351px;
}

.qa_top .cb_area .txt_block .text {
	display: block;
	margin-bottom: 9px;
}

.qa_top .cb_area .txt_block .caption {
	display: block;
	font-weight: normal;
	margin-bottom: 8px;
}

.qa_top .cb_area .txt_block .date {
	margin-right: 6px;
}

.qa_top .cb_area .reply_box {
	background: #f8f8f8;
	font-size: 10px;
	padding: 5px;
	margin-top: 5px;
}

.qa_top .cb_area .reply_box .title {
	float: left;
	margin-right: 9px;
	padding-top: 3px;
}

.qa_top .cb_area .reply_box dt {
	display: inline;
	margin-right: 9px;
}

.qa_top .cb_area .reply_box dd {
	display: inline;
	margin-right: 15px;
}

.qa_top .cb_area .reply_box dd b {
	font-size: 12px;
}

/* facebook */
#main .facebook h2 .fb {
	background: url(../images/common/ico_fb.gif) no-repeat left center;
	padding-left: 24px;
}

#main .facebook .link_01 .aw {
	background: url(../images/common/bg_aw_02.gif) no-repeat right center;
	padding-right: 17px;
}

/* news */
#main .news ul {
	padding-bottom: 12px;
}

#main .news li {
	padding: 7px 15px 6px 29px;
	border-top: 1px dashed #ddd;
	background-repeat: no-repeat;
	background-position: 15px 12px !important;
}

#main .news li.first_child {
	border-top: none;
}

/* series */
#main .series dt {
	font-weight: bold;
	padding: 12px 15px 10px 26px;
	border-top: 1px solid #fff;
	background-repeat: no-repeat;
	background-position: 15px 18px !important;
	background-color: #f0f0f0 !important;
}

#main .series dt.first_child {
	border-top: none;
}

#main .series dd {
	background: url(../images/top/bg_cb_list02.gif) repeat-x left top;
	border-bottom: 1px solid #ddd;
	padding: 15px 15px 19px;
}

#main .series dd.last_child {
	border-bottom: none;
}

#main .series dd .photo_block {
	float: left;
	width: 96px;
	margin-right: 15px;
}

#main .series dd .txt_block {
	float: left;
	width: 150px;
}

#main .series dd .txt_block .text {
	display: block;
	font-weight: normal;
	margin-bottom: 8px;
}

#main .series dd .txt_block .date,
#main .series dd .txt_block .name {
	display: block;
	font-size: 92.3%;
}

/* blog */
.blog_company {
	width: 258px;
	background: url(../images/top/bg_cb_list02.gif) repeat-x left top;
	padding: 27px 20px 19px;
	text-align: center;
}

.blog_company .logo {
	text-align: center;
	margin-bottom: 21px;
}

.blog_company .name {
	width: 258px;
	display: inline;
	padding-left: 12px;
	background-position: left center;
}

.blog_company .text {
	text-align: left;
	padding-top: 19px;
}

#main .blog_list dt {
	position: relative;
	border-top: 1px solid #ddd;
}

#main .blog_list dt .link_01 {
	top: 9px;
	color: #134a96;
}

#main .blog_list dt .link_01 a {
	color: #134a96;
}

#main .blog_list dd {
	border-bottom: 1px dashed #ddd;
	padding: 15px 15px 19px;
}

#main .blog_list dd.last_child {
	border-bottom: none;
}

#main .blog_list dd .photo_block {
	float: left;
	width: 96px;
	margin-right: 15px;
}

#main .blog_list dd .txt_block {
	float: left;
	width: 150px;
}

#main .blog_list dd .txt_block .text {
	display: block;
	font-weight: normal;
	margin-bottom: 8px;
}

#main .blog_list dd .txt_block .date,
#main .blog_list dd .txt_block .name {
	display: block;
	font-size: 92.3%;
}

/**************************************************************

	en

***************************************************************/

/* overview */
body.en #main #overview {
	margin-bottom: 20px;
}

body.en #main #overview .cb_area {
	padding: 20px 19px;
}

/* japan_shop */
body.en #main #japan_shop {
	position: relative;
	margin-bottom: 20px;
}

body.en #main #japan_shop .cb_area {
	padding: 20px;
}

body.en #main #japan_shop .cb_area .layout .f_left {
	width: 470px;
}

body.en #main #japan_shop .cb_area .layout .f_right {
	width: 244px;
}

body.en #main #japan_shop .cb_area .layout .f_right p {
	margin-bottom: 15px;
}

body.en #main #japan_shop .cb_area dt {
	margin-bottom: 10px;
}

body.en #main #japan_shop .cb_area dd {
	margin-bottom: 20px;
	padding: 0 10px;
}

body.en #main #japan_shop .cb_area dd ol {
	list-style-position: outside;
}

body.en #main #japan_shop .cb_area dd ol li {
	list-style-position: outside;
	margin-left: 25px;
}

/* gallary */
body.en #main .gallery {
	margin-bottom: 20px;
}

body.en #main .gallery .cb_area {
	width: 770px;
	overflow: hidden;
}

body.en #main .bx-next {
	right: 150px;
}

body.en #main .gallery .photo_gallery {
	position: relative;
}

body.en #main .photo_gallery .photo_block ul li {
	float: left;
	width: 230px;
	height: 152px;
	overflow: hidden;
}

body.en #main .bx-next {
	position: absolute;
	right: 150px;
	top: 51px;
	overflow: hidden;
	text-indent: -9999em;
}

/**************************************************************

	crearfix

***************************************************************/

#main .whatsnew li,
#main .photo_gallery .photo_block ul,
.qa_top .tab ul,
.qa_top .panel,
.qa_top .cb_area ul li,
.qa_top .cb_area .reply_box,
#main .series dd,
#main .blog dd {
	/zoom: 1;
}

#main .whatsnew li:after,
#main .photo_gallery .photo_block ul:after,
.qa_top .tab ul:after,
.qa_top .panel:after,
.qa_top .cb_area ul li:after,
.qa_top .cb_area .reply_box:after,
#main .series dd:after,
#main .blog dd:after {
	content:"."; display:block; clear:both; height:0; visibility: hidden;
}

/**************************************************************

	add css 20130701

***************************************************************/

#pdf-btn {
        padding: 1px 0 0 84px;
}
#js #pdf-btn,
#fe #pdf-btn {
        padding: 1px 0 0 81px;
}
body:not(#ib):not(#ss):not(#lf) #pdf-btn a {
    display: inline-block;
    background: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-top: 1px solid #fff;
}
#lf #pdf-bnr {
    position: absolute;
    top: 1px;
    left: 267px;
    display: inline-block;
    background: #fff;
}


/*広告表示制御*/
/*RT div#div-gpt-ad-1390537232649-0,*/
div#div-gpt-ad-1390203621551-0,
div#div-gpt-ad-1390537035455-0,
div#div-gpt-ad-1390537187782-0,
div#div-gpt-ad-1390537252714-0,
div#div-gpt-ad-1390537108615-0,
div#div-gpt-ad-1390537137070-0,
div#div-gpt-ad-1390537159243-0{
display:none !important;
}

/**************************************************************

    add css 20160308

***************************************************************/

#pdf-btn2 {
        padding: 1px 0 0 584px;
}

/**************************************************************

    add css 20160721
    for FC-en link button for column

***************************************************************/

#pdf-btn3 {
        padding: 227px 0 0 185px;
}
#pdf-btn3 img {
        width: 198px;
}