@charset "UTF-8";

/*
___________________________________________________________________

	Update  : 2010/08/06
___________________________________________________________________ */


/* ▼ 全体のレイアウト設定 ▼ */

body { 
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, 'MS Pゴシック', Osaka, sans-serif;
	font-size: 90%;
	color: #222;
	line-height: 1.7;
	}

#container {
	width: 900px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ccb;
	}

#header {
	padding: 0;
	}

#main {
	width: 640px;
	margin: 0;
	padding: 10px 22px 20px 22px;
	float: right;
	overflow: hidden;
	}

#sub {
	width: 210px;
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
	overflow: hidden;
	}

#footer {
	margin: 0;
	padding: 0;
	clear: both;
	}


/* ▼ リンク設定 ▼ */

a:link		{
	color: #600;
	text-decoration: none;
	}
a:visited	{
	color: #600;
	text-decoration: none;
	}
a:active	{
	color: #600;
	text-decoration: none;
	}
a:hover		{
	color: #05f;
	text-decoration: none;
	}

a.tip	{
	padding: 0 0 0 12px;
	background: url("/img/tip.gif") no-repeat 0 50%;
	}

/* ▼ 全体共通設定 ▼ */

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	}

hr {
	display: none;
	}

img	{
	border: none;
	}

form	{
	margin: 0;
	padding: 0;
	}


/* ▼ ヘッダ ▼ */ 

h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	height: 0px;
	}


/* ▼ メインコンテンツ ▼ */ 

#contents p {
	margin: 0 10px 10px 10px;
	}

#contents h2 {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	font-size: 140%;
	text-align: left;
	font-weight: bold;
	background-color:#efefde;
	border-left: 8px solid #755;
	font-family: 'MS P明朝','ヒラギノ明朝 Pro w3','平成明朝', serif;
	}



#medianews h2 {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	font-size: 140%;
	text-align: left;
	font-weight: bold;
	background-color:#efefde;
	border-left: 8px solid #755;
	font-family: 'MS P明朝','ヒラギノ明朝 Pro w3','平成明朝', serif;
	}



#contents h3 {
	margin: 20px 0 15px 0;
	padding: 2px 4px 2px 14px;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	background-color:#efefde;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#contents h4{
	font-size: 100%;
	}

#dirnavi {
	font-size: 90%;
	color: #483F30;
	}

#dirnavi strong {
	font-weight: normal;
	}

#dirnavi a {
	text-decoration: none;
	color: #483F30;
	}

.red {
	color: #e00;
	}

.newslist {
	font-size: 90%;
	}

.small {
	font-size: 80%;
	color: #888;
	}

.fl {
	float: left;
	padding: 0 10px 10px 0;
	}

.fr {
	float: right;
	padding: 0 0 10px 10px;
	}

.fc {
	clear: both;
	}

.txtbox {
	padding: 5px;
	background-color:#E9DdCe;
	border: 1px solid #600;
	}

#todays {
	margin: 3px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 110%;
	background-color:#f0f0df;
	border: 1px dotted #ddd;
	}

table#titleidx {
	margin: 20px 10px 10px 100px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

table#titleidx td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#totop {
	margin: 30px 0 0 0;
	text-align: right;
	clear: both;
	}

.voicebody {
	padding: 0 10px 10px 10px;
	background-color:#ffe;
	border: 1px dotted #f93;
	}

.voicebody2 {
	margin: 0 30px 10px 30px;
	padding: 0 30px 0 30px;
	background-color:#ffe;
	border: 1px dotted #f93;
	}

.voicetitle {
	font-weight: bold;
	border-bottom: 2px dotted #f93;
	}

.linkwaku {
	border: 1px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	}

/* ▼ 右サイド ▼ */ 

.subbanner img {
	margin: 0 0 10px 10px;
	padding: 0;
	display: block;
	}

#submenu {
	background-color:#6F6147;
	margin: 10px 0 15px 10px;
	}

#submenu ul {
	margin: 0 5px 10px 18px;
	padding: 10px;
	list-style-image: url("/img2/dot2.gif");
	}

#submenu li.nolink {
	color: #fff;
	list-style-image: url("/img2/dot3.gif");
	}

#submenu ul ul {
	margin: 0 3px 0 13px;
	padding: 3px;
	}

#submenu ul li {
	margin: 0;
	padding: 0 0 8px 0;
	}

#submenu ul li a:link {
	color: #fff;
	text-decoration: none;
	}

.subb_mobile {
	margin: 0 0 0 10px;
	}

