@charset "utf-8";

@import "common.css";


/* ---------------------------------------------------
top.css
トップページCSS
--------------------------------------------------- */

/* ---------------------------------------------------
layout
--------------------------------------------------- */
body {
	background: #d07c05 url(/common/img/top/base_top.gif) no-repeat center top;
}

#pagetoptop {
}

#mainwraptop {
	position: relative;
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

#contwraptop {
	float: right;
	width: 662px;
	padding-bottom: 20px;
}

#sidewraptop {
	float: left;
	width: 260px;
	padding-top: 0;
}


/* ---------------------------------------------------
Flash
--------------------------------------------------- */
#flash {
	height: 520px;
	min-width: 930px;
	background: #ffb00d;
}

* html #flash {
	width: expression(document.body.clientWidth < 930? "930px" : "auto");
}

#flash {
	height: 520px;
	min-width: 930px;
	background: #ffb00d;
}

* html #flash {
	width: expression(document.body.clientWidth < 930? "930px" : "auto");
}

/* ---------------------------------------------------
side
--------------------------------------------------- */
/*バナー*/
#sidewraptop .bnrwrap {
	margin: 0 0 11px 8px;
}

#sidewraptop .bnrwrap ul {
	margin: 0;
	padding: 0;
}

#sidewraptop .bnrwrap ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidewraptop .bnrwrap ul li a {
	display: block;
	width: 239px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sidewraptop .bnrwrap ul li a:hover {
	text-indent: -9999px;
}

/* BEGIN 2009-08-31 k-matsumoto added */
#sidewraptop .bnrwrap ul li.bnr95 a {
	height: 325px;
	background: url(/common/img/top/bnr_95_on.jpg) no-repeat left top;
}
/* END   2009-08-31 k-matsumoto added */

/* BEGIN 2009-09-14 k-matsumoto added
   BEGIN 2009-10-01 k-matsumoto modified
   BEGIN 2010-01-05 k-matsumoto modified
*/
#sidewraptop .bnrwrap ul li.bnr96 a {
	height: 202px;
	background: url(/campaign/images/bnr96.gif) no-repeat left top;
}

#sidewraptop .bnrwrap ul li.bnr98 a {
	height: 68px;
	background: url(/common/img/top/bnr_98_on.gif) no-repeat left top;
}

#sidewraptop .bnrwrap ul li.bnr99 a {
	height: 100px;
	background: url(/campaign/images/bnr99.gif) no-repeat left top;
}
/*  END  2010-01-05 k-matsumoto modified
    END  2009-10-01 k-matsumoto modified
    END  2009-09-14 k-matsumoto added
*/

#sidewraptop .bnrwrap ul li.bnr01 a {
	height: 68px;
	background: url(/common/img/top/bnr_01_on.jpg) no-repeat left top;
}

#sidewraptop .bnrwrap ul li.bnr02 a {
	height: 65px;
	background: url(/common/img/top/bnr_02_on.jpg) no-repeat left top;
}

#sidewraptop .bnrwrap ul li.bnr03 a {
	height: 68px;
	background: url(/common/img/top/bnr_03_on.jpg) no-repeat left top;
}

#sidewraptop .bnrwrap ul li.bnr04 a {
	height: 70px;
	background: url(/common/img/top/bnr_04_on.jpg) no-repeat left top;
}
#sidewraptop .bnrwrap ul li.bnr05 a {
	height: 71px;
	background: url(/common/img/top/bnr_05_on.gif) no-repeat left top;
}

#sidewraptop .bnrwrap ul li.bnr97 a {
	height: 202px;
	background: url(/common/img/top/bnr_97_on.jpg) no-repeat left top;
}

#sidewraptop .bnrwrap ul li.bnr94 a {
	height: 71px;
	background: url(/common/img/top/bnr_94_on.gif) no-repeat left top;
}

/*リンク*/
#sidewraptop .linkwrap {
	margin: 0 0 21px 8px;
}

#sidewraptop .linkwrap ul {
	margin: 0;
	padding: 0;
}

#sidewraptop .linkwrap ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidewraptop .linkwrap ul li a {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sidewraptop .linkwrap ul li a:hover {
	text-indent: -9999px;
}

#sidewraptop .linkwrap ul li.link01 a {
	width: 182px;
	height: 15px;
	background: url(/common/img/top/link_corp_on.gif) no-repeat left top;
}





/* ---------------------------------------------------
item01
--------------------------------------------------- */
#contwraptop .item01 {
	float: left;
	width: 331px;
	background: url(/common/img/top/item01_bg_02.gif) repeat-y left top;
}

