@charset "Shift_JIS";

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


	Site Name   Reader Info2
	File Name   page.css

	Create Date 2012/06/05
	Update Date 2013/03/18


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


div#important div.titleBox {
	margin: 0 0 30px 0;
}

div#important div.txtBox {
	margin: 0 0 30px 0;
}

div#important div.indent{
	margin: 0 80px 30px 80px;
}

@media (max-width:640px){

div#important div.indent{
	margin: 0 0 30px 0;
}

}

div#important div.titleBox h3 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 100%;
}
div#important div.titleBox p.center {
	margin-bottom: 30px;
	text-align: center;
}
div#important div.titleBox p.copy {
	margin-bottom: 5px;
	text-align: center;
}
div#important div.titleBox p.copyright {
	margin-bottom: 30px;
	text-align: right;
	line-height: 1.3;
}
div#important div.titleBox p.copyright span.ps {
	color: #CC0000;
	font-weight: bold;
}



div#important div.txtBox .m30 {
	margin: 0px 0px 30px;
}
div#important div.txtBox p {
	margin: 0px 0px 30px;
}
div#important div.txtBox p.none {
	margin-bottom: 10px;
}
div#important div.txtBox .coution {
	color: #CC0000;
	margin-left: 1.5em;
	text-indent: -1.5em;
}

div#important div.txtBox p.supp{
		font-size:85%;
}

.supp{
		font-size:85%;
}


div#important div.txtBox h4 {
	margin: 40px 0px 30px 0px;
	font-size: 120%;
	text-align: center;
}

div#important div.txtBox dl.infoBox {
	margin: 0px 20px 30px 20px;
}
div#important div.txtBox dl.infoBox dt {
	margin: 0px 0px 10px;
	font-size: 100%;
	font-weight: bold
}
div#important div.txtBox dl.infoBox dt.none {
	display: none;
}
div#important div.txtBox dl.infoBox dd {
	margin: 0px 0px 0px 30px;
}
div#important div.txtBox dl.infoBox dd.none {
	margin: 0px 0px 0px 0px;
}
div#important div.txtBox dl.infoBox dd img.m5 {
	margin: 5px 0px;
}
div#important div.txtBox dl.infoBox dd ul {
	margin: 0px 0px 30px 20px;
}
div#important div.txtBox dl.infoBox dd ul li {
	margin: 0px 0px 10px 0px;
	list-style-type: disc;
}
div#important div.txtBox dl.infoBox dd ol {
	margin: 0px 0px 30px 20px;
}
div#important div.txtBox dl.infoBox dd ol li {
	margin: 0px 0px 10px 0px;
	list-style-type: decimal;
}

div#important div.txtBox dl.infoBox dd ul.none li, 
div#important div.txtBox dl.infoBox dd ol.none li {
	list-style-type: none;
}


div#important div.lineBox {
	margin: 0px 100px 30px 100px;
	padding: 15px 15px 0px 15px;
	border: 1px solid #cccccc;
}

div#important div.lineBox dl.information {
}
div#important div.lineBox dl.information dt {
	margin: 0px 0px 10px;
	font-size: 116%;
	font-weight: bold
}
div#important div.lineBox dl.information dd {
}


div#important div.txtBox table.serial {
	width: 100%;
	margin: 0px 0px 30px 0px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
div#important div.txtBox table.serial th {
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 5px 10px;
}
div#important div.txtBox table.serial td {
	border-right: 1px solid #cccccc;
	padding: 5px 10px;
}


div#important div.txtBox table.change {
	width: 100%;
	margin: 0px 0px 30px 0px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
div#important div.txtBox table.change th {
	padding: 8px 10px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
div#important div.txtBox table.change tr.title th {
	width: 33%;
	background: #666666;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
div#important div.txtBox table.change th.title {
	vertical-align: middle;
}
div#important div.txtBox table.change td {
	padding: 8px 10px;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

div#important div.txtBox table.change tr.bg th, 
div#important div.txtBox table.change tr.bg td {
	background: #dddddd;
}
div#important div.txtBox table.change tr.bg td.white {
	width: 14%;
	background: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
