@charset "utf-8";

/* ---------------------------------------------------------- */
/*     navi  */
/* ---------------------------------------------------------- */

.ja #nav li.software a { background: url(../img/nav_software_on.png) no-repeat; }
.en #nav li.software a { background: url(../img/nav_software_en_on.png) no-repeat; }
#nav li.software a img { display:none; }

/* ---------------------------------------------------------- */
/*     content  */
/* ---------------------------------------------------------- */

/*　共通
-----------------------------------*/
#content-inner h2{
	background:url(../software/img/h2_icon.gif) left bottom no-repeat;
	font-size:184%;
	color:#23719A;
	padding:0 0 0 30px;
	margin:0 0 20px 0;
}
#content-inner h3 {
	background:url(../software/img/h3_line.gif) repeat-x bottom;
	color:#333;
	font-weight:bold;
	font-size: 138.5%;
	margin-bottom: 15px;
}
.writer-box p,
.writer-box li {
	font-size: 108%;
	line-height: 1.5em;
}
.pagetop {
	margin-top: 30px;
}


/*　アプリ
-----------------------------------*/
.writer-box .img-kyo {
	float:left;
	margin: 0 10px 10px 0;
}

/*　ロボカップ
-----------------------------------*/
.writer-box .img-robocup {
	border: 1px solid #CCC;
	float:right;
	margin-bottom: 30px;
	padding: 5px 5px 5px 10px;
}
.writer-box .box-robocup {
	float:left;
	margin-bottom: 30px;
	width: 485px;
}

.writer-box dt {
	float: left;
	clear:both;
	margin-bottom: 10px;
}
.writer-box dd {
	float:right;
	margin-bottom: 10px;
}
.writer-box dt.none,
.writer-box dd.none {
	margin-bottom: 0;
}

/* ---------------------------------------------------------- */
/*     content en */
/* ---------------------------------------------------------- */
.en #content-inner h2{
	padding:0 0 3px 30px;
}

/* ---------------------------------------------------------- */
/*     TB,SP共通   */
/* ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
	body {
		word-break: break-all;
	}

	.writer-box .box-robocup {
		float: none;
		width: 100%;
	}
}