@charset "Shift_JIS";


/*-----------------------------------------------------
layout
-------------------------------------------------------*/
#container {
	margin: 0 20px;
	text-align: left;
}
#contents {
		min-width:900px;
}
/*-----------------------------------------------------
header
-------------------------------------------------------*/
#logo {
	white-space: nowrap;
	float: left;
}
#sub {
	text-align: right;
	float: right;
	padding: 10px 0px 0px;
}
#header {
	background: url(../imgs/h_bk.jpg) no-repeat left;
	height: 65px;
	white-space: nowrap;
	min-width:900px;
}
#global {
	background: url(../imgs/global_bk.gif);
	border-right: 1px solid #CCC;
	white-space: nowrap;
}
/*-----------------------------------------------------
search
-------------------------------------------------------*/
#search {
	background: url(../imgs/search_bk.gif) bottom;
	padding-left: 12px;
	height: 42px;
	padding-top: 3px;
	font-size: 80%;
	min-width:888px;
}
#search_left {
	float: left;
}
#search_right {
	float: right;
}
#topicpath {
	font-size: 90%;
	padding-top: 2px;
	padding-left: 15px;
	white-space: nowrap;
}

/*-----------------------------------------------------
layout
-------------------------------------------------------*/
#summary {
	width: 73%;
	padding-right: 1%;
	float: left;
	line-height: 140%;
}
#genre {
	width: 24%;
	float: right;
}

#summary h3, #contents h3 {
	background: url(../imgs/series_bk.gif);
	height: 15px;
	color: #FFF;
	margin-top: 5px;
	padding: 0px 0px 2px 12px;
	min-width:620px;
	font-size: 90%;
}
#magazineleft h3 {
	font-weight: bold;
	height: 14px;
	color: #333;
	margin-top: 5px;
	padding: 0px 0px 2px 12px;
	min-width:620px;
	font-size: 85%;
	background: #fff;
	border-top: 2px solid #CCC;
}
#summary h1, #magazineleft h1 {
	font-size: 135%;
	font-weight: bold;
	color: #333;
	background: url(../imgs/h1_bk.gif) no-repeat left bottom;
	height: 26px;
	padding: 13px 0px 0px 28px;
	min-width:620px;
	border-top: 1px solid #CCC;
}
#summary h2, #magazineleft h2 {
	color: #4B9A24;
	border-bottom: 1px dotted #0F9501;
	padding: 5px 0px 3px 28px;
	min-width:620px;
	font: bold 105% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*サブタイトル　強調するとき*/
#summary h7, #magazineleft h7{
	color: #4B9A24;
	border-bottom: 1px dotted #0F9501;
	padding: 10px 0px 3px 28px;
	min-width:620px;
	font: bold 125% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -0.05em;
	margin-top: 10px;
	width: 100%;
}
#summary h4, .backnumber h4, #magazineleft h4, #overture h4 {
	font-size: 120%;
	margin: 20px 0px 0px;
	padding: 0px 0px 2px 5px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-left: 3px solid #096;
	color: #555;
}
#summary h5 {
	font-size: 110%;
	margin: 15px 0px 10px 10px;
	padding: 0px 0px 2px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

#summary p, #summary table {
	margin: 5px 0px 0px 30px;
	padding: 0px;
	line-height: 145%;
	font-size: 100%;
}
.order table {
	background: #999;
}

#summary td {
	background: #FFF;
	padding: 3px;
}
#summary th {
	padding: 3px;
	background: #eee;
	font-weight: normal;
}
/*-----------------------------------------------------
目次
-------------------------------------------------------*/
#index_title {
	color: #E46300;
	background: url(../imgs/contents_bk.gif);
	border-left: 3px solid #E46300;
	padding: 3px 0px 3px 5px;
	margin: 8px 0px 0px 0px;
	font: bold 90% Verdana, Geneva, sans-serif;
	min-width:620px;
}
#index {
	margin: 18px 0px 0px 20px;
	line-height: 135%;
	min-width:620px;
}
/*-----------------------------------------------------
関連書
-------------------------------------------------------*/
#related_title {
	color: #1E3A8D;
	background: url(../imgs/contents_bk.gif);
	border-left: 3px solid #1E3A8D;
	padding: 3px 0px 3px 5px;
	margin: 18px 0px 0px 0px;
	min-width:620px;
	font-weight: bold;
}
.related {
	font-size: 90%;
	list-style: none;
	border-bottom: 1px dotted #79B84B;
	min-width:620px;
/*	background: url(../imgs/ark_green2.gif) no-repeat left center;
	padding-left: 0px;
*/}
#mailsample {
	font-size: 85%;
	background: #F6F6F6;
	padding: 10px;
	border: 1px solid #CCC;
	line-height: 150%;
	margin: 18px 0px 0px;
}

