@charset "shift_jis";

img {
	font-size:0px;
	vertical-align:bottom;	
}

#toolwrap{
	font-size:12px;
	margin:0 30px;
}

.textArea {
	margin: 20px 0 5px;
	padding: 10px;
 	border: #CCCCCC solid 1px;
 	background: #f6f6f6;
}
.super{
	vertical-align: super;
	font-size:8px;
}
.notes1{
	text-align: right;
	font-size: 9px;
}
.notes2{
	padding: 4px 4px 0;
	text-align: right;
	font-size: 9px;
	color: #FF0000;
}
.notes3{
	font-size: 10px;
	line-height: 1;
}
.qArea{
	margin: 15px 0 0 0;
}
.q_cont{
	padding:1px;
	width:421px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}
.q_left{
	float:left;
	padding:5px 0 0 20px;
}
.q_left2{
	float:left;
	padding:7px 0 0 20px;
}
.q_right{
	float:right;
	background:#fce8e9;
	width:150px;
	padding:5px 0 5px 10px;
}
.q_right2{
	float:right;
	background:#fce8e9;
	width:175px;
	padding:5px 0 5px 10px;
}


.btnArea{
	margin:15px auto;
	text-align:center;
}

.q_cont2{
	padding:10px;
	width:838px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}

.adv_q{
	padding:6px 0 6px 10px;
	width:826px;
	font-weight:bold;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
}
.adv_a{
	padding:6px 0;
	width:836px;
	background:#fce8e9;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}
.adv_a div{
	float:left;
	width:20%;
	text-align:center;
}
.forBtn{
	padding-top:20px;
}

.q_cont3{
	padding:1px;
	width:856px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}

/* ---- areaSlide ---- */
div.showArea{
  width: 860px;
  margin: 0;
  overflow: hidden;
  position:relative;
}
div.allpage{
  position: relative;
  width: 1720px;
  margin: 0;
}
div.page1{
  float: left;
  width: 860px;
  margin: 0;
}
div.page2{
  float: left;
  width: 860px;
  margin: 0;
}

/* ---- graphArea ---- */

.graphArea{
	margin-top:20px;
	padding:10px 0 5px 20px;
	border:#CCCCCC solid 1px;
	/*background:url(/spn/merit/tool/images/graph_bg.gif) repeat-x;*/
}
.g_area{
	margin-right:30px;
	padding:20px 0 0 40px;
	width:380px;
	border:#CCCCCC solid 1px;
}
table.g_main{
	float:left;
	width:125px;
	height:195px;
	font-size:0px;
}

/*-- 下揃え --*/
* html table.g_area div{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html table.g_area div{/* IE 7 */
display:inline;
zoom:1;
}
table.g_area div{
vertical-align:bottom;
}



.g_arrow{
  float:left;
  margin:100px 25px 0;
}
.g_text{
	float:left;
	text-align:center;
	width:211px;
	font-weight:bold;
	line-height:1.2em;
}
.g_textArea{
	padding:10px 20px;
	width:320px;
	text-align:center;
	border:#CCCCCC solid 2px;
	background:#e7f4fd;
	font-size:16px;
	line-height:1.3em;
}
.g_info{
	margin-top:10px;
	border:#CCCCCC solid 1px;
	width:360px;
	font-size:10px;
}
.g_info_in{
	padding:4px 0 4px 10px;
}
.bg_f0{	background:#f0f0f0;}

table.result{
	width:860px;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.result td{
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

.former{
	padding:3px 0;
	text-align:center;
	width:211px;
}
.former_in{	padding:3px 0;}
.cloud{
	padding:3px 0;
	text-align:center;
	width:215px;
}
.cloud_in{	padding:3px 0;}
.bgblue{background:#e7f4fd !important; font-weight:bold;}
.red{ color:#ec1e24; font-weight:bold;}

.usedcont{
	font-size:10px;
	padding:3px 0 3px 5px;
	text-align:left;
	width:337px;
}


ul.menu{
	margin-top:10px;
}
.menu li{
	float:left;
}

.mailArea{
	padding:1px;
	width:856px;
}
.mail_input{
	float: right;
	text-align: center;
	background:#fce8e9;
	padding:15px 0;
	width:430px;
}



/* ---- print ---- */
.print_cont{
	line-height:1.5;
	padding:0 20px;
}
.footerbg{
	margin-top:5px;
	padding:15px 0;
	border-top:#d6d6d6 solid 1px;
	background:url(/spn/merit/tool/images/print_footbg.gif) repeat-x;
	text-align:center;
}
.r_cont_in{
	padding:3px 0 3px 5px;
	background:#f0f0f0;
	width: 417px;
}
@media screen {
	.restext{
		padding:10px;
		line-height:1.4em;
	}
	.r_cont_in{
		padding:3px 0 3px 10px;
		background:#f0f0f0;
		width: 418px;
	}
	.arrow{
		padding-left:20px;
		background:url(/spn/merit/tool/images/arrow.gif)  no-repeat;
	}
	.arrSet{
		float:left;
		padding:3px 5px 0 0;
	}
	.print_none{
		display: block;
	}

	.attArea{
		width:853px;
		padding-left:7px;
		background-color: #666666;
		color:#FFFFFF;
	}
	.attText{
		float:left;
		width:736px;
		padding-left:10px;
	}
	
	.usedinfo{
		font-size:10px;
		padding:3px;
		text-align:right;
		width:90px;
	}
	
	.p_line_b{border-bottom:#cccccc solid 1px;}
	.p_btnArea{
		margin:30px auto;
		text-align:center;
	}
	.p_graph{}
	.p_gbg1{}
	.p_gbg2{}
	.p_gbg3{}
	.p_gbg4{}
	.p_gbg5{}
	.p_gbg6{}
}
@media print {
	.restext{
		font-size:1em;
		padding-top:7px;
		padding-left:7px;
		padding-right:7px;
		line-height:1.3em;
	}
	.r_cont_in{
		padding:3px 0 0 10px;
		background:#f0f0f0;
		width: 418px;
	}
	
	/*.arrow{
		margin:0px;
		padding:0px;
		padding:4px 2px;
		padding-top\9:7px;
		*padding-top:7px;
		_padding-top:7px;
		display: list-item;
		list-style-image: url(/spn/merit/tool/images/arrow.gif);
		list-style-position: inside;
	}*/
	
	.arrSet{
		float:left;
		padding:2px 5px 0 0;
		_padding:0px 5px 0 0;
	}
	
	.print_none{
		display: none;
	}

	.attArea{
		width:853px;
		padding:10px;
		background-color: #FFFFFF;
		color:#222222;
		border: #cccccc 2px solid;
	}
	.attText{
		float:left;
		width:736px;
		padding-left:10px;
	}
	
	.usedinfo{
		font-size:10px;
		padding:3px;
		text-align:right;
		width:70px;
	}

	.p_line_b{display: none;}
	.p_btnArea{
		display: none;
	}
	
	.p_graph{
		display: list-item;
		list-style-position: inside;
		letter-spacing: -1000em;
		font-size: 1pt;
	}
	.p_gbg1{
		list-style-image: url(/spn/merit/tool/images/color1.gif);
	}
	.p_gbg2{
		list-style-image: url(/spn/merit/tool/images/color2.gif);
	}
	.p_gbg3{
		list-style-image: url(/spn/merit/tool/images/color3.gif);
	}
	.p_gbg4{
		list-style-image: url(/spn/merit/tool/images/color4.gif);
	}
	.p_gbg5{
		list-style-image: url(/spn/merit/tool/images/color5.gif);
	}
	.p_gbg6{
		list-style-image: url(/spn/merit/tool/images/color6.gif);
	}
}

/**
 * 汎用スタイル
 */

/*clearfix --------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	zoom:1;/*for IE 5.5-7*/
	min-height: 1px;
}

.annotation.{
	text-indent:-1em;
	padding-left:1em;
}

.fl{ float: left;}
.fr{ float: right;}
.cl{clear:both;}

.ieSpace{font-size:0px;vertical-align:bottom;}

.center{text-align:center;}
.center img{display:inline;}

.left{text-align:left; float:none;}
.right{text-align:right; float:none;}

.caution{ text-indent:-1em; padding:0 0 0 1em;}
.next { margin:5px 0;}
.bg_gray { background-color:#eeeeee;}
.bg_gray2 { background-color:#999999;}
.bg_red { background-color:#e70012;}
.colorWhite { color:#FFFFFF;}
.colorRed { color:#e70012;}

.line_t{border-top:#cccccc solid 1px;}
.dotline_t{border-top:#cccccc dotted 1px;}
.dashedline_t{border-top:#cccccc dashed 1px;}
.line_b{border-bottom:#cccccc solid 1px;}
.dotline_b{border-bottom:#cccccc dotted 1px;}
.dashedline_b{border-bottom:#cccccc dashed 1px;}

/**
 * 汎用領域スタイル
 */
 
.mp0{margin:0px; padding:0px;line-height:0em;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}

.mt1{margin-top:1px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.mtb15{margin:15px 0;}

.ml_bnr{margin-left:0;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt120{padding-top:120px;}
.pt200{padding-top:200px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb100{padding-bottom:100px;}
.pb200{padding-bottom:200px;}
.pb250{padding-bottom:250px;}

#wrap .he30{height:30px;}
#wrap .he55{height:55px;}
#wrap .he64{height:64px;}
#wrap .he95{height:95px;}
#wrap .he82{height:82px;}
#wrap .he108{height:108px;}
#wrap .he132{height:132px;}
#wrap .wi100{width:100px;}
#wrap .wi200{width:200px;}
#wrap .wi300{width:300px;}


/* Add for app.trendmicro.co.jp 11.11.2013 */
#header-area {
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
#header-area #logo-journey a {
    background: url("/global/rfcommon/headerfooter/images/logo-journey.gif") left top no-repeat;
    display: block;
    height: 50px;
    text-indent: -9999px;
    width: 305px;
}
#catch h1 {
    background: url("/spn/merit/tool/images/print_tit.gif") left top no-repeat;
    display: block;
    height: 19px;
    text-indent: -9999px;
    width: 566px;
    margin: 20px;
}
#contents {
	background: none;
}
#footer-area {
    background: none repeat scroll 0 0 #868686;
    bottom: 0;
    clear: both;
    color: #FFFFFF;
    font-size: 11px;
    height: 20px;
    line-height: 1.5;
    padding: 5px 42px;
    width: 876px;
}
#footer-area ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 49%;
}
#footer-area ul li {
    float: left;
    margin: 0;
    padding-right: 10px;
}
#footer-area ul li a {
    color: #FFFFFF;
}

#footer-area p.copyright {
    float: right;
}