@charset "Shift_JIS";
/* CSS Document */


/* --------------------------------
   製品タイトル部
-------------------------------- */
#titleArea_title {
    float: left;
    padding-top: 10px;
    overflow: hidden;
    zoom: 0;
}
#titleArea_title .title {
    float: left;
}
#titleArea_title .txtEdition {
    float: left;
    margin: 5px 0 0 12px;
    font-size: 1px;
    /display: inline;
}


/* --------------------------------
   全体構成
-------------------------------- */
#productTop{
	background: #f7f9fb url(/home/common2012/images/bg_body-producttop.gif) repeat-x left top;
	font-size: 75%;
	line-height: 1.5;
}
#productTop div.productTopInner{
	zoom:1;
	width: 1000px;
	margin: 0 auto;
	padding-top: 16px;
}
#productTop div.productTopInner:after{
   content:'';
   display:block;
   clear:both;
}
#topVisual{
	position: relative;
	width: 976px;
	margin: 0 10px 15px;
	padding: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	-moz-box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	-ms-box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	-pie-box-shadow: 0px 0px 5px 5px #e5eaef;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	behavior: url(/home/common2012/PIE.htc);
}
#topVisual p.smart{
	position: absolute;
	top:12px;
	right: 4px; 	
}
#primary{
	float: left;
	width: 721px;
	margin-bottom: 4em;
	padding: 10px;
}
#secondary{
	float: right;
	width: 231px;
	margin-bottom: 4em;
	padding: 10px;
}
#support{
	padding-bottom: 11px;
	background: url(/home/common2012/images/bg_after-care.gif) repeat-x left top;	
}
#support div.supportInner{
	width: 982px;
	margin: 0 auto;
}



/* --------------------------------
   共通要素・クラス
-------------------------------- */
#productTop img{
	vertical-align: bottom;
}
#productTop h1,
#productTop h2,
#productTop h3,
#productTop h4,
#productTop h5,
#productTop h6 {
	font-size: 100%;
}

/*ティザーーバナー*/
.bnrTeaser{
margin-bottom: 20px;
text-align: center;
padding: 2px 0;
}

/* section */
div.section{
	margin-bottom: 2em;
}

/* topIndex */
div.topIndex{
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	-moz-box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	-ms-box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	box-shadow: 0px 0px 5px 5px rgba(2,43,86,0.1);
	-pie-box-shadow: 0px 0px 5px 5px #e5eaef;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	behavior: url(/home/common2012/PIE.htc);
}

div.topIndex01{
	padding: 2px;
}
ul.topIndex01{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	behavior: url(/home/common2012/PIE.htc);
	letter-spacing:-0.4em;/*隙間対策*/
	background: #f1f6f8;
	border-top: 1px solid #e5e5e5;
}
ul.topIndex01 li{
	overflow: hidden;
	display: inline-block;
	width:356px;
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background-color: #fff;
	vertical-align: top;
	letter-spacing:normal;/*隙間対策*/
	font-size: 117%;
}
ul.topIndex01 li.even{
	width:357px;
	border-right: none;
}
ul.topIndex01 li a{
	_zoom: 1;/*IE6*/
	display: block;
	padding: 0.8em 15px 0.8em 30px;
	background: url(/home/common2012/images/icn_link02.gif) no-repeat 9px center;
}
* html ul.topIndex01 li{
	display: inline;
	zoom: 1;
}/* IE6 */
*:first-child+html ul.topIndex01 li{
	display: inline;
	zoom: 1;
}/* IE7 */

ul.topIndex02{
	padding: 10px 7px 1px;
	letter-spacing:-0.4em;/*隙間対策*/
}
ul.topIndex02 li.item{
	overflow: hidden;
	display: inline-block;
	width:325px;
	margin: 0 5px 10px;
	padding: 11px 9px;
	border-top: 3px solid #0665bb;
	background-color: #f8f7f7;
	vertical-align: text-top;
	letter-spacing:normal;/*隙間対策*/
}
* html ul.topIndex02 li.item{
	display: inline;
	zoom: 1;
}/* IE6 */
*:first-child+html ul.topIndex02 li.item{
	display: inline;
	zoom: 1;
}/* IE7 */
ul.topIndex02 li.item.box_hover{
	background-color: #dbeef9;
	cursor: pointer;
}
ul.topIndex02 li.item.box_hover a{
	text-decoration: underline;
}
ul.topIndex02 li.item.box_hover img{
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;
}
ul.topIndex02 li.item p.pct{
	float: left;
	width: 60px;
}
ul.topIndex02 li.item p.pct img{
	border: 2px solid #d9d9d9;
}
ul.topIndex02 li.item div.txt{
	float: right;
	width: 250px;
}
#productTop ul.topIndex02 li.item h3{
	margin-bottom: 0.65em;
	font-weight: bold;
	font-size: 117%;
}
div.topIndex.topColumn01{
	margin-bottom: 2em;
	padding: 10px;
}

/* heading */
#productTop div.section h2{
	margin-bottom: 10px;
}

/* linkList */
ul.linkList01 li{
	padding-left: 15px;
	background: url(/home/common2012/images/icn_link01.gif) no-repeat left 0.5em;
}

