@charset "utf-8";

/* CSS information ///////////////////////////////////////////////////

 author     :author(admin)
 style info :共通（ヘッダー、フッター）

/////////////////////////////////////////////////////////////////// */

/* ---------------------------------------------------------
#contents
    コンテンツ
--------------------------------------------------------- */

/* #indexMain
--------------------------------------------------------- */
#indexMain {
	position: relative;
}
#indexMain #mv {
}

#indexMain .sideNav {
	position: absolute;
	top: 10px;
	left: 13px;
	z-index: 10;
}
#indexMain .sideNav ul {
	margin: 0;
	padding: 0 0 13px;
	width: 197px;
	background: url(../img/top/sideNav-bottom.png) 0 100% no-repeat;
}
* html #indexMain .sideNav ul {/* for IE6 */
	background: url(../img/top/sideNav-bottom.gif) 0 100% no-repeat;
}
#indexMain .sideNav ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
#indexMain .sideNav ul li.last {
	border: none;
}
#indexMain .sideNav ul li img {
	vertical-align: top;
}


/* #main
--------------------------------------------------------- */
#main {
/*    width: 661px;*/
	width: 625px;
	padding: 0;
	float: left;
}
#main .section {
	position: relative;
	float: right;
	display: inline;
	padding: 15px 0 0;
	width: 393px;
}
#main .section .topNav {
	overflow: auto;
	zoom: 1;
/*    background: url("../img/top/topNav-bg.gif") repeat-y scroll 0 0 transparent;*/
}
#main .section .topNavInner {
	margin: 0 0 8px;
	overflow: auto;
	zoom: 1;
}
#main .section .topNav.head {
	margin: 0 0 8px;
	background: url("../img/top/topNav-products-bg.gif") no-repeat scroll 0 100% transparent;
}
#main .section .topNav.L {
	position: relative;
	float: left;
	display: inline;
	width: 194px;/* 194 */
	text-align: center;
	background: url("../img/top/topNav-type-bg.gif") no-repeat scroll 0% 100% transparent;
}
#main .section .topNav.L.type2 {
	width: 191px;/* 194 */
	padding-left: 3px;
	background: url("../img/top/topNav-s-series-bg.gif") no-repeat scroll 3px 100% transparent;
}
#main .section .topNav.R {
	position: relative;
	float: right;
	display: inline;
	width: 194px;/* 194 */
	text-align: center;
	background: url("../img/top/topNav-before-purchase-bg.gif") no-repeat scroll 0% 100% transparent;
}
#main .section .topNav.R.type2 {
	width: 191px;/* 194 */
	padding-left: 3px;
	background: url("../img/top/topNav-m13-bg.gif") no-repeat scroll 3px 100% transparent;
}
#main .section .topNav.type2 {
	height: 124px;
}
#main .section .topNav .title {
	margin: 0 0 5px;
}
#main .section .topNav.type2 .title {
	margin: 0 0 5px;
}
#main .section .topNav .txt {
	padding: 0 20px;
	font-size: 93%;
	line-height: 1.3;
	margin: 0 0 3px;
	text-align: left!important;
}
#main .section .topNav .link {
	margin: 0;
	padding: 0 10px 10px;
/*    background: url(../img/top/topNav-bottom.gif) 0 100% no-repeat;*/
	text-align: right!important;
}
#main .section .topNav.head .link {
	width: 373px;/* 393 */
}
#main .section .topNav.type2 .link {
	padding: 0 10px;
}
#main .section .topNav .link a {
	display: block;
	padding-right: 20px;
	line-height: 1.2;
	background: url(../img/top/roundarrow.gif) 100% 50% no-repeat;
	font-size: 93%;
	color: #333;
	text-decoration: none;
	zoom: 1;
}
#main .section .topNav.type2 .link a {
	padding-right: 22px;
	color: #fff;
	background: url(../img/top/roundarrow2.gif) 100% 50% no-repeat;
	font-weight: bold;
}
#main .section .topNav .link a:hover {
	color: #357FD5;
	background: url(../img/top/roundarrow_on.gif) 100% 50% no-repeat;
}
#main .section .topNav.type2 .link a:hover {
	color: #E4ECF7;
	background: url(../img/top/roundarrow2_on.gif) 100% 50% no-repeat;
}

/* #main .news */
#main .news {
	clear: both;
	float: left;
	position: relative;
	margin: 0 0 0 10px;
	padding: 5px 10px;
	width: 593px;
	border: 1px solid #ccc;
}
#main .news .title {
	margin: 0 0 5px;
	padding: 0 0 2px;
	background: transparent url(../img/share/titleS-bottom.gif) 0 100% repeat-x;
}
#main .news .list {
	position: absolute;
	top: 5px;
	right: 3px;
	text-align: right;
}
#main .news .list a {
	display: block;
	padding-right: 20px;
	height: 20px;
	line-height: 20px;
	background: url(../img/item/roundarrow.gif) 100% 50% no-repeat;
	font-size: 93%;
	color: #333;
	text-decoration: none;
}
#main .news .list a:hover {
	background: url(../img/item/roundarrow_on.gif) 100% 50% no-repeat;
	color: #357FD5;
}
#main .news dl {
	margin: 0;
	padding: 0;
}
#main .news dl dt {
	margin: 0;
	padding: 0 0 0 20px;
	height: 16px;
	line-height: 16px;
	background: url(../img/item/arrow.gif) 3px 50% no-repeat;
	font-size: 93%;
}
#main .news dl dt.pdf {
	background: url(../img/item/icon-pdf.gif) 3px 50% no-repeat;
}
#main .news dl dd {
	margin: 0 0 5px;
	padding: 0 0 7px 20px;
	background: url(../img/share/titleS-bottom.gif) 0 100% repeat-x;
	line-height: 1.3;
	font-size: 93%;
}

/* #main .sub */
#main .sub {
	float: left;
	padding: 15px 0 0 8px;
	width: 207px;
}
#main .sub ul.allbtn {
	margin: 0 0 5px
}
#main .sub ul.allbtn li {
	margin: 0;
	padding: 0;
}


/* #sub
--------------------------------------------------------- */
#sub {
	float: right;
	display: inline;
	margin: 15px 5px 0 0;
	padding: 6px 0;
	text-align: right;
/*    width: 247px;*/
	width: 251px;
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
}
#sub .movie {
	margin: 0;
	padding-right: 5px;
}
#sub object {
	margin: 0;
	padding: 0;
}
#sub ul ,
#sub ul li {
	margin: 0;
	padding: 0;
}
#sub .topics div {
	margin: 0 5px;
	padding: 6px 0;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	overflow: auto;
	zoom: 1;
}
#sub .topics div .title {
	margin: 0 0 3px;
	padding: 0;
	font-size: 93%;
	font-weight: bold;
}
#sub .topics div .txt {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.4;
}
#sub .topics div .img {
	float: left;
	margin-right: 5px;
}


sub ul {
	margin: 0;
	padding: 0;
}
#sub ul li {
	margin: 0 0 5px;
	padding: 0;
}