@charset "utf-8";
/*コーナン商事*/

/*　2010/02/25 Renewal
---------------------------------------------------------------------------------*/
body {
	background: url("../images/common/1003_bg_top.jpg") repeat-x left top #FFFFFF;
}
#main {
	background:none; /* DEL */
	width:945px;
	margin:auto auto;
	font-size:0.8em;
}
.gotoPageTop{
	padding-top:10px;
}
.blank img{
	padding-left:5px;
}

#header{
	margin:0;
	padding:0;
	height:68px;
	overflow:hidden;
	border:none; /* DEL */
}
	#header ul{
		margin:-30px 0 0 210px;
		text-align:right;
	}
	#header li{
		margin-right:15px;
		display:inline;
		font-size:0;
	}
	#header li img{
		vertical-align:top;
	}
	#header li.language{
		margin-right:0;
		vertical-align:middle;
	}
h1{
	margin-top:15px;
	margin-left:15px;
	width:170px;
	float:none; /* DEL */
	text-indent:0; /* DEL */
}
	h1 a{
		width:auto; /* DEL */
		height:auto; /* DEL */
		background:none; /* DEL */
	}
#menu{
	margin-left:2px;
}
	#menu li{
		display:inline;
		font-size:0;
	}
	#menu li img{
		vertical-align:top;
	}

#mainImg{
	overflow:hidden;
	zoom:1;
}
#swfBox{
	margin-top:20px;
	padding-left:3px;
	width:655px;
	height:259px;
	float:left;
	background: url("../images/index/1003_bg_flash.gif") no-repeat #FFFFFF;
}
#swfBox img{
	vertical-align:bottom;
}
#searchBox{
	width:255px;
	height:130px;
	padding-top:140px;
	padding-left:30px;
	float:left;
	background: url("../images/index/1003_bg_searchbox.jpg") no-repeat #FFFFFF;
}
	#searchBox p{
		padding-top:5px;
	}

#tContents{
	margin-top:15px;
	overflow:hidden;
	zoom:1;
}
#tLeft{
	margin-left:2px;
	width:650px;
	float:left;
}
#pickup{
	padding-top:15px;
	padding-left:140px;
	height:63px;
	background:url("../images/index/1003_bg_pickup.jpg") no-repeat #FFFFFF;
}
#pickup a:link {
	color:#4c4c4c;
	text-decoration:underline;
}
#pickup a:visited {
	color:#4c4c4c;
	text-decoration:underline;
}
#pickup a:hover {
	color:#ff3f60;
	text-decoration:none;
}
#pickup a:active {
	color:#ff3f60;
	text-decoration:underline;
}

	#pickup ul{
		overflow:hidden;
		zoom:1;
	}
	#pickup li{
		margin-right:18px;
		float:left;
	}
	#pickup a{
		height:26px;
		padding-top:4px;
		float:left;
		display:block;
	}
	.pLink1 a{
		padding-left:25px;
		background:url("../images/index/1010_icon_pickup01_off.gif") no-repeat left top;
	}
	.pLink1 a:hover{
		background:url("../images/index/1010_icon_pickup01_on.gif") no-repeat left top;
	}
	.pLink2 a{
		padding-left:25px;
		background:url("../images/index/1010_icon_pickup02_off.gif") no-repeat left top;
	}
	.pLink2 a:hover{
		background:url("../images/index/1010_icon_pickup02_on.gif") no-repeat left top;
	}
	.pLink3 a{
		padding-left:23px;
		background:url("../images/index/1010_icon_pickup03_off.gif") no-repeat left top;
	}
	.pLink3 a:hover{
		background:url("../images/index/1010_icon_pickup03_on.gif") no-repeat left top;
	}
	.pLink4 a{
		padding-left:30px;
		background:url("../images/index/1010_icon_pickup04_off.gif") no-repeat left top;
	}
	.pLink4 a:hover{
		background:url("../images/index/1010_icon_pickup04_on.gif") no-repeat left top;
	}
	.pLink5 a{
		padding-left:25px;
		background:url("../images/index/1010_icon_pickup05_off.gif") no-repeat left top;
	}
	.pLink5 a:hover{
		background:url("../images/index/1010_icon_pickup05_on.gif") no-repeat left top;
	}
	.pLink6 a{
		padding-left:30px;
		background:url("../images/index/1010_icon_pickup06_off.gif") no-repeat left top;
	}
	.pLink6 a:hover{
		background:url("../images/index/1010_icon_pickup06_on.gif") no-repeat left top;
	}
	.pLink7 a{
		padding-left:28px;
		background:url("../images/index/1010_icon_pickup07_off.gif") no-repeat left top;
	}
	.pLink7 a:hover{
		background:url("../images/index/1010_icon_pickup07_on.gif") no-repeat left top;
	}
	.pLink8 a{
		padding-left:24px;
		background:url("../images/index/1010_icon_pickup08_off.gif") no-repeat left top;
	}
	.pLink8 a:hover{
		background:url("../images/index/1010_icon_pickup08_on.gif") no-repeat left top;
	}

