@charset "UTF-8";

.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}

.clearfix{display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */ 




.section:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}

.section{display: inline-block;} 

/* Hides from IE Mac */
* html .section {height: 1%;}
.section{display:block;}
/* End Hack */ 

#contents .section{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;	
}

*{
	padding:0;
	margin:0;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	
	}
	
blockquote{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-style: italic;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;	
	line-height:1.5em;
	
}

.bt {
	text-align:right;
}
.bt a {
	padding:5px;
	color:#009;
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
}

#testContents{
	clear:both;
	
}




h2,h3,h4,p,dd,dt,li{
	line-height:1.5em;
	font-size:14px;
}

body {
	background-color: #FFF;
}
#container{
	
}
#headerWrapper{
	
	background-color:#FFF;
	height:150px;
	
}
#header{
	position:relative;
	width:978px;
	margin-right:auto;
	margin-left:auto;
}
#header h1{
	display:block;
	width:600px;
	height:100px;
	position:absolute;
	top:60px;
	left:0px;
	
	
}
#header #login{
	display:block;
	width:370px;
	height:50px;
	position:absolute;
	top:65px;
	right:0px;
	
}

#loginForm{
	
	
}

#loginForm th{
	padding:0px;
	font-size:14px;
	text-align:right;
}

#loginForm td{
	padding:3px;
	font-size:14px;
	text-align:right;
	vertical-align:middle;
}


#loginForm td input{
	padding:2px;
	font-size:14px;
	border: 1px solid #999;	
	width:120px;
}

#loginForm #btLogin #loginButton{
	padding:0px;
	width:92px;
	height:32px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

#logOut p{
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#999;
	padding-right:10px;
	padding-top:10px;
}
#logOut ul{
	margin:0;
	padding-top:10px;
	padding-left:120px;
}

#logOut ul li{
	list-style:none;
}


#header #util{
	display:block;
	width:auto;
	height:30px;
	position:absolute;
	top:10px;
	right:0px;
	
}

#header #social{
	display:block;
	width:auto;
	height:30px;
	position:absolute;
	top:120px;
	right:0px;
	
}

#header #social #twitter,
#header #social #facebook,
#header #social #google,
#header #social #hatena{
	display:block;
	float:left;
	
}

#header #social #google,
#header #social #hatena{
	padding-right:20px;
	
}

#header #util ul{
	margin:0;
	padding:0;
	
}

#header #util ul li{
	display:block;
	float:left;
	margin:0;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;	
}

#header #util ul li a{
	color:#006;
	font-size: 12px;
	text-decoration: none;
}
#navWrapper{

	background-color:#EEE;
	width:100%;
	height:42px;
	z-index:1000;
	
}
#nav{
	clear:both;
	
	width:978px;
	margin-right:auto;
	margin-left:auto;
	height:42px;
	
}
#nav ul{
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-left:1px;
	padding-top:1px;
	height:42px;
	
	
}
#nav ul li{
	display:block;
	float:left;
	padding:0px;
	margin:0;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:50px;
	
}
/*
#nav ul li#nav1{
	width:97px;
}
#nav ul li#nav2{
	width:97px;
}
#nav ul li#nav3{
	width:97px;
}
#nav ul li#nav4{
	width:97px;
}
#nav ul li#nav5{
	width:97px;
}
#nav ul li#nav6{
	width:97px;
}
#nav ul li#nav7{
	width:97px;
}
*/
#nav ul li a{
	background-color:#EDEDED;
	padding:0px;
	margin-right:1px;
	font-size:14px;
	color:#009;
	font-weight:bold;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	padding:10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #CCC;
	border-left-color: #999;
}


#mainWrapper{
	z-index:10;
}

#main{
	
	clear:both;
	width:978px;
	margin-right:auto;
	margin-left:auto;
	
}

#main2{
	
	clear:both;
	padding-top:0px;
	width:978px;
	margin-right:auto;
	margin-left:auto;
	
}

#side{
	float:right;
	width:316px;
	padding-left:15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EEE;
}

#side a{
	color: #009;
}

#contents{
	float:left;
	width:632px;
	padding-right:0px;
}
#footerNav{
	clear:both;
	height:50px;
	margin-bottom:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#footer{
	clear:both;
	height:50px;
	margin-bottom:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#footer #cp{
	float:left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #000;
	padding: 20px;
}
#footer #produced{
	
	float:right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #000;
	padding: 20px;
}

/*-------*/




#container #main #visual .slideWrapper {
	height: 330px;
	position: relative;
}
#container #main #visual .slideWrapper .itemHolder {
	position: absolute;
	left: 0px;
	top: 0px;
   z-index:8;
}


#visual .subText{
	
	padding: 10px;
	padding-bottom: 30px;
	padding-top: 5px;
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:right;
	
}


