@charset "utf-8";
/* core	================================================	*/

#productsInner {
	width: 991px;
	background: #000000;
	padding: 10px 0;
	position: relative;
}

/* サイドバー */
#sideNav {
	width: 185px;
	padding-right: 11px;
	float: right;
	text-align: left;
	border-left: 1px solid #222222;
}

#sideNav ul{
	border-top: 1px solid #222222;
}

#sideNav .point p{
	background: url(../img/products/sideNavBg.gif) no-repeat 5px center;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
	position: relative;
}

#sideNav .point p a{
	display: block;
	width: 100%;
}

#sideNav .point p:hover{
	background-image: url(../img/products/sideNavBgOver.gif);
	background-color: #222222;
}

#sideNav .opener p{
	background: url(../img/products/sideNavBgCurrent.gif) no-repeat 5px center;
}
#sideNav .opener p:hover{
	background: url(../img/products/sideNavBgCurrent.gif) no-repeat 5px center;
}

#sideNav .current p{
	background-color: #222222;
}

#sideNav .point p.bnbtn{
	background: none;
	padding: 0;
	border:none;
}

#productsInner #sideNav .point p.bnbtn:hover{
	cursor: pointer;
}

#productsInner .backnumber{
	display: none;
}

#productsInner #sideNav ul li.sidebnr a:hover {
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* TOPIC NAV */
#topicNav {
	display: none;
}

/* SHARE */

.share{
	width: 700px;
	margin: 0 auto;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ffffff;
	margin-bottom: 30px;
}

.share p{
	float: left;
	margin-right: 30px;
}

.share ul{
	width: 360px;
	float: left;
}

.share li{
	display: inline;
	width: 120px;
	float: left;
}



