@charset "Shift_Jis";




/* main -------------------------------------------- */
#indexmain01 {
	width : 750px ;
	margin-left : auto ;
	margin-right : auto ;
}

#photo {
	width : 750px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 15px ;
}
#photo img {
	vertical-align : top ;
}



/* middlearea -------------------------------------------- */
.top01 {
	width : 750px ;
	margin-bottom : 10px ;
}
.top01 td {
	vertical-align : top ;
}
.news {
	width : 750px ;
}
.news .top {
	height : 15px ;
	font-size : 90% ;
	font-weight : bold ;
	padding : 5px 0 5px 10px ;
	background-image: url(../image/index_news_top_long.gif) ;
	background-position: 0% 100% ;
	background-repeat: no-repeat ;
	line-height: 1;
}
.news .middle {
	padding-left : 10px ;
	width: 740px;
	height: 160px;
	background-image: url(../image/index_news_middle_long.gif) ;
	background-position: 0px 0px ;
	background-repeat: repeat-y ;
	border-bottom: solid 1px #cccccc;
}
.news .middle div {
	width: 738px;
	height: 160px;
}
.news .middle iframe {
	width: 738px;
	height: 160px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.news .bottom {
	height : 6px ;
	background-image: url(../image/index_news_bottom_long.gif) ;
	background-position: 0px 0px ;
	background-repeat: no-repeat ;
}

.other {
	width : 750px ;
	margin-bottom : 15px ;
}
.other .top {
	height : 25px ;
	font-size : 90% ;
	font-weight : bold ;
	vertical-align : bottom ;
	padding-left : 10px ;
	padding-bottom : 1px ;
	background-image: url(../image/index_other_top.gif) ;
	background-position: 0% 100% ;
	background-repeat: no-repeat ;
}
.other .middle {
	height: 120px;
	text-align: center ;
	vertical-align: middle ;
	padding-top : 5px ;
	background-image: url(../image/index_other_middle.gif) ;
	background-position: 0px 0px ;
	background-repeat: repeat-y ;
}
.other .bottom {
	height : 6px ;
	background-image: url(../image/index_other_bottom.gif) ;
	background-position: 0px 0px ;
	background-repeat: no-repeat ;
}

.contents {
	clear : both ;
	margin-bottom : 10px ;
}
.contents td {
	vertical-align : top ;
}
.contents01,
.contents02 {
	width : 365px ;
	margin-bottom : 15px ;
}
.contents02 {
	margin-left : 20px ;
}
.contents01 .top,
.contents02 .top {
	height : 25px ;
	font-size : 90% ;
	font-weight : bold ;
	vertical-align : bottom ;
	padding-left : 10px ;
	padding-bottom : 1px ;
	background-image: url(../image/index_contents_top.gif) ;
	background-position: 0% 100% ;
	background-repeat: no-repeat ;
}
.contents01 .middle,
.contents02 .middle {
	height : 100px ;
	font-size : 80% ;
	line-height : 175% ;
	padding-top : 5px ;
}
.contents03 {
	width : 750px ;
	margin-bottom : 15px ;
}
.contents03 .top  {
	height : 25px ;
	font-size : 90% ;
	font-weight : bold ;
	vertical-align : bottom ;
	padding-left : 10px ;
	padding-bottom : 1px ;
	background-image: url(../image/index_news_top_long.gif) ;
	background-position: 0% 100% ;
	background-repeat: no-repeat ;
}
.contents03 .middle {
	height : 100px ;
	font-size : 80% ;
	line-height : 160% ;
	padding-top : 5px ;
}
.contents03 .product-icon {
	padding-left: 14px;
	vertical-align: middle;
}
.contents03 .new-mark {
	vertical-align: middle;
}
.contents03 .new-mark--with-space {
	margin-left: 4px;
}
.contents03 .download-all {
	margin: 16px 25px 0;
}
.contents03 .download-all a {
	display: block;
	padding: 8px 0;
	text-align: center;
	border: 2px solid #c1272d;
	border-radius: 6px;
	color: #c1272d;
	font-weight: bold
}
.contents03 .download-all a img {
	margin-right: 8px;
	vertical-align: middle;
}
.pdf {
	float:right;
	text-align:right;
	padding-left:35px;
	background:url(/edu/image/pdf_icon.png) no-repeat left;
	color:#C00;
	font-size:90%;
}
.pdf a {
	color:#C00;
}
.pdf img {
	padding-right:5px;
	padding-bottom:2px;
	vertical-align:bottom;
}
.indexbox {
	background-image:none;
	background-color: #F4FEDE;
	font-size:90%;
	margin:5px 0;
	padding-top:8px;
	padding-bottom:8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
}
.link_pdf {
	padding: 4px 0 4px 35px;
	background: url(/edu/image/pdf_icon.png) no-repeat left center;
}
.link_pdf a:hover {
	color:#C00;
}