@charset "utf-8";
/* -----------------------------
コクヨS&Tトップページ > 商品情報 > ビートルティップ（デュアルカラー）
--------------------------------


/* ==========================================================================================================

	 Structure Frames
 
============================================================================================================*/
#aside .nav .local li {
	zoom: 1;
}
#aside .nav .local li ul {
	display: block;
}
#aside .nav .local li ul li {
	background-color: #FFF;	
}
#aside .nav .local ul li.current a:link,
#aside .nav .local ul li.current a:visited{
	color:#e95800 !important;
}

/* ==========================================================================================================

	 各ページCSS
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	下階層基本

---------------------------------------------------------------------*/
.font12 {
	font-size: 85%;
}
.txtCr01 {
	color:#C00
}


.floating{

}
.floating .specImg{
	float: left;
	width: 210px;
}
.floating .section.spec{
	float: right;
	width: 430px;
}
#main .section .section.floating .section.spec{
	margin-top: 0;
}

#main .section p.note {
	background: #ededed;
	padding: 10px 20px;
}

.title-lv3 .soon{
	display: block;
	margin: -1.3em 0 0;
	text-align: right;
	color: #E95800;
}

/*  alpha Btn
-----------------------------------*/
.alpha a img,
a.alpha img{
	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	transition: opacity .1s ease;
}
.alpha a:hover img,
a.alpha:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}

/*  dev-icon
-----------------------------------*/
#kokuyo-st-main-contents ul.dev-icon{
	position: relative;
	zoom: 1;
}
#kokuyo-st-main-contents ul.dev-icon li{
	position: absolute;
	right: 0;
	bottom: 17px;
	line-height: 1;
}
#kokuyo-st-main-contents ul.dev-icon li img{
	vertical-align: top;
}

/*  position :absolute; 準備
-----------------------------------*/
#kokuyo-st-main-contents .abs{
	position: relative;
	zoom: 1;
}

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

	Topページ

---------------------------------------------------------------------*/
#kokuyo-st-main-contents h1.abs span{
	position: absolute;
	display: block;
	top: 12px;
	right: 17px;
} 

#kokuyo-st-main-contents .mov{
	position: relative;
	overflow: hidden;
	height: 366px;
	zoom:1;
}

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

	勉強法ページ

---------------------------------------------------------------------*/
#kokuyo-st-main-contents .tips span{
	position: absolute;
	display: block;
	top: 84px;
	right: 8px;
} 

/* ==========================================================================================================

	 2-5. clearfix
 
============================================================================================================*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}

/* 追加1507 */
#main .over_box {
	margin:0px -30px 0px 0px;
}

#main .title_01_box {
	background-image: url(../images/title_01_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 485px;
}

#main .title_02_box {
	background-image: url(../images/patmi_img_03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 230px;
}
#main .patmi_text12 {
	font-size: 14px;
	line-height: 1.65em;
}
#main .set_box {
	text-align: center;
	padding: 10px 20px 10px 0px;
	margin: 20px 0px 10px 0px;
	background-image: url(../images/title_set.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: 1px solid #9D9D9D;
}
#main .set_box img {
	margin-left:20px;
}
#main .section hr {
	border: 0;
	border-bottom: 2px dotted #888888;
	background: #FFF;
}


#main table.default th, #main table.default td {
	line-height: 1.3em;
}

#main .ch_text {
	line-height: 24px;
	font-size: 14px;
}

/* フェーダー */
#kokuyo-st-main-contents #contents-header-banner {
}
#kokuyo-st-main-contents #slide_wrap {
	width:950px;
	height:375px;
}
#kokuyo-st-main-contents #slide_wrap #slide {
	width:950px;
	height:375px;
	margin:0;
	position:relative;
	display: block;
}
#kokuyo-st-main-contents #slide_wrap #slide ul {
	
}
#kokuyo-st-main-contents #slide_wrap #slide ul li {
	
}
#kokuyo-st-main-contents #slide_wrap #slide ul li:first-child {
	
}

/*テーブル調整 */
#main table.short_m {
	width: 100%;
	padding: 3px 3px;
	text-align: center;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
}
#main table.short_m th {
	padding: 3px 3px;
	text-align: center;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	background-color: #F7F7F7;
}
#main table.short_m td {
	padding:3px 3px;
	text-align:center;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
}