@charset "Shift-JIS";

@import "./base.css";

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

‹€’Κ

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

#header{
	padding:0 0 7px;
	background:url(../img/header_line.gif) repeat-x bottom;
}

#charge-content{
	margin:5px auto;
	width:850px;
	overflow:hidden;
	_zoom:1;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

#charge-content-top{
	margin:5px auto;
	width:870px;
	overflow:hidden;
	_zoom:1;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

#pagetitle {
    background: url("../../charge/img/crg_ttl.jpg") repeat scroll 0 0 transparent;
    height: 80px;
    width: 870px;
}

.ctg-inner-top02,
.ctg-inner-top{
	margin:0 auto 10px;
	width:604px;
	overflow:hidden;
}

.ctg-inner-end02,
.ctg-inner-end{
	padding:10px 0;
	overflow:hidden;
	_zoom:1;
}

.inner-link{
	margin:0 auto;
	width:574px;
}

.inner-link li{
	margin:0 9px 0 0;
	padding:5px 0;
	float:left;
}

.inner-link li a{
	padding:0 0 0 15px;
	display:block;
}

.ctg-inner-end h3{
	text-align:center;
}

.ctg-inner-end p{
	margin:10px auto;
	width:574px;
}

.ctg-inner-end img{
	margin:0 0 5px;
}

.ctg-inner-end ul{
	margin:10px -18px 10px 15px;
	_margin:10px -18px 10px 15px;
	padding:0 0 10px;
	overflow:hidden;
	_zoom:1;
}

.ctg-inner-end ul.list1 li{
	margin:0;
	width:574px;
	text-align:center;
}

.ctg-inner-end ul.list2 li{
	margin:0 14px 0 0;
	width:280px;
}

.ctg-inner-end ul.list2 li.joint01{
	margin:0 0 0 3px;
	padding:12px 0;
	width:574px;
}


.ctg-inner-end ul.list2 li.joint01-R{
	margin:0 0 0 3px;
	padding:5px 0;
	width:574px;
	text-align:right;
}

.ctg-inner-end ul.list3 li{
	margin:0 18px 0 0;
	width:180px;
}

.ctg-inner-end ul.list4 li{
	margin:0 18px 0 0;
	width:130px;
}

.ctg-inner-end ul.list5 li{
	margin:0 6px 0 0;
	width:110px;
}


.ctg-inner-end ul.list1 li.long-txt02,
.ctg-inner-end ul.list2 li.long-txt02,
.ctg-inner-end ul.list3 li.long-txt02,
.ctg-inner-end ul.list4 li.long-txt02,
.ctg-inner-end ul.list5 li.long-txt02{
	margin:0;
	width:574px;
}

.ctg-inner-end li{
	float:left;
}