.slideWrapper .itemHolder.active {
    z-index:10;
}

.slideWrapper .itemHolder.last-active {
    z-index:9;
}


.pankuzu{padding:10px;padding-top:0;height:25px;padding-left:0px;}
.pankuzu ul{height:25px;margin-bottom:10px;}
.pankuzu ul li{float:left;font-size:11px;display:block;padding:5px;}
.pankuzu ul li a{
	color:#009;
	display:block;
	padding-right:20px;
	background-image: url(../images/pankuzu.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
}


/*-------*/

#contents .section h2{
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
	font-size:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2em;

}
#contents .section h2 span{
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	color:#CCC;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#contents .section h2.sub{
	
	font-size:24px;

}

.section .oneColumn p{
	padding-bottom: 20px;
	
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
}

.section .oneColumn blockquote{
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
}

.section .oneColumn .catch{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight:bold;
}


.section .twoColumn .images{
	clear:both;
}

.section .twoColumn .images{
	padding-bottom: 10px;
	padding-left: 0px;
	float:left;
	width:316px;
}
.section .twoColumn .images p{
	padding: 0;
	margin:0;
	
}
.section .twoColumn .images p img{
	padding-bottom: 10px;
	
}


.section .twoColumn .texts{
	
	float:right;
	width:316px;
}

.section .twoColumn .texts h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9px;
	line-height: 1.8em;
	color: #999;
	padding-bottom: 5px;
	margin:0;
	font-style: italic;
	letter-spacing: 0.3em;
}

.section .twoColumn .texts h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: #000;
	padding-bottom: 15px;
	margin:0;
}

.section .twoColumn .texts p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	padding: 0;
	margin:0;
	padding-bottom: 15px;
}




/*-------*/

#side .section{
	
	padding-bottom: 20px;
	
}

#side .section h2{
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	
}

#side .section h2 span{
	
	color: #CCC;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	
}

#side .section .item{
	padding-top: 20px;
}

#side .exhibition h3{
	
}

#side .exhibition h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	padding: 0;
	margin:0;
	padding-bottom: 15px;
	padding-right:30px;
}

#side .exhibition p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	padding: 0;
	margin:0;
	padding-bottom: 15px;
	padding-right:30px;
}





#latestAfterHours{
	clear:both;	
}

#visual{
	height:360px;
	position:relative;
	width:978px;
	margin-left:auto;
	margin-right:auto;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-bottom:20px;
	
}
#visual .topItem{
	height:340px;
	position:absolute;
	top:0px;
	left:0px;
	width:978px;
	padding-top:10px;
	
}
#visual .topItem .images{
	height:340px;
	width:480px;
	float:left;
}
#visual .topItem .texts{
	height:340px;
	width:480px;
	float:right;
	
}
#visual .topItem h3{
	padding-top:20px;
	font-size:12px;
	color:#CCC;
}
#visual .topItem h4{
	font-size:24px;
	padding-bottom:10px;
	line-height:1.3em;
}
#visual .topItem p{
	font-size:14px;
}
#visual .topItem .more{
	text-align:right;
	padding-top:10px;
}

.backNumberList {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
	
}

.backNumberList .twoColumn{
	padding-bottom:5px;
}
.backNumberList h3,
.backNumberList h3 {
	
	font-size:18px;
	padding-bottom:5px;
	clear:both;
	
}
.backNumberList h4 span{
	color:#CCC;
	font-size:11px;
	margin-right:10px;
	
}

.backNumberList h4 a{
	color:#009;
	
}


.review{
	padding-bottom:10px;
	padding-top:10px;
}
.review h3{
	font-size:18px;
	font-style: italic;
	padding-bottom:10px;
}
.review h4{
	font-size:14px;
	text-align:right;
}

.archives li{
	padding:7px;
	padding-left:30px;
	list-style:none;
	background-image:url(/common/images/linkMark.gif);
	background-repeat: no-repeat;
	background-position: 14px center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}


#btPayPal{

	margin-left: 30px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	
}
#btPayPal p{
	padding:0;
	margin: 0px;
	margin-top:10px;
	margin-bottom:0px;
	text-align:center;
	color:#F00;
	font-size:12px;
	
}

#itemInfo{

	border: 4px solid #CCC;	
	margin-top:20px;
	margin-bottom:20px;
	
}

#itemInfo dl{
	padding:20px;
	
	
}

#itemInfo dl dd,
#itemInfo dl dt{

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:5px;
	
}

dt {
	float : left;
	width : 10em;
}

dd {
	margin-left : 10em;
}

#itemInfo .notice{
	padding:0px;
	padding-top:0px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	
}

#howToSpam{
	
	padding-bottom:20px;
}

