@charset "UTF-8";


a,
a:hover {
	text-decoration:none;
}

.drop-shadow {
	-webkit-box-shadow: inset 0 3px 7px rgba(255,255,255,.1), 0 3px 7px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 3px 7px rgba(255,255,255,.1), 0 3px 7px rgba(0,0,0,.25);
          box-shadow: inset 0 3px 7px rgba(255,255,255,.1), 0 3px 7px rgba(0,0,0,.25);
}

.well {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well_whatskanji {  /***************************/
  border: 4px solid #005e9d;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

.cl {
	clear:both;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ccc;
	line-height:1.3;
	margin-top:0px;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ccc;
	line-height:1.3;
	margin-top:0px;
}

.section {
	margin-top:60px;
	margin-bottom:10px;
}



/*header
  ==================================================*/
#key_image_area {
	text-align: center;
	height: auto;
	width: 100%;
	/*-webkit-box-shadow: inset 0 3px 0px rgba(0,0,0,.2), inset 0 -3px 5px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 0px rgba(0,0,0,.2), inset 0 -3px 5px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 0px rgba(0,0,0,.2), inset 0 -3px 5px rgba(0,0,0,.2);*/
	background-color: #fff;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
/**     margin-top: 25px; ***/
	margin-top: 80px;
}

#key_image_area_img {
	height: auto;
/*	width: 1170px; */
	width: 979px;
}

/* http://coliss.com/articles/build-websites/operation/css/safe-css-hacks-by-mathiasbynens.html */
#menubar {
   top: 55px;
   _top: 64px;   /* IE */
   *top: 64px;   /* IE */
   top: 64px\0;   /* IE */
}
:root #menubar { top:64px \0/; }    /* IE */

/*top_contents
  ==================================================*/
.box1 {
	background: #fff;
	width: 100%;
	position:relative;
}

a .box1 {
	background:#fff;
	color:#333;
	text-decoration:none;
}


/* ============================================== */

a:hover .box1 {
	background:#D50000;
	text-decoration:none;
	color:#fff;
}

.img1 img {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D50000;
}

.box2 {
	background: #fff;
	width: 100%;
}

a .box2 {
	background:#fff;
	color:#333;
	text-decoration:none;
}

/* class box2にマウスカーソルが存在する場合の表示 */
.box2:hover {
	background:#fff;
	color:#333;
	text-decoration:none;
}

.box2:hover .box2_title {
	background: #000;

}

.box2:hover .read_more {
	background:#000;
}

/**********
.text_whatskanji {
    color:#000;
}
*****/

/* box_whatskanji */
.box_whatskanji {
	width: 100%;
}

div .box_whatskanji { 
	background:#fff;
}

a .box_whatskanji {
	background:#fff;
	color:#333;
	text-decoration:none;
}


.box_whatskanji {
	background: #fff;
	width: 100%;
}

a .box_whatskanji {
	background:#fff;
	color:#333;
	text-decoration:none;
}

/* class box2にマウスカーソルが存在する場合の表示 */
/***
.box_whatskanji:hover {
	background:#fff;
	color:#333;
	text-decoration:none; 
}
***/


.box_whatskanji:hover .read_more {
	background:#000;
}
/* ============================================== */

a:hover .box2 {
	background:#f1763e;
	text-decoration:none;
	color:#fff;
}

a:hover .box_whatskanji {
/*	background:#090;
    color:#fff; */
}


a .box_whatskanji {  /****************************/
	background:white;  
}


.img2 img {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f1763e;
	width: 100%;
}

.box2_rightside img {
	height: 0;     /* 右サイドでエッセイの写真は出さない。*/
}


.img_whatskanji img {
/**	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f1763e;
	width: 100%;
**/
	text-align: center;
	margin-top: 8px;
}


.box3 {
	background: #fff;
	width: 100%;
}

a .box3 {
	background:#fff;
	color:#333;
	text-decoration:none;
}

/* ============================================== */


a:hover .box3 {
	background:#090;
	text-decoration:none;
	color:#fff;
}

.img3 img {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #090;
	width: 100%;
}

.box4 {
	background: #fff;
	width:100%;
/**	height:100%;
	position:relative; **/
}

.box4_rightside img {
	height: 0;         /* 右サイドでパズルの写真は出さない */
}