.ctg-inner-end dt{
	padding:5px 1px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.ctg-inner-end dd{
	padding:12px 3px;
	text-align:center;
}

.ctg-inner-end li p{
	margin:0;
	width:auto;
}

.ctg-care-txt{
	margin:5px auto;
	width:600px;
}

ul.btn-select{
	margin:25px auto 10px;
	text-align:center;
}

ul.btn-select li{
	margin:0 8px 0;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

p.btn_hkd_oki{
	width:170px;
	height:30px;
	text-indent:-9999px;
}

p.btn_hkd_oki a{
	display:block;
	width:170px;
	height:30px;
	background:url(../../charge/img/btn_to_hokkaido.png) no-repeat 0 -30px;
	overflow:hidden;
}

p.btn_hkd_oki a:hover{
	background:url(../../charge/img/btn_to_hokkaido.png) no-repeat 0 0;
}

.hokkai-oki-ttl{
	position:relative;
	width:632px;
	height:260px;
	overflow:hidden;
}

.hokkai-oki-ttl p{
	position:absolute;
	right:15px;
	top:22px;
}

.hokkai-oki-ttl p.btn_hkd_oki a{
	display:block;
	width:170px;
	height:30px;
	background:url(../../charge/img/btn_to_hokkaido02.png) no-repeat 0 -30px;
	overflow:hidden;
}

.hokkai-oki-ttl p.btn_hkd_oki a:hover{
	background:url(../../charge/img/btn_to_hokkaido02.png) no-repeat 0 0;
}


.inner-link02{
	margin:0 auto;
	width:574px;
	overflow:hidden;
	_zoom:1;
}



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

	TOPƒy[ƒW
	
==================================================================================*/

.chaTop-con01{
	margin:10px auto;
	overflow:hidden;
	_zoom:1;
}

.chaTop-flash{
	float:left;
}

.chaTop-con01R{
	float:right;
	width:280px;
	overflow:hidden;
	_zoom:1
}

.chaTop-con01R .pick-up-in{
	width:280px;
	background:url(../../charge/img/pickup_in.gif) repeat-y;
}

.chaTop-con01R .pick-up-end{
	_padding:0 0 0 10px;
	height:220px;
	background:url(../../charge/img/pickup_end.jpg) no-repeat left bottom;
	overflow:hidden;
	_zoom:1
}

.chaTop-con01R .pick-up-end ul{
	margin:0 0 0 10px;
	_margin:0;
	overflow:hidden;
	_zoom:1;
	background:none;
}

.chaTop-con01R .pick-up-end li{
	float:left;
	margin:2px 10px 3px 0;
	width:80px;
	text-align:center;
	line-height:1.2em;
}

.chaTop-con01R .pick-up-end li img{
	margin:0 0 3px;
}

.chaTop-con01R .pick-up-end li a{
	color:#555;
	text-decoration:none;
}

.chaTop-con01R .pick-up-end li a:hover{
	color:#3399ff;
	text-decoration:none;
}

.chaTop-con01R p{
	margin:8px 0 0;
}



.chaTop-con02{
	margin:10px auto;
	width:870px;
	padding:10px 0 0;
	background:url(../../charge/img/ex_bg.jpg) no-repeat top;
	overflow:hidden;
	_zoom:1;
}

#chaTop-con02-p.chaTop-con02{
	margin:10px auto;
	width:870px;
	padding:10px 0 0;
	background:url(../../charge/img/ex_bg02.jpg) no-repeat top;
	overflow:hidden;
	_zoom:1;
}

.chaTop-con02-in{
	padding:0 0 5px;
	background:url(../../charge/img/ex_bg.jpg) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}


.chaTop-con02 p{
	margin:8px 0 0;
	text-align:center
}

.chaTop-con02 dl{
	margin:0 auto;
	width:850px;
	overflow:hidden;
	_zoom:1;
}

.chaTop-con02 dt{
	float:left;
}

.chaTop-con02 dd{
	float:right;
	padding:12px 0 0;
}

.chaTop-con02 dd img{
	margin:0 2px 0 0;
}


.chaTop-con03{
	margin:20px auto;
	width:870px;
	background:url(../../charge/img/main_in.gif) repeat-y;
}

.chaTop-con03-end{
	padding:0 0 4px;
	background:url(../../charge/img/main_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.chaTop-con03L{
	float:left;
	width:580px;
	background:url(../../charge/img/main_in_left.jpg) repeat-x top left;
}

.chaTop-con03L dl{
	margin:0 auto 10px;
	width:562px;
	overflow:hidden;
	_zoom:1;
}

.chaTop-con03L dd{
	float:left;
	background:#FFF;
}

.chaTop-con03L dd a:hover img{
	-moz-opacity:.7;
	filter:alpha(opacity=70);
	opacity:.7;
}

.chaTop-con03L dd.photoframe{
	position:relative;
	width:418px;
	height:144px;
	overflow:hidden;
}

.chaTop-con03L dd.photoframe p{
	position:absolute;
	width:395px;
	height:48px;
	top:90px;
	left:12px;
}

.chaTop-con03L dd.photoframe p img{
	margin:0 3px 3px 0;
}

.chaTop-con03R{
	float:right;
	width:280px;
	background:#ffe247 url(../../charge/img/aim_end.jpg) no-repeat bottom;
}

.chaTop-con03R li{
	padding:1px;
	text-align:center;
}

.chaTop-con03R ul{
	padding:0 0 15px;
}


p.cha-banner02{
	margin:15px 0;
	text-align:center;
}

p.cha-banner02 img{
	margin:0 10px;
}

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

	Άƒiƒr
	
==================================================================================*/
#charge-nav{
	margin:5px 0 0;
	float:left;
	width:200px;
}

#charge-nav-in{
	background:url(../../charge/img/side_nav_bg.gif) repeat-y;
}

#charge-nav-end{
	padding:0 0 8px;
	background:url(../../charge/img/side_nav_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

#charge-nav-end p{
	text-align:center;
}

.side-nav-x{
	margin:0 0 8px;
	padding:0 0 8px;
	background:url(../../charge/img/side_nav_xline01.gif) bottom center no-repeat;
}

.side-nav-p{
	padding:0 0 4px;
}


.side-nav-x2{
	margin:8px 0 0;
	padding:8px 0 0;
	background:url(../../charge/img/side_nav_xline01.gif) top center no-repeat;
}

.side-nav-inner{
	margin:0 auto;
	width:188px;
	background:url(../../charge/img/side_nav_in_bg.gif) repeat-y;
}

.side-nav-inner-end{
	padding:0 0 6px;
	background:url(../../charge/img/side_nav_in_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

#charge-nav-end dd{
	padding:0;
	border-top:1px solid #e5f3ff;
}

#charge-nav-end dd a{
	display:block;
	margin:3px 4px;
	padding:5px 5px 5px 8px;
	color:#555;
	text-decoration:none;
}

#charge-nav-end dd a.activ,
#charge-nav-end dd a:hover{
	color:#f579a6;
	background:url(../../charge/img/slice_item_over.jpg) repeat-x bottom;
}

#charge-nav-end .pps-nav dd a.activ,
#charge-nav-end .pps-nav dd a:hover{
	color:#ca8000;
	background:url(../../charge/img/pps_over.gif) repeat-x bottom;
}