/*-----------------------------------------------------
right side
-------------------------------------------------------*/
#genretitle {
	font-weight: bold;
	background: url(../imgs/genre_title.gif) no-repeat left top;
	padding: 0px 0px 12px 20px;
}
#teikititle {
	font-weight: bold;
	background: url(../imgs/teiki.gif) no-repeat left top;
	padding: 0px 0px 12px 25px;
	font-size: 125%;
}
#doctortitle {
	font-weight: bold;
	background: url(../imgs/doctor.gif) no-repeat left top;
	padding: 0px 0px 12px 28px;
	font-size: 125%;
}

.gray {
	font-size: 85%;
	background: url(../imgs/stargray.gif) no-repeat left top;
	padding-left: 20px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding-top: 2px;
	padding-bottom: 1px;
	min-width:188px;
}
.white {
	font-size: 85%;
	background: url(../imgs/starwhite.gif) no-repeat left top;
	padding-left: 20px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding-top: 2px;
	padding-bottom: 1px;
	min-width:188px;
}
.line {
	border-top: 1px solid #CCC;
}
/*-----------------------------------------------------
footer
-------------------------------------------------------*/
#footerleft {
	float:left;
	font-size: 85%;
	padding-top: 15px;
}
#footerright{
	float:right;
	font-size: 80%;
	padding-top: 15px;
}
#footer {
	font-size: 85%;
	border-top: 2px solid #069;
	background: #F2F2F2;
	padding: 1px 0px;
	margin-top: 2px;
	text-align: center;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	min-width:900px;
}
#bannar {
	padding-top: 20px;
	font-size: 80%;
	line-height: 110%;
}
/*-----------------------------------------------------
book index
-------------------------------------------------------*/
.leftname {
	color: #470112;
	float: left;
	width: 20%;
	padding-left: 2%;
	padding-top: 3px;
	border-top: 1px dotted #999;
}
.rightbook {
	float: right;
	width: 77%;
	padding-top: 3px;
	border-top: 1px dotted #999;

}
.aiueo {
	border: 1px solid #FF909F;
	float: left;
	background: #FFF5EE;
	height: 25px;
	width: 25px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
}
.aiueo a {
	display: block;
}
/*-----------------------------------------------------
magazine
-------------------------------------------------------*/
#magazineleft {
	width: 78%;
	padding-right: 1%;
	float: left;
	line-height: 140%;
}
#magazineright {
	width: 20%;
	float: right;
}

#magazineleft p {
	padding-left: 20px;
	margin-top: 10px;
}

#magazineleft #teika {
	float: right;
	margin-top: 10px;
}
#magazineleft form {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#magazineleft table  {
	padding: 3px;
	background: #efefef;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
}