.subb_mobile img {
	margin: 0 0 1px 0;
	padding: 0;
	display: block;
	}

#sub ul li a:link {
	color: #fff;
	text-decoration: none;
	}

#sub ul li a:visited {
	color: #fff;
	text-decoration: none;
	}

#sub ul li a:active {
	color: #F4A460;
	text-decoration: none;
	}

#sub ul li a:hover {
	color:#F4A460;
	text-decoration:none ;
	}

#mmbt {
	padding-top: 1px;
	border-style: none;
	background-color:#400;
	color: #fff;
	}

#srbt {
	margin-top: 3px;
	margin-left: 30px;
	padding-top: 1px;
	border-style: none;
	background-color:#500;
	color: #fff;
	}

#magazine {
	font-size: 90%;
	line-height: 1.4;
	margin-top: 18px;
	}

#magazine table {
	margin-top: 10px;
	}

#monthdetail {
	padding: 0 5px;
	}

#monthdetail p {
	margin: 0;
	padding: 0;
	}

#monthdetail a {
	text-decoration: none;
	}

#monthtitle {
	color: #7D0A05;
	font-size: 14px;
	font-weight: bold;
	}

#monthlysub {
	width: 220px;
	padding: 10px 0 0 0;
	background-color:#6F6147;
	background: url("/img2/monthlysub_bk.gif") no-repeat 0 100%;
	}

#monthlysub ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	list-style-image: url("/img2/dot2.gif");
	color: #fff;
	}

#monthlysub li {
	padding: 0 0 2px 0;
	}

#monthlysub li.nolink {
	list-style-image: url("/img2/dot3.gif");
	}

#monthlysub li a {
	color: #fff;
	}

#monthlysub li a:hover {
	color: #F4A460;
	}


#monthlysub li a:active {
	color: #F4A460;
	}



#newbook {
	margin: 18px 0;
	}

#topbanner {
	margin: 0 0 10px 0;
	}
#topessay {
	background-color:#EDEAE2;
	border: 4px double #a99;
	}

#topnews ul, #topessay ul {
	margin: 5px 5px 8px 5px;
	padding: 0;
	list-style: none;
	font-size: 90%;
	}

#topnews li, #topessay li {
	padding: 0 0 0 18px;
	background: url("/img2/tip.gif") no-repeat 0 50%;
	}

#topcomm {
	padding: 0 0 0 20px;
	}

p.newsdate {
	margin: 0;
	padding: 0;
	text-align: right;
	}

ul.semilist {
	margin: 5px 5px 15px 18px;
	padding: 0;
	list-style-image: url("/img/tip_st.gif");
	}

ul.semilist li {
	margin-bottom: 5px;
	padding-bottom: 8px;
	}

#semilead {
	padding: 0;
	font-size: 130%;
	color: #9A9B62;
	font-weight: bold;
	}

#semilead2 {
	margin-top: 10px;
	}

#semilead2 th {
	font-size: 110%;
	color: #754342;
	}

#sub h3 {
	margin: 5px 5px 0 8px;
	padding: 1px 8px 1px 10px;
	background-color:#633;
	color: #fff;
	}


/* ▼ フッタ ▼ */ 

#footnavi {
	margin: 0;
	padding: 2px 10px 5px 10px;
	text-align: right;
	list-style: none;
	border-top: 1px solid #500;
	}

#footnavi li {
	font-size: 12px;
	padding: 0 1em 0 0;
	display: inline;
	}

#footnavi li a {
	text-decoration: none;
	}

#copyright {
	margin: 0;
	padding: 0;
	background-color:#500;
	font-size: 10px;
	color: #cb7;
	}

#copyright a {
	color: #cb7;
	text-decoration: none;
	}

#banner {
/*
*/
	display: none;
	margin: 0;
	padding: 5px;
	text-align: right;
	}

#foottbl {
	width: 900px;
	background-color:#500;
	}


#word {
	margin-bottom: 10px;
	}

/* 2009/06/02*/

.small2 {
	font-size: 80%;
	}

.small3 {
	font-size: 70%;
	}

.txtbig {
	color: #a00;
	font-size: 130%;
	}

table.waku {
	margin-left: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	}

table.waku th {
	text-align: left;
	font-weight: normal;
	background-color:#eee;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}

table.waku td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}


#otegami {
	margin-top: 15px;
	padding: 0 15px 10px 15px;
	background-image:url("/img/washi.jpg");
	background-color:#efefde;
	border-top: 1px solid #F1E3C7;
	border-right: 2px solid #F1E3C7;
	border-bottom: 2px solid #F1E3C7;
	border-left: 1px solid #F1E3C7;
	}

