@charset "UTF-8";
/*フォントサイズ早見表

【基本 12px】
10px 84% 
11px 92% 
12px 100% 
13px 109% 
14px 117% 
15px 125% 
16px 134% 
17px 142% 
18px 150% 
19px 159% 
20px 167% 
21px 175% 
22px 184% 
23px 192% 
24px 200% 
25px 209% 
26px 217% 

【基本 14px】
10px 72%
11px 79%
12px 86%
13px 93%
14px 100%
15px 108%
16px 115%
17px 122%
18px 129%
19px 136%
20px 143%
21px 150%
22px 158%
23px 165%
24px 172%
25px 179%
26px 186%

【基本 16px】
10px 63% 
11px 69% 
12px 75% 
13px 82% 
14px 88% 
15px 94% 
16px 100% 
17px 107% 
18px 113% 
19px 119% 
20px 125% 
21px 132% 
22px 138% 
23px 144% 
24px 150% 
25px 157% 
26px 163% 

*/
/*!　基本設定 */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style: none;
	vertical-align: top;
}
body {
/*	background:#fff url('../images/back01.png') repeat-x;*/
	background:#F0F0F0;
	font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	_text-align:center;
	font-size: 88%;
	/*font-size: 14px;*/
	line-height: 1.4;
	color: #000;
}
hr {
	display: none;
}
a {
	text-decoration: none;
	-moz-outline-style: none;
	color:#000;
}
a:hover {
	color:#900;
}
a:active {
	color:#009;
}
img  {
	vertical-align: bottom;
	border: none;
}
a img {
	vertical-align: bottom;
	border: none;
	margin:0;
	padding:0;
}
h2,h3,h4,h5 {
	font-size: 100%;
}
h3,h4,h5 {
	font-weight: normal;
}
th {
	font-weight: normal;
	text-align:left;
}
p, li{
	font-size: 100%;
}
.left{
	float:left;
}
.right{
	float:right;
}
span.bold {
	font-weight:bold;
	color:#555;
}
.clearfix {
	zoom:1;
}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
div#wrap {
	margin:0 auto;
	width:1000px;
	padding-left:30px;
	padding-right:30px;
/*	border-bottom:5px dotted #F60;*/
}
h1{
	font-size:120%;
/*	color:#F27501;*/
	font-weight:normal;
	height:40px;
	line-height:50px;
	text-align:left;
}

h1.additional{
	font-size:120%;
/*	color:#F27501;*/
	font-weight:normal;
	height:80px;
	width:1000px;
	text-align:left;
	margin-top:120px;
	margin-bottom:10px;
}



div#header {
	position:relative;
	height:40px;
	width:1000px;
	background:#fc9;
}
div#header .logo{
	position:absolute;
	left:0;
	top:0;

}
div#header h1{
	position:absolute;
	left:330px;
	top:13px;
	font-size:100%;
	color:#F27501;

}
div#header h2{
	position:absolute;
	left:420px;
	top:59px;
	font-size:86%;
	font-weight:normal;

}

div#header .menu{
	position:absolute;
	right:130px;
	top:12px;
}
div#header .menu p{
	font-size:92%;
	color:#444;

}
div#header .menu p a {
	color:#444;
}
div#header .menu p a:hover {
	color:#c33;
}

div#main {
	position:relative;
	height:374px;
	width:1000px;
	background-color:#FFF;
	margin-top:20px;
}
div#main .productimg {
	height:374px;
	width:318px;
	float:left;
	background-color:#FFF;
}
div#main .productdetail {
	height:374px;
	width:364px;
	float:left;
	background-color:#FFF;
	background:url('../images/detail.png') no-repeat;
	background:url('') no-repeat;
}
div#main .productdetail h2 {
	margin-top:25px;
	font-size:172%;
	font-weight:normal;
	color:#000;
	line-height:1.7em;
	
}
div#main .productdetail h2 span {
	font-weight:bold;
}
div#main .productdetail p.copy {
	margin-top:10px;
	font-size:119%;
	line-height:1.6em;
}
div#main .productdetail p.attributes {
	margin-top:30px;
	line-height:1.5em;
}
div#main .productdetail .amazon {
	margin-top:25px;
}
div#main .productsample {
	height:374px;
	width:318px;
	float:left;
	background-color:#FFF;
}
div#main .click {
	height:51px;
	width:65px;
	position:absolute;
	left:950px;
	top:220px;
	z-index:1;
}
div#main .sound_dl {
	height:108px;
	width:78px;
	position:absolute;
	left:480px;
	top:265px;
	z-index:2;
}
div#feature {
	position:relative;
	height:200px;
	width:1000px;
	margin-top:40px;
}