.box5 {
	background: #fff;
	width:100%;
/**	height:100%;
	position:relative; **/
}

.box3 {
	background: #fff;
	width: 100%;
}

a .box4 {
	background:#fff;
	color:#333;
	text-decoration:none;
}

a .box5 {
	background:#fff;
	color:#333;
	text-decoration:none;
}

/* ============================================== */

a:hover .box4 {
	background:#0065AB;
	text-decoration:none;
	color:#fff;
}

a:hover .box5 {
	background:#7f1083;
	text-decoration:none;
	color:#fff;
}

.img4 img {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0065AB;
	width: 100%;
/*	height: 0 \0/;     右サイドでエッセイの写真は出さない。IE のために必要*/
}

.img5 img {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7f1083;
	width: 100%;
}


.box1_title {
	font-weight: bold;
	background: #D50000;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a:hover .box1_title {
	background: #000;
}

.box2_title {
	font-weight: bold;
	background-color: #f1763e;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a:hover .box2_title {
	background: #000;
}

.box_whatskanji_title {
	font-weight: bold;
	background-color: #090;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.box_whatskanji_title2 {  /**************************/
	font-weight: bold;
	background-color: #005e9d;;
	width: 100%;
	margin-top: -8px;
	margin-left:-8px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:8px;
	padding-right:8px;
	font-weight: bold;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 16px;
	text-align:center;
	height: 54px;
}



.box3_title {
	font-weight: bold;
	background-color: #090;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a:hover .box3_title {
	background: #000;
}

.box4_title {
	font-weight: bold;
	background-color: #0065AB;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a:hover .box4_title {
	background: #000;
}

.box5_title {
	font-weight: bold;
	background-color: #7f1083;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a:hover .box5_title {
	background: #000;
}

.title_in {
	float: left;
	width: 68%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: middle;
}

span.corner_author {
	color: #fff;
	vertical-align: middle;
	font-weight: bold;
}

.span12 span.corner_author {
	font-size: 130%;
}

.span4 span.corner_author {
	font-size: 90%;
}

/*--- Start: (min-width: 768px) and (max-width: 979px)  -- */
@media (min-width: 768px) and (max-width: 979px) {  
.title_in2 {
	font-size: 80%;
	font-weight:bold;
}

.span4 span.corner_author {
	font-size: 80%;
}

.text2 h4 {
/*	font-size: 80%;  */
}


.text_main_essay {
	margin-left: 2em !important; 
	margin-right: 2em !important;

}
}
/*--- End: (min-width: 768px) and (max-width: 979px)  -- */

.title_vol1 {
	padding: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #D50000;
	float: right;
	width: 20%;
	text-align: center;
	border: 0px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	height: 30px;
	line-height: 1.7;
	margin-top: 11px;
	margin-right: 7px;
	margin-bottom: 11px;
	margin-left: 7px;
}

.title_vol {
	padding: 3px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	float: right;
	width: 20%;
	text-align: center;
	border: 0px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	height: 18px;
	line-height: 1.5;
	margin-top: 9px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 2px;
}

.text {
	font-size: 14px;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom:10px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	height:95px;
	overflow:hidden;
}

a:hover .text {
	width: 96%;
}

.text2 {
	font-size: 14px;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom:10px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	height:110px;
	overflow:hidden;
}

.text2-low {
	height: auto;
}

a:hover .text2 {
	width: 96%;
}

a .read_more {
	background:#ccc;
}

a:hover .read_more {
	background:#000;
}

.read_more {
	background-color: #C9C9C9;
	width: 100%;
	margin-top:10px;
}

.reade_more_inner {
	font-size: 12px;
	font-weight: 300;
	color: #FFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
}

.banner_area {
	/* width: 100%; */
	background: #F3F3F3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.banneer_area_inner {
	text-align: center;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.banner {
	margin-right:20px;
}

.news {
	color: #FFF;
	background-color: #000;
	width: 100%;
	margin-bottom: 10px;
}

.news_inner {
	font-size: 16px;
	font-weight: bold;
	padding: 7px;
}

.news_box {
	font-size: 13px;
	/* height: 120px; */
	height: 200px;
	overflow:auto;
}

.news_box p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;	
}

.news_list {
	margin-top: 0px;
	margin-left: 10px;
}

