@charset "utf-8";





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



	Magazines



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

#c_headerBox {

	width: 100%;

	height: 57px;

	border-bottom: solid 5px #ffac43;

	position: relative;

}



#contentBox {

	width: 683px;

	float: left;

	display: block;

	margin: 15px 0px 50px 10px;

	font-family:"verdana, �l�r �o�S�V�b�N, MS PGothic, �q���M�m�p�S ProW3, Hiragino Kaku Gothic Pro, Osaka, Sans-Serif";

}



#contentBoxb {

	width: 683px;

	float: left;

	display: block;

	margin: 22px 0px 50px 10px;

	font-family:"verdana, �l�r �o�S�V�b�N, MS PGothic, �q���M�m�p�S ProW3, Hiragino Kaku Gothic Pro, Osaka, Sans-Serif";

}



#contentBoxb1 {

	width: 683px;

	height:50px

	float: left;

	display: block;

	margin: 22px 0px 10px 10px;

	font-family:"verdana, �l�r �o�S�V�b�N, MS PGothic, �q���M�m�p�S ProW3, Hiragino Kaku Gothic Pro, Osaka, Sans-Serif";

}





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



	Magazines(�ڍ�)



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

#list .li .kuro{ list-style-type:disc; }



#list .itembox {

	width: 680px;

	padding: 22px 5px 0px 5px;

	margin-top: 14px;

}



#list .coverphoto {

	padding: 0 40px 20px 0px;

	float: left;

	display: block;

}



#list .textbox {

	display: block;

	float: left;

	width: 435px;

	vertical-align: top;

	height: 205px;

	font-family:"verdana, �l�r �o�S�V�b�N, MS PGothic, �q���M�m�p�S ProW3, Hiragino Kaku Gothic Pro, Osaka, Sans-Serif";

}



#list .magazineTitle {

	color: #278cb1;

	font-weight:bold;

	line-height: 1.25;

	font-size:26px;

	padding: 0;

	text-decoration:none;

	border-bottom:solid  #278cb1  1px;

}



#list .magazineTitlel {

	color: #278cb1;

	font-weight:bold;

	line-height: 1.25;

	font-size:20px;

	padding: 0;

	text-decoration:none;

	font-family: verdana, "�l�r �o�S�V�b�N", "MS PGothic", "�q���M�m�p�S ProW3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;

}



#list .number {

	color: #278cb1;

	font-weight:bold;

	line-height: 1.25;

	font-size:20px;

	padding-left: 15px;

	display: inline;

}



#list .catch {

	color: #fb2f78;

	font-weight:bold;

	line-height: 1.25;

	font-size:16px;

	padding: 5px 0 20px;

	display: block;

}



#list .magazineOther {

	color: #000;

	font-size: 12px;

	line-height: 1.5;

	font-weight:normal;

}





#list .btnBox {

	margin: 5px 0 0;

	padding: 0px 0 0 0;

	/*float:right;*/

	vertical-align: bottom;

}



#list .title{

	width: 700px;

	border-bottom: #FFB050 solid 1px;

	margin: 0px 0 3px;

	padding: 0;

	height: 22px;

	float: left;

}



#list .contents .substance {

	width: 660px;

	border: #eeeaea solid 1px;

	margin: 0;

	padding: 20px;

	display: block;

	color: #000;

	font-weight: normal;

	line-height: 1.75;

	font-size: 12px;

	float: left;

	border-left: solid #ccc 1px;

	border-bottom: solid #ccc 1px;

	border-right: solid #ccc 1px;

	list-style-type: disc;

	list-style-position: inside;

	font-family:"verdana, �l�r �o�S�V�b�N, MS PGothic, �q���M�m�p�S ProW3, Hiragino Kaku Gothic Pro, Osaka, Sans-Serif";

}



#list .contents p a {

	color: #0c749a;

	text-decoration: underline;

}



