@charset "UTF-8";

body #kodansha{
	width : 950px ;
	margin : 25px auto 30px ;
	background-color : #fff ;
	color : #333 ;
	text-align : left ;
}
body #kodansha img{
	vertical-align : bottom ;
}
body #kodansha a{
	color : #630 ;
	text-decoration : underline ;
}
body #kodansha a:hover{
	color : #f90 ;
}
body #kodansha a:hover img{
	opacity : 0.7 ;
}
body #kodansha p{
	margin : 0 ;
}


body #kodansha .header{
	position : relative ;
	margin : 0 0 25px ;
}
body #kodansha .header ul{
	position : absolute ;
	left : 4px ;
	bottom : 0 ;
}
body #kodansha .header ul li{
	float : left ;
	margin : 0 4px 0 0 ;
}

body #kodansha #main{
	float : left ;
	width : 630px ;
}

body #kodansha #main .instagram{
	margin : 0 0 20px ;
}
body #kodansha #main .instagram ul{
	margin : 0 0 10px ;
	padding : 5px 0 ;
	background : #cccccc ;
}
body #kodansha #main .instagram ul li{
	float : left ;
	display : table ;
	width : 126px ;
	height : 126px ;
}
body #kodansha #main .instagram ul li a{
	display : table-cell ;
	width : 126px ;
	height : 126px ;
	text-align : center ;
	vertical-align : middle ;
}
body #kodansha #main .instagram ul li a img{
	max-width : 126px ;
	max-height : 126px ;
}
body #kodansha #main .instagram p{
	font-size : 116.7% ;
	text-align : right ;
}
body #kodansha #main .instagram p a{
	font-weight : bold ;
}
body #kodansha #main .fb-page{
	width : 500px ;
	margin : 0 auto ;
	display : block ;
}











body #kodansha #incidental{
	float : right ;
	width : 300px ;
}
body #kodansha #incidental .sample{
	padding : 15px 10px ;
	margin : 0 0 10px ;
	border : #e70013 2px solid ;
}
body #kodansha #incidental .sample h2{
	margin : 0 0 15px ;
	text-align : center ;
}
body #kodansha #incidental .sample h3{
	font-size : 116.7% ;
	font-weight : bold ;
}
body #kodansha #incidental .sample p{
	margin : 0 0 25px ;
}
body #kodansha #incidental .sample p.thumbnail{
	text-align : center ;
}
body #kodansha #incidental .sample p.btn{
	width : 220px ;
	margin : 0 auto ;
	line-height : 38px ;
	text-align : center ;
}
body #kodansha #incidental .sample p.btn a{
	display : block ;
	background : #e70013 ;
	border-radius : 5px ;
	text-decoration : none ;
	color : #fff ;
}
body #kodansha #incidental .sample p.btn a:hover{
	opacity : 0.7 ;
}
body #kodansha #incidental .sample.sample02{
	border-color : #23ac39 ;
}
body #kodansha #incidental .sample.sample02 p.btn a{
	background-color : #23ac39 ;
}

body #kodansha #incidental .author{
	padding : 15px ;
	margin : 0 0 10px ;
	border : #00b9ef 2px solid ;
}
body #kodansha #incidental .author h2{
	margin : 0 0 15px ;
	text-align : center ;
}
body #kodansha #incidental .author h3{
	font-size : 116.7% ;
	font-weight : bold ;
}
body #kodansha #incidental .author p{
}
body #kodansha #incidental .author p.thumbnail{
	text-align : center ;
	margin : 0 0 25px ;
}
body #kodansha #incidental .application{
	padding : 0 0 35px ;
	margin : 0 0 10px ;
	border : #ffe400 2px solid ;
	background : url("../img/thumb_application.png") center 90px no-repeat ;
}
body #kodansha #incidental .application h2{
	margin : 0 0 120px ;
}
body #kodansha #incidental .application p.description{
	margin : 0 0 30px ;
	text-align : center ;
	color : #1f439a ;
	font-size : 114.7% ;
	font-weight : bold ;
}
body #kodansha #incidental .application .rule{
	width : 275px ;
	margin : 0 auto ;
	padding : 0 0 210px ;
	background : url("../img/thumb_rule.png") center bottom no-repeat ;
}
body #kodansha #incidental .application .rule h3{
	margin : 0 ;
}
body #kodansha #incidental .application .rule p{
	margin : 15px 0 0 ;
}
body #kodansha #incidental .application .rule ul li{
	margin : 15px 0 0 ;
}
body #kodansha #incidental .application .rule dl{
	margin : 15px 0 0 ;
}
body #kodansha #incidental .application .rule dl dt{
	color : #1f439a ;
	font-weight : bold ;
}