@charset "utf-8";
/* ---------------------------------------------

 // Site Outline //

	Site Name:  朝倉書店 日本語大事典 特設サイト
	URL:   	https://www.asakura.co.jp/japanese_language/

	
 // font-size一覧（px : %）//
 * 
 *  10 px : 84%   |  11 px : 92% 
 *  12 px : 100%  |  13 px : 109%
 *  14 px : 117%  |  15 px : 125%
 *  16 px : 134%  |  17 px : 142%
 *  18 px : 150%  |  19 px : 159%
 *  20 px : 167%  |  22 px : 184%
 *  24 px : 200%  |  26 px : 217%
 *  28 px : 234%  |  30 px : 250%


 // CSS Index //

	 1 - CSS Reset
	 2 - Base font
	 3 - layout
	 4 - header
	 5 - midashi
	 6 - 本組見本 tab
	 7 - 推薦します
	 8 - 編集者情報
	 9 - other
	 10 - その他

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

/* --------------------------------------------
	1 - CSS Reset
-------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,th,td,
form,fieldset,input,textarea,select{
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
strong,em,h1,h2,h3,h4,h5{font-weight:bold;}
html {overflow-y:scroll;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}
td{vertical-align:top;:}
ol,ul{list-style:none;}
li {list-style:none outside; vertical-align:top;}
fieldset,img{border:0;}
select option{padding:0 5px;}
form label{cursor:pointer;}
a {
	outline:none;
	/*\*/overflow:hidden;/*exMacIE*/
}

/* ---------------------------------------------
	2 - Base font
--------------------------------------------- */

body,input,select,textarea{
	font-size: 12px;
	/*font-family:'ＭＳ Ｐ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,sans-serif;*/
	line-height:1.6;
	color:#333;
	background:url(img/bg.png) top left repeat-x;
	background-color:#fae0d9;	
}

/* ie7 */
*:first-child+html body {
	font-size: 75%;
}

/* ie5 - ie6 */
* html body {
	font-size:75%;
}


.txtSS { font-size: 84%;} /* base 12px = 10px */
.txtS { font-size: 92%;} /* base 12px = 11px */
.txtM { font-size: 109%;}/* base 12px = 13px */
.txtL   { font-size: 117%;}/* base 12px = 14px */
.txtLL  { font-size: 134%;}/* base 12px = 16px */
.txtLLL { font-size: 184%;}/* base 12px = 22px */

/* ---------------------------------------------
	3 - layout
--------------------------------------------- */
#wrapper, main{
	width:1020px;
	margin:0 auto;}

a:hover{
	text-decoration:none;
}

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

/* ---------------------------------------------
	4 - header
--------------------------------------------- */
header{
	width:1020px;
	height:746px;
	margin:0 auto;
	position:relative;
	}
	
.head_first, .head_second, .head_third, p#pict, p#logo{
	position:absolute;}

.head_first{
	top:29px;left:0px;
	background:url(img/header.png) 0 0 no-repeat;
	width:825px;height:391px;}

p#pict{top:70px;left:628px;}
p#logo{top:35px;left:894px;}

.head_second{
	top:479px;left:2px;
	background:url(img/recommend.png) 0 0 no-repeat;
	width:403px;height:242px;}

.head_third{
	top:483px;left:521px;
	background:url(img/data.png) 0 bottom no-repeat;
	width:497px;height:245px;}

.displayNon{
	text-indent:-9999px;
	display:none;}


/* ---------------------------------------------
	5 - midashi
--------------------------------------------- */
.midashi{
	width:900px;
	height:60px;
	background-image:url(img/obi.png);
	background-position:center;
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
	margin:0 auto;}	
	
section.atfirst p{
	padding:0 130px;
	font-size:117%;
	line-height:1.7;}
	
	
/* ---------------------------------------------
	6 - 本組見本 tab
--------------------------------------------- */
.tabBox{
	padding-bottom: 20px;
	text-align:center;}

.tab {
	padding-top: 20px;
	font-size:109%;
	line-height:1.7;
	overflow:hidden;}

ul.tabTittle{
	margin:0 auto;
	width:342px;}

.tabTittle li {
	float:left;}

.tabTittle li a{
	height:41px;
	margin-left: 10px;}

.panel{	
	padding:15px 18px 0 5px;
	margin:0 auto;
	clear:both;}

.tt01 a{
	outline:none;
	background:url(img/tabL_off.png) no-repeat top left;
	display:block;
	width: 161px;
	text-indent: -9999px;
	margin-left:0px !important;}	
.tt01 a:hover {background:url(img/tabL_on.png) no-repeat top left;}
.tt01 a.selected{background:url(img/tabL_on.png) no-repeat top left;}


.tt02 a{
	outline:none;
	background:url(img/tabR_off.png) no-repeat top left;
	display:block;
	width: 161px;
	text-indent: -9999px;}
.tt02 a:hover {background:url(img/tabR_on.png) no-repeat top left;}
.tt02 a.selected{background:url(img/tabR_on.png) no-repeat top left;}

/* ---------------------------------------------
	7 - 推薦します
--------------------------------------------- */
#recommend{
	padding:38px 40px;}

.photo{
	margin-right:20px;}

.title_recommend{
	color:#e44c4c;
	font-weight:bold;
	font-size:134%;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	line-height:1.0;}

.recommend_txt{
	overflow:hidden;
	font-size:117%;
	line-height:1.7;
	margin-bottom:25px;}



/* --------------------------------------------
	8 - 編集者情報
-------------------------------------------- */	
.step{
	width:1020px;
	overflow:hidden;
	margin-top:25px;
	padding-bottom:20px;}

.step .chapter{
	width:980px;
	margin:0 auto;
	padding-bottom:30px;
	font-size:109%;
	overflow:hidden;}
	
#edit{
	width:194px;
	float:left;
	margin:20px 0 0 22px;}

#write{
	width:730px;
	float:right;
	margin:20px 0 0 0;}


#edit dl dt,
#write dl dt{
	font-weight:bold;
	margin-top:10px;}

.pagetop{
	margin:15px 0 30px;
	text-align:right;}

footer{
	width:940px;
	margin:0 auto;
	padding-bottom:30px;}

/* --------------------------------------------
	9 - other
-------------------------------------------- */
.fL{float:left;}
.fR{float:right;}

.pb15{padding-bottom:15px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}		
.mb15{margin-bottom:15px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}

.txtR{text-align:right;}
.txtC{text-align:center;}

a:hover img.opc {
	opacity:0.7; filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)"; }
	

/* --------------------------------------------
	10-その他
-------------------------------------------- */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}