@charset "UTF-8";

/***********************************************/
/* FileName: index.css                         */
/* data:2014/03/29                             */
/***********************************************/


/********* general ***********/




/********* contentBox ***********/
.contentBox { margin-bottom:30px;}

.contentBox h3 {
	margin-bottom:15px;
}
@media screen and (max-width: 768px){ /* 768px以下の記述 */
.contentBox h3 {
	margin-bottom:10px;
	color:#fe0092;
}
.contentBox h3 span {
	color:#FFF;
	background:#fe0092;
	padding:5px 10px;
	display:block;
	font-size:116%;
}
}


.contentBox .textBox {
	line-height:1.81;
	margin-bottom:20px;
}



.contentBox .pic_enchart { float:right; margin-left:20px;}
.contentBox .pic_enchart img { border:1px solid #CCC;}
.contentBox .textArea { display:table; }
.contentBox .textArea .subTi { margin-bottom:5px;}
@media screen and (max-width: 768px){ /* 768px以下の記述 */
.contentBox .pic_enchart { float:none; margin-left:0px; text-align:center; margin-bottom:10px; }
.contentBox .pic_enchart img { max-width:100%; height:auto;}
.contentBox .textArea .subTi { background:#ffecec; color:#e4007f; padding:5px 10px; font-weight:bold; }
}



/********* listBox ***********/
.listBox { min-height:150px; margin-bottom:30px;}
.listBox .ti {
	font-size:116%;
	font-weight:bold;
	color:#1664c4;
}
.listBox ul {
	letter-spacing:-.40em;
}
.listBox ul li {
	display:inline-block;
	letter-spacing:normal;
	width:50%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	vertical-align:top;
}
.listBox ul li:nth-child(1) {
	padding-right:20px;
}

.listBox .detailBox {
	position:relative;
}
.listBox .detailBox dt {
	margin-left:95px;
	margin-bottom:1em;
	line-height:1.41;
}
.listBox .detailBox dd {
	margin-left:95px;
}
.listBox .detailBox .pic {
	position:absolute;
	top:0;
	left:0;
	margin:0;
}
.listBox .detailBox dt a {
	color:#00a0e9;
}
.listBox .detailBox .cate {
	color:#33a44b;
	line-height:1.41;
}
.listBox .detailBox .name {
}


@media screen and (max-width: 768px){ /* 768px以下の記述 */
.listBox ul li {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.listBox .detailBox .pic img {
	width:40px;
	height:auto;
}
.listBox .detailBox dt , .listBox .detailBox dd {
	margin-left:45px;
}

}



/********* uni-listBox ***********/
.uni-listBox { margin-bottom:25px; }
.uni-listBox  li a {
	color:#00a0e9;
	padding-left:15px;
}
.uni-listBox li { 
	background:url(../_img/icon_arrow.png) no-repeat left top;
	margin-bottom:.8em;
	text-indent:-15px;
	padding-left:15px;
}