@charset "UTF-8";
/*----------------------------------------

	index CSS
	- topics

-----------------------------------------*/

/*----------------------------------------
	topics
-----------------------------------------*/
#topics_01 #analysis .itemBox a {
	position: absolute;
	width: 32%;
	height: 32%;
}
#topics_01 #analysis .itemBox a.btn01 {
	top: 3%;
	left: 50%;
	transform: translate(-50%,0);
}
#topics_01 #analysis .itemBox a.btn02 {
	top: 20.5%;
	right: 3%;
}
#topics_01 #analysis .itemBox a.btn03 {
	top: 53.5%;
	right: 16.5%;
}
#topics_01 #analysis .itemBox a.btn04 {
	top: 53.5%;
	left: 16.5%;
}
#topics_01 #analysis .itemBox a.btn05 {
	top: 20.5%;
	left: 3%;
}

#topics_01 #customer .itemBox a {
	position: absolute;
	width: 32%;
	height: 32%;
}
#topics_01 #customer .itemBox a.btn01 {
	top: 6.5%;
	left: 12.5%;
}
#topics_01 #customer .itemBox a.btn02 {
	top: 6.5%;
	right: 12.5%;
}
#topics_01 #customer .itemBox a.btn03 {
	top: 49.5%;
	left: 12.5%;
}
#topics_01 #customer .itemBox a.btn04 {
	top: 49.5%;
	right: 12.5%;
}

/*----------------------------------------

	common

-----------------------------------------*/
table {
	width: 100%;
}

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

.pd0 {
	padding: 0 !important;
}

.end_example {
	margin-bottom: 10px;
}

.example h5 {
	float: left;
	width: 175px;
	margin: 0 !important;
}

.example .detail {
	float: left;
	width: 488px;
}

.example li {
	margin-bottom: 15px; 
}


/* ------------------------------------------------------
china.html (popup)
------------------------------------------------------ */
body.china table {
	margin-bottom: 30px;
}

body.china th {
	width: 50px; /* 62 */
	_width: 62px; /* IE6 */
}

body.china td {
	width: 258px; /* 275 */
	_width: 275px; /* IE6 */
}

body.china .tit {
	width: 335px;
	font-weight: bold;
	padding: 0 0 10px;
	background: none;
}

body.china .w_space {
	width: 30px;
	padding: 0;
	background: none;
}

/* ------------------------------------------------------
list.html
------------------------------------------------------ */
body.list .cat_out {
	margin-bottom:15px;
	padding-top:15px;
	background: url(../img/cmn_dotline02.gif) left top repeat-x;
}
body.list .cat {
	background: url(../service/img/list_bg01.gif) left top repeat-y;
}
body.list .cat_first {
	margin-bottom:15px;
	padding-top:0;
	background:none;
}

body.list .cat h5 {
	float: left;
	width: 114px;
	margin-bottom: 0 !important;
}

body.list .cat .cat_list {
	float: left;
	width: 550px;
}

body.list .cat dl {
	float: left;
	width: 274px;
}

body.list .cat_1column dl {
	width: 530px;
}

body.list .cat dt {
	float: left;
	width: 80px;
}

body.list .cat dd {
	float: left;
	width: 180px; /* 190 */
	padding-right: 10px;
}

.list .cat_1column dd {
	width: 240px;
}

/*---------------------
road.html
---------------------*/
body.road .topbox {

}
body.road .topbox .inner .left {
	float: left;
	width: 468px;
}

body.road .topbox .inner .left p.text {
	margin-bottom: 18px;
}
body.road .topbox .inner .right {
	float: right;
	width: 176px;
	margin-bottom: 35px;
}
body.road .topbox .inner .right ul li {
	margin-bottom: 5px;
}
body.road .box {
	margin-bottom: 35px;
}
body.road .btm {
	margin-bottom: 50px;
}