@charset "utf-8";


/* =========================================================
   mainimage
========================================================= */
#mainimage {
	height:360px;
	background:url(../images/mainimage.jpg) top center repeat-x;
	z-index:-100;
}

#mainimage:not(:target){background-position-x:center;}

/* =========================================================
   global
========================================================= */
.con-inner {
	width:1000px;
	margin:0 auto;
}

#title {
	height:73px;
	padding-top:27px;
}

/* =========================================================
   news
========================================================= */

#con-l {
	width:680px;
	float:left;
	padding-top:60px;
}

#con-l article {
	background:url(../../common/images/dot_gr.png) left bottom repeat-x;
	padding-bottom:50px;
	margin-bottom:40px;
}

#con-l article .link {
	font-size:13px;
}

#con-l article .link a, #con-l article .pdf a {
	font-size:13px;
	text-decoration:underline;
}

#con-l article .link a:hover, #con-l article .pdf a:hover {
	text-decoration:none;
}

#con-l article .pdf {
	font-size:13px;
}

#con-l article .pdf a:before {
	content:url(../../common/images/icn_pdf.png);
	position:relative;
	top:6px;
	margin-right:5px;
}

#con-l article h2 {
	padding-top:15px;
}

#con-l article h2 a {
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	text-align:justify;
}

#con-l article p {
	padding-top:20px;
	font-size:15px;
	line-height:24px;
	text-align:justify;
}

#con-l article figure {
	padding-top:40px;
}

#con-l article img {
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#con-l article figure.fg3 img {
	float:left;
	width:200px;
	margin-right:40px;
}

#con-l article figure.fg3 img.last {
	margin-right:0;
}


#con-l article span {
	text-align:right;
	font-size:10px;
	color:#777;
	font-weight:bold;
	line-height:20px;
	display:block;
}

#con-l article.new span:before {
	content: "NEW!";
	font-size:11px;
	font-weight:bold;
	background:#f8b73b;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	color:#fff;
	line-height:20px;
	display:inline-block;
	padding:0px 8px;
	position:relative;
	left:-553px;
}

@media all and (-ms-high-contrast:none){
#con-l article.new span:before {
 	padding:3px 8px 0px 8px;

}
}

#con-l ul {
	width:400px;
	margin:0 auto;
}

#con-l ul li {
	width:180px;
	float:left;
}

#con-l ul li span {
	background:#777;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	color:#fff;
	font-size:12px;
	text-align:center;
	display:block;
	height:30px;
	line-height:30px;
	font-weight:bold;
}

#con-l ul li .btn_detail_bl {
	margin-top:0px;
}


/* =========================================================
   side
========================================================= */

#con-r {
	width:240px;
	float:right;
	padding-top:60px;
}

#con-r section {
	background:url(../images/bg_stit.png) top center no-repeat;
}

#con-r .past h1 {
	text-align:center;
	padding:30px 0 25px 0;
	background:url(../../common/images/dot_gr.png) bottom left repeat-x;
}

#con-r .past li {
	padding:10px 0 15px 0;
	background:url(../../common/images/dot_gr.png) bottom left repeat-x;
}

#con-r .past li span {
	font-size:10px;
	color:#777;
	font-weight:bold;
	line-height:20px;
}

#con-r .past li p {
	font-size:15px;
	line-height:22px;
	font-weight:bold;
	padding-top:2px;
}

#con-r .past li.new span:before {
	content: "NEW!";
	font-size:11px;
	font-weight:bold;
	background:#f8b73b;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	color:#fff;
	display:inline-block;
	padding:0 7px;
	margin-right:5px;
}

@media all and (-ms-high-contrast:none){
#con-r .past li.new span:before {
 	padding:3px 7px 0px 7px;

}
}


/* =========================================================
   style
========================================================= */

.line {
	margin:0 auto;
}