@charset "UTF-8";
/* ----------------------------
   backnumber.css
---------------------------- */

/* ----------------------------
   Index
---------------------------- */
.index #main .entry .thumb {
	width: 130px;
}

.index #main .entry .excerptArea {
	width: 510px;
}

/* ----------------------------
   Article
---------------------------- */
.article #magazineInfo {
	margin: 0 0 30px;
}

.article #magazineInfo .photo {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}

.article #magazineInfo .textArea {
	float: left;
	width: 340px;
}

.article #magazineInfo .textArea .text {
	font-size: 117%;
}

.article #magazineInfo .textArea h1 {
	font-size: 167%;
	margin: 0 0 15px;
	color: #000;
	border-bottom: 1px dotted #ddd;
	padding: 0 0 10px;
}

.article #magazineInfo .textArea .btn {
	margin: 15px 0 0;
}

.article #magazineInfo .textArea .btn span {
	display: block;
	font-size: 109%;
	margin: 0 0 5px;
}


.article #textArea {
	line-height: 1.8;
}

.article #textArea h2 {
	border-bottom: 1px dotted #ddd;
}

.article #textArea li {
	font-size: 117%;
}

.article #textArea li ul {
	padding: 0 0 10px 20px;
}

.article #textArea li ul li {
	font-size: 92%;
}


/* ----------------------------
   Side
---------------------------- */
#side .banner {
	margin: 0 0 20px;
}

#side .recruit{
	margin-top: 25px;
}

#side .section {
	width: 300px;
	margin: 0 0 10px;
}

#side .section .articles li .date {
	font-size: 10px;
	color: #777;
}


#side .section .titleArea {
	background: url(../images/common/column_title_bg.gif) repeat-x;
	height: 25px;
	position: relative;
	margin: 0 0 20px;
}

#side .section .titleArea .title {
	background: url(../images/common/column_title_line.gif) no-repeat left;
	height: 25px;
}

#side .section .titleArea .title img {
	margin: 6px 0 0 13px;
}

#side .section .titleArea .linkBtn {
	position: absolute;
	top: 0;
	right: 0;
}

#side .news .articles li {
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: 1px dotted #ddd;
}

#side .news .articles li:last-child {
	border-bottom: none;
}

#side .news .articles li .new {
	margin: 0 5px 3px 0;
	vertical-align: middle;
}

#side .contentsBanner {
	margin: 0 0 10px;
}