/* infoList */
dl.infoList01 dt{
	margin-bottom: 0.35em;
	padding-left: 15px;
	background: url(/home/common2012/images/icn_link01.gif) no-repeat left 0.5em;
}
dl.infoList01 dt.notice a{
	color: #c00;
	font-weight: bold;
}
dl.infoList01 dd{
	padding: 0 0 0.65em 15px;
	background: url(/home/common2012/images/bg_border01.gif) repeat-x left bottom;
}

/* linkList */
#productTop img.icnLink{
	vertical-align: baseline;
}


/* --------------------------------
   #useful
-------------------------------- */


/* --------------------------------
   #info
-------------------------------- */
#info div.topIndex{
	padding: 5px 10px 10px;
}
#info table.infoTable01{
	width: 100%;
}
#info table.infoTable01 th,
#info table.infoTable01 td{
	padding: 0.75em 10px;
	color: #808080;
	background: url(/home/common2012/images/bg_border01.gif) repeat-x left bottom;
	vertical-align: top;
}
#info table.infoTable01 th{
	width: 1%;
	white-space: nowrap;
}


/* --------------------------------
   #sideBnr
-------------------------------- */
#sideBnr{
	border: 2px solid #fff;
}
#sideBnr h2{
	display: none;
}
#sideBnr div.sideBnrInner{
	border: 1px solid #dadada;
	border-bottom: none;	
}
#sideBnr ul.bnrList01 li,
#sideBnr ul.bnrList02 li{
	padding: 4px;
	border-bottom: 1px solid #dadada;
}
#sideBnr ul.bnrList01 li{
	padding: 0 0 4px;
	border-bottom: 1px solid #dadada;
}
#sideBnr ul.bnrList01 li.box_hover,
#sideBnr ul.bnrList02 li.box_hover{
	background-color: #dbeef9;
	cursor: pointer;
}
#sideBnr ul.bnrList01 li.box_hover a,
#sideBnr ul.bnrList02 li.box_hover a{
	text-decoration: underline;
}
#sideBnr ul.bnrList01 li.box_hover img,
#sideBnr ul.bnrList02 li.box_hover img{
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75); 
	opacity: 0.75;
}
#sideBnr ul.bnrList01 h3{
	margin-bottom: 0.35em;
	padding: 4px 4px 0;
}
#sideBnr ul.bnrList01 p.lead{
	margin: 0 3px;
}

#sideBnr ul.bnrList02 li{
	zoom: 1;
	overflow: hidden;
	padding: 7px 4px;
}
#sideBnr ul.bnrList02 div.inner{
	padding-left: 7px;
	border-left: 4px solid #c2dcf0;
}
#sideBnr ul.bnrList02 div.heading{
	display: table;
	margin-bottom: 0.5em;
}
#sideBnr ul.bnrList02 h3{
	display: table-cell;
	width: 148px;
	padding-right: 5px;
	vertical-align: middle;
	font-size: 117%;
	font-weight: bold;
	line-height: 1.35;
}
* html #sideBnr ul.bnrList02 h3{
	zoom: 1;
	display: inline;
}
/* IE6 */
*:first-child+html #sideBnr ul.bnrList02 h3{
	zoom: 1;
	display: inline;
}
/* IE7 */
#sideBnr ul.bnrList02 h3 span.sub{
	font-size: 86%;	
}
#sideBnr ul.bnrList02 h3 span.sub2{
	font-size: 60%;
	line-height: 1.35;	
	*line-height: 1.5;	 /* IE7 and below */
	_line-height: 1.5;	 /* IE6 */
}





#sideBnr ul.bnrList02 h3 a{
	color: #1a1a1a;
}
#sideBnr ul.bnrList02 p.pct{
	display: table-cell;
	vertical-align: middle;
}
* html #sideBnr ul.bnrList02 p.pct{
	zoom: 1;
	display: inline;
}/* IE6 */
*:first-child+html #sideBnr ul.bnrList02 p.pct{
	zoom: 1;
	display: inline;
}/* IE7 */
#sideBnr ul.bnrList02 p.lead{
	clear: both;
}

#sideBnr ul.bnrList03{
	padding-top: 2px;
}
#sideBnr ul.bnrList03 li{
	margin-bottom: 2px;
}

#sideBnr ul.bnrList04{
	position: relative;
	zoom: 1;
	margin: -1px -1px 0;
	background: #fff;
}
#sideBnr ul.bnrList04 li{
	padding-bottom: 4px; 
	border-bottom: 1px solid #dadada; 
}
#sideBnr ul.bnrList04 li.subbanner{
	padding-bottom: 2px;
	border-bottom: none;
}
#sideBnr ul.bnrList04 li.last{
	padding-bottom: 0px;
	border-bottom: none;
}


/* --------------------------------
   #support
-------------------------------- */
#support ul.bnrList{
	zoom: 1;
	overflow: hidden;
}
#support ul.bnrList li{
	float: left;
	margin-right: 4px;
}
#support ul.bnrList li.last{
	margin-right: 0;
}