#list .contents p a:hover {

	text-decoration: none;

}



#list .samegenre {

	width: 678px;

	margin: 15px 0;

	padding: 0;

	display: block;

	color: #000;

	font-weight: normal;

	line-height: 1.75;

	font-size: 12px;

}



#list .samegenre img {

	float:left ;

	padding: 4px;



}





#list .sameItem {

	width: 105px;

	margin: 0;

	padding: 10px;

	text-align: left;

	float:left ;

}



#list .sameItem img {

	float: none;



}



#list .sameItem p {

	color: #003399;

	font-weight: normal;

	line-height: 1.15;

	font-size: 10px;

}





#list .li{list-style:disc;}



#list a{

color:#3399cc;

text-decoration:none;

}

#list a:hover{

color:#4169e1;

text-decoration:underline;

}





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



	Magazines(�o�b�N�i���o�[�Љ�)



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



#backnumber a{

color:#3399cc;

text-decoration:none;

}



#backnumber a:hover{

color:#4169e1;

text-decoration:underline;

}



#backnumber .pBox {

	width: 690px;

	float: left;

	display: block;

	border-bottom: solid #999 1px;

	height: 5px;

	margin-top: 5px;

}





#backnumber .itembox {

	width: 675px;

	padding: 15px 5px 25px 15px;

	border-bottom: #a7a7a7 dotted 1px;

}



#backnumber .coverphoto {

	padding: 0 20px 0 15px;

	float: left;

	display: block;

}



#backnumber .textbox {

	display: block;

	float: left;

	width: 500px;

}



#backnumber .magazineTitle {

	color: #278cb1;

	font-weight:bold;

	line-height: 1.25;

	font-size:26px;

	padding: 0;

	text-decoration:none;

}



#backnumber .magazineTitlel {

	color: #278cb1;

	font-weight:bold;

	line-height: 1.25;

	font-size:20px;

	padding: 0;

	text-decoration:none;

}



#backnumber .number {

	color: #278cb1;

	font-weight:bold;

	line-height: 1.25;

	font-size:20px;

	padding-left: 15px;

	display: inline;

}



#backnumber .catch {

	color: #000;

	line-height: 1.25;

	font-size:12px;

	padding: 0;

	display: block;

}



#backnumber .magazineOther {

	color: #777;

	font-size: 12px;

	line-height: 1.25;

	font-weight:normal;

	padding: 10px 0;

}



#backnumber .description {

	color: #000;

	font-weight: normal;

	line-height: 1.5;

	font-size: 12px;

	padding: 10px;

	margin: 10px 0;

	text-decoration:none;

	background-color: #f0f3fa;

}



#backnumber .btnBox {

	margin: 50px 0 10px 0;

	/*float:right;*/

}



.contents li {list-style-type: disc; margin-left: 1.5em;}



body,div,dl,dt,dd,ul,ol,li,

h1,h2,h3,h4,h5,h6,

pre,code,form,fieldset,legend,

p,blockquote,table,th,td {margin: 0; padding: 0;}



html,body {background: #fff; color: #777777;}



body {

	font-family:verdana, "�l�r �o�S�V�b�N", "MS PGothic", "�q���M�m�p�SProW3", Hiragino Kaku Gothic Pro, Osaka, Sans-Serif";

	list-style-type: disc;

}

* html body {font-size: small;}

*:first-child+html body {font-size: small;}



img {border: 0; vertical-align: top;}



h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal; line-height: 0px;}






/*
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
*/
address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}

sub {vertical-align: text-bottom;}



input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}

* html input,* html textarea,* html select {font-size: 100%;}

*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}



table {

	border-collapse: collapse;

	border-spacing: 0;

	font-size: inherit;

	margin-top: 20px;

}

th,td {text-align: left; vertical-align: top;}

caption {text-align: left;}



pre,code,kbd,samp,tt {font-family: monospace;}

* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}

*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}



input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}