#contwraptop .item01 .ttl {
	position: relative;
	height: 65px;
}

#contwraptop .item01 .ttl img {
	display: block;
	margin: 0;
	padding: 0;
}

#contwraptop .item01 .ttl .link {
	position: absolute;
	top: 25px;
	left: 188px;
	width: 124px;
	height: 18px;
}

#contwraptop .item01 .ttl .link a img {
	display: inline;
}

#contwraptop .item01 .ttl .link a {
	display: block;
	width: 124px;
	height: 18px;
	margin: 0;
	padding: 0;
	background: url(/common/img/top/item01_link_on.gif) no-repeat left top;
	overflow: hidden;
}

#contwraptop .item01 .ttl .link a:hover {
	text-indent: -9999px;
}

#contwraptop .item01 .itemcnt {
	background: url(/common/img/top/item01_bg_01.gif) no-repeat left top;
}

#contwraptop .item01 .itemcntin {
	padding-bottom: 10px;
	background: url(/common/img/top/item01_bg_03.gif) no-repeat left bottom;
}

#contwraptop .item01 .headline {
	margin: 0 20px 17px 20px;
	padding-top: 9px;
	line-height: 130%;
	font-size: 93%;
	font-weight: bold;
}

#contwraptop .item01 dl {
	margin: 0 20px;
	padding: 0;
	line-height: 130%;
	font-size: 93%;
	font-weight: bold;
}

#contwraptop .item01 dl dt {
	margin: 0;
	padding: 0;
}

#contwraptop .item01 dl dd {
	margin: 0 0 7px 0;
	padding: 2px 0 2px 24px;
	background: url(/common/img/top/item01_icn.gif) no-repeat left top;
	list-style: none;
}

#contwraptop .item01 dl dd a {
	text-decoration: none;
}



/* ---------------------------------------------------
item02
--------------------------------------------------- */
#contwraptop .item02 {
	float: left;
	width: 323px;
	background: url(/common/img/top/item02_bg_02.gif) repeat-y left top;
}

#contwraptop .item02 .ttl {
	position: relative;
	height: 65px;
}

#contwraptop .item02 .ttl img {
	display: block;
	margin: 0;
	padding: 0;
}

#contwraptop .item02 .ttl .link {
	position: absolute;
	top: 25px;
	left: 199px;
	width: 115px;
	height: 18px;
}

#contwraptop .item02 .ttl .link a img {
	display: inline;
}

#contwraptop .item02 .ttl .link a {
	display: block;
	width: 115px;
	height: 18px;
	margin: 0;
	padding: 0;
	background: url(/common/img/top/item02_link_on.gif) no-repeat left top;
	overflow: hidden;
}

#contwraptop .item02 .ttl .link a:hover {
	text-indent: -9999px;
}

#contwraptop .item02 .itemcnt {
	background: url(/common/img/top/item02_bg_01.gif) no-repeat left top;
}

#contwraptop .item02 .itemcntin {
	padding-bottom: 10px;
	background: url(/common/img/top/item02_bg_03.gif) no-repeat left bottom;
}

#contwraptop .item02 .headline {
	margin: 0 10px 17px 22px;
	padding-top: 9px;
	line-height: 130%;
	font-size: 93%;
	font-weight: bold;
}

#contwraptop .item02 ul {
	margin: 0 10px 0 22px;
	padding: 0;
	line-height: 130%;
	font-size: 93%;
	font-weight: bold;
}

#contwraptop .item02 ul li {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}

#contwraptop .item02 ul li a {
	padding-left: 8px;
	text-decoration: none;
	background: url(/common/img/top/item02_arw.gif) no-repeat left 2px;
}

/* ---------------------------------------------------
item03
--------------------------------------------------- */

.item03 {
	float: left;
	width: 323px;
	background: url(/common/img/top/item01_bg_02.gif) repeat-y left top;
}

.item03 .ttl {
	position: relative;
	height: 65px;
}

.item03 .ttl img {
	display: block;
	margin: 0;
	padding: 0;
}

.item03 .itemcnt {
	background: url(/common/img/top/item01_bg_01.gif) no-repeat left top;
}

.item03 .itemcntin {
	padding-bottom: 10px;
	background: url(/common/img/top/item01_bg_03.gif) no-repeat left bottom;
}

.item03 dl {
	margin: 0 20px;
	padding: 0;
	line-height: 130%;
	font-size: 93%;
	font-weight: bold;
}

.item03 dl dt {
	margin: 0;
	padding: 0;
}

#contwraptop .item01 .item03 dl dd {
	margin: 0 0 7px 0;
	padding: 2px 0 2px 24px;
	background-image: none;
}