@charset "utf-8";

/************************************
For top page
*************************************/
/*------------ header ------------*/
#header div.ELE_nav {
	margin-bottom: 0.8em;
}

#header div.ELE_header_logo {
	background-image: url(screens/ele_header.jpg);
	padding: 1.5em 1em;
	margin-bottom: 1em;
}

#header div.ELE_header_logo h1 {
	color: #696969;
	font-size: 1.5em;
}

/*------------ contents ------------*/
div.ELE_contents a {
	color: #696969;
	text-decoration: none;
}

div.ELE_contents a:hover {
    color: #257fd9;
}

#contents ul {
	padding-left: 0;
	list-style-type: none;	
}
/* stm_info */
#contents ul.ELE_stm_info {
	margin-bottom: 1em;
}

#contents ul.ELE_stm_info li {
    border-left: 5px solid #879fbd;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}

#contents ul.ELE_stm_info li a {
    border-bottom: 1px solid #879fbd;
}

#contents ul.ELE_stm_info li a:hover {
    color: #257fd9;
    border-bottom: 1px solid #257fd9;
}

#contents ul.ELE_stm_info a:after {
	content: url(screens/arrow_small_bg_white.gif);
	padding-left: 0.3em;
}

/* query */
#contents ul.ELE_query {
	margin-bottom: 1em;
}

#contents ul.ELE_query li {
    background-color: #E9E9E9;
    background-image: url(screens/arrow_small.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
    border: 2px solid #E9E9E9;
    margin-bottom: 0.5em;
    width: 100%;
}

#contents ul.ELE_query li a {
	display: block;
	font-size: 1em;
	font-weight: bold;
}

#contents ul.ELE_query li span.ELE_q_wrap {
	display: table;
	padding: 1em;
}

#contents ul.ELE_query li img {
	display: table-cell;
	vertical-align: middle;
}

#contents ul.ELE_query li span.stc {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0.5em;
}

#contents ul.ELE_query li:hover {
    background-color: #c0e1fc;
}

/* title */
#contents ul.ELE_title li {
	width: 100%;
	margin-bottom: 0.3em;
    border: 2px solid #879fbd;
    background-color: #EBEFF7;
    background-image: url(screens/arrow_small.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
}

#contents ul.ELE_title li:hover {
    background-color: #c0e1fc;
}

#contents ul.ELE_title li a {
	display: block;
	font-weight: bold;
}

#contents ul.ELE_title li span.ELE_t_wrap {
	display: table;
	padding: 1em 0.5em;
}

#contents ul.ELE_title img {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	min-width: 10px;
	max-width: 200px;
}

#contents ul.ELE_title span.ELE_t_title {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding: 0 1.5em;
}
#contents ul.ELE_title span.ELE_t_title span.ELE_t_title2{
    font-size: 0.8em;
    font-weight: normal;
}

/*------------ Media Queries ------------*/
@media screen and (min-width: 480px) {

	/*----- header -----*/
	#header div.ELE_nav:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: "";
	}

	/*----- contents -----*/
	#contents ul.ELE_query li {
	    border: 1px solid #E9E9E9;
	}
	
	#contents ul.ELE_title {
        border: 3px solid #879fbd;
	}

	#contents ul.ELE_title li {
		border: none;
		margin-bottom: 0;
	}

	#contents ul.ELE_title li a {
		font-size: 1.1em;
	}

	#contents ul.ELE_title li span.ELE_t_wrap {
		width: 95%;
		padding: 0.7em 0;
		margin: 0 auto;
        border-bottom: 3px solid #879fbd;
	}

	#contents ul.ELE_title li:last-child span.ELE_t_wrap {
		border-bottom: none;
	}
}

@media screen and (min-width: 800px) {
	/*----- contents -----*/
	div.ELE_contents {
		width: 94% !important;
	}
	#contents ul.ELE_title li {
		background-image: url(screens/arrow_big.gif);
	}
}

@media print {
	/*----- header -----*/
	#header div.ELE_nav, div.search_wrap {
		display: none;
	}
	#header div.ELE_nav:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: "";
	}

	/*----- contents -----*/
	#contents ul.ELE_query li {
	    border: 1px solid #E9E9E9;
	}
	
	#contents ul.ELE_title {
        border: 3px solid #879fbd;
	}

	#contents ul.ELE_title li {
		border: none;
		margin-bottom: 0;
	}

	#contents ul.ELE_title li a {
		font-size: 1.1em;
	}

	#contents ul.ELE_title li span.ELE_t_wrap {
		width: 95%;
		padding: 1.4em 0;
		margin: 0 auto;
        border-bottom: 3px solid #879fbd;
	}

	#contents ul.ELE_title li:last-child span.ELE_t_wrap {
		border-bottom: none;
	}
	
	/*--- 800px ---*/
	/*----- contents -----*/
	div.ELE_contents {
		width: 94% !important;
	}
	#contents ul.ELE_title li {
		background-image: url(screens/arrow_big.gif);
	}
}