@charset "utf-8";

/* ==

　00. mainVisual

=============================================================================== */
.container #mainVisual {
	width:950px;
	padding:0 0 20px;
	clear:both;
}

.container #mainVisual div.mainView {
	width:950px;
	height:350px;
	/*text-align:center;*/
	position:relative;
	float:right;
}

.container #mainVisual:after,
.mainView:after {
	content:'';
	display:block;
	clear:both;
}

.imageReel p {
	display:none;
}

#loading {
	width:950px;
	height:200px;
	padding:110px 0 0;
	background-color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}

.mainImgs {
	width:950px;
	position:relative;
	top:0;
	left:0;
}

.imageReel {
	position:relative;
}

.imageReel div {
	position: absolute;
	top: 0;
	left: 0;
}

/* ボタン
------------------------------------------------------------------------------- */
.paging {
	width:950px;
	height:100px;
	background:url("./../images/mainVisual/bg_btn.png") left top no-repeat;
	position:absolute;
	top:250px;
	left:0;
	z-index:9999;
}

.paging ul {
	padding:10px 0 0 28px;
}

.paging li {
	float:left;
	position: relative;
	padding:0 0 0 9px;
}

.paging li#mvPaging3,
.paging li#mvPaging4 {
	padding:0 0 0 6px;
}

* html .paging li#mvPaging3,
* html .paging li#mvPaging4 {
	padding:0 0 0 5px;
}

.paging li a {
	width:169px;
	height:81px;
	display:block;
	outline: none;
}

/* ==

　01. Base

=============================================================================== */
h1 {
	display:none;
}

.section .main {
	width:680px;
	float:left;
}

.section .sub {
	width:250px;
	float:right;
}

.main p.btn_about {
	margin:0 0 15px;
}

.main p.btn_about a span {
	display:none;
}

.main p.btn_about a {
	width:680px;
	height:100px;
	background-image:url("./../images/btn_about.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	clear:both;
}

.main p.btn_about a:link,
.main p.btn_about a:visited {
	background-position:left top;
}

.main p.btn_about a:hover,
.main p.btn_about a:active {
	background-position:left bottom;
}

.main .about {
	width:680px;
	padding:0 0 10px;
	clear:both;
}

.main .about p.bnr a {
	border:1px solid #ccc;
	display:block;
}

.main .about p.bnr a:link,
.main .about p.bnr a:visited {
	border:1px solid #ccc;
}

.main .about p.bnr a:hover,
.main .about p.bnr a:active {
	border:1px solid #f60;
}

/* ==

　02. 商品一覧

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

.cntslist {
	margin:0 0 20px;
	position:relative;
}

.cntslist ul {
	width:690px;
	margin-left:-10px;
}

.cntslist li a img {
	margin-bottom:0;
}

.cntslist li.office a {
	background-image:url("./../images/img_office.jpg");
}

.cntslist li.factory a {
	background-image:url("./../images/img_factory.jpg");
}

.cntslist li.store a {
	background-image:url("./../images/img_store.jpg");
}

.cntslist li.hospital a {
	background-image:url("./../images/img_hospital.jpg");
}

.cntslist li.school a {
	background-image:url("./../images/img_school.jpg");
}

.cntslist li.megasolar a {
	background-image:url("./../images/img_megasolar.jpg");
}

.cntslist li {
	width:327px;
	margin:0 0 10px 10px;
	font-size:85.7%!important;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.5;
	display:inline;
	float:left;
}

.cntslist li a {
	width:155px;
	height:78px;
	padding:15px 160px 5px 10px;
	background-color:#fff;
	background-position:right top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}

.mac .cntslist li a {
	letter-spacing:-1px;
}


.cntslist li a:link,
.cntslist li a:visited {
	border:1px solid #dadada;
	color:#666;
	text-decoration:none;
}

.cntslist li a:hover,
.cntslist li a:active {
	border:1px solid #ff6600;
	color:#666;
}

.main .cntslist h2,
.main .infoItem h2 {
	background-image:url("/common/images/renew2009/bk_h2.gif");
}

div#top_topics {
	margin:0 0 20px;
	position:relative;
}

p#cntslist_list,
p#topics_list {
	text-indent:-9999px;
}

p#cntslist_list a,
p#topics_list a {
	width:78px;
	height:29px;
	background-image:url("./../images/li_list.gif");
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;
}

p#cntslist_list a:link, p#cntslist_list a:visited,
p#topics_list a:link, p#topics_list a:visited {
	background-position:right top;
}

p#cntslist_list a:hover, p#cntslist_list a:active,
p#topics_list a:hover, p#topics_list a:active {
	background-position:right bottom;
}



#top_topics h2 {
	position:relative;
	z-index:2;
	margin:0!important;
	padding:0;
	height:30px;
	overflow:hidden;
}

dl.topics {
	margin:0 auto;
	margin:-1px auto 0;
	width:660px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	overflow:hidden;
	letter-spacing:-.40em;
	background:#f4f4f4 url("./../../common/images/renew2009/line_dotted.gif") repeat-x left top;
}

dl.topics dt,
dl.topics dd {
	padding-top:12px;
	padding-bottom:12px;
	display:inline-block;
	letter-spacing:normal;
	line-height:1.5;
	vertical-align:top;
 /display:inline;
 /zoom:1;
}

dl.topics dt {
	padding-left:5px;
	padding-right:5px;
	word-break:break-all;
	word-wrap:break-word;
}

dl.topics dd {
	width:491px;
}

dl.topics dd a {
	padding-left:16px;
	background:url("./../../common/images/renew2009/arrow_info.gif") no-repeat left 0.15em;
	display:block;
	zoom:1;
}

#top_topics dl.hover {
	background:#fff url("./../../common/images/renew2009/line_dotted.gif") repeat-x left top;
	cursor:pointer;
}


/* ==

　03. TVCM

=============================================================================== */
.main div.tvcm{
	width:680px;
	margin:0 0 20px;
	padding:0;
	background:url("./../images/tvcm/bg.gif") left top no-repeat;
	clear:both;
}
.main div.tvcm div{
	padding:15px;
	background:url("./../images/tvcm/btm.gif") left bottom no-repeat;
}
.main div.tvcm div.txt{
	width:410px;
	padding:0;
	background:none;
	float:right;
}
.main div.tvcm p.img{ float:left; }

.main div.tvcm div.txt p{ font-size:85%; line-height:1.6; color:#333; }

.main div.tvcm div.txt p.btn_tvcm a{
	width:271px;
	height:28px;
	margin:0 auto;
	background-image:url("./../images/tvcm/btn_tvcm.gif");
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main div.tvcm div.txt p.btn_tvcm a span{ display:none; }

.main div.tvcm div.txt p.btn_tvcm a:link, .main div.tvcm div.txt p.btn_tvcm a:visited{
	background-position:left top;
}
.main div.tvcm div.txt p.btn_tvcm a:hover, .main div.tvcm div.txt p.btn_tvcm a:active{
	background-position:left bottom;
}




/* ==

　04. バナー

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

.sub p.bnr {
	margin:0 0 10px;
}

.sub p.bnr a {
	display:block;
}

.sub p.bnr a:link,
.sub p.bnr a:visited {
	border:1px solid #ccc;
}

.sub p.bnr a:hover,
.sub p.bnr a:active {
	border:1px solid #f60;
}