/* subpage
サブページの基本レイアウト
------------------------------ */



li {
list-style: none;
}

#subpage p {
color: #555;
font-size: 90%;
line-height: 150%;
font-style: inherit;
}

#subpage a {
color: #165FC2;
text-decoration: none;
}

#subpage {
display: block;
margin: 0 auto;
padding: 0 2% 2% 2%;
}

h1.entry-title {
display: none;
}

#subpage h2 {
display: block;
color: #555;
border: 1px solid #D5D5D5;
font-size: 95%;
font-weight: bold;
margin: 0;
padding: 1% 1% 1% 2%;
line-height: 150%;
}

#subpage p.pan {
display: block;
color: #555;
padding: 1%;
font-size: 80%;
margin: 0;
text-align: right;
}

#subpage img {
max-width: 100%;
height: auto;
width /***/: auto;
}

#subpage #metoha01 {
font-size: 103%;
margin-top: 2%;
text-align: center;
}

#subpage #metoha02 {
font-size: 80%;
margin-top: 6%;
text-align: center;
}

#subpage .melogo {
text-align: center;
margin-top: 2%;
}

#subpage #QA_con2 ul li {
width: 92%;
margin: 3% auto;
}

#subpage #b {
width: 100%;
height: auto;
background-color: #F5F5F5;
border: 1px solid #BEBEBE;
font-size: 95%;
margin: 3% auto;
padding: 1%;
text-align: center;
display: block;
white-space: nowrap;
}

#subpage #c {
background-color: #F5F5F5;
border: 1px solid #BEBEBE;
font-size: 95%;
margin: 3% auto;
padding: 1%;
text-align: center;
display: block;
white-space: nowrap;
}

#subpage #b a {
display: block;
}

/* IE8 */
.pb_rt  #subpage .info .info_L img{
	max-width:89px\9 !important; 
	width:70%\9 !important; 
	margin:auto\9 !important; 
}


/* subpage
miyazaki ebooksとは
------------------------------ */

/* subpage
運営会社について
------------------------------ */

#subpage #QA_con {
display: block;
padding-bottom: 2%;
}

#subpage #QA_con h4 {
display: block;
color: #fff;
font-size: 95%;
font-weight: bold;
margin-top: 2%;
padding: 1% 1% 1% 2%;
background-color: #B3B3B3;
line-height: 150%;
}

#subpage #QA_con p {
display: block;
width: 95%;
margin: 3% auto;
}

/* subpage
ご利用ガイド、よくある質問
------------------------------ */

#subpage .QAcategory li {
	font-size:12px;
	line-height:18px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#subpage #category_block {
display: block;
margin-top: 2%;
padding: 0;
border: 1px solid #BEBEBE;
float: left;
width: 48.5%;
}

#subpage .block_margin_right {
margin-right: 1%;
}

#subpage #category_block dt {
background-color: #F5F5F5;
border-bottom: 1px solid #BEBEBE;
padding: 1% 0 1% 3%;
font-size: 95%;
}

#subpage #category_block dd {
padding: 2%;
font-size: 85%;
}

#subpage #category_block a {
padding-left: 2%;
font-size: 90%;
color: #165FC2;
}

#subpage #category_block li {
padding: 1% 0;
}

/* subpage
サイトマップ
------------------------------ */

#subpage .sitemap_l a:hover,
#subpage .sitemap_r a:hover {
opacity: 1!important;
filter: alpha(opacity=100)!important;
-ms-filter: "alpha( opacity=100 )"!important;
color: #80Bcf5;
}

#subpage .sitemap_l,
#subpage .sitemap_r {
width: 48.5%;
display: block;
padding: 0;
margin-top: 4%;
}

#subpage .sitemap_l {
float: left;
}

#subpage .sitemap_r {
float: right;
}

#subpage .sitemap_l ul,
#subpage .sitemap_r ul {
font-weight: 600;
list-style-type: none;
margin: 0 0 1% 2%;
padding: 0;
}