div#about_words {
	position:relative;
	width:1000px;
	margin-top:40px;
}
div#about_words .left{
	float:left;
}
div#about_words .right{
	float:right;
}

div#about_words #words_detail{
	width:890px;
	background:#fff;
	padding:20px 0;
}
div#about_words #words_detail table.w_about,
div#about_words #words_detail h3,
div#about_words #words_detail p {
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
}

div#about_words #words_detail h3 {
	margin-top:40px;
	font-size:120%;
	color:#F27501;

}
div#about_words #words_detail table.w_about {
	width:810px;
	border-collapse:collapse;
	border:1px solid #333;

}

div#about_words #words_detail table.w_about th,
div#about_words #words_detail table.w_about td {
	border:1px solid #333;
	vertical-align:middle;
	padding:5px;
}
div#about_words #words_detail table.w_about td.name {
	background-color: #FFE2C7;  
	width:330px;
}
div#about_words #words_detail table.w_about th{
	background:#FFCC99;
	font-weight:normal;
	width:90px;
}
div#about_words #words_detail table.w_about td.w_count{
	text-align:right;
	width:70px;
}
div#about_words #words_detail p.note {
	font-size:92%;
	color:#963;
}

div#footer {
	height:30px;
	width:1000px;
	margin-top:40px;
	padding:10px 0;
	background-color:#ddd;
}
div#footer p#foot_copyright{
	margin:0 auto;
	text-align:center;
	font-size:86%;
}

div.lead {
	position:relative;
	width:1000px;
	margin-top:10px;
}

div.lead div.content {
	width:940px;
	background:#fff;
	padding:40px 30px;
	float:right;
	margin-bottom:5px;
}
div.lead h3 {
	width:100%;
	margin-bottom:30px;
	font-size:140%;
	border-bottom:2px solid #f27501;
}
div.lead h3 span {
	font-weight:bold;
	color:#f27501;
}
div.lead h4,
div.lead p {
	margin-bottom:30px;
	margin-left:40px;
	margin-right:40px;
	line-height:1.6em;
	color:#000;
}
div.lead h4 {
	margin-left:10px;
	margin-bottom:10px;
	font-size:120%;
}

/*　暫定措置　*/

div#download {
	position:relative;
	width:1000px;
	margin-top:40px;
}


div#download h3,
div#download p {
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
	color:#666;
}

div#download div.content {
	width:890px;
	background:#fff;
	padding-bottom:50px;
	float:right;
	margin-bottom:5px;
}
div#download div.content .left {
	float:left;
	margin-left:0px;
	margin-left:40px;
}
div#download div.content .right {
	float:right;
	margin-right:0px;
	margin-right:40px;
}
div#download div.content .block {
	width:385px;
/*	background:#ffd;*/
	margin-top:20px;
}
div#download div.content .block_wide {
	width:810px;
/*	background:#ffd;*/
	margin-top:20px;
}
div#download div.content .block_wide.kakomi1 {
	border:1px dotted #f27501;
	padding-top:20px;
}
div#download div.content .block_wide.kakomi1 h3 {
	color:#f27501;
	font-weight:bold;
}
div#download div.content .block_wide.listarea {
	padding-top:20px;
}
div#download div.content .block_wide.listarea h3 {
	color:#FFF;
	font-size:120%;
	background:#f27501;
	width:100%;
	margin:0;
	padding-bottom:4px;
	padding-top:8px;
}
div#download div.content .block_wide.listarea h4 {
	color:#f27501;
	margin:0;
	font-size:120%;
	width:100%;
	border-bottom:1px solid #f27501;
	margin-top:20px;
}
div#download div.content .block_wide.listarea div.book {
	margin:0;
	width:150px;
	height:220px;
	margin-left:10px;
	margin-top:10px;
	border:1px dotted #ccc;

}
div#download div.content .block_wide.listarea div.book img {
	margin:0;
	margin:10px auto;
	margin-left:25px;
}
div#download div.content .block_wide.listarea div.book p {
	margin:5px auto;
	text-align:center;
	font-size:90%;
}


/*　暫定措置　ここまで　*/

div.download {
	position:relative;
	width:1000px;
	margin-top:40px;
}


div.download h3,
div.download p {
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
	color:#666;
}