p.tegamititle {
	font-weight: bold;
	font-size: 120%;
	font-family: 'MS P明朝','ヒラギノ明朝 Pro w3','平成明朝', serif;
	}

ul.tegamilist {
	margin: 5px 5px 8px 5px;
	padding: 0;
	list-style: none;
	}

ul.tegamilist li {
	padding: 0 0 0 14px;
	background: url("/img/tip.gif") no-repeat 0 50%;
	}

.hiroshop {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #700;
	}

blockquote {
	margin: 0;
	padding: 12px;
	border: 1px dotted #aaa;
	}


table.booktbl {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	}

table.booktbl td {
	padding-top: 12px;
	}

table.booktbl td.desc {
	padding: 12px 10px 0 5px;
	}

table.booktbl td img {
	margin-bottom: 6px;
	display: block;
	}
table.booktbl td .title {
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;
	}
#closeup {
	margin: 10px 0 5px 0;
	padding: 4px 10px;
	font-size: 14px;
	line-height: 18px;
	background-color:#ffd;
	}

table.shoplist {
	border-top: 1px dotted #700;
	border-left: 1px dotted #700;
	}

table.shoplist td {
	text-align: center;
	border-right: 1px dotted #700;
	border-bottom: 1px dotted #700;
	vertical-align: bottom;
	}

table.shoplist a {
	text-decoration: none;
	}

.backdetail {
	font-size: 80%;
	}

.backdetail a {
	text-decoration: none;
	}

.backtitle {
	margin-bottom: 6px;
	padding: 4px 4px 4px 8px;
	border: 1px solid #d0d0d0;
	background-color:#efefde;
	color: #7D0A05;
	font-weight: bold;
	}

.question {
	color: #151;
	font-weight: bold;
	border-bottom: 1px dotted #151;
	background-color:#fed;
	}

#pagenavi {
	text-align: center;
	}

#pagenavi a {
	background-color:#eee0e0;
	padding: 2px 8px;
	}

#leaders a {
	color: #222;
	text-decoration: none;
	}

#leaders a:hover {
	color: #05f;
	}

#contents h2#e_yama originals {
	height: 100px;
	margin: 20px 0;
	padding: 40px 0 0 20px;
	font-size: 120%;
	text-align: left;
	font-weight: bold;
	background: url("/essay/img/e_line.gif") no-repeat 0 50%;
	background-color:#fff;
	border-left: 8px solid #fff;
	}



#contents h2#e_yama {
	margin: 20px 0;
	padding: 20px 0 0px 0;
	font-size: 125%;
	text-align: left;
	font-weight: bold;
	background-color:#fff;
	border-left: 8px solid #fff;
	font-family: 'MS P明朝','ヒラギノ明朝 Pro w3','平成明朝', serif;
	}

.e_title{
	font-size: 125%;
        line-height:125%;
	font-weight: bold;
	font-family: 'MS P明朝','ヒラギノ明朝 Pro w3','平成明朝', serif;
}





.underl {
	border-bottom: 3px double #999;
	}


/* ▼ ツジモト作成▼ */

.voiceqs{
	color:#990033;border-bottom:1px dotted #000;width:400px;
	}

.5story_tachiyomi_table{
       width:620px; padding:10px;background-image:url("http://www.chichi.co.jp/img/ty/5story_hana.jpg");}