.books h3{
	text-align:center;
}
.search_box{padding:20px 0;}
.search_box form{margin-top:20px;}
.search_word{margin-bottom:20px;}


@media screen and (max-device-width: 480px) {


/**/
#container{width:320px;margin:0 auto;overflow: hidden;}
#contents{width:320px;float:none;}
#side{width:320px;float:none;padding:0;margin:0;clear:both;}
#side .section h2{font-size:12px;padding:10px;}
#howToSpam p{text-align: center;}
.books .item h3{width:100px;float:left;}
.books .item h4,.books .item p{margin:0 10px;}

.backNumberList{overflow: hidden;}
.backNumberList .item {margin:10px;}
.backNumberList .thumb {
width: 70px;
float: left;
padding:0;
}
.backNumberList2 .item {margin:10px;}
.backNumberList2 .item .twoColumn .images {
width: 120px;
float: left;
padding:0;
}
.article .item .twoColumn .images2 {
width: 120px;
float: left;
margin-left:10px;
padding:0;
}





img{zoom:.5;}
#headerWrapper{height:auto;}
#header {
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
height:60px;
}
#header h1{
	display:block;
	width:200px;
	height:auto;
	position:relative;
	top:15px;
	left:60px;
	font-size:7px;
	text-align: center;
	
}
#header h1 img{width:100%}


#header #social{display:none;}
#header #util{display:none;}

#mainWrapper{position:relative;}
#main {
clear: both;
width: 320px;
margin-right: auto;
margin-left: auto;
}


#visual{
	height:auto;
	position:relative;
	width:320px;
	margin-left:auto;
	margin-right:auto;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-bottom:20px;
	display:none;
	
}
#visual .topItem{
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	padding-top:10px;
	
}
#visual .topItem .images{
	height:auto;
	width:auto;
	float:left;
	zoom:.5;
}
#visual .topItem .texts{
	height:auto;
	width:320px;
	float:right;
	
}
#navWrapper {
background-color: #fff;
width: 100%;
height: auto;
z-index: 1000;
display: none;
}

#header #login{
	display:block;
	width:320px;
	height:auto;
	position:absolute;
	top:0px;
	right:0px;
	
}






div#loginBt {
position: absolute;
right: 10px;
top:10px;
z-index:10000;
width:40px;height:40px;
display:block;
}
div#navBt {
position: absolute;
left: 10px;
top:10px;
z-index:10000;
width:40px;height:40px;
display:block;
}

div#loginBt a,
div#navBt a{text-decoration: none;border-radius: 6px;background-color: #182987;color:#fff;text-align: center;display:block;width:40px;height:25px;padding-top:15px;font-size:11px;}

div#loginBox{opacity:0;
height:0px;display: none;
z-index:1000;width:100%;height:0px;position:absolute;top:60px;background-color:#fff;opacity:0;}
#loginForm td{text-align: left;width:300px;padding:10px;}
#loginForm td input{width:280px;padding:10px;border-radius: 6px;}
#nav{display: none;z-index:1000;width:100%;height:0px;position:absolute;top:60px;background-color:#fff;opacity:0;}
#nav ul li{display:block;width:320px;height:auto;float:none;}
#nav ul li a{padding:10px;}



#latestIssue .twoColumn{clear:both;}
#latestIssue .images{float:left;width:110px;margin:0 10px;padding:0;}
.imageHolder img{width:200px;}

#nearBackNumbers .backNumberList{margin:10px;}


.section .twoColumn .texts {
float: none;
width: auto;
margin:0 10px;
}
.section .twoColumn .texts h4 {

font-size: 14px;

}
.section .twoColumn .texts p {

font-size: 12px;
}

/*
.pankuzu{border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;}
*/
.pankuzu ul li {
float: left;
font-size: 9px;
display: block;
padding: 5px;
}
#contents .section h2.sub{font-size:12px;padding:10px;}
#contents .section h2.sub span{font-size:10px;}
.bodyWrapper{width:300px;margin:10px;overflow: hidden;}
#contents .section h2 {font-size:12px;padding:10px;}
#contents .section h2 span{font-size:10px;}



.oneColumn p{margin:10px;}
#itemInfo{margin:10px;}
#itemInfo dd,
#itemInfo dt{font-size:12px;}

#footerNav{
height: auto;
margin:10px 0;
}
#footerNav ul li{
border-bottom: 1px solid #ccc;
}
#footerNav ul li a{padding:10px;text-decoration:none;font-size:12px;color:#333;}

#footer{
	clear:both;
	height:auto;
	margin-bottom:10px;

	border: none;

}
#footer #cp{
	float:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #000;
	padding: 0px;
	margin:5px;
	text-align: center;
}
#footer #produced{
	
	float:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #000;
	padding: 0px;
	margin:5px;
	text-align: center;
}

.review{margin:10px;}

}