#subpage .sitemap_l ul li,
#subpage .sitemap_r ul li {
border-top: 1px solid #CCCCCC;
margin-bottom: 2%;
padding: 0 0 2% 2%;
position: relative;
z-index: 1;
}

#subpage .sitemap_l ul li a,
#subpage .sitemap_r ul li a {
background-color: #FAFAFA;
color: #666666;
display: block;
line-height: 1.2;
margin: -0.6em 0 2% 1%;
padding: 0 0 0 3%;
position: relative;
text-decoration: none;
z-index: 2;
}

#subpage ul.s_li {
border-left: 1px solid #CCCCCC;
font-size: 90% !important;
font-weight: normal;
list-style-type: none;
margin: 0 0 3% 2%;
padding: 2% 0 1%;
width: 90%;
}

/* subpage
お問い合わせ
------------------------------ */




#main #contact_wrap {
display: block;
margin: 0;
padding: 0;
}

div#contact_wrap .contact_info {
font-weight: normal;
font-size: 90%;
border: solid 1px #BEBEBE;
background: #EEEEEE;
padding: 2%;
margin-top: 2%;
}

#contact_wrap .contact_txt01 {
font-weight: bold;
color: #ffa500;
margin-top: 2%;
}

#contact_wrap ul {
color: #555;
font-size: 90%;
line-height: 150%;
font-style: inherit;
}

#contact_wrap ul li a {
color: #00BAFF;
}

#contact_wrap h3 {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px dotted #AAAAAA;
margin: 2% 0;
padding: 2% 0;
text-align: center;
}

#contact_wrap table.mailform {
width: 100%;
}

#contact_wrap table.mailform th,
#contact_wrap table.mailform td {
text-align: left;
font-weight: normal;
border-bottom: solid 1px #999999;
padding: 2%;
font-size: 85%;
}

#contact_wrap table.mailform th {
width: 30%!important;
vertical-align: top;
}

#contact_wrap table.mailform td {
width: 50%!important;
}

#contact_wrap table.mailform select {
width: 100%!important;
*width: 90%!important; /* IE7 */
}

table.mailform tr th {
background: #EEEEEE;
}

#contact_wrap .info_tb td {
border: none;
padding: 0px 0px 0px 0px;
}

table.mailform tr th span {
color: #CC0000;
font-size: 10px;
}

table.mailform tr th p {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #999999;
}

#contact_wrap .policy {
font-weight: bold;
font-size: 14px;
padding: 0px 0px 3px 0px;
}

#contact_wrap .contact_ex {
font-size: 12px;
color: #999999;
padding: 2px 0px 2px 0px;
*width: 100px!important; /* IE7 */
}

#contact_wrap .contact_in {
padding: 2px 0px 2px 0px;
color: #999999;
}

#contact_wrap table.info_tb {
margin: 0px;
*width: 80%!important; /* IE7 */
}

#contact_wrap .wpcf7-not-valid-tip-no-ajax {
color: #FF3333;
font-size: 10px;
font-weight: bold;
}

#wpcf7-f641-p163-o1 .wpcf7-response-output {
color: #ec6d71;
font-weight: bold;
padding: 10px 0px 10px 0px;
background: #fef4f4;
text-align: center;
margin: 15px 0px 15px 40px;
border: 1px solid #ffd8d8;
*display:none; /* IE7 */
display: none\9; /* IE8 */
}

#contact_wrap .pan {
text-align: right;
font-size: 12px;
padding: 0px 0px 0px 0px;
color: #666666;
}

table.info_tb tr td{
	border: none!important;
}

.wpcf7-form textarea{
	width: 100% !important;
	*width: 90%!important; /* IE7 */
	} /*本文*/
	
.wpcf7-form .wpcf7-submit{
	width: 100% !important;
	*width: 90%!important; /* IE7 */
	} /*送信ボタン*/
.wpcf7-form input{
	width: 100% !important;
	*width: 90%!important; /* IE7 */
	} /*名前、メール、題名*/

/* subpage
掲載方法
------------------------------ */



