@charset "shift_jis";

/* margin */
.mgnT30 { margin-top: 30px; }

/* list */
ul.pager {
  text-align: center;
}

ul.pager li {
  margin: 0 2px;
  display: inline-block;
  /display: inline;
  vertical-align: middle;
  text-align: center;
  /zoom: 1;
}

ul.pager li a {
  padding: 2px 5px;
  text-decoration: underline;
}

ul.pager li.stay a {
  color: #fff;
  background-color: #f90;
  font-weight: bold;
}

/* paragraph */
.notes {
	color: #999999;
}

/* box */

blockquote {
	margin: 20px 0 0 20px;
	padding:10px;
	border-left: solid 8px #ffcc66;
	background-color: #fff9ee;
	color:#330000;
}

body.special_contents div#body blockquote p.c_tar {
	text-align: right;
}

/* external link */
div#body div#body-side div#profile div.description a.external {
  padding-right: 17px;
  background: url(/common/img/icon_external.gif) no-repeat 100% 50%;
}

/* img */
body.special_contents div#body p.img {
	margin: 25px 0;
}

body.special_contents div#body p.img.c_floatL {
	margin-right: 20px;
	margin-bottom: 0;
}

body.special_contents div#body p.img span.caption {
	color: #999999;
	font-weight: bold;
}

body.special_contents div#body span.caption { color: #999999; font-weight: bold; } /**/

img.imgR,
span.imgR { /**/
  margin: 0 0 15px 19px;
  display: block;
  float: right;
}

img.imgL,
span.imgL { /**/
  margin: 0 19px 15px 0;
  display: block;
  float: left;
}

#articleBody #book p img.imgL {
  margin: 20px 30px 20px 20px;
  display: block;
  float: left;
}

/* hr */
hr.dashed {
	border: 1px dashed #cccccc;
}

body.special_contents div#body p .worksTitle { color: #333; font-weight: normal; } /**/
body.special_contents div#body p .resetRM { margin-right: 0px !important; } /**/
body.special_contents div#body p .resetLM { margin-left: 0px !important; } /**/

/* -----------------------------------------
added 20120904 for dialogue
-----------------------------------------*/