div.download div.content {
	width:890px;
	background:#fff;
	padding-bottom:50px;
	float:right;
	margin-bottom:5px;
}
div.download div.content .left {
	float:left;
	margin-left:0px;
	margin-left:40px;
}
div.download div.content .right {
	float:right;
	margin-right:0px;
	margin-right:40px;
}
div.download div.content .block {
	width:385px;
/*	background:#ffd;*/
	margin-top:20px;
}
div.download div.content .block_wide {
	width:810px;
/*	background:#ffd;*/
	margin-top:20px;
}
div.download div.content .block_wide.kakomi1 {
	border:1px dotted #f27501;
	padding-top:20px;
}
div.download div.content .block_wide.kakomi1 h3 {
	color:#f27501;
	font-weight:bold;
}
div.download div.content .block_wide.listarea {
	padding-top:20px;
}
div.download div.content .block_wide.listarea h3 {
	color:#FFF;
	font-size:120%;
	background:#f27501;
	width:100%;
	margin:0;
	padding-bottom:4px;
	padding-top:8px;
}
div.download div.content .block_wide.listarea h4 {
	color:#f27501;
	margin:0;
	font-size:120%;
	width:100%;
	border-bottom:1px solid #f27501;
	margin-top:20px;
}
div.download div.content .block_wide.listarea div.book {
	margin:0;
	width:150px;
	height:220px;
	margin-left:10px;
	margin-top:10px;
	border:1px dotted #ccc;

}
div.download div.content .block_wide.listarea div.book img {
	margin:0;
	margin:10px auto;
	margin-left:25px;
}
div.download div.content .block_wide.listarea div.book p {
	margin:5px auto;
	text-align:center;
	font-size:90%;
}
table.pdflist {
	border-collapse:collapse;
	width:385px;

}
table.pdflist th {
	background:#F27501;
	height:30px;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	color:#fff;
	padding-left:10px;
}
table.pdflist td {
	height:35px;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	padding-left:10px;
	border-top:2px solid #fff;

}
table.pdflist tr:nth-child(odd) td {  
	background-color: #FFCC99;  
}
table.pdflist tr:nth-child(even) td {  
	background-color: #FFE2C7;  
}

table.pdflist tr td.pdf {
	width:50px;
	border-right:1px dashed #999;
	font-size:80%;
	text-align:center;
	color:#976;
	padding-right:10px;
}

div#about_words table.pdflist {
	margin-left:40px;
	margin-bottom:10px;
	float:left;
	width:385px;
}


table.snd_dl {
	border-collapse:collapse;
	width:810px;
}
table.snd_dl th,
table.snd_dl td{
	border:1px solid #FFCC99;
	padding:15px;
	vertical-align:middle;
	background-color: #FFCC99;  
}
table.snd_dl td{
	background-color: #FFF;
}
table.snd_dl td p.chukei_link {
	font-weight:bold;
	font-size:120%;
}
table.snd_dl td p.chukei_link a {
	color:#666;
}
table.snd_dl td p.chukei_link a:hover {
	color:#F27501;
}

div.content .block_wide.kakomi2 {
	border:1px dotted #f27501;
	padding:20px 20px 20px;
}
div.content .block_wide.kakomi2 h3 {
	color:#f27501;
	font-weight:bold;
}



div#inquiry {
	position:relative;
	width:1000px;
	margin-top:40px;
}
div#inquiry #inq_question{
	width:890px;
	background:#fff;
	padding:20px 0;
}

div#inquiry #inq_question table.question {
	border-collapse:collapse;
	width:810px;

}

div#inquiry #inq_question table.question,
div#inquiry #inq_question h3,
div#inquiry #inq_question p {
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
}

div#inquiry #inq_question table.question th {
	background:#F27501;
	background-color: #FFCC99;  
	height:30px;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	color:#333;
	padding-left:10px;
	border-top:2px solid #fff;
}
div#inquiry #inq_question table.question td {
	height:35px;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	padding:10px;
	border-top:2px solid #fff;
}
div#inquiry #inq_question table.question tr:nth-child(odd) td {  
	background-color: #FFCC99;  
	background-color: #FFE2C7;  
}
div#inquiry #inq_question table.question tr:nth-child(even) td {  
	background-color: #FFE2C7;  
}



/*--- leam modal ---*/

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../../common/images/modal_close.png);
  z-index: 2;
}
div.leamModalBox {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }
div.leamModalBox h2{
	font-size:120%;
	line-height:2.5em;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
div.leamModalBox img{
	margin-right:10px;
}
div.leamModalBox .data {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #ccc;
}
div.leamModalBox p.comment {
	font-size:90%;
	width:50%;
	height:180px;
	line-height:1.6em;
}
div.leamModalBox dt {
	clear:left;
	width:80px;
}
div.leamModalBox a.buynow {
	width:280px;
	height:50px;
	border:1px solid #f27501;
	background:#f27501;
	font-size:140%;
	text-align:center;
	color:#fff;
	line-height:2.8em;
	margin-top:20px;
}
div.leamModalBox a.buynow:hover {
	background:#FFE2C7;
	color:#f27501;
}