@charset 'UTF-8';
/*===========================================
original.css INDEX
===========================================*/

/*--------------------------------------------------
indexKV
--------------------------------------------------*/
#kvSlider.indexKV .bxslider div{height:734px;}
#kvSlider.indexKV .bxslider div.elem1{background:url(../../_Templates/images/index/kv_01.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem2{background:url(../../_Templates/images/index/kv_02.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem3{background:url(../../_Templates/images/index/kv_03.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem4{background:url(../../_Templates/images/index/kv_04.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem5{background:url(../../_Templates/images/index/kv_05.jpg) 0 0 no-repeat;}
#kvSlider.indexKV .bxslider div.elem6{background:url(../../_Templates/images/index/kv_06.jpg) 0 0 no-repeat;}

@media screen and (max-width:599px){
	#kvSlider.indexKV .bxslider div.elem1{background:url(../../_Templates/images/index/sp_kv_01.jpg) 0 0 no-repeat;}
	#kvSlider.indexKV .bxslider div.elem2{background:url(../../_Templates/images/index/sp_kv_02.jpg) 0 0 no-repeat;}
	#kvSlider.indexKV .bxslider div.elem3{background:url(../../_Templates/images/index/sp_kv_03.jpg) 0 0 no-repeat;}
	#kvSlider.indexKV .bxslider div.elem4{background:url(../../_Templates/images/index/sp_kv_04.jpg) 0 0 no-repeat;}
	#kvSlider.indexKV .bxslider div.elem5{background:url(../../_Templates/images/index/sp_kv_05.jpg) 0 0 no-repeat;}
	#kvSlider.indexKV .bxslider div.elem6{background:url(../../_Templates/images/index/sp_kv_06.jpg) 0 0 no-repeat;}
	#kvSlider.indexKV .bxslider div{
		-moz-background-size:100% auto;
		-webkit-background-size:100% auto;
		background-size:100% auto!important;
	}
}

/*--------------------------------------------------
chapterKV
--------------------------------------------------*/
#kvProducts{
	position:relative; zoom:1;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-size:100% auto!important;
}
#kvTop{background:url(../../images/index_kv_01.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvJigyou{background:url(../../jigyou/images/jigyou_kv_01.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvService{background:url(../../service/images/service_kv_01.jpg) 0 0 no-repeat; position:relative; zoom:1;/* min-height:240px;*/}
#kvExample{background:url(../../example/images/example_kv_01.jpg) 0 0 no-repeat; position:relative; zoom:1;}

#kvJigyou .chapterKV{/*padding:100px 0 100px 65px; height:190px; color:#fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); font-size:14px;*/}
/*#kvJigyou .chapterKV h1{margin-bottom:15px; padding:0; border:none; font-size:40px; font-weight:bold; line-height:1.2; color:#fff;}
#kvJigyou .chapterKV p.heading{margin-bottom:10px; font-size:24px; font-weight:bold; line-height:1.3;}
#kvJigyou .chapterKV p{width:500px;}*/

@media screen and (max-width:599px){
	#kvProducts{background:url(../../_Templates/images/lower2/sp_kv_index_02.jpg) 0 0 no-repeat;}
	#kvTop{background:url(../../images/index_kv_sp01.jpg) 0 0 no-repeat;}
	#kvJigyou{background:url(../../jigyou/images/jigyou_kv_sp01.jpg) 0 0 no-repeat;}
	#kvService{background:url(../../service/images/service_kv_sp01.jpg) 0 0 no-repeat;}
	#kvExample{background:url(../../example/images/example_kv_sp01.jpg) 0 0 no-repeat;}
	
	#kvTop,
	#kvJigyou,
	#kvService,
	#kvExample{
		margin:-10px -10px 0;
		padding:0 10px;
		background-size:100% auto;
		-moz-background-size:100% auto;
		-webkit-background-size:100% auto;
	}
	
/*	#kvService{
		margin:-10px -10px 0;
		padding:0 10px;
		background-size:100% auto;
		-moz-background-size:100% auto;
		-webkit-background-size:100% auto;
		height:160px;
		min-height:inherit;
	}*/
	
	/*#kvJigyou .chapterKV{height:auto; padding:60px 0; }
	#kvJigyou .chapterKV h1{margin-bottom:10px; font-size:166%;}*/
/*	#kvJigyou .chapterKV p{width:auto; display:none;}
	#kvJigyou .chapterKV p.heading{font-size:133%; display:block;}
	#kvJigyou .chapterKV .more{display:block;}
	#kvJigyou .chapterKV .more a{padding:5px;}*/
}


/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.iframePress{height:300px;}

@media screen and (max-width:599px){
	.iframePress{height:200px;}
}