.twitter {
	color: #FFF;
	background-color: #09F;
	width: 100%;
	margin-bottom: 10px;
	margin-top:0px;
}

.twitter_inner {
	font-size: 16px;
	font-weight: bold;
	padding: 7px;
}

.twitter_box {
	width:100%;
	height:auto;
}




/*honbun_contents
  ==================================================*/
.p_list {
	font-size: 13px;
	margin-bottom: 10px;
	margin-top:50px;
}

.p_list ul {
	margin-left: 0px;
}

.p_list ul li {
	display:inline;  
    line-height:110%;  
    list-style-type:none; 
}

.img1-1 img {
	width:100%;
}

/*.title_in2 {
	float: left;
	width: 94%;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 10px;
	padding-left: 3%;
}*/

.box1-1_title {
	font-weight: bold;
	background: #D50000;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.box2-1_title {
	font-weight: bold;
	background-color: #f1763e;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box3-1_title {
	font-weight: bold;
	background-color: #090;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.box4-1_title {
	font-weight: bold;
	background-color: #0065AB;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box5-1_title {
	font-weight: bold;
	background-color: #7f1083;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box9-1_title {
	font-weight: bold;
	background-color: #b68835;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box_title {
	font-weight: bold;
	background: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	color: #FFF;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
}

.box_title_inner {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #666;
	padding-left: 10px;
}

.box_title h1 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}

.box_title_inner p {
	font-weight:normal;
	font-size: 14px;
}

.title_in2 {
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	font-weight: bold;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

.title_in_whatskanji {
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	font-weight: bold;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 16px;
}

.title_in3 {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
}

.title_in3 img {
/*	width:12%; */
	width:60%; 
}

.volum1 {
	font-size: 18px;
	font-weight: bold;
	color: #D50000;
	padding: 5px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	text-align:left;
	background-color:#ddd;
	padding-left:20px;
}

.volum1 p {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #D50000;
	padding-left: 10px;
	margin-bottom:0px;
}

.volum2 {
	font-size: 18px;
	font-weight: bold;
	color: #f1763e;
	padding: 5px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	text-align:left;
	background-color:#ddd;
	padding-left:20px;
}

.volum2 p {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #f1763e;
	padding-left: 10px;
	margin-bottom:0px;
}

.volum3 {
	font-size: 18px;
	font-weight: bold;
	color: #090;
	padding: 5px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	text-align:left;
	background-color:#ddd;
	padding-left:20px;
}

.volum3 p {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #090;
	padding-left: 10px;
	margin-bottom:0px;
}

.volum4 {
	font-size: 18px;
	font-weight: bold;
	color: #0065AB;
	padding: 5px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	text-align:left;
	background-color:#ddd;
	padding-left:20px;
}

.volum4 p {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0065AB;
	padding-left: 10px;
	margin-bottom:0px;
}

.volum5 {
	font-size: 18px;
	font-weight: bold;
	color: #7f1083;
	padding: 5px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	text-align:left;
	background-color:#ddd;
	padding-left:20px;
}

.volum5 p {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #7f1083;
	padding-left: 10px;
	margin-bottom:0px;
}

.text3 {
	font-size: 13px;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom:0px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

a:hover .text3 {
	width: 96%;
}
.text_whatskanji_detail {  /***********************/
	padding:5px;
}

.text_whatskanji {
	background-image: url('../../images/kanji/search_box.png');
	background-repeat: no-repeat;
	font-size: 17px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width: 220px;
	letter-spacing: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1.4em;
}


.text_main {
	font-size: 15px;
	text-decoration: none;
}

.text_main_essay {
	font-size: 16px;
	margin-left: 2.5em;
	margin-right: 2.5em;
	text-decoration: none;
}

.text_main_essay p {
	margin-bottom: 1em;
}

.text_main h2 {
	font-size: 16px;
	text-decoration: none;
	background-color: #999;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border: 1px solid #E7E7E7;
}

.text_main h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ccc;
	line-height: 1.3;
	margin-top: 30px;
	color: #FFF;
	background-color: #000;
	padding: 5px;
}

.text_main h3.editor {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ccc;
	line-height: 1.3;
	margin-top: 30px;
	color: #666;
	background-color: #ddd;
	padding: 3px;
}


.text_main h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ccc;
	line-height:1.3;
	margin-top:30px;
}