.pagetop {
	width: 100px;
	height: 12px;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

/* default */
.article_footer{
	width:700px;
	padding: 10px 0 30px;
	margin: 0 auto;
	overflow:hidden;
	background:url(../images/contents/border.png) repeat-x 0 top;
}

.section_pagetop{
	float:right;
	margin: 0;
	padding: 0;
	width: 100px;
	height:12px;
	overflow: hidden;
}
.section_pagetop a,
.section_pagetop a img{
	width: 100px;
	height:12px;
	overflow: hidden;
	display:block;
}

/* ------------------------------------------------------------
	1. section
------------------------------------------------------------ */

/* 	1.0. setting
------------------------------------------------------------ */

.section {
	width:700px;
	padding:0;
	margin: 0 auto;
	overflow:hidden;
}
.section.section_end {
	margin-bottom: 20px;
}
.section .banner.type_single img {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.section .banner.type_single img:hover {
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.title {
	width:700px;
	margin:0 0 20px;
}
.image {
	width:410px;
}
.image.noscale{
	width:auto;
}
.image.imageInfo{
	margin: 0;
}
.imageInfoList {
	overflow:hidden;
	margin: 0 0 20px;
}
.imageInfoList li{
	background:#222222;

}
.imageInfoList li .imageInfoListInner{
	border-right:1px solid #000;
	padding:10px 0;
	font-size: 11px;
}
.imageInfoList li.last .imageInfoListInner{
	border-right:none;
	border-left:1px solid #000;
}
.imageInfoList .imageTitle{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin: 0 0 5px 10px;
}
.imageInfoList p{
	font-size:11px;
	line-height:150%;
	margin: 0 10px;
}
.text {
	margin: 0 0 20px;
}
.text.type_fullwidth_text{
	width:100%;
	clear:both;
}
.image.type_fullwidth_image{
	width:100%;
	margin: 0 0 20px 0;
}
.cotion{
	font-size:10px;
	font-size:1.0rem;
	color:#ccc;
}
.question,
.sub{
	color:#999;
}
.image.imageInfo.type_fullwidth_image{
	margin: 0;
}



/* 	1.1. type_left_image
------------------------------------------------------------ */

.type_left_image {
}
.type_left_image .image {
	float:left;
	margin: 0 20px 20px 0;
}
.type_left_image .text {
}
.type_left_image .image.imageInfo {
	margin: 0 20px 0 0;
}
.type_left_image .imageInfoList {
	float:left;
	overflow:hidden;
	margin: 0 20px 20px 0;
}
.type_left_image .imageInfoList.column_one {
	width:410px;
}
.type_left_image .imageInfoList.column_one li{
	width:410px;
}

/* 	1.2. type_right_image
------------------------------------------------------------ */

.type_right_image {
}
.type_right_image .image {
	float:right;
	margin: 0 0 20px 20px;
}
.type_right_image .text {
}
.type_right_image .image.imageInfo {
	margin: 0 0 0 20px;
}
.type_right_image .imageInfoList {
	float:right;
	overflow:hidden;
	margin: 0 0 20px 20px;
}

.type_right_image .imageInfoList.column_one {
	width:410px;
}
.type_right_image .imageInfoList.column_one li{
	width:410px;
}

/* 	1.3. image.column_one
------------------------------------------------------------ */

.imageInfoList.column_one {
	width:700px;
}
.imageInfoList.column_one li{
	float:left;
	width:700px;
}

/* 	1.4. image.column_two
------------------------------------------------------------ */

.imageInfoList.column_two {
	width:700px;
}
.imageInfoList.column_two li{
	float:left;
	width:350px;
}
.imageInfoList.column_two li.last{
	float:right;
}


/* 	1.5. image.column_thr
------------------------------------------------------------ */

.imageInfoList.column_thr {
	width:700px;
}
.imageInfoList.column_thr li{
	float:left;
	width:233px;
}
.imageInfoList.column_thr li.last{
	float:right;
	width:234px;
}

/* 	1.6. talk
------------------------------------------------------------ */
.talk {
	
}
.talk.column_one {
	overflow: hidden;
}
.talk p .name {
	display: block;
	float: left;
	font-weight: normal;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.talk p .utterance {
	display: block;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
}

.talk.column_two {
	overflow: hidden;
	margin: 20px 0 30px 0;
}

.talk.column_one p .name { width: 7.3%; }
.talk.column_one p .utterance { width: 92.7%; }

.talk.column_two p .name { width: 48px; }
.talk.column_two p .utterance { width: 232px; }

.talk.column_two p {
	overflow: hidden;
	width: 280px;
}

.talk.column_two .image {
	
}
.talk.column_two .image.type_left {
	float: left;
}
.talk.column_two .image.type_right {
	float: right;
}
.talk.column_two .text {

}
.talk.column_two .text.type_left {
	float: left;
	width: 270px;
}
.talk.column_two .text.type_right {
	float: right;
}

/* 	1.7. PC/SP separated banner
------------------------------------------------------------ */
.only_sp {
	display: none;
}


/* ------------------------------------------------------------
	2. section_nav
------------------------------------------------------------ */

/* 	2.0. setting
------------------------------------------------------------ */

.section_nav{
	padding:0;
	margin: 0 auto 20px;
	overflow:hidden;
}

.section_nav .btn{
	padding:0;
	margin: 0 0 40px;
	overflow:hidden;
	border:2px solid #ffffff;
	display:block;
}
.section_nav .btn.s_margin {
	margin-bottom: 10px;
}
.section_nav .btn.active,
.section_nav .btn:hover{
	border:2px solid #cccccc;
}
.section_nav .text{
	text-align:center;
	line-height: 40px;
	margin: 0 auto;
}
.section_nav .text,
.section_nav .text span{
	font-size: 1.2rem;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
}
.section_nav .btn.active .text,
.section_nav .btn:hover .text{
	color:#999;
	text-decoration:none;
}
.section_nav .text span{
	color:#defff0;
}
.section_nav .btn.active .text span,
.section_nav .btn:hover .text span{
	color:#ccc;
}
.section_nav .link{
	background:#fff;
	text-align:center;
	overflow:hidden;
}
.section_nav .btn.active .link,
.section_nav .btn:hover .link{
	background:#cccccc;
}
.section_nav .link img{
	margin: 12px auto 0;
}


/* 	2.1. column_one
------------------------------------------------------------ */

.section_nav.column_one{
	width:700px;
}
.section_nav.column_one .btn{
	width:694px;
	height: 40px;
}
.section_nav.column_one .text{
	float:left;
	width:534px;
}
.section_nav.column_one .link{
	float:right;
	width: 160px;
	height: 40px;
}
.section_nav.column_one .link img{
	height: auto;
}
.section_nav.column_one.type02{
	width:700px;
}
.section_nav.column_one.type02 .btn{
	width:694px;
	height: 40px;
}
.section_nav.column_one.type02 .text{
	float:right;
	width:514px;
}
.section_nav.column_one.type02 .link{
	float:left;
	width: 180px;
	height: 40px;
	text-align: left;
}
.section_nav.column_one.type02 .link img{
	height: auto;
	width:auto;
	margin: 12px 0 0 10px;
}

/* 	2.2. column_two
------------------------------------------------------------ */

.section_nav.column_two{
	width:700px;
}
.section_nav.column_two .btn{
	float:left;
	width:341px;
	margin: 0 10px 20px 0;
	padding: 0;
}
.section_nav.column_two .btn.last{
	margin: 0 0 20px 0;
	padding: 0;
}
.section_nav.column_two .text{
	width:341px;
	line-height: 150%;
	padding: 10px 0;
}
.section_nav.column_two .link{
	width:341px;
	height: 40px;
	display:block;
}

.section_nav.column_two .link img{
	height: 18px;
}

/*
takada.
*/
#special_nav .btn_wrap {
	float:left;
	width:341px;
	padding: 0 10px 20px 0;
	border: 0;
}
#special_nav .btn_wrap.last {
	padding: 0 0 20px 0;
}
#special_nav .btn_wrap.active {
}
#special_nav .btn {
	width: 339px;
	float: none;
	margin: 0;
}

