@charset "Shift_JIS";

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


	Site Name   pro-battery whatsnew
	File Name   page.css

	Create Date 2008/12/12
	Update Date 2014/03/18


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


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

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


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

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: 116%;
	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 20px 20px;
}
div#important div.txtBox dl.infoBox dd ol li {
	margin: 0px 0px 10px 0px;
	list-style-type: decimal;
}


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 dl.infoBox dd div.photobox-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
}
div#important dl.infoBox dd div.photobox-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 0px;
}
div#important dl.infoBox dd div p {
	margin-bottom: 5px;
	font-size: 84%;
}
div#important dl.infoBox dd div p.m15 {
	margin-bottom: 15px;
}






/*--------------main area--------------*/
.whatsnew-title {
	position:relative;
	margin-bottom:30px;
}
.whatsnew-title .rss_btn {
	position:absolute;
	right:10px;
	top:5px;
}

/*--------------rss area--------------*/
#rssinfopage {
	margin:0 20px 20px 20px;
}
#rssinfopage dl {
	width:900px;
	text-align:left;
	clear:both;
	min-height:0;
	/*\*//*/
display: inline-table;
/**/
}
*+html:first-child body #rssinfopage dl  {
overflow: hidden;
}
#rssinfopage dl:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	line-height:0;
}
/* \*/
* html #rssinfopage dl { height:1%;}
#rssinfopage dl {display: block;}
/* */

#rssinfopage dt {
	float: left;
	width: 200px;
	margin: 0;
	line-height: 1em;
	padding:0.2em 0;
	clear:both;
}
#rssinfopage dt img {
	margin-right:10px;
	vertical-align:text-top;
}
#rssinfopage dd {
	margin: 0 0 1.5em 200px;
	line-height: 1.4em;
	background:url(../../images/arrow_black.gif) 0 0.5em no-repeat;
	padding-left: 10px;
}
/* \*/
* html #rssinfopage dd { height: 1%; }
/* */

@media (max-width:640px){
	#rssinfopage {
		margin:0 20px 20px 20px;
	}
	#rssinfopage dl {
		width:100%;
		text-align:left;
		clear:both;
		min-height:0;
		/*\*//*/
	display: inline-table;
	/**/
	}
	#rssinfopage dt {
		float: none;
		width: auto;
		margin: 0;
		line-height: 1em;
		padding:0.2em 0;
		clear:both;
	}
	#rssinfopage dt img {
		margin-right:10px;
		vertical-align:text-top;
	}
	#rssinfopage dd {
		width: auto;
		margin: 0 0 1.5em 1em;
		line-height: 1.4em;
		background:url(../../images/arrow_black.gif) 0 0.5em no-repeat;
		padding-left: 10px;
	}

}

/*--------------article area--------------*/
#articlearea {
	margin:0 60px 20px 60px;
	text-align:left;
}
#articlearea .backbt {
	margin-bottom:15px;
	text-align:right;
}
#articlearea .backbt img {
	margin:0 0 0 auto;
}
#articlearea .articleday {
	margin-bottom:40px;
	text-align:right;
}
#articlearea h2 {
	margin-bottom:30px;
}
#articlearea .leadtext {
	margin-bottom:20px;
}
#articlearea .articlebody {
	margin-bottom:30px;
	border: 1px solid #CCCCCC;
	padding: 20px;
}
#articlearea .articlebody .paragraph35 {
	margin-bottom:35px;
}