table.ouenblog {
	border-top: 1px dotted #700;
	border-right: 1px dotted #700;
	border-left: 1px dotted #700;}
	
table.ouenblog td {padding-top:5px;
	text-align: left; font-size:-1;
	border-bottom: 1px dotted #700;
	vertical-align: top;
	line-height:110%;}

.ouenblogimg {padding-right:5px; padding-bottom:5px;
                     padding-left:5px; float:left;}

.mokujititle{
      color:#8B0000; font-weight:bold; 
      font-size:170%;}

.mokujititle2{
      font-size:120%;}

.tokusyutitlefont  {
      font-size:130%; font-weight:bold;}

.centerposition{
     text-align:center}

.rightposition{
      text-align:right;}

.middleposition{
      vertical-align:middle;}

.leftposition{
      text-align:left}

.topposition{
      vertical-align:middle;}

.eventtop{
      color:#ff0000;font-size:120%;font-weight:bold;}

.leftfloat{
      float:left;}

.rightfloat{
      float:right;}

.boldfont{
      font-weight:bold;}

.dotbox{
      border: 1px  #008B8B dotted;padding:10px;}

.dotbox2{
       border: 1px  #008B8B dotted;padding:10px;margin-top:10px;font-size:12px;}

.doublebox1 {
       border: 3px double #808080;padding:10px;}
      
.osbox{
     border:1px #FFDAB9 dotted;border-color:#D2B48C;background-color:#FFFFE0;padding:15px}

.osbox2{
      border:double 1px #D8BFD8;background-color:#F5F5F5;padding:15px}

.osbox3{
      border:dotted 1px #D8BFD8;background-color:#F5F5F5;padding:5px}

.osbox4{
     border:3px double #008b8b;background-color:#ffffff;padding:15px}
                  
.minusfont{
      font-size:90%;
      line-height:120%;}

.minusfont2{
      font-size:small;line-height:105%;margin-top:5px;}

.minusfont3{font-size:13px;line-height:125%;}

.minusfont4{font-size:14px;line-height:140%;}

.floatrightimg{float:right;}

.clearcs{
      clear:both;}

.middleimg{
      vertical-align:middle;}

.redfont{
      color:#ff0000;}

.bluefont{
      color:#0000ff;}

.orangefont{
      color:#FF8C00;font-weight:bold;font-size:115%;}


.eventtitle{
      font-size:15px;font-weight:bold;}

.greenfont{
      color:#006400;}

.greenbigfont{
      font-size:120%;color:#006400;}


.boldbig{font-size:130%;font-weight:bold;}

.at3{font-size:90%;line-height:115%;color:#ff8c00;font-weight:bold;}


.poptitle {padding:3px;padding-left:7px;font-weight:bold;  font-size:110%;margin:0;border-top:2px solid #7B68EE; font-size:110%;  background-color:#add8e6;border-left:5px solid #7B68EE;}

.rightfloat{
      float:right;}

.boldfont{
      font-weight:bold;}

.backbrownfont{
      background-color:#8B0000; color:#ffffff;font-size:125%;padding:5px;}

.dotdiv{
      border: dotted 1px #000000;padding:7px; font-size:14px;margin-top:5px;}


.brownfont{
      color:#8B0000;}


.redbigfont{
      font-size:115%;color:#ff0000;}

.bluebigfont{
      font-size:120%;color:#0000ff;font-weight:bold;}

.redbigfont2{
      font-size:130%;color:#ff0000;font-weight:bold;}    

.bookimg01{
     width:140px;text-align:center;}

.imagemiddle{
      text-align:middle; text-valign:middle;}

.mark001
      {border: dotted 2px #ff0000; padding:4px;color:#ff0000; font-weight:bold; font-size:16px;margin-bottom:11px;}

.simplebox{
      border: solid 1px #808080;padding:10px; font-size:12px; width:150px;margin:7px;}

.atfont{
      padding:4px;font-size:130%;font-weight:bold; background-color:#FFFACD;}

.atfont2{
      padding:3px;font-size:110%;font-weight:bold; background-color:#FFFACD;}

.atfont3{
      padding:4px;font-size:130%;font-weight:bold; background-color:#E0FFFF;}

.inimgfont{
      height:170px;font-size:14px;line-height:120%;}

.bookcell {
     line-height:125%;font-size:14px;}

.vcimg
     {margin-top:5px;}





ul#bookstorenavi li a{
      list-style-type: none;
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#EEE8AA;
      float:left;
      font-size:13px;
      padding:3px;}

ul#bookstorenavi li a:hover{
      list-style-type: none;
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#FAFAD2;
      float:left;
      font-size:13px;
      padding:3px;}


ul#bookstorenavi2 li a{
      list-style-type: none;
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#EEE8AA;
      float:left;
      font-size:13px;
      padding:3px;}

ul#bookstorenavi2 li a:hover{
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#FAFAD2;
      float:left;
      font-size:13px;
      padding:3px;}


#bookstorenavi ul{
  list-style-type: none;
}

#bookstorenavi li{
  list-style-type: none;
  float: left;
}

#bookstorenavi2 ul{
  list-style-type: none;
}

#bookstorenavi2 li{
  list-style-type: none;
  float: left;}



#hajimetebr a{
    color:#ffffff;}

#hajimetebr a:hover{
    color:#0000CD;}


ul#bookstorenavi3 li a{
      list-style-type: none;
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#F0FFFF;
      float:left;
      font-size:13px;
      padding:3px;}

ul#bookstorenavi3 li a:hover{
      list-style-type: none;
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#FAFAD2;
      float:left;
      font-size:13px;
      padding:3px;}


ul#bookstorenavi4 li a{
      list-style-type: none;
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#F0FFFF;
      float:left;
      font-size:13px;
      padding:3px;}

ul#bookstorenavi4 li a:hover{
      display:block;
      width:180px;
      text-decoration:none;
      color:#000000;
      border:1px solid #000000;
      background-color:#FAFAD2;
      float:left;
      font-size:13px;
      padding:3px;}


#bookstorenavi3 ul{
      list-style-type: none;
}

#bookstorenavi3 li{
      list-style-type: none;
      float: left;
}

#bookstorenavi4 ul{
       list-style-type: none;
}

#bookstorenavi4 li{
      list-style-type: none;
      float: left;
}

/* ▼ ピックアップ▼ */ 
.pickbox1{
      border: 1px dotted #A0522D;
      padding:10px;
}

.pickbox2{
      border: 3px double  #A0522D;
      padding:10px;
}

.midashi{
      color:#ff0000;
      font-size:120%;
      font-weight:bold;
}

.pickp { border-bottom: 1px solid #D2691E;
      border-left: 10px solid #D2B48C;
      width:500px;
      margin-left:0;
      font-weight:bold; 
      padding-left:15px;}

.pickp2 { border-bottom: 1px solid #D2691E;
      border-left: 10px solid #D2B48C;
      width:500px;
      margin-left:0;
      padding-left:15px;}

.pickspan {font-weight:bold; color:#A0522D;}

/* ▼ 海外便▼ */ 
.imr {padding-left:3px;}
.imb {padding-top:3px;}


/* ▼Ｑ＆Ａ▼ */
h4.questionbg {background-image:url(/img/ty/question3.jpg);
      background-repeat:no-repeat;
      height:48px;width:640px;
      border:0;padding:10px 10px 10px 60px;
      font-size:15px;margin-bottom:-20px;}

.answerbg {background-image:url(/img/ty/answer4.jpg);
      background-repeat:no-repeat;
      border:0;padding:10px 10px 10px 60px;
      margin:0;}


/* ▼こんな人もでています▼ */ 

div.personbox1 {width:295px;float:left;padding:5px;background-image:url(/img/person/bg02.gif);margin:0;text-align:center;}
div.personbox2 {width:295px;float:right;padding:5px;background-image:url(/img/person/bg02.gif);margin:0;text-align:center;}
p.persontitle {background-color:#8B4513;color:#ffffff;font-size:16px;margin:5px;padding:3px;text-align:center;}
p.personname {background-color:#ffffff;padding:5px;margin:5px;text-align:left;}
.bigname {font-size:18px;font-weight:bold;}
p.persondetail {padding:3px;text-align:left;}


/* ▼おりたたみボックス▼ */ 


div.CollapsibleBox div.CollapsibleBoxTitle {
   /* ■タイトル文字列■ */
   margin-left:30px;padding:0px;
   height:25px;
}

div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
   margin:0px 0 20px 30px;
   padding: 10px;
   background-color:#ffffe0;
   border:1px dotted #deb887;   
   display: none;
}


/* ▼今月の特集▼ */ 

#f_title { background-image:url(/feature/img/f_midashi3.gif);width:640px;height:45px;font-size:20px;padding:5px 5px 5px 0;background-repeat:no-repeat;color:#ffffff;text-align:center;margin:0;}

.f_midashi ｛background-image:url(/feature/img/f_midashi1.gif);width:640px;height:40px;font-size:15px;padding:2px 2px 2px 15px;background-repeat:no-repeat;color:#ffffff;margin:0;}

.f_article{margin:5px;font-size:15px;font-weight:bold;}

.bluefont  {color:#0000ff;}

.bigbold {font-size:120%;font-weight:bold;}

/* ▼ 角丸ＢＯＸ ▼ */ 

div.column1  {  
        width: 350px;  
        background-image:url(/img/ty/bottom1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;  
        padding-bottom: 11px;  
        margin-bottom: 20px;  
        margin-top: -10px;
        float:right;@adding-left:20px; 
    } 

div.column1 .inner1   {  
        background-image:url(/img/ty/top1.jpg);
	background-repeat:no-repeat;
        padding-top: 11px;  
    }  

div.column1 .inner1 div   {  
        background-image:url(/img/ty/center1.jpg);
	background-repeat:repeat-y;  
        padding:0 20px; 
    } 



/* ▼ 致知とはバックナンバーリスト ▼ */ 

	




#backnumberlist ul {
	margin: 0;
	padding: 2px 5px 2px 5px;
	list-style: none;
	}

#backnumberlist li {
	font-size: 12px;
	padding: 0 1em 0 0;
	display: block;
	float:left;
	}