#subpage h3 {
display: block;
font-size: 90%;
font-style: inherit;
margin-top: 2%;
padding: 1% 1% 1% 2%;
line-height: 150%;
}

/* subpage
掲載規約
------------------------------ */



#subpage #QA_con li {
width: 95%;
margin: 3% auto;
color: #555;
font-size: 90%;
line-height: 150%;
font-style: inherit;
border-bottom: 1px dotted #DDD;
padding-bottom: 2%;
}

/* subpage
商標登録しています
------------------------------ */





#subpage #show_text01 {
margin: 3% auto;
text-align: center;
}

#main_sbpage #show_img {
display: block;
margin: 2% auto;
width: 80%;
}

#main_sbpage #show_img a {
float: left;
width: 50%;
height: auto;
}

#main_sbpage #show_img img {
width: 100%;
box-shadow: 1px 1px 6px #AAAAAA;
}

#main_sbpage p.show_caption {
text-align: center;
}

/* subpage
アプリ誘導ページ
------------------------------ */

#subpage #ap h2 {
display: none;
}

#subpage #ap p.ap_ttl {
background: none repeat scroll 0 0 #EFEFEF;
border-bottom: 2px dotted #DDDDDD;
border-top: 2px dotted #DDDDDD;
margin: 0 0 3% 0;
padding: 1% 0;
text-align: center;
}

#subpage #ap h3 {
clear:both;
display: block;
color: #FFF;
font-size: 100%;
font-weight: bold;
margin: 3% 0;
padding: 1% 1% 1% 2%;
line-height: 150%;
background:#000;
background: -moz-linear-gradient(top, #555, #000);
　/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
　/* Safari,Google Chrome用 */
}

#subpage #ap h3 img {
float: left;
max-width: 30px;
height: auto;
width /***/: auto;
margin-right: 1%;
}

.ap_l,
.ap_r,
.s_about_l {
max-width: 100%;
height: auto;
width /***/: auto;
text-align: center;
}

.ap_box {
margin: 0 auto;
}


.ap_l {
float: left;
width : 45%;
}

.ap_r {
float: right;
width : 50%;
}

.ap_r a{
float: left;
width : 50%;
}

.s_about_l{
float: left;
width : 40%;
margin-right: 2%;
}


/* subpage
パソコンでの基本的な読み方と動作環境
------------------------------ */
#con dl dd,
#con dl dt{
	color: #000;
font-size: 90%;
line-height: 150%;
font-style: inherit;
margin-top: 2%;
}

#con dl{
	border-bottom: 1px dotted #BEBEBE;
}

#con dl dt{
	display: block;
	width : 95%;
	margin: 2% auto;
}

#con dl dt img{
	display: block;
	width : 50%;
	margin: 2% auto;
}

#con .guide_ttl01{
	clear: both;
		display: block;
	background: none repeat scroll 0 0 #EEEEEE;
	text-indent: 2%;
	padding: 1%;
}

span.guide_txt{
		display: block;
	margin: 0;
	width : 100%;
}

#con .operation_otherbox{
	float: left;
	margin: 1.5%;
	width : 30%;
	max-width: 107px;
}

	#con .guide_box .guide_l{
	float: left;
	width : 50%;
		text-align: center;
}

	#con .guide_box{
	float: left;
	width : 48%;
	margin: 0 1%;
}

#con dl dt img{
	display: block;
	width : 30%;
	margin: 2% auto;
}

/* subpage
スマートフォンでの基本的な読み方と動作環境
------------------------------ */
#con dl.ipad{
	border: none;
}

#con dl.ipad_l dt img{
    display: block;
    margin: 2% auto;
    width: 100%;
				max-width: 29px;
}

#con .ipad_link_pt img{
    display: block;
				float: left;
				max-width: 29px;
				margin: 1% 0 1% 4%;
}

#con p.ipad_link_txt{
	float: right;
    display: block;
				width: 85%!important;
				margin: 1% auto!important;
}

/* subpage
ともきくんのえほん
--------------------------------------------- */
.book_line img{
	width:100%;
}