#magazineleft ul, #magazineleft ol {
	margin-left: 40px;
}
#magazineleft strong {
	color: #555;
}
#magazineright #new, #magazineright #back, #magazineright #appli  {
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 2px;
	padding: 2px 0px 0px 0px;
	height: 26px;
	font-size: 90%;
}
#magazineright #new a, #magazineright #back a, #magazineright #appli a  {
	display: block;
}
#new a, #back a, #appli a{
	color: #FFF;
}
#new {
	background: url(../imgs/teiki_new_bk.gif) repeat-x;
}
#back {
	background: url(../imgs/teiki_back_bk.gif) repeat-x;
}
#appli {
	background: url(../imgs/teiki_appli_bk.gif) repeat-x;
}
#magazineright p , #yotei p{
	font-size: 90%;
}
#magazineright #genretitle {
	margin-top: 10px;
}
.news_title {
	font-weight: bold;
	color: #F2825A;
	padding-top: 11px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left: 20px;
}
.backnumber table {
	background: #333;
	width: 99%;
	margin-top: 10px;
}
.backnumber td {
	padding: 3px;
}
.backnumber .odd {
	background: #eee;
}
.backnumber .even {
	background: #fff;
}
.backnumber th {
	font-size: 90%;
	text-align: center;
	background: #B8CAFF;
	color: #FFF;
}
.backnumber h7 {
	font-size: 105%;
	font-weight: bold;
	color: #333;
	border-left: 5px solid #C03;
	margin: 30px 0px 0px;
	padding: 0px 0px 0px 10px;
}
.tokushu {
	font-size: 125%;
	font-weight: bold;
	color: #333;
	background: #efefef;
	padding: 2px 0px 2px 10px;
}
.tokushun {
	font-size: 125%;
	font-weight: bold;
	color: #333;
	background: #FFF;
	padding: 1px 0px 1px 10px;
	border: 2px dotted #CCC;
}
#magazineleft ul {
	margin: 10px 0px 10px 40px;
}
.tenbo {
	border-bottom: 1px dotted #666;
	line-height: 125%;
	padding: 0px 0px 0px 32px;
}
#magazineright .teiki {
	background: #f4f4f4;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 90%;
	margin: 10px 0px 0px;
}
#magazineright .yokokubase {
	padding: 10px;
	border: 2px solid #CCC;
	font-size: 90%;
	margin: 10px 0px 0px;
}
.teiki .button {
	background: url(../imgs/f_ark.gif) no-repeat left center;
	padding-left: 13px;
	border-bottom: 1px dotted #999;
}
.yokoku {
	font-weight: bold;
	color: #FFF;
	background: #F79E6E;
	text-align: center;
	margin-bottom: 10px;
}
b {
	font-weight: bold;
	color: #333;
}
.tenboicon {
	margin-top: 5px;
	padding-left: 32px;
	border-bottom: 1px dotted #999;
	font-size: 90%;
	line-height: 125%;
	background: url(../imgs/tenbo.gif) no-repeat left top;
	padding-bottom: 3px;
	min-height:30px;
}
.tokushuicon {
	margin-top: 5px;
	padding-left: 32px;
	border-bottom: 1px dotted #999;
	font-size: 90%;
	line-height: 125%;
	background: url(../imgs/tokushu.gif) no-repeat left top;
	padding-bottom: 3px;
	min-height:30px;
}
ul.heiretsu{
	width:100%;
	margin: 0px 0px 0px 0;
	padding: 0;
}

ul.heiretsu li{
	list-style:none;
	padding:2px 0px 0px;
	width:150px;
	float:left;
	text-align: center;
	margin: 5px 5px 0px 0px;
	font-size: 90%;
	height: 26px;
}
ul.heiretsu li a {
	display: block;	
}
.blue {
	color: #FFF;
	background: #80A0F7;
	padding: 2px 5px;
	margin: 0px 4px;
	font-weight: bold;
	font-size: 75%;
	border: 2px solid #D1DEFF;
}
.yellow {
	color: #FFF;
	background: #F2A472;
	padding: 2px 5px;
	margin: 0px 4px;
	font-weight: bold;
	font-size: 75%;
	border: 2px solid #FFEFD9;
}
.red {
	font-size: 75%;
	color: #FFF;
	background: #ED6983;
	padding: 2px 5px;
	margin: 0px 4px;
	font-weight: bold;
	border: 2px solid #FFD5DE;
}
#magazineleft .zokan {
	background: #FFF;
	border-style: none;
	margin-left: 20px;
}
#magazineleft #magazine {
	margin-left: 164px;
}
.award {
	background: url(../imgs/award.gif) no-repeat left top;
	margin: 15px 50px 0px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	line-height: 185%;
	padding: 3px 0px 3px 30px;
}
#magazineleft ul li {
	margin-top: 5px;
}
.w30per {
	margin-right: 2%;
	float: left;
	width: 30%;
}
/*-----------------------------------------------------
shinkan
-------------------------------------------------------*/
.cover {
	float: left;
	width: 12%;
	text-align: right;
	margin-top: 15px;
}
.bun {
	margin-top: 15px;
	width: 87%;
	float: right;
	font-size: 90%;
	color: #333;
}
.buntitle {
	font-size: 120%;
	border-bottom: 1px dotted #666;
	vertical-align: middle;
	height: 26px;
	margin-bottom: 3px;
	padding-top: 3px;
}
.buntitlen {
	font-size: 120%;
	border-bottom: 1px dotted #666;
	background: url(../imgs/new.gif) no-repeat left;
	vertical-align: middle;
	height: 26px;
	padding-left: 30px;
	margin-bottom: 3px;
	padding-top: 3px;
}
.kanko {
	background: #F2F5FF;
	text-align: center;
	padding: 1px 0px;
	margin-bottom: 6px;
	list-style: none;
	font-size: 90%;
	border-top: 1px solid #E0E9F5;
	border-right: 1px solid #C1CAF5;
	border-bottom: 1px solid #C1CAF5;
	border-left: 1px solid #E0E9F5;
}
.kanko a {
	display: block;
}
/*-----------------------------------------------------
gakkai
-------------------------------------------------------*/
#yotei {
	width: 91%;
	float: left;
	line-height: 140%;
}

