@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
	font-size: 100%;
}
img {	border: none;}
ul,ol {	list-style-type: none;}
a:link ,a:visited {	text-decoration: underline;}
a:active,a:hover {	text-decoration: none;}

.small { font-size: 84%;}
.lage { font-size: 125%;}
.textLT {	text-align: left;	vertical-align: top;}
.textR { text-align: right;}
.center { text-align: center;}
.imgL { float: left; }
.imgL10 {	float: left;	padding-right: 10px;}
.imgL20 {	float: left;	padding-right: 20px;}
.imgR { float: right;}
.imgR10 { float: right;	padding-left: 10px;}
.imgR20 { float: right;	padding-left: 20px;}
.clear { clear: both;}
.annotation { padding-left: 1em;	text-indent: -1em;}
.indent { text-indent: 1em;}

#contentsArea p, #columnContainer p, table, ol, dl { margin-bottom: 10px;}

/*----------------------------
 For Reading Out
----------------------------*/
.hiddenNavi	{
 position:absolute;
 left:-3000px;
 width:1px;
}

/*----------------------------
 Photo
----------------------------*/
.photo h1 {
 margin-bottom: 10px;
}
.photo h2 {
 margin-top: 20px;
 margin-bottom: 10px;
	padding: 0 10px;
	background-color: #F0F0F0;
	border-left: 10px solid #FF9900;
	clear: both;
}
div.dBookContainer {
 width: 610px;
 padding: 20px 20px 10px 20px;
 background-color: #FFF0B2;
}
div.dBookContainer div.leftSide {
 width: 335px;
	float: left;
}
div.dBookContainer div.rightSide {
 width: 260px;
	font-size: 84%;
	line-height: 1.5;
	float: right;
}
div.dBookContainer .btnOpen {
 width:257px;
 margin: 0 auto;
 clear: both;
}

/*----------------------------
 Magazine TopLayout
----------------------------*/
.magazine h2 {
 margin-top: 20px;
 margin-bottom: 10px;
	padding: 0 10px;
	background-color: #F0F0F0;
	border-left: 10px solid #FF9900;
	clear: both;
}
div.mgzMenuContainer {
 width: 650px;
	clear: both;
}
div.mgzMenuContainer .ttlPh {
 width: 120px;
	float: left;
}
div.mgzMenuContainer div.rightSide {
 width: 510px;
	margin-bottom: 10px;
	float: right;
}
ul.mgzMenu li {
	width: 240px;
 margin-bottom: 5px;
 padding-left: 10px;
	line-height: 1.2;
	float: left;
}

/*----------------------------
 Magazine SecondaryLayout
----------------------------*/
#contentsAreaMGZ h1{
 margin-bottom: 30px;
}
#contentsAreaMGZ h2{
 margin-bottom: 10px;
 clear: both;
}
#contentsAreaMGZ .lead {
 padding: 10px 0;
 clear: both;
}

#contentsAreaMGZ .phCap {
	font-size: 84%;
	line-height: 1.5;
 color: #003399;
}
#contentsAreaMGZ .phCap li {
 margin-bottom: 5px;
 padding-left: 4em;	text-indent: -4em;
}

#contentsAreaMGZ .box01{
	margin-bottom: 10px;
 padding: 10px 20px;
 background-color: #FFF0D1;
	clear: both;
}

#contentsAreaMGZ table {
 border-top: 1px solid #003399;
 border-bottom: none;
 border-left: none;
 border-right: none;
	empty-cells: show;
}
#contentsAreaMGZ caption {
	padding: 0 6px;
	color: #FFFFFF;
 text-align: left;
	background-color: #003399;
}
#contentsAreaMGZ th, #contentsAreaMGZ td {
	padding: 0 6px 0 12px;
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: 1px solid #003399;
}
#contentsAreaMGZ th{
	font-weight: normal;
	white-space: nowrap;
	background-color: #E1F0FF;
}
#contentsAreaMGZ th.dashed, #contentsAreaMGZ td.dashed {
 border-bottom: 1px dashed #003399;
}

div#sanpoContainer {
 width: 650px;
}
div#sanpoContainer div.leftSide {
 width: 110px;
	float: left;
}
div#sanpoContainer div.rightSide {
 width: 520px;
	float: right;
}

/*----------------------------
 Video
----------------------------*/
.video h1 {
 width: 300px;
 margin-bottom: 10px;
	float: left;
}
.video h2 {
 font-weight: bold;
}
.video h3 {
 margin-bottom: 10px;
 padding: 0 5px;
	color: #FFFFFF;
	background-color: #666666;
}
.wholeVolumeBox {
	margin-left: 300px;
 padding: 10px 20px;
	background-color: #99CC66;
}
.chapterBox {
 width: 314px;
 margin-top: 10px;
 margin-right: 10px;
	float: left;
}

/*----------------------------
 Video2
----------------------------*/
.video2 h1 {
 margin-bottom: 10px;
}
.video2 h2 {
 margin-bottom: 10px;
 padding: 0 5px;
	color: #FFFFFF;
	background-color: #666666;
	clear: both;
}

/*----------------------------
 Link
----------------------------*/
#link {
 width: 540px;
	margin: 0 auto;
}
#link h1{
 margin-bottom: 10px;
}
#link h2 {
 margin-top: 10px;
	padding: 0 10px;
	font-weight: normal;
	background-color: #F0F0F0;
	border-left: 10px solid #99CC00;
	clear: both;
}
div.linkContainer {
 width: 540px;
	padding-top: 10px;
 border-top: 1px solid #CCCCCC;
	clear: both;
}
div.linkContainer p {
 width: 150px;
 float: left;
}
div.linkContainer dl {
	padding-left: 160px;
}
div.linkContainer dt {
 padding-left: 20px;
	background: #FFFFFF url(../link/images/ya.gif) no-repeat left center;
}
div.linkContainer dd {
 font-size: 84%;
	line-height: 1.5;
}



/*----------------------------
090330-修正追加
----------------------------*/

#contentsAreaMGZ p.indent_map{
overflow:hidden;
}

.rightSide ul li a,
ul.mgzMenu li a{
text-decoration:underline !important;
}

.mg_tp10{margin-top:12px;
	_margin-top:2px}
.mg_bt10{margin-bottom:10px; overflow:hidden;}