@charset "utf-8";
/* CSS Document */
@import url("https://www.wtw.jp/ccd/common/header-nav-rayout/lv2-side-navi.css");
@import url("https://www.wtw.jp/ccd/common/header-nav-rayout/oct-lv2-side-navi.css");
@import url("https://www.wtw.jp/ccd/common/header-nav-rayout/product-intro.css");
@import url("https://www.wtw.jp/ccd/common/header-nav-rayout/lens_comp.css");
@import url("https://www.wtw.jp/ccd/common/wrr-eg/css/wrr.css");
@import url("https://www.wtw.jp/ccd/common/header-nav-rayout/leftnavi-common.css");
@import url("https://www.wtw.jp/ccd/common/item-inc/setform-cam-cab/smform.css");
@import url("https://www.wtw.jp/ccd/common/header-nav-rayout/setspec-style.css");
@import url("https://www.wtw.jp/ccd/common/listnavi/css/listnavi.css");#otameshi4k{
	width:1010px;
	margin:0 auto;
	}
#otameshi4k ul,
#otameshi4k ol,
#otameshi4k dl{
	margin:0;
	padding:0;
}
#otameshi4k li,
#otameshi4k dl,
#otameshi4k dd{
	list-style:none;
}
#otameshi4k a:hover{
	text-decoration:none;
	opacity:0.9;
	}
#otameshi4k .caution{
	font-weight:normal;
	color:#f00;
	}
#otameshi4k h2{
	font-size:36px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:30px;
	color:#3c3c3c;
	border-left:7px solid #3c3c3c;
	}

/*main*/
#otameshi4k #main{
	margin-bottom:25px;
	}

/*tab*/
#otameshi4k .tabbox,
#otameshi4k .tab,
#otameshi4k .content li{
	width:100%;
	margin:0;
	padding:0;
	border-bottom:none;
	}
#otameshi4k ul.tab{
	overflow:hidden;
	clear:both;
	}
	
#otameshi4k ul.tab li{
	padding:22px;
	float:left;
	}
#otameshi4k ul.tab li.select:nth-of-type(1){
	background:#d4ecff;
	}
#otameshi4k ul.tab li.select:nth-of-type(2){
	background:#d6f4cc;
	}
#otameshi4k ul.tab li img{
	cursor:pointer;
	}

/*content*/
#otameshi4k .content .select_ex div.set-info{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #d4ecff));
	background: -webkit-linear-gradient(#d4ecff, #fff);
	background: -moz-linear-gradient(#d4ecff, #fff);
	background: -o-linear-gradient(#d4ecff, #fff);
	background: -ms-linear-gradient(#d4ecff, #fff);
	background: linear-gradient(#d4ecff, #fff);
	}
#otameshi4k .content .select_ip div.set-info{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #d6f4cc));
	background: -webkit-linear-gradient(#d6f4cc, #fff);
	background: -moz-linear-gradient(#d6f4cc, #fff);
	background: -o-linear-gradient(#d6f4cc, #fff);
	background: -ms-linear-gradient(#d6f4cc, #fff);
	background: linear-gradient(#d6f4cc, #fff);
	}
	
/*set-info*/

#otameshi4k .set-info{
	padding:22px;
	}
#otameshi4k .set-info section{
	display:table;
	width:100%;
	vertical-align:middle;
	}
#otameshi4k .set-info section div{
	display:table-cell;
	}
#otameshi4k .set-info section div.icon{
	padding-right:15px;
	}
#otameshi4k .set-info section div.button{
	text-align:center;
	}
	
#otameshi4k .set-info section div.button a.viewing{
	display:block;
	font-size:36px;
	font-weight:bold;
	color:#fff;
	padding:20px 0;
	margin-bottom:5px;
	border-top:1px solid #90cbf2;
	border-left:1px solid #5cb0e7;
	border-right:1px solid #0e62ad;
	border-bottom:1px solid #074a93;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0f67c8), color-stop(0.00, #2d9ae0));
	background: -webkit-linear-gradient(#2d9ae0, #0f67c8);
	background: -moz-linear-gradient(#2d9ae0, #0f67c8);
	background: -o-linear-gradient(#2d9ae0, #0f67c8);
	background: -ms-linear-gradient(#2d9ae0, #0f67c8);
	background: linear-gradient(#2d9ae0, #0f67c8);
	}
#otameshi4k .set-info section div.button p{
	font-size:14px;
	line-height:120%;
	font-weight:bold;
	}

#otameshi4k .select_ex .set-info h3{
	color:#1883d7;
	font-size:30px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:15px;
	border-left:7px solid #1883d7;
	}
#otameshi4k .select_ip .set-info h3{
	color:#269300;
	font-size:30px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:15px;
	border-left:7px solid #269300;
	}

/*method*/
#otameshi4k .select_ex h2{
	margin-bottom:20px;
	color:#1883d7;
	border-left:7px solid #1883d7;
	}
#otameshi4k .select_ip h2{
	margin-bottom:20px;
	color:#269300;
	border-left:7px solid #269300;
	}

#otameshi4k .method dl{
	border:2px solid #ccc;
	padding:20px;
	margin-bottom:90px;
	position:relative;
	}
#otameshi4k .select_ex .method dl:after{
	position:absolute;
	left:50%;
	bottom:-70px;
	display:block;
	text-align:center;
	content:url(../images/icon02.png);
}
#otameshi4k .select_ip .method dl:after{
	position:absolute;
	left:50%;
	bottom:-70px;
	display:block;
	text-align:center;
	content:url(../images/icon03.png);
}
#otameshi4k .select_ex .method dl:last-child:after,
#otameshi4k .select_ip .method dl:last-child:after{
	content:none;
}

#otameshi4k .select_ex .method h4{
	background:#1883d7;
	color:#fff;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	width:55px;
	margin-bottom:15px;
	}
#otameshi4k .select_ip .method h4{
	background:#269300;
	color:#fff;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	width:55px;
	margin-bottom:15px;
	}

#otameshi4k .method dl{
	display:table;
	width:100%;
	}
#otameshi4k .method dl dt{
	font-weight:normal;
	display:table-cell;
	vertical-align:top;
	padding-right:20px;
	}
#otameshi4k .method dl dd{
	display:table-cell;
	width:500px;
	vertical-align:top;
	}