#charge-nav-end dd li{
	border-top:1px solid #e5f3ff;
}

#charge-nav-end dd li a{
	padding:3px 3px 3px 25px;
	background:url(../../charge/img/side_nav_arrow01.gif) no-repeat 10px 6px;
}

#charge-nav-end dd li a:hover,
#charge-nav-end dd li a.activ{
	background:url(../../charge/img/side_nav_arrow02.gif) no-repeat 10px 6px;
}

#charge-nav-end dd li li a{
	padding:3px 3px 3px 35px;
	background:url(../../charge/img/side_nav_arrow01.gif) no-repeat 20px 6px;
}

#charge-nav-end dd li li a:hover,
#charge-nav-end dd li li a.activ{
	background:url(../../charge/img/side_nav_arrow02.gif) no-repeat 20px 6px;
}


.side-banner{
	margin:8px 0 0;
	padding:8px 0 0;
	background:url(../../charge/img/side_xline01.gif) top center no-repeat;
}

.side-banner li{
	padding:0 0 5px;
}



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

	ƒAƒCƒeƒ€‚Ε‘I‚Τ
	
==================================================================================*/
.item-area{
	padding:0 0 10px;
	background:#ffb26f url(../../charge/img/item_ctg_end.gif) no-repeat bottom;
}

.item-area .ctg-inner-top02,
.item-area .ctg-inner-top{
	background:#FFF url(../../charge/img/item_in_top.gif) no-repeat left top;
}

.item-area .ctg-inner-end02,
.item-area .ctg-inner-end{
	background: url(../../charge/img/item_in_end.gif) no-repeat bottom left;
}