#yoteiindex {
	width: 100%;
	float: left;
	line-height: 140%;
}
#year {
	width: 8%;
	float: right;
}
#yotei h1 {
	font-size: 135%;
	font-weight: bold;
	color: #333;
	background: url(../imgs/h1_bk.gif) no-repeat left bottom;
	height: 26px;
	padding: 13px 0px 0px 28px;
	min-width:720px;
	border-top: 1px solid #CCC;
}
#yotei h2 {
	color: #4B9A24;
	border-bottom: 1px dotted #0F9501;
	padding: 5px 0px 3px 28px;
	min-width:720px;
	font: bold 105% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#yotei table, #yoteiindex table {
	padding: 3px;
	background: #efefef;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
	font-size: 85%;
}
#yoteiindex table {
	padding: 1px;
	text-align: center;
	margin-left: 50px;
	margin-top: 15px;
}
#yotei td {
	vertical-align: top;
}
#yotei p {
	padding-left: 20px;
	margin-top: 10px;
}
.kanja {
	padding: 0px 0px 2px 7px;
	border-bottom: 1px solid #ccc;
	font-size: 110%;
	border-left: 5px solid #E6667F;
	margin: 20px 0px 0px 32px;
}
/*-----------------------------------------------------
overture
-------------------------------------------------------*/

#overture h1 {
	font-size: 135%;
	font-weight: bold;
	color: #333;
	background: url(../imgs/h1overture_bk.gif) no-repeat left bottom;
	height: 26px;
	padding: 13px 0px 0px 48px;
	min-width:900px;
	border-top: 1px solid #CCC;
}
#overture h6 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 10px 10px;
}
.retsu {
	float: left;
	width: 32%;
	margin-top: 15px;
	margin-right: 10px;
	font-size: 90%;
	padding-top: 15px;
	border-top: 2px dotted #999;
}
#overture p {
	line-height: 175%;
	padding: 30px 0px 10px 40px;
	font-size: 95%;
}
#overture ol li {
	font-size: 90%;
	margin-left: 40px;
	padding-bottom: 10px;
}
#overture table {
	background: #F3C060;
	width: 89%;
	margin: 20px 5% 0px;
}
#overture td {
	background: #FFF;
	padding: 3px;
}
#overture th {
	font-size: 90%;
	text-align: center;
	background: #F3C060;
	color: #FFF;
}
#overture td, #overture th {
	padding: 3px;
}
#overture ul li {
	font-size: 95%;
	margin-left: 25px;
	padding-bottom: 7px;
}
#basic h1  {
	font-size: 135%;
	font-weight: bold;
	color: #333;
	background: url(../imgs/h1_bk.gif) no-repeat left bottom;
	height: 26px;
	padding: 13px 0px 0px 28px;
	min-width:620px;
	border-top: 1px solid #CCC;
}
/*-----------------------------------------------------
column
-------------------------------------------------------*/

#column #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible ul {
	padding: 20px 20px 10px 35px;
}
#column #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible ul li {
	margin-bottom: 10px;
	background: url(../imgs/star.gif) no-repeat left center;
	padding-left: 13px;
	list-style: none;
}
/*-----------------------------------------------------
gaiyo
-------------------------------------------------------*/
#content {
	border-bottom: 1px solid #999999;
	padding-top: 16px;
	margin-left: 20px;
	padding-bottom: 3px;
	color: #333333;
	clear: both;
	margin-right: 20px;
	font-size: 95%;
	line-height: 150%;
}
#gaiyoitem {
	float: left;
}
#titlered {
	float: left;
	width: 170px;
	border-left: 7px solid #CC3333;
	padding-left: 5px;
}