@charset "shift_jis";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	name : ds.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ********************************************************************************
 * 基本レイアウト
 * ******************************************************************************** */
 
#dsTopWrapper {
	background: url(../../ds/images/bg.jpg) top center no-repeat;
}


/* ********************************************************************************
 * div#contents01
 * ******************************************************************************** */

div#contents01 {
	height: 188px;
	position: relative;
	background: url(../../ds/images/contents01_bg.jpg) no-repeat 0 0;
}
body#dsTop h1 {
	padding-top: 9px;
	margin-left: 44px;
}

/* ********************************************************************************
 * div#contents02
 * ******************************************************************************** */

div#contents02 {
	height: 301px;
	position: relative;
	background: url(../../ds/images/contents02_bg.jpg) no-repeat 0 0;
}
body#dsTop h2 {
	margin-left: 249px;
}
p#package {
	position: absolute;
	top: 150px;
	left: 44px;
	width: 150px;
	height: 135px;
}
p#catch {
	position: absolute;
	top: 264px;
	left: 180px;
	width: 445px;
	height: 15px;
}
p#enjoy {
	position: absolute;
	top: 123px;
	right: 32px;
	width: 138px;
	height: 162px;
}

/* ********************************************************************************
 * div#contents03
 * ******************************************************************************** */

div#contents03 {
	position: relative;
	background: url(../../ds/images/contents03_bg.jpg) no-repeat 0 0;
	padding: 0 0 13px 44px;
}
div#softdetail {
	margin: 0 0 7px 29px;
	padding: 16px 0 0 74px;
	background: url(../../ds/images/softdetail_base.jpg) no-repeat 0 0;
	width: 552px;
	height: 63px;
}
div#softdetail p {
	float: left;
	margin-right: 10px;
}
p#pageTop {
	margin-left: 143px;
	width: 400px;
	height: 26px;
	font-size: 0;
}
p#pageTop a {
	display: block;
	width: 400px;
	height: 26px;
	background: url(../../ds/images/btn_totop.jpg) left top no-repeat;
	text-indent: -5000px;
}
p#pageTop a:hover {
	background-position: left bottom;
}


/*** div#btnMiddle ***/
div#btnMiddle {
	width: 681px;
	margin: 5px 0;
}
p#btnTvcm {
	width: 341px;
	height: 33px;
	font-size: 0;
	float: left;
}
p#btnTvcm a {
	display: block;
	width: 341px;
	height: 33px;
	background: url(../../ds/images/btn_tvcm.jpg) left top no-repeat;
	text-indent: -5000px;
}
p#btnTvcm a:hover {
	background-position: left bottom;
}
p#btnNom {
	width: 340px;
	height: 33px;
	font-size: 0;
	float: right;
}
p#btnNom a {
	display: block;
	width: 340px;
	height: 33px;
	background: url(../../ds/images/btn_nom.jpg) left top no-repeat;
	text-indent: -5000px;
}
p#btnNom a:hover {
	background-position: left bottom;
}



 /* ********************************************************************************
 * navi
 * ******************************************************************************** */
ul#navi {
	position: relative;
	width: 681px;
	height: 56px;
	font-size: 0;
	margin-bottom: 5px;
}
ul#navi li {
	position: absolute;
	top: 0;
	height: 56px;
	background: url(../../ds/images/navi.jpg) no-repeat;
	line-height: 0;
	text-indent: -5000px;
}
ul#navi li#navi01 {
	left: 0px;
	width: 138px;
	background-position: 0 -56px;
}
ul#navi li#navi02 {
	left: 138px;
	width: 136px;
	background-position: -138px -56px;
}
ul#navi li#navi03 {
	left: 274px;
	width: 135px;
	background-position: -274px -56px;
}
ul#navi li#navi04 {
	left: 409px;
	width: 136px;
	background-position: -409px -56px;
}
ul#navi li#navi05 {
	left: 545px;
	width: 136px;
	background-position: -545px -56px;
}

ul#navi li a {
	display: block;
	height: 56px;
	background: url(../../ds/images/navi.jpg) no-repeat;
}
ul#navi li#navi01 a {
	width: 138px;
	background-position: 0 0;
}
ul#navi li#navi02 a  {
	width: 136px;
	background-position: -138px 0;
}
ul#navi li#navi03 a {
	width: 135px;
	background-position: -274px 0;
}
ul#navi li#navi04 a  {
	width: 136px;
	background-position: -409px 0;
}
ul#navi li#navi05 a  {
	width: 136px;
	background-position: -545px 0;
}
ul#navi li#navi01 a:hover {
	background-position: 0 -56px;
}
ul#navi li#navi02 a:hover {
	background-position: -138px -56px;
}
ul#navi li#navi03 a:hover {
	background-position: -274px -56px;
}
ul#navi li#navi04 a:hover {
	background-position: -409px -56px;
}
ul#navi li#navi05 a:hover {
	background-position: -545px -56px;
}