@charset "utf-8";




/*--------- hannbaikiページ用 ---------*/
#it2018{font-size:;}

#it2018 a:link{color:#;}
#it2018 a:visited{color:#;}
#it2018 a:active{color:#;}
#it2018 a:hover{
	background:;
	color:;}
#it2018 a{text-decoration:none;}



h1{
	font-size:200%;
position: relative;
background: #fbe672;
box-shadow: 0px 0px 0px 5px #fbe672;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
text-align:center;
}

h1:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #eabf03;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#it2018 h2{
	margin:1em auto;
	font-size:200%;
	font-weight:bold;
color: #364e96;/*文字色*/
border-bottom: dashed 2px #364e96;
}

.first1{　all: initial;
	position: relative;
	padding:0 0 5px 0;
	font-size:20px;
	border-bottom:#BFBFBF dotted 1px;
}
.first1:first-letter{
	font-size:35px;
	color:#325A8C;
}


.box{
	position: relative;
	padding: 10px 20px;
		margin:50px 0;
	font-size:20px;
	background: #364e96;
	color: #ffffff;
}
.box::before{
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
	width: calc(100% - 20px);
	height: 0;
	border: solid 10px transparent;
	border-bottom-color: #1A3654;
}


.point{
	position:relative;
	padding:20px 10px;
	margin:20px;
	font-size:15px;
	border:1px solid #364e96;
}
.point::after{
	content: "POINT";
	position: absolute;
	top: -8px;
	left: 10px;
	background: #fff;
	font-size: 12px;
	color: #364e96;
	padding: 0 10px;
}



.kazu{	margin:30px 0 10px 0;
	position: relative;
	height: 60px;
	line-height: 60px;
	padding: 0 0 0 100px;
	font-size:20px;
	border: 1px solid #364e96;
	border-radius: 6px;
}
.kazu::before{
	content: attr(title);
	position: absolute;
	left: 0;
	top: 0;
	padding:0 40px;
	font-size:25px;
	background: #364e96;
	color: #fff;
}

.shita{
padding: 10px;
color:#FFF !important;
background: #777;
position: relative;
text-align: center;
}
.shita2{
padding: 10px;
color:#FFF !important;
background: #777;
position: relative;
text-align: center;
}
.shita:after {
content: "";
position: absolute;
top: 100%;
left: 40%;
border: 1em solid transparent;
border-top: 1.3em solid #777;
}


#it2018 h4 {
    color: #336699;
    font-size: 120%;
}
#it2018 p{
	margin:1.3em 0;
	line-height:1.4em;
	letter-spacing:0.1em;}
#it2018 p img{
	display:block;
	margin:3em auto;}

#it2018 strong,
#it2018 em{
	font-weight:bold;}
	
#it2018 span{}

#it2018 .caption{
	margin-top:0.5em;
	font-size:90%;}

#it2018 hr{
	clear:both;
	width:85%;
	height:1px;
	margin:4em auto;
	border:1px #ddd solid;}
	

#it2018 dl,ol,ul,dt,dd{line-height:1.4em;}
#it2018 dl{
	margin:1em;
	font-size:95%;}
#it2018 dt{}
#it2018 dd{margin:0;}
#it2018 ol li{
	line-height:1.4em;
	list-style:inside decimal;}



#it2018 table{
border-top: 1px solid #807965; 
border-left: 1px solid #807965;"
	width:100%;
	line-height:1.3em;
	font-size:95%;
	empty-cells:show;}
#it2018 tr.even{
	background:#eee;}
#it2018 th{
    background-color: #fbe672;
	border:1px #807965 solid;
	padding:0.5em 1em;
	text-align:left;
	font-weight:normal;}
#it2018 td{
	border:1px #807965 solid;
	padding:0.5em 1em;}
#it2018 th.green{
	background:#EDF2DA;}
#it2018 th.pink{
	background:#F2E3DA;}

#it2018 .table_c td{
	text-align:center;}




#it2018 .parallel{
    clear:both;
    line-height:1.3em;}
#it2018 .parallel dt:first-child {
    background:none repeat scroll 0 0 transparent;}
#it2018 .parallel dt{
	padding:0;
	line-height:1.3em;}