div#important div.txtBox table.change tr.none th, 
div#important div.txtBox table.change tr.none td {
	border-bottom: 1px solid #FFFFFF;
}



div#important div.mobileList {
	margin: 0px 40px 30px 40px;
}
div#important div.txtBox table.mobileList {
	width: 100%;
	margin: 0px 0px 30px 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
div#important div.txtBox table.mobileList th {
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 5px 10px;
	background: #efefef;
	font-weight: bold;
}
div#important div.txtBox table.mobileList td {
	padding: 5px 5px;
	vertical-align: top;
	width: 14%;
}
div#important div.txtBox table.mobileList td ul {
	margin: 0px 0px 10px 20px;
}
div#important div.txtBox table.mobileList td ul li {
	margin: 0px 0px 5px 0px;
	list-style-type: disc;
}

/* add130322
----------------------------------------------- */


div#important div.txtBox table{
	width:100%;
	margin-bottom:15px;
	border: 1px solid #CCCCCC;
	color: #333333;
}
	div#important div.txtBox table th {
		background-color: #EEEEEE;
	    border-right: 1px solid #CCCCCC;
		text-align: center;
		padding:5px;
	}
	div#important div.txtBox table td {
	    border-right: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		font-size: small;
		line-height: 140%;
		padding:10px;
	}
	div#important div.txtBox table ul {
		padding:5px !important;
		margin:0 !important;
	}
	div#important div.txtBox table li {
		padding:0 !important;
		margin:0 !important;
		list-style-type:none !important;
	}
	div#important div.txtBox table .small {
		color: #999999;
		font-size: x-small;
		line-height: 120%;
	}
div#important div.txtBox ul {
	margin:0;
	padding:0;
}
div#important div.txtBox span.day{
	position:relative;
	height:40px !important;
	display:block;
}
	div#important div.txtBox span.day dl {
		margin:0 ;
		padding:0 ;
		position:absolute;
		width:200px;
		top:0;
		left:70px;
	}
	div#important div.txtBox span.day dl dt{
		float:left;
		font-size:100%;
		font-weight:normal ;
		margin:0;
		padding:0;
		width:80px;
	}
	div#important div.txtBox span.day dl dt.off {
		padding-left:70px;
	}
	
	

.col_img{
	width:700px;
	/*border:solid #F00 1px;*/
	/*margin:auto 0;*/
}


.col_img .left_img {
	width:320px;
    float: left;
}


.col_img .right_img {
	float: right;
	width:320px;
	margin-right: 30px;
}


.col_img2{
	width:650px;
	/*border:solid #F00 1px;*/
	/*margin:auto 0;*/
}


.col_img2 .left_img2 {
	width:250px;
    float: left;
}


.col_img2 .right_img2 {
	float: right;
	width:400px;
}


.col_img3{
	width:710px;
	/*border:solid #F00 1px;*/
	/*margin:auto 0;*/
}


.col_img3 .left_img3 {
	width:180px;
    float: left;
}


.col_img3 .right_img3 {
	float: right;
	width:530px;
}

.col_img4{
	width:700px;
	/*border:solid #F00 1px;*/
	/*margin:auto 0;*/
}


.col_img4 .left_img4 {
	width:340px;
    float: left;
}


.col_img4 .right_img4 {
	float: right;
	width:360px;
}



.subttl_20130618{
	font-size:115%;
	font-weight:bold;
}

@media (max-width:640px){
	

.col_img{
	width:auto;
}

.col_img .left_img {
	width:320px;
}


.col_img .right_img {
	clear:both;
	width:320px;
	margin:0;
}

.col_img2{
	width:auto;
}

.col_img2 .left_img2 {
	width:auto;
}


.col_img2 .right_img2 {
	clear:both;
	width:auto;
	margin-top:10px;
}



.col_img3{
	width:auto;
}


.col_img3 .left_img3 {
	width:auto;
}


.col_img3 .right_img3 {
	clear:both;
	width:auto;
	margin-top:10px;
}


.col_img4{
	width:auto;
}


.col_img4 .left_img4 {
	width:auto;
}


.col_img4 .right_img4 {
	clear:both;
	width:auto;
	margin-top:10px;
}



}