.item-area .inner-link li a{
	background:url(../../charge/img/item_ctg_arrow01.gif) no-repeat left center;
	color:#555;
	text-decoration:none;
}

.item-area .inner-link li a:hover{
	color:#ffb26f;
}

.item-area .ctg-inner-end dt{
	background:#ffb26f;
}

.item-area .ctg-inner-end ul{
	background:url(../../charge/img/item_xline01.gif) no-repeat left bottom;
}


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

	ƒ}ƒCƒtƒHƒgƒRƒŒƒNƒVƒ‡ƒ“
	
==================================================================================*/

.mpc-top{
	margin:15px auto 10px;
}

.top-flash-mpc{
	width:632px;
	height:347px;
	background:url(../../charge/mpc/img/top_flash_bg.jpg) no-repeat;
}

.top-flash-mpc object{
	margin:0 auto;
}

.top-btn-area{
	background:url(../../charge/mpc/img/top_bg_in.jpg) repeat-y;
}

.top-btn-area ul{
	padding:0 0 20px 21px;
	background:url(../../charge/mpc/img/top_bg_end.jpg) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.top-btn-area ul li{
	float:left;
	margin:10px 10px 0 0;
	background:#FFF;
	
}

.top-btn-area ul li a:hover img{
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	opacity:.8;
	
}

p.crg-dtl-txtttl span{
	width:596px;
	margin:15px auto;
	color:#555;
	font-weight:normal;
}

.ctg-inner-end p span{
	color:#0099ff;
}

.mpc-banner{
	margin:15px 0;
}

.mpc-banner a:hover img{
	-moz-opacity:.7;
	filter:alpha(opacity=70);
	opacity:.7;
}

.banner-disney{
	margin:15px auto 0;
	text-align:center;
}

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

	ƒtƒHƒgƒtƒŒ[ƒ€
	
==================================================================================*/

.inner-link02 p,
.inner-link02 dl{
	overflow:hidden;
	_zoom:1;
}

.inner-link02 p{
	padding:0 0 0 10px;
}

.inner-link02 dl{
	margin:0 10px 0 0;
	width:320px;
	float:left;
	border-right:1px dotted #ff8400;
}

.inner-link02 dd{
	padding:0 8px 0 0;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	line-height:1.8em;
}
.inner-link02 p a{
	padding:0 0 0 15px;
	background:url(../../charge/img/item_ctg_arrow01.gif) no-repeat left center;
	color:#555;
	text-decoration:none;
}

.inner-link02 dt a,
.inner-link02 dd a{
	padding:0 0 0 15px;
	display:block;
	background:url(../../charge/img/item_ctg_arrow01.gif) no-repeat left center;
	color:#555;
	text-decoration:none;
}

.inner-link02 p a:hover,
.inner-link02 dt a:hover,
.inner-link02 dd a:hover{
	color:#ffb26f;
}

.ctg-inner-end p strong{
	font-size:1.16em;
	color:#ff8400;
}

.ctg-inner-end dd.longtxt{
	letter-spacing:-0.1em;
}


p.d-logo{
	overflow:hidden;
	_zoom:1;
}

p.d-logo span{
	float:right;
	color:#555;
}

p.bord-sttl{
	margin:25px auto 0;
	padding:15px 0 0;
	background:url(../../charge/img/item_xline01.gif) no-repeat top left;
}

p.copy-R{
	text-align:right;
}

p.fue-echo{
	margin:-20px auto 0;
}

p.fue-plus{
	padding:5px 0 15px;
	text-align:center;
}

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

	ƒ|ƒXƒgƒJ[ƒh
	
==================================================================================*/

p.order-pdf,
p.order-pdf img{
	overflow:hidden;
	_zoom:1;
}

.posL{
	float:left;
}

.posR{
	float:right;
}

.ctg-inner-end p.order-pdf img{
	margin:0;
}


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

	–Ϊ“I‚Ε‘I‚Τ
	
==================================================================================*/
.pps-area{
	padding:0 0 10px;
	background:#ffe247 url(../../charge/img/pps_end.gif) no-repeat bottom;
}

.pps-area-in{
	margin:15px auto;
	width:606px;
	background:url(../../charge/img/pps_frame_end.gif) no-repeat bottom;
}

.pps-area-top{
	padding:10px 0;
	background:url(../../charge/img/pps_frame_top.gif) no-repeat top;
	overflow:hidden;
	_zoom:1;
}

.pps-area-top h3{
	margin:0 auto;
	text-align:center;
}

.pps-area-inn{
	margin:15px auto;
	width:570px;
	overflow:hidden;
	_zoom:1;
}

.pps-area-inn .posL{
	float:left;
}

.pps-area-inn .posR{
	float:right;
	width:280px;
	overflow:hidden;
}

.pps-area-inn table{
	margin:10px 0;
	width:280px;
	background:#fff5ca;
	border-collapse:collapse;
}

.pps-area-inn table td{
	padding:3px 5px;
	text-align:left;
}

.pps-area-inn table a{
	color:#0099ff;
	text-decoration:none;
}

.pps-area-inn table a:hover{
	color:#49b6ff;
	text-decoration:underline;
}

.pps-btn01{
	text-align:right;
}

.pps-btn02{
	padding:8px 0;
	text-align:right;
}

.pps-banner{
	margin:10px -13px 10px 0;
	overflow:hidden;
	_zoom:1;
}

.pps-banner li{
	margin:0 13px 0 0;
	float:left;
}


.pps-bottom{
	margin:20px 0 0;
	overflow:hidden;
	_zoom:1;
}

.pps-bottom dl.campaign{
	float:left;
	padding:0 0 5px;
	width:416px;
	background:url(../../charge/img/pps_cmp_bg.gif) no-repeat bottom;
}

.pps-bottom dl.campaign dt{
	padding:0 0 5px;
}

.pps-bottom dl.campaign dd{
	padding:0 10px 5px 10px;
}

.pps-bottom dl.campaign dd a{
	padding:0 0 0 15px;
	color:#ff9627;
	background:url(../../charge/img/pps_arrow.gif) no-repeat left center;
	line-height:1.5em;
}

.pps-bottom dl.campaign dd a:hover{
	text-decoration:none;
}

.pps-bottom dl.menu-area{
	float:right;
	padding:0 0 5px;
	width:200px;
	background:url(../../charge/img/pps_menu_bg.gif) no-repeat bottom;
}

.pps-bottom dl.menu-area dt{
	padding:0 0 8px;
}

.pps-bottom dl.menu-area dd{
	padding:0 10px 5px 10px;
}


.pps-bottom dl.menu-area dd a{
	color:#ed80b1;
}

.pps-bottom dl.menu-area dd a img{
	margin:0 8px 0 0;
	vertical-align:middle;
}

.pps-bottom dl.menu-area dd a:hover{
	text-decoration:none;
}






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

	ƒvƒŠƒ“ƒg
	
==================================================================================*/
.print-area{
	padding:0 0 10px;
	background:#6ccdfa url(../../charge/img/print_ctg_end.gif) no-repeat bottom;
}

.print-area .ctg-inner-top02,
.print-area .ctg-inner-top{
	background:#FFF url(../../charge/img/print_in_top.gif) no-repeat left top;
}

.print-area .ctg-inner-end02,
.print-area .ctg-inner-end{
	background: url(../../charge/img/print_in_end.gif) no-repeat bottom left;
}


.print-area .ctg-inner-end dt{
	background:#6ccdfa;
}

.print-area .ctg-inner-end ul{
	background:url(../../charge/img/print_xline01.gif) no-repeat left bottom;
}


.print-ttl{
	position:relative;
	width:632px;
	height:89px;
	overflow:hidden;
}

.print-ttl p{
	position:absolute;
	right:15px;
	top:48px;
}