/* 	2.3. column_thr
------------------------------------------------------------ */






/* ------------------------------------------------------------
	3. section_column
------------------------------------------------------------ */

/* 	3.0. setting
------------------------------------------------------------ */

.section_column{
	width:700px;
	padding:0;
	margin: 0 auto;
	overflow:hidden;
}

.section_column .section_inner{
	width: 340px;
	padding: 0 0 30px;
}
.section_inner.type_left{
	float:left;
}
.section_inner.type_right{
	float:right;
}

.section_column .title{
	width: 340px;
	margin: 0 0 10px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.section_column .title img{
	width: auto;
}

.section_column .text{
	width: 340px;
	margin: 0 0 10px;
	font-weight: bold;
}
.section_column .image{
	width: 340px;
	margin: 0 0 1px;
}

.section_column .image.type_fullwidth_image{
	width: 100%;
}

.section_column .subimage{
	width: auto;
	padding: 10px 0 0;
	margin: 0 0 5px;
}
.section_column .subimage_single{
	width: auto;
	padding: 10px 0 10px;
}
.section_column .subtext{
	width: auto;
	padding: 0px 0 0;
	margin: 0 0 0px;
	font-weight: bold;
}

.section_column .btns{
	width: 340px;
	overflow: hidden;
	margin: 0 0 5px;
}

.section_column .btn{
	overflow:hidden;
	background: #fff;
	display:block;
}
.section_column .type_ex .btn{
	background: #fff;
	width: 336px !important;
	border: 2px solid #fff;
}

.section_column .btnInner{
	overflow:hidden;
}
.section_column .type_ex .btnInner{
	/*border: 2px solid #fff;*/
}
*:first-child+html .section_column .type_ex .btn {
	display: block;
}
*:first-child+html .section_column .type_ex .btnInner {
	display: inline;
	zoom: 0;
}

.section_column .btn img{
	padding:5px 10px;
}
.section_column .btn:hover{
	background: #999;
}
.section_column .type_ex .btn:hover{
	background: #eee;
}
.section_column .btnInner.new{
	background: url(../img/contents/new.gif) no-repeat right 6px;
}


/* 	3.1. btns.column_one
------------------------------------------------------------ */

.section_column .btns.column_one .btn,
.section_column .btns.column_one .btnInner{
	width: 340px;
	margin: 0 0 2px;
	display: block;
	cursor: pointer;
}
.section_column .btns.column_one.type_ex .btnInner{
	width: 336px;
}

/***** smaller than 650 *****/
@media screen and (max-width: 650px) {

.section_column .btns.column_one .btn,
.section_column .btns.column_one .btnInner{
	width: 100%;
}
.section_column .type_ex .btn{
	width: 98.5% !important;
}
.section_column .btns.column_one.type_ex .btnInner{
	width: auto;
	margin: 0;
	padding: 0 0 2px;
}

}

/* 	3.2. btns.column_two
------------------------------------------------------------ */

.section_column .btns.column_two .btn{
	float:left;
	width: 169px;
	margin: 0 0 2px;
}
.section_column .btns.column_two .btnInner{
	width: 169px;
}
.section_column .btns.column_two .btn.last{
	float:right;
}


/* ------------------------------------------------------------
	4. detail
------------------------------------------------------------ */

.productvis {
	width:100%;
	padding:0;
	margin:0 0 30px;
	overflow:hidden;
}
.productvisInner {
	width:700px;
	margin:0 auto;
	overflow:hidden;
}
.productvis .mainImage {
	width:100%;
	margin: 0 0 20px;
}
.productvis .copy {
	width:700px;
	margin:0 auto;
	padding: 20px;
}
.productvis .text {
	width:700px;
	margin: 0;
	font-size:16px;
	font-weight:bold;
}



/* ------------------------------------------------------------
	5. voice
------------------------------------------------------------ */

.mainvis {
	width:100%;
	overflow:hidden;
	padding:30px 0 20px;
	margin:0 0 30px;
	overflow:hidden;
	background: #111111;
}
.mainvisInner {
	width:700px;
	overflow:hidden;
	margin:0 auto;
	overflow:hidden;
}
.mainvisImage {
	float:right;
	width:385px;
	margin: 0 0 10px;
}
.mainvis .name {
	margin: 0 0 15px;
}
.mainvis .job {
	margin: 0 0 5px;
}
.mainvis .subtext {
	font-size: 1.2rem;
	font-size: 12px;
	width:300px;
	margin: 0 0 20px;
}
.mainvis .text {
	width:300px;
	margin: 0 0 10px;
}
.mainvis .info{
	width:700px;
}
.mainvis .info li{
	float:left;
	margin: 0 10px 10px 0;
	/*width: 350px;*/
}
.mainvis .info li a{
	margin: 0 0 0 10px;
}
.mainvis .info li a:hover{
	text-decoration: underline;
}
.mainvis .infoTitle{
	float:left;
	color: #fff;
	background: #666;
	padding: 0;
	display:block;
	width: 120px;
	text-align:center;
}

.text span.attn {
	font-size: 16px;
}

/* 	5.1. column_two
------------------------------------------------------------ */
.mainvis.column_two {
	width:100%;
	overflow:hidden;
	padding:30px 0 20px;
	margin:0 0 30px;
	overflow:hidden;
}
.mainvis.column_two .mainvisInner {
	width: 340px;
}
.mainvis.column_two .mainvisInner.type_left {
	float: left;
	margin: 0 0 0 30px;
}
.mainvis.column_two .mainvisInner.type_right {
	float: right;
	margin: 0 30px 0 0;
}
.mainvis.column_two .name {
	margin: 20px 0 15px 0;
}

.mainvis.column_two .subtext {
	margin: 0;
}
.mainvis.column_two .text {
	width: 100%;
	text-align: justify;
	margin-top: 20px;
}

/* 	5.2. item
------------------------------------------------------------ */

.item{
	background: #222222;
	width: 700px;
	overflow: hidden;
}
.item.section_end{
	margin-bottom: 40px;
}
.itemImage{
	float: left;
	width: 100px;
	margin: 30px 0 30px 30px;
}
.itemTitle{
	float: right;
	width: 510px;
	font-size:14px;
	line-height:150%;
	font-weight: bold;
	margin: 30px 30px 10px 0;
}
.itemText{
	float: right;
	width: 510px;
	font-size:11px;
	line-height:150%;
	margin: 0 30px 30px 0;
}
.itemText .boldText{
	font-weight: bold;
}

/* ------------------------------------------------------------
	6. movie
------------------------------------------------------------ */

#movie{
	width: 640px;
	padding: 40px 0 0;
	margin: 0 auto;
}
#movie .section{
	width: 640px;
}
.movie{
	width: 640px;
}