p.dialogue { font-weight: normal !important; color: #000080 !important; }
p.dialogue strong { font-weight: bold !important; color: #000080 !important; }

p.male,p.female { color: #333 !important; }
p.male strong { color: #57BCB3 !important; }
p.female strong { color: #900 !important; }



/* -----------------------------------------
added 20120824
-----------------------------------------*/
body.special_contents div#body blockquote.interviewer { display: block; margin: 0px; margin-top: 10px; padding: 10px; padding-bottom: 0px; border: none !important; background-color: #fff !important; font-weight: normal; color: #57BCB3 !important; }

.rowImage div.left { float: left; }
.rowImage div.right { float: right; } 


/* -----------------------------------------
for interview 20120531
-----------------------------------------*/

div.exerpt120531 { background: url(../../interview/20120531/_img/bg_exerpt_top.gif) no-repeat top left; padding-top: 10px; }
div.exerpt120531 div.inner { background: url(../../interview/20120531/_img/bg_exerpt.gif) repeat-y top left; padding: 10px 16px; }
div.exerpt120531 p.exerptHeader { font-weight: bold; }
div.exerpt120531 span.txtGr { color: #3fc9b7 !important; }


/* -----------------------------------------
for interview 20120621
-----------------------------------------*/

div.exerpt120621 { background: url(../../interview/20120621/_img/bg_exerpt_top.gif) no-repeat top left; padding-top: 10px; }
div.exerpt120621 div.inner { background: url(../../interview/20120621/_img/bg_exerpt_rep.gif) repeat-y top left; padding: 10px 16px; }
div.exerpt120621 div.photo { float: left; width: 310px;}
div.exerpt120621 div.misc { float: right; width: 280px; }


/* -----------------------------------------
for interview 20120712
-----------------------------------------*/

div.worksCaption { border: 1px solid #eee; padding: 16px; background-color: #fafafa; font-size: 11px; }
div.worksCaption p { margin-bottom: 6px !important; }

/* -----------------------------------------
for interview 20120719
-----------------------------------------*/

div.interview20120719 div#note p.title { font-size: 15px; font-weight: bold; color: #02949d; }


/* -----------------------------------------
for interview 20120726
-----------------------------------------*/

div.interview20120726 p.charIntro { margin-top: 8px !important; font-size: 11px; }

div.interview20120726 div.mobileContents01 { background: url(/specialcontents/interview/20120725/_img/bottom_mobile01.jpg) no-repeat bottom center; padding-bottom: 10px; }
div.interview20120726 div.mobileContents01 div.inner { position: relative; border-right: 1px solid #ffbf25; border-left: 1px solid #ffbf25; background: url(/specialcontents/interview/20120725/_img/bg_mobile01.jpg) repeat-y top center; height: 140px; }
div.interview20120726 div.mobileContents01 img { vertical-align: bottom; }

div.interview20120726 div.mobileContents01 div.inner p.txt01,
div.interview20120726 div.mobileContents01 div.inner p.txt02,
div.interview20120726 div.mobileContents01 div.inner img.banner,
div.interview20120726 div.mobileContents01 div.inner img.QR,
div.interview20120726 div.mobileContents01 div.inner p.URL { position: absolute; }

div.interview20120726 div.mobileContents01 div.inner p.txt01 { top: 20px; left: 40px; }
div.interview20120726 div.mobileContents01 div.inner p.txt02 { top: 64px; left: 260px; }
div.interview20120726 div.mobileContents01 div.inner p.txt02 span { font-size: 11px; }
div.interview20120726 div.mobileContents01 div.inner img.banner { top: 40px; left: 40px; vertical-align: bottom; }
div.interview20120726 div.mobileContents01 div.inner img.QR { top: 10px; right: 15px; vertical-align: bottom; }
div.interview20120726 div.mobileContents01 div.inner p.URL { bottom: 0px; right: 15px; font-size: 11px; }

div.interview20120726 div.mobileContents02 { background: url(/specialcontents/interview/20120725/_img/bottom_mobile02.jpg) no-repeat bottom center; padding-bottom: 10px; margin-top: 12px; }
div.interview20120726 div.mobileContents02 div.inner { position: relative; border-right: 2px solid #ffb4cd; border-left: 2px solid #ffb4cd; background: url(/specialcontents/interview/20120725/_img/bg_mobile02.jpg) repeat-y top center; }
div.interview20120726 div.mobileContents02 img { vertical-align: bottom; }
div.interview20120726 div.mobileContents02 div.inner img.img01 { display: block; margin-left: 20px; }
div.interview20120726 div.mobileContents02 div.inner img.img02 { display: block; margin-left: 20px; margin-bottom: 10px; }
div.interview20120726 div.mobileContents02 div.inner p.txt01 { margin-left: 20px !important; }
div.interview20120726 div.mobileContents02 div.inner p.txt02 { margin-left: 20px !important; font-size: 11px; margin-bottom: 10px; }
div.interview20120726 div.mobileContents02 div.inner p.txt03 { text-align: right !important; font-size: 11px; padding-right: 20px !important; }


#articleBody .section ul.shopItems { margin-top: 20px; }
#articleBody .section ul.shopItems li { width: 110px; float: left; margin-right: 20px; }
#articleBody .section ul.shopItems li.last { width: 110px; float: left; margin-right: 0px; }
#articleBody .section ul.shopItems li img { display: block; margin-bottom: 6px; }
#articleBody .section ul.shopItems li a.title { display: block; margin-bottom: 6px; }
#articleBody .section ul.shopItems li span.price { display: block; margin-bottom: 6px; color: #F89B22; font-weight: bold; }



/* -----------------------------------------
for interview 20120802
-----------------------------------------*/

body.special_contents div#body div.interview20120802 div.signedBook { width: 598px; clear: both; border-top: 1px solid #e6e6e6; padding-top: 20px; }
body.special_contents div#body div.interview20120802 div.signedBook div.left { width: 290px; float: left; }
body.special_contents div#body div.interview20120802 div.signedBook div.right { width: 290px; float: right; }
body.special_contents div#body div.interview20120802 div.signedBook div.left p.cover,
body.special_contents div#body div.interview20120802 div.signedBook div.right p.cover { display: block; margin-bottom: 4px; }

.txtOr { color: #f90; }
.txtGr { color: #9c0; }