/*--------------------------------------------------
bgImgText Adjust
--------------------------------------------------*/
.kvAdjust01{height:178px; background:url(../../_Templates/images/device_kvbg_01.jpg) 0 0 no-repeat; position:relative;}

.btnAdjust01{height:40px; background:url(../../_Templates/images/lower2/index_img_04.jpg) 0 0 no-repeat; position:relative; margin-bottom:10px;}
.btnAdjust02{height:40px; background:url(../../_Templates/images/lower2/index_img_01.jpg) 0 0 no-repeat; position:relative; margin-bottom:10px;}
.btnAdjust03{height:40px; background:url(../../_Templates/images/lower2/index_img_02.jpg) 0 0 no-repeat; position:relative; margin-bottom:10px;}
.btnAdjust01,
.btnAdjust02,
.btnAdjust03{background-size:100% auto;}
.btnAdjust01 span,
.btnAdjust02 span,
.btnAdjust03 span{position:relative; top:inherit; left:10px; display:inline-block; line-height:1.3;}
.btnAdjust01 small,
.btnAdjust02 small,
.btnAdjust03 small{display:block; padding-left:10px; margin-top:-3px;}

@media screen and (max-width:599px){
	.kvAdjust01{height:89px; background-position:100% 0;}
}


/*--------------------------------------------------
bgAdjust
--------------------------------------------------*/
#bgAdjust01{background:url(../../_Templates/images/lower2/pla_bg_001.gif) 100% 0% no-repeat;}
#bgAdjust02{background-color:#e8f2ff;}
#bgAdjust03{
	background:linear-gradient(#fbfbfb, #e5e5e5);
	background:-moz-linear-gradient(top, #fbfbfb, #e5e5e5);
	background:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
}


/*--------------------------------------------------
btnType
--------------------------------------------------*/
.btnType01{
	text-align:center;
}
.btnType01 a{
	width:auto;
	border:#e9e9e9 1px solid;
	padding:10px 65px;
	display:inline-block; color:#000;
}
.btnType01 a:hover{text-decoration:none; background-color:#efefef;}

.btnType02{
	margin:25px 0 25px;
	padding:15px 15px 10px;
	background-color:#fff;
	border:1px solid #ddd;
	text-align:center;
}
.btnType02 a{display:block;}
/*.btnType02 a{text-align:center;}*/
.btnType02:hover{text-decoration:none; background-color:#e9e9e9;}
.btnType02 a:hover{text-decoration:none; background-color:#e9e9e9;}
.columnBlock .mgnT136{margin-top:136px;}


.btnType03{
	text-align:center;
	margin-top:25px;
}
	
.btnType03 a{
	margin:25px 0 25px;
	padding:15px 15px 10px;
	background-color:#fff;
	border:#eaeaea 1px solid;
	color:#333;
	font-size:14px;
}
.btnType03 a:hover{
	text-decoration:none;
	background-color:#e9e9e9;
}


@media screen and (max-width:599px){
.btnType01 a{padding:7px 30px;}
.columnBlock .btnType02{margin-bottom:0 !important;}
.columnBlock .mgnT136{margin-top:25px;}
}

/*--------------------------------------------------
border
--------------------------------------------------*/
.columnBlock .bdR{
	border-right:#CCC 1px solid;
	margin-right:15px;
	}

@media screen and (max-width:599px){
.columnBlock .bdR{
	border-right:none;
	}

}

/*--------------------------------------------------
gn02
--------------------------------------------------*/
.gn02{
	margin-left:1%;
	margin-bottom:10px;
	float:left;
	display:inline;
	/*background-color:#ccc;*//*for sample*/
}



@media screen and (max-width:600px){
.columnBlock.smpVertical{margin-left:0;}
.columnBlock.smpVertical .gn02{
	margin-left:0;
	margin-bottom:10px;
	float:left;
	display:inline;
	/*background-color:#ccc;*//*for sample*/
	width:100%;
}
	
.columnBlock .gn2 .mgnT30{margin-top:0 !important;}

}


/*--------------------------------------------------
width
--------------------------------------------------*/
.wid471{width:471px !important;}


/*--------------------------------------------------
lineT
--------------------------------------------------*/
.lineT{
	border-top:#e9e9e9 1px solid;
}


/*--------------------------------------------------
wrapColumn
--------------------------------------------------*/
.wrapColumn{
	width:100%;
/*	margin-left:10px;*/
}

.wrapColumn .columnL{
	width:359px;
	float:left;
}

.wrapColumn .bdR{border-right:#CCC 1px solid;}


@media screen and (max-width:599px){

.wrapColumn{margin-left:0;}
.wrapColumn .columnL{width:auto;}
.wrapColumn .bdR{border-right:none;}

.wrapColumn .columnL .pdR15{padding-right:0 !important;}
.wrapColumn .columnL .pdL20{padding-left:0 !important;}

}


/* chapterBlock2
--------------------------------*/
.chapterBlock .chapterBox2{
	float:left;
	width:471px;
	margin:0 0 18px 18px;
	background:url(../images/bg_white_op80.png) 0 0 repeat;
}
.chapterBlock .chapterBox2 a{display:block; text-decoration:none; zoom:1; cursor:pointer;}
.chapterBlock .chapterBox2 a:hover{opacity:0.8;}
.chapterBlock .chapterBox2 .chapImg img.imgSP{display:none;}
.chapterBlock .chapterBox2 .chapTxt{padding:18px 20px 20px; border:#e9e9e9 1px solid; border-top:none;}
.chapterBlock .chapterBox2 .chapTxt h2{margin-bottom:5px; font-size:128%; color:#014099; font-weight:bold; text-align:center;}
.chapterBlock .chapterBox2 .chapTxt p{color:#000;}

@media screen and (max-width:599px){
	.chapterBlock{margin:0;}
	.chapterBlock .chapterBox2{
		float:none;
		width:100%;
		height:auto;
		margin:0 0 10px 0;
		padding:10px 0 0 0;
		background:#fff;
		border-top:#e9e9e9 1px solid;
	}
	.chapterBlock .chapterBox2:first-child{border:none; padding-top:0;}
	.chapterBlock .chapterBox2.un1st{border-top:#e9e9e9 1px solid; padding-top:10px;}
	.chapterBlock .chapterBox2 .chapImg img{width:100%;}
	.chapterBlock .chapterBox2 .chapImg img.imgPC{display:none;}
	.chapterBlock .chapterBox2 .chapImg img.imgSP{display:block;}
	.chapterBlock .chapterBox2 .chapTxt{height:auto; min-height:auto!important; border:none; padding:10px 15px;}
	
	.chapterBlock .chapterBox2.spTypeL,
	.chapterBlock .chapterBox2.spTypeR{display:table;}
	.chapterBlock .chapterBox2.spTypeL .chapImg{float:left; width:30%; display:table-cell;}
	.chapterBlock .chapterBox2.spTypeR .chapImg{float:right; width:30%; display:table-cell;}
	.chapterBlock .chapterBox2.spTypeL .chapTxt,
	.chapterBlock .chapterBox2.spTypeR .chapTxt{display:table-cell;}
	.chapterBlock .chapterBox2.spTypeL .chapTxt h2,
	.chapterBlock .chapterBox2.spTypeR .chapTxt h2{text-align:left; margin-bottom:3px; line-height:1.3;}
}




/*-------------------------------------------
sidebanner
-------------------------------------------*/
#sidebar .sidebanner { margin-top:15px;}
#sidebar .sidebanner a{
	display:block;
	width:auto;
	padding:125px 25px 10px;
	background:url(../images/tr_banner.jpg) no-repeat;
	font-size:16px;
	font-weight:bold;
}
#sidebar .sidebanner a:hover{ text-decoration:none; opacity:0.8;}
#sidebar .sidebanner a span {
	font-size:12px;
	display:block;
}
@media screen and (max-width:599px){
	#sidebar .sidebanner a{
		border:#eaeaea 1px solid;
		padding:15px 5px 15px 43%;
		background:#fff url(../images/tr_banner.jpg) no-repeat;
		-moz-background-size:40% auto;
		-webkit-background-size:40% auto;
		background-size:40% auto!important;
	}
}



/*-------------------------------------------
高さ合わせ
-------------------------------------------*/
.wrapColumn { margin-bottom:60px;}
.wrapColumn .categoryBlock02 .listBox{ border:none; }
#main .wrapColumn .categoryBlock02{margin-left:-40px;}
#main .wrapColumn .categoryBlock02 .listBox{
	width:339px; 
	margin:0 0 20px 40px;
}
.wrapColumn .categoryBlock02 .listBox .listBoxInner { padding:0; }
.wrapColumn .bdL{
	border-left:#CCC 1px solid !important; 
	padding-left:20px; 
	margin-left:20px !important;
}

@media screen and (max-width:599px){
	.wrapColumn { margin-bottom:0;}
	.wrapColumn .bdL{ 
		border:none !important; 
		padding-left:0px !important; 
		margin-left:0 !important;
	}
	.wrapColumn .categoryBlock02 { margin-top:0;}
	.wrapColumn .categoryBlock02 .listBox{ margin-top:0px !important; padding:0;}
}




/*-------------------------------------------
clearfix
-------------------------------------------*/
.wrapColumn:after{content:''; display:block; clear:both; height:0; overflow:hidden;}

.wrapColumn{zoom:1;}