.text_main h5 {
	margin-top:20px;
}

.backnumber_title {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding: 5px;
}

.backnumber {
	font-size: 14px;
}

.backnumber ul {
	text-decoration:none;
	margin-left:0px;
}

.backnumber ul li {
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	list-style-position: inside;
	list-style-type: none;
}

.archive {
	background-color:#EFEFEF;
	margin-top:0px;
	margin-bottom:0px;
	padding: 4px;
	border: solid 1px #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align:center;
	font-size:12px;
}

.page_top {
	font-size: 11px;
	color: #FFF;
	background-color: #000;
	padding: 6px;
	border: 1px solid #ccc;
}

.page_top a {
	color: #FFF;
}




/*footer
  ==================================================*/
.footer {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top:0px;
	background-color:#000;
}

.footer p {
	margin-top:15px;
}

.footer p a {
	color: #ccc;
}

.footer p a:hover {
	color: #fff;
	text-decoration:none;
}


/* CSS Document */


.topbanner {
   float:right;
   width:auto;
   margin-left:20px;
   margin-right:0;
}

.topbanner-first {
 margin-right:-20px;
}

.topbanner-last {
 margin-left:0;
}


.topbanner-left {
  float:left;
  width:190px;
  width:60px\9;  /* 全 IE の場合 */
  margin-left:0px;
  background-image: url(../../images/pmc_logo__tmp.png);
  background-repeat: no-repeat;
  height:47px;
}

div.sns {
	margin-top: -3.5em;
	margin-bottom: 1em;
	height: 20px;
}

/*----------- START: (max-width: 936px)  ---------- */
@media (max-width: 936px) {

.topbanner {
   float:right;
   width:auto;
   margin-left:5px;
   margin-right:0;
}

.topbanner-first {
 margin-right:-20px;
}

.topbanner-last {
 margin-left:0;
}


.topbanner-left {
  float:left;
  width:60px;
  margin-left:10px ;
  background-repeat: no-repeat;  /* logo only */
  height:47px;
}

}


/*----------- START: (max-width: 767px)  ---------- */
@media (max-width: 767px) {
div.sns {
	margin-top: 0;
	margin-bottom: 1em;
}


.text {
	height:117px;
	overflow:hidden;
}
.text2 {
	height:110px;
	overflow:hidden;
}

.text2-low {
	height: auto;
}


#key_image_area {
	margin-top:-20px;
	height: auto;
}
.title_vol {
	margin-top:15px;
}
.section {
	margin-top:10px;
}

.text_main_essay {
	margin-left: 2em;
	margin-right: 2em;

}

.topbanner {
 float:none;
 width:100%;
 margin-left:20px;
 margin-right:0;
 text-align:center;
}

.topbanner-first {
 margin-right:-20px;
}

.topbanner-left {
  float:none;
  width:auto;
  margin-left:40px;
  background-image: url(../../images/pmc_logo__tmp.png);
  background-position: center;
  background-repeat: no-repeat;
  height:47px;
}

}
/*----------- END: (max-width: 767px)  ---------- */



/*----------- START: (max-width: 480px)  ---------- */
@media (max-width: 480px) {
div.sns {
	margin-top: 0;
	margin-bottom: 1em;
}

.text {
	height:auto;
	overflow:hidden;
}
.text2 {
	height:auto;
	overflow:hidden;
}
.title_vol1 {
	font-size:16px;
}
#key_image_area {
	margin-top:-20px;
	height: auto;
}
.footer {
	text-align:center;
}
.title_in {
	width:90%
	}

.title_vol {
	margin-top:0px;
}
.title_vol1 {
	font-size:14px;
	height:18px;
	margin-top:0px;
	line-height:1.4;
}
.section {
	margin-top:10px;
}
.title_in3 img {
	width:100%;
}
.box_title h1 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height:1.2;
}

.text_main_essay {
	margin-left: 0em;
	margin-right: 0em;
}

}
/*------- END: (max-width: 480px) ------ */

