@charaset "utf-8";

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-style: normal;
}
table{border-collapse:separate; border-spacing:0;}
caption, th, td{text-align:left; font-weight:400;}
a img{border:none;}

/* clearfix ----------- */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
	visibility:hidden;
}
.clearfix{display: inline-block;min-height:1%;  /* for IE 7*/} 
/* IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* html5.js対応用 */
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {display: block;}
/* box-sizingでサイズを統一管理 */
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section,img,a,p{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {max-width: 100%;height: auto;vertical-align: bottom;}
iframe.twitter-share-button {width: 100px!important;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.fb-like iframe {max-width: none !important;}

/*reset Css///////////////////////////////////////////////*/
/*################################################################################*/
body,html{height: 100%;}
body{
	color: #111;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic",YuGothic,"kozuka Gothic Pro", "小塚ゴシック Pro L", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 1px;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;/* スマホでのPC表示用 */
}
a {
	color: #003ecb;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	word-wrap: break-word;
}
a:hover{color: #02ceff;text-decoration: none;}
.clear{clear: both;}

#all{min-width: 1000px;}

/*選択時の文字*/
::-moz-selection {
	color: #FFF;
	background-color: #000000;
	text-shadow: #000 0px 0px 3px;
}
::selection {
	color: #FFF;
	background-color: #000000;
	text-shadow: #000 0px 0px 3px;
}
.br{display: inline-block;}


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

/*トップヘ戻る*/
#backTop{
	cursor: pointer;
	position: fixed;
	right: -170px;
	bottom: 0px;
	z-index: 999;
	line-height: 0px;
}
.border{
	border: 1px solid #333;
	background-color: #000;
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
	margin-right: 2px;
	margin-left: 2px;
}

/*共通英語フォント*/
.enFont {
	font-family: "Julius Sans One", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}

#all{min-width: 1000px;}
.commonWidth{width: 1000px;margin: auto;}
.commonPadding{padding-left:20px;padding-right:20px;}

hr{border: none;border-top: 1px solid #333; margin-top: 40px;margin-bottom: 0px;padding-bottom: 40px;}



/* ヘッダー ///////////////////////////////// */
header{text-align: center;padding-top: 40px;padding-bottom: 50px;}
header h1{border-bottom: 8px solid #000;padding-bottom: 15px;margin-bottom: 40px;}

/* キービジュアル -------------------------- */
#keyVisual{padding: 30px 20px 27px;position: relative;text-align: center;border-bottom: 5px solid #000;}
#keyVisual img{position: relative;}
#keyVisual .bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 395px;
	background-color: #000;
	background-image: url(../img/chip_slash.png);
}


/* メインコンテンツ ///////////////////////////////// */
h2{
	text-align: center;
	margin-top: 100px;
	margin-bottom: 60px;
	font-size: 30px;
	font-weight: normal;
	background-color: #ebebeb;
	border-bottom: 6px solid #939393;
	line-height: 1.2;
	padding: 25px 0px 20px;
	letter-spacing: 2px;
}
h2.large{letter-spacing: 6px;font-size: 34px;}

#main{text-align: center;font-size: 18px;letter-spacing: 2px;line-height: 1.8;}
#main .bdBox{border: 1px solid #000;padding: 30px 0px;margin-top: 40px;}

/* 30万本 */
#main h3{background-color: #fffbdc;margin-top: 50px;padding: 30px 0px 23px;margin-bottom: 50px;}

/* お礼テキスト */
#main .pink{color: #e40076;}
#main .blue{color: #1282ff;}
#main .l{font-size: 120%;letter-spacing: 1px;}
#main .ll{font-size: 140%;letter-spacing: 0px;}



/* 収録内容 ////////////////////////////////// */
#contents{font-size: 13px;}

/* 一覧 ------------------------------------- */
#contents .boxSpec {
	border: 3px double #000;
	overflow: hidden;
	position: relative;
	padding: 40px 40px 40px 470px;
}
#contents .boxSpec h3 {
	border-bottom: 2px solid #000;
	margin-left: -15px;
	margin-bottom: 25px;
	padding-left: 3px;
	font-size: 24px;
	letter-spacing: 2px;
	color: #333;
}
/* 画像 */
#contents .boxSpec .img{position: absolute;top: 0px;left: 0px;}

/* テキストリスト */
#contents .boxSpec ul{}
#contents .boxSpec li:before{content:"\226B";margin-left: -15px;margin-right: 5px;}
#contents .boxSpec li{margin-bottom: 8px;}
#contents .boxSpec li a{text-decoration: none;color: #000;}
#contents .boxSpec li a:hover{text-decoration: underline;color: #999;}


/* 注意事項ボックス --------------------------------- */
#tyuuiBox{margin-top: 50px;text-align: center;border: 3px double #ccc;padding: 30px;}
#tyuuiBox .red{font-size: 16px;color: #0062ff;}
#tyuuiBox strong{display: block;margin: 30px 0px 10px;font-size: 14px;}

#tyuuiBox ul{padding: 25px 40px;text-align: left;background-color: #eee;}
#tyuuiBox li{list-style-type:disc;margin: 5px 0px;}


/* 作品紹介 --------------------------------- */
#contents h3.midashi {
	margin-top: 150px;
	background-color: #585858;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	padding: 7px 0px;
	letter-spacing: 6px;
	border-bottom: 8px double #fff;
}

/* 作品ボックス -------------- */
#contents .list {margin-top: 60px;}
#contents .list dl{border: 3px double #666;margin-bottom: 60px;overflow: hidden;}
/* 画像 */
#contents .list dt {
	float: left;
	margin-right: 30px;
	border-right: 1px solid #ccc;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
/* 本文 */
#contents .list dd{}
#contents .list dd h3,#contents .list dd .txt{padding-right: 30px;}

#contents .list dd h3 {
	background-color: #eee;
	color: #000;
	padding: 23px 15px 20px;
	font-size: 20px;
	margin-bottom: 30px;
	letter-spacing: 0px;
	line-height: 1.3;
	color: #001867;
}
#contents .list dd .txt{margin-left: 330px;margin-bottom: 50px;line-height: 1.8;}
#contents .list dd .txt p{margin-bottom: 30px;}
#contents .list dd h4 {margin-top: 20px;margin-bottom: 10px;border-bottom: 1px solid #000;font-size: 14px;}

/* リンク */
#contents .list dd a.link {
	display: inline-block;
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
	font-size: 11px;
	padding: 7px 10px;
	line-height: 1.2;
}
#contents .list dd a.link:before{content: "\25B6";}
#contents .list dd a.link:hover {background-color: #eee;border-color: #999;}

/* 注意事項 -------------- */
#contents .list small{display: block;margin-top: 15px;font-size: 11px;line-height: 1.4;}
#contents .list small strong{display: block;font-size: 12px;line-height: 1.8;color: #c3000f;}






/* フッター ///////////////////////////////// */
footer.global {
	text-align: center;
	font-size: 10px;
	background-color: #000;
	margin-top: 150px;
	padding-top: 30px;
	padding-bottom: 80px;
	color: #fff;
}
/* バナー */
footer.global .bn{padding-bottom: 20px;}
footer.global .bn img{width:220px;border: 1px solid #ccc;}