#it2018 .parallel dd{
    letter-spacing:0.1em;
    margin:-1.3em 0 0.5em 5em;}




/*contents*/
#it2018 .contents{
	width:1000px;
	margin:6em auto;}
#it2018 .vis_wr{
	 margin: 0 auto;
	position:relative;
	width:100%;
	height:400px;
	background:#a8dcf7;
	background-size:contain;
	border-bottom:5px solid #4c9dc7;
	border-top:5px solid #4c9dc7;
	}

#it2018 .vis{
	 margin: 0 auto;
	position:relative;
	width:1200px;
	height:400px;
	padding-top:0; /* height/width*100 */
	background: url(img/vis_hannbaiki.jpg) right bottom no-repeat;
	background-size:contain;

	}
	
#it2018 .vis p{
	clear:both;
	padding:3em 0 0;
	text-align:center;}
	

#it2018 .vis div{
	position:absolute;
	top:0;
	left:0;
	width:30%;
	min-width:120px;
	height:400px;
	background:#0f1a4a;
	z-index:90;}
#it2018 .vis p{
	margin:3em auto;
	text-indent:-9999px;
	min-width:100px;
	max-width:304px;
	max-height:102px;
	background:url(img/ceatec_logo.gif) center center no-repeat;
	background-size:contain;
	overflow:hidden;}
.square_btn {
margin: 0 auto;
		font-size:150%;
    position: relative;
    display: inline-block;
    padding: 1em 1em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.square_btn:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}

.box_ye img {
    float: right;
    margin-left: 20px;
}

.box_ye {
    width: 100%;
    box-sizing: border-box;
    border: 7px double #364e96;
    padding: 25px 30px;
    text-align: left;
    overflow: hidden;
}

.colom2{
float: left;
width: 45%;
margin:20px;

}
.left{
height:100px;
float: left;
width: 20%;

}
.left2{
height:160px;
float: left;
width: 70%;
padding: 20px;

}
.m20{
margin: 0px !important;

}
/*--------- hannbaikiページ用 ここまで ---------*/

.clear{
	clear:both;
}

/*--clearfix--*/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
.clearfix {
	min-height:1px;}
* html .clearfix {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}
	
	
	
/*--------- qaページ用 ここから ---------*/


/****************************************************
ここが知りたい
****************************************************/

#q_a_qBoxOuter{
	padding-top:40px;
	padding-bottom:25px;
	border-bottom:solid 1px #F2F2F2;
	margin-bottom:50px;
}

.q_a_qBoxWrap{
	margin-bottom:25px;
	background-image:url(img/q_a_bg_topqbox.png);
	background-repeat:repeat-y;
	background-position:center top;
}

.q_a_qBox{
	width:440px;
	padding:30px 20px;
	background-color:#F2F2F2;
}

.q_a_qBox_L{
	float:left;
}

.q_a_qBox_R{
	float:right;
}

.q_a_qBox h2{
	font-weight:bold;
	font-size:20px;
	text-align:center;
	margin-bottom:30px;
}

.q_a_qBox h2 a{
	color:#1D9EEB;
}

.q_a_qBox ul{
	line-height:2;
}

.q_a_qBox ul li{
	text-indent:-25px;
	padding-left:25px;
}

.q_a_qBox ul li span{
	width:20px;
	padding-right:5px;
	display:inline-block;
	color:#1D9EEB;
	text-align:right;
}

.q_a_qBox ul li a{
	color:#333333;
}


#q_a_qaNavi li.q_a_qaNaviEnd a{
	margin:0;
}

.q_a_img_jihanki{
	width:380px;
	height:auto;
	margin:1em 15px 0 0;
}

.q_a_txtSmall01{
	width:100% !important;
	font-size:12px !important;
	color:#333333 !important;
	text-align:left !important;
	text-indent:0 !important;
	line-height:1.3 !important;
}

.toiawase{margin: 2em auto;
 padding: 1em;
 width: 90%;
 border: 5px dotted #f9e238; /*太さ・線種・色*/
 background-color: #fff; /* 背景色 */
 border-radius: 1px; /*角の丸み*/
}


.tel{
	position:relative;
	font-weight:bold;
	padding:20px 10px;
	font-size:35px;
}