#tRight{
	margin-right:2px;
	width:270px;
	float:right;
}
.bannerBox{
	background-color:#eff6ff;
	border:solid 1px #cdcdcd;
}
	.bannerBox ul{
		padding-left:16px;
		padding-top:16px;
		padding-bottom:6px;
	}
	.bannerBox li{
		margin-bottom:10px;
	}
	.bannerBox li img{
		vertical-align:middle;
	}

#scrollBox{
	overflow:visible;
	height:125px;
}
.news{
	margin-top:15px;
	background-color:#FFFFFF;
	border:solid 1px #cdcdcd;
}
	.news dl{
		padding:8px 10px 8px 10px;
		overflow:hidden;
		zoom:1;
	}
	.news dt{
		padding-top:2px;
		padding-bottom:2px;
		width:60px;
		font-size:0;
	}
	.news dt img{
		vertical-align:top;
	}
	.news dd{
		margin-top:-16px;
		margin-left:70px;
		padding-top:2px;
		padding-bottom:2px;
		width:550px;
	}
	.news a {
		overflow:hidden;
		text-decoration:none;
	}
	.news a:link {
		color:#2f518f;
		text-decoration:none;
	}
	.news a:visited {
		color:#2f518f;
		text-decoration:none;
	}
	.news a:hover {
		color:#999999;
		text-decoration:underline;
	}
	.news a:active {
		color:#999999;
		text-decoration:none;
	}

/* jScrollPane
---------------------------------------------------------------------------------*/

.jScrollPaneContainer{
	position:relative;
	overflow:hidden;
	z-index:1;
}
.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
	background:url("../images/index/1003_scrollbg.gif");
}
.jScrollPaneDrag{
	position:absolute;
	background:url("../images/index/1003_scrollbar_off.gif") no-repeat;
	cursor:pointer;
	overflow:hidden;
}
.jScrollPaneDragTop {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
}
a.jScrollArrowUp {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	background:url("../images/index/1003_scrollup_off.gif") no-repeat;
	height:10px;
}
a.jScrollArrowUp:hover {
	background:url("../images/index/1003_scrollup_on.gif") no-repeat;
}

a.jScrollArrowDown {
	display:block;
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	background:url("../images/index/1003_scrolldown_off.gif") no-repeat;
	height:10px;
}
a.jScrollArrowDown:hover {
	background:url("../images/index/1003_scrolldown_on.gif") no-repeat;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*
---------------------------------------------------------------------------------*/

#footer{
	margin-top:30px;
	background: url("../images/common/1003_bg_bottom.jpg") repeat-x left top #FFF;
}
#footer a,
#footerEnd a{
	overflow:hidden;
	text-decoration:none;
}
#footer a:link,
#footerEnd a:link{
	color:#333;
	text-decoration:none;
}
#footer a:visited,
#footerEnd a:visited{
	color:#333;
	text-decoration:none;
}
#footer a:hover,
#footerEnd a:hover{
	color:#999;
	text-decoration:underline;
}
#footer a:active,
#footerEnd a:active{
	color:#999;
	text-decoration:none;
}
.footerBox{
	width:945px;
	margin:auto auto;
	font-size:0.7em;
	overflow:hidden;
}
#fLink{
	margin-top:30px;
	overflow:hidden;
	zoom:1;
}
	#fLink dl{
		width:195px;
		float:left;
	}
	#fLink dt{
		margin-bottom:5px;
		padding-left:5px;
		border-left:solid 5px #70b3ff;
		font-weight:bold;
	}
	#fLink dd{
		padding:2px 0 0 8px;
	}
	#fLink dd.bottom{
		padding-bottom:15px;
	}
	#fLink ul{
		margin-left:10px;
		width:150px;
		float:left;
		background-color:#FFF;
		border:solid 1px #cdcdcd;
	}
	#fLink li{
		padding:3px;
		background:url("../images/common/1003_line_dot.gif") repeat-x left bottom;
	}
	#fLink li.bottom{
		background:none;
	}
	
#footerEnd{
	margin-top:15px;
	padding-top:15px;
	padding-bottom:30px;
	background: url("../images/common/1003_bg_end.jpg") repeat-x left bottom #054ac4;
	border-top:solid 1px #d1d1d1;
}
	#footerEnd .copy{
		float:left;
	}
	#footerEnd .copy img{
		padding-top:8px;
	}
	#footerEnd #bookmark{
		width:auto;
	}