/*----- START: (min-width: 768px) and (max-width: 979px) --- */
@media (min-width: 768px) and (max-width: 979px) {
div.sns {
	margin-top: 0;
	margin-bottom: 1em;
}

.text {
	height:137px;
	overflow:hidden;
}
.text2 {
	height:130px;
	overflow:hidden;
}

.text2-low {
	height: auto;
}

.title_vol {
	padding: 3px;
	font-size: 9px;
	width:16%;
	line-height:2.1;
}
.title_in {
	width:68%;
	padding-right:0px;
	margin-left:0px;
}
#key_image_area {
	height: auto;
	margin-left:auto;
	margin-right:auto;
	width:768;
	margin-top:-20px;
}
#key_image_area_img {
	height: auto;
/*	width:100%; */
	width: 768px;
}
.section {
	margin-top:10px;
}

.box_whatskanji_height_outer {
   height: 350px;
   background: white;
}

.box_whatskanji_height_inner {
   height: 220px;
   background: white;
}

.topbanner-first {
 margin-right:0;
}

.text_whatskanji {
	margin-left:-1em;
}

.topbanner-left {
  margin-left:10px;
}

}
/*------- END: (min-width: 768px) and (max-width: 979px) ------ */

/*----- START:  (min-width: 980px) -------- */
@media (min-width: 980px) {

.text {
	height:95px;
	overflow:hidden;
}
.text2 {
	height:110px;
	overflow:hidden;
}

.text2-low {
	height: auto;
}

.title_vol {
	width:15%;
}

.box_whatskanji_height_outer {
   height: 340px;
   background: white;
}

.box_whatskanji_height_inner {
   height: 210px;
   background: white;
}


}
/*------- END  (min-width: 980px) ---- */

/*----- START: (min-width: 1200px) -------- */
@media (min-width: 1200px) {
.text {
	height:97px;
	overflow:hidden;
}
.text2 {
	height:90px;
	overflow:hidden;
}
.news_box {
	font-size: 13px;
	/* height: 146px; */
	height: 186px;
	overflow:auto;
}

.box_whatskanji_height_outer {
   height: 340px;
   background: white;
}

.box_whatskanji_height_inner {
   height: 210px;
   background: white;
}


.topbanner-first {
 margin-right:90px;
}

}
/*------- END: (min-width: 1200px) ---- */

.date {
  float: right;
}

.fb-like {
   width: 180px !important;
}

iframe.twitter-share-button {
   position:relative; top: 3px;
}


/* RSSのアイコンファイルの位置設定 */
p#rss {
 position: absolute;
 right:10%;
}

p.right {
	text-align: right;
}

img.bitmapchar {
	margin-bottom: 1em;
}

img.bitmapchar_small {
	margin-bottom: 0.4em;
}

img.frame {
	border: 1px solid gray;
}

/* Backnumber */
.backnumber ul li a {
	font-size: 120%;
}

span.underline {
	text-decoration: underline;
}

p.photo-right {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.8em;
}

p.photo-left {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.8em;
}

em.sesame {
	-webkit-text-emphasis-style: circle filled;
	   -moz-text-emphasis-style: circle filled;
	    -ms-text-emphasis-style: circle filled;
	     -o-text-emphasis-style: circle filled;
	        text-emphasis-style: circle filled;
}

.backnumber-photo {
	width: 140px;
	height: 100px;
	float:left;
	margin-right: 1em;
}

.backnumber span.title {
 	font-weight: bold;
}

.backnumber img.photo {
	float: left;
	margin-right: 0.5em;
}

.backnumber_interview div.corner {
	height:100px;
	overflow:hidden;
}

.backnumber_essay div.corner {
	height:100px;
	overflow:hidden;
}

.backnumber_exploration div.corner {
	height:auto;
	overflow:hidden;
}

dl.light dt {
/*   font-weight: normal; */
     font-size: small;
}

.img_center {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

td.whatskanji_leftcell {
	/* padding-right:4px; */
	text-align:center;
	white-space: nowrap;
}

td.whatskanji_middlecell {
	padding-top:2px;
	text-align:center;
	vertical-align:middle;
}

td.whatskanji_rightcell {
	/* padding-left:4px;*/
}

.container {
  margin-left:auto;
  margin-right:auto;
}


.chokanji-ad-title {
 margin-top:8px;
 margin-bottom:4px;
 font-weight:bold;
 font-size:120%;
 text-align:center;
}

.chokanji-ad-text {
 margin-top:4px;
 margin-bottom:4px;
}

.well_chokanji-ad {  /***************************/
  border: 1px solid #aaa;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  
}