@charset "UTF-8";

/*===========================================================

	/publication/making/ settings

===========================================================*/

/*-----------------------------------------------------------

	making setting

-----------------------------------------------------------*/

#content .makingContainer {
	padding: 0 0 120px 0;
}

#content .makingContainer h1 {
	float: left;
	width: 424px;
	padding: 0 0 31px 0;
	*font-size: 1px;
}

#content .makingContainer h2 {
	float: right;
	font-size: 100%;
	padding: 15px 0 0 0;
	width: 180px;
	color: #3190C1;
	background: url(../../../common/img/arrow1.gif) left top no-repeat;
}

#content .makingContainer h2.front {
	background: none;
}

#content .detail .makingWrap {
	width:720px;
	background: url(../../../common/img/line_horiz2.gif) left top repeat-x;
	overflow: hidden;
}

#content .detail .entryList {
	width:495px;
	float: left;	
}

#content .detail .entry {
	width:495px;
	background: url(../../../common/img/line_horiz2.gif) left top repeat-x;
	padding: 31px 0 50px 0;
}

#content .detail .entry .titWrap {
	width: 495px;
	overflow: hidden;
	padding: 0 0 30px 0;
}

#content .detail .entry .date {
	width:100px;
	float: left;
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 0 0;
}

#content .detail .entry h3 {
	width: 390px;
	float: right;
	font-size: 110%;
	color: #3190C1;
}

#content .detail .entry h3 a {
	text-decoration: none;
}

#content .detail .entry .content p {
	padding: 0 0 35px 0;
	line-height: 1.8;
}

#content .detail .entry .content img {
	background: url(../../../common/img/bg_dot1.gif) left top;
	padding: 10px;
}

#content .detail .entry .content .more {
	display: block;
	margin: 0 0 0 0;
	padding: 4px 0 0 20px;
	background: url(../../../common/img/listmark1_off.gif) 0 5px no-repeat;
	line-height: 1.2;
}

#content .detail .entry .content .more:hover {
	background: url(../../../common/img/listmark1_on.gif) 0 5px no-repeat;	
}

#content .detail .entry .content .more a {
	color: #333333;
	text-decoration: none;
}

#content .detail .entry .content .more a:hover {
	color: #3190C1;
	text-decoration: none;
}

#content .detail .entry .content a.more-link {
    display: block;
	color: #333333;
	margin: 0 0 0 0;
	padding: 4px 0 0 20px;
	background: url(../../../common/img/listmark1_off.gif) 0 5px no-repeat;
	line-height: 1.2;
	text-decoration: none;
}


#content .detail .entry .content a.more-link:hover {
	color: #3190C1;
	background: url(../../../common/img/listmark1_on.gif) 0 5px no-repeat;
}

#content .detail .menu {
	width:180px;
	float: right;
	padding: 30px 0 90px 0;
	background: url(../../../common/img/line_horiz3.gif) left top no-repeat;
}

#content .detail .menu .item {
	width:180px;
	background: url(../../../common/img/line_horiz2.gif) left bottom repeat-x;
	margin: 0 0 30px 0;
	padding: 0 0 26px 0;
}

#content .detail .menu h3 {
	font-size: 130%;
	padding: 0 0 24px 0;
	color: #3190C1;
}

#content .detail .menu li {
	_width:160px;
	display: block;
	padding: 3px 0 8px 20px;
	background: url(../../../common/img/listmark1_off.gif) 0 5px no-repeat;
	line-height: 1.2;
}

#content .detail .menu li:hover {
	background: url(../../../common/img/listmark1_on.gif) 0 5px no-repeat;
}

#content .detail .menu li a {
	color: #333333;
	text-decoration: none;
}

#content .detail .menu li a:hover {
	color: #3190C1;
}

#content .detail .menu li .enTit {
	font-size: 90%;
	color: #8C8C8C;
}

#content .detail .shareWrap {
	background: url(../../../common/img/line_horiz3.gif) left top no-repeat;
	padding: 31px 0 80px 0;
	overflow: hidden;
}

#content .detail .shareWrap .twitter-share-button {
	display: block;
	float: left;
	width: 80px;
	padding: 0 15px 0 0;
	cursor: pointer;
}


#content .detail .shareWrap .mixi-check-button {
	display: block;
	float: left;
	border:0;
	overflow:hidden;
	width:80px;
	height:20px;
	padding: 0 15px 0 0;
	
}


#content .detail .shareWrap .fb {
	display: block;
	float: left;
	width: 130px;
	padding: 0 15px 0 0;
}

#content .detail .shareWrap .hatena-bookmark-button {
	display: block;
	float: left;
	width: 20px;
	padding: 0 15px 0 0;
}

#content .detail .shareWrap .gree {
	display: block;
	float: left;
	width: 100px;
}


#content .detail .makingTopBtn {
	display: block;
	margin: 0 0 80px 0;
	padding: 2px 0 0 15px;
	background: url(../../../common/img/arrow2.gif) 0 5px no-repeat;
	line-height: 1.2;
}

#content .detail .makingTopBtn a {
	color: #333333;
	text-decoration: none;
}


#content .detail .makingTopBtn a:hover {
	color:  #3190C1;
	text-decoration: none;
}

#content .detail .socialWrap {
	padding: 100px 0 0 0;
}

#content .detail .socialWrap h3 {
	display: block;
	width: 160px;
	font-size: 100%;
	padding: 0 0 23px 0;
	color: #3190C1;
	float: left;
}

#content .detail .socialWrap .links {
	width: 540px;
	float: right;
}


#content .detail .socialWrap .links ul {
	width: 404px;
	overflow: hidden;
}

#content .detail .socialWrap .links li {
	float: left;
	*font-size: 1px;
}

#content .detail .socialWrap .links li.yt {
	width: 102px;
	padding: 0 48px 0 0;
}

#content .detail .socialWrap .links li.tw {
	width: 97px;
	padding: 0 48px 0 0;
}

#content .detail .socialWrap .links li.fb {
	width: 109px;
}

#content .detail .paginationWrap {
	width: 495px;
	background: url(../../../common/img/line_horiz2.gif) left top repeat-x;
	padding: 31px 0 0 0;
	overflow: hidden;
}

#content .detail .pagination {
	width: 495px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1.5;
}

#content .detail .pagination .prev {
	width:70px;
	float: left;
	display: block;
	padding: 2px 0 0 20px;
	background: url(../../../common/img/listmark2.gif) 0 5px no-repeat;
}

#content .detail .pagination .prev:hover {
	background: url(../../../common/img/listmark1_on.gif) 0 5px no-repeat;
}

#content .detail .pagination .next {
	width:70px;
	float: right;
	text-align: right;
	display: block;
	padding: 2px 20px 0 0;
	background: url(../../../common/img/listmark1_off.gif) right 5px no-repeat;
}

#content .detail .pagination .next:hover {
	background: url(../../../common/img/listmark1_on.gif) right 5px no-repeat;
}

#content .detail .pagination .prev a,
#content .detail .pagination .next a {
	display: block;
	color: #666666;
	text-decoration: none;
}


#content .detail .pagination .prev a:hover,
#content .detail .pagination .next a:hover {
	color: #3190c1;
}


#content .detail .pagination .pages {
	width: 315px;
	float: left;
	text-align: center;
	padding: 2px 0 0 0;
}
 
#content .detail .pagination .pages li {
	display:inline;
	padding:0 10px 0 0;
}
 
#content .detail .pagination .pages a {
	text-decoration: none;
	color:#3190c1;
}

#content .detail .pagination .pages a:hover{
	color:#666666;
}
 
#content .detail .pagination .current{
	color:#666666;
}