@charset "Shift_JIS";
/**
 * SONY.JP/NAV-U
 */

/* default
----------------------------------------------------------*/
div#select {
	margin-bottom:30px;
}

div#select h1 {
	margin-bottom:15px;
}

div#select h2,
div#select h3 {
	margin-bottom:20px;
}

div#select p {
	margin-bottom:25px;
}

/* assets
----------------------------------------------------------*/
/* type icon */
dl.type {
	margin-bottom:20px;
	width:300px;
}

dl.type dt {
	float:left;
}

dl.type dd {
	float:left;
	padding:0 0 2px 2px;
	font-size:0;
	line-height:0;
}

/* gesture */
table.gesture th {
	padding-bottom:15px;
}

table.gesture {
	margin:25px 0 0;
}

table.gesture td {
	font-size:75%;
	padding:0 32px 0 10px;
	vertical-align:top;
}

table.gesture td img {
	margin-bottom:5px;
}

/* note */
sup {
	color:#36c;
	font-size:85%;
/*	line-height:inherit;
	vertical-align:baseline;*/
}

dl.note {
	font-size:80%;
	* font-size:75%;
}

dl.note dt {
	float:left;
	color:#36c;
}

dl.note dd {
	margin-left:1.5em;
	color:#666;
	_text-indent:-3px;
}

dl.note.ol dd {
	margin-left:2.3em;
}

.note a {
	padding-left:12px;
	background:url(/nav-u/tmp_include/images/arrow_black.gif) no-repeat 0.3em 0.3em;
}


/* tab
----------------------------------------------------------*/
#tabmenu {
	position:relative;
	width:755px;
	height:57px;
	background:url(/nav-u/select/images/tab_bg.gif) no-repeat;
}

#tabmenu li {
	line-height:0;
	font-size:0;
}

#tabmenu a,
#tabmenu em {
	position:absolute;
	display:block;
	width:172px;
	height:42px;
	text-indent:-9999px;
	outline:none;
}

#tabmenu a {
	top:15px;
	cursor:pointer;
}

#tabmenu em {
	z-index:5 !important;
	top:0;
	height:57px;
}

#tabmenu .e a,
#tabmenu .e em {
	z-index:4;
	left:10px;
}

#tabmenu .e a {background:url(/nav-u/select/images/tab_e.png)}
#tabmenu .e a:hover {background:url(/nav-u/select/images/tab_e_ov.png)}
#tabmenu .e em {background:url(/nav-u/select/images/tab_e_on.png)}

* html #tabmenu .e a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_e.png',sizingMethod='crop');
}
* html #tabmenu .e a:hover {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_e_ov.png',sizingMethod='crop');
}
* html #tabmenu .e em {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_e_on.png',sizingMethod='crop');
}

#tabmenu .s a,
#tabmenu .s em {
	z-index:3;
	left:174px;
}

#tabmenu .s a {background:url(/nav-u/select/images/tab_s.png)}
#tabmenu .s a:hover {background:url(/nav-u/select/images/tab_s_ov.png)}
#tabmenu .s em {background:url(/nav-u/select/images/tab_s_on.png)}

* html #tabmenu .s a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_s.png',sizingMethod='crop');
}
* html #tabmenu .s a:hover {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_s_ov.png',sizingMethod='crop');
}
* html #tabmenu .s em {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_s_on.png',sizingMethod='crop');
}

#tabmenu .u a,
#tabmenu .u em {
	z-index:2;
	left:336px;
}

#tabmenu .u a {background:url(/nav-u/select/images/tab_u.png)}
#tabmenu .u a:hover {background:url(/nav-u/select/images/tab_u_ov.png)}
#tabmenu .u em {background:url(/nav-u/select/images/tab_u_on.png)}

* html #tabmenu .u a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_u.png',sizingMethod='crop');
}
* html #tabmenu .u a:hover {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_u_ov.png',sizingMethod='crop');
}
* html #tabmenu .u em {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav-u/select/images/tab_u_on.png',sizingMethod='crop');
}


/* tutorial movie
----------------------------------------------------------*/
#tutorial_e,
#tutorial_s,
#tutorial_u {
	margin-bottom:-70px;
	position:relative;
	height:92px;
}

#tutorial_e {background:url(/nav-u/select/images/kantan_3.gif) no-repeat;}
#tutorial_s {background:url(/nav-u/select/images/kouseinou_3.gif) no-repeat;}
#tutorial_u {background:url(/nav-u/select/images/benri_3.gif) no-repeat;}



/* nav
----------------------------------------------------------*/
#navigation {
	padding-top:25px;
	background:url(/nav-u/select/images/navigation.jpg) repeat-x 0px -92px;
}

#navigation ul {
	margin:0 auto;
	width:480px;
}

#navigation li {
	float:left;
	padding:0 5px;
}

#navigation a,
#navigation em {
	display:block;
	width:150px;
	height:46px;
	background:url(/nav-u/select/images/navigation.jpg) no-repeat;
	text-indent:-9999px;
	outline:none;
}

#navigation .e a {background-position:0px 0px;}
#navigation .e a:hover,
#navigation .e em {background-position:0px -46px;}

#navigation .s a {background-position:-150px 0px;}
#navigation .s a:hover,
#navigation .s em {background-position:-150px -46px;}

#navigation .u a {background-position:-300px 0px;}
#navigation .u a:hover,
#navigation .u em {background-position:-300px -46px;}


/* section
----------------------------------------------------------*/
div#select div.section {
	margin-bottom:60px;
	padding:0 20px;
}

div#select div.section h2 {
	margin-left:-13px;
}

/* pitatto */
div#pitatto {
	position:relative;
	z-index:1;
}

div#pitatto .p1 {}

div#pitatto .p1 div {
	position:relative;
	z-index:1;
	float:right;
	margin-top:-85px;
	width:280px;
}

div#pitatto .p1 p,
div#pitatto .p1 dl {
	width:415px;
}

div#pitatto .p1 dl {
	margin-top:-10px;
}

div#pitatto .p2 {}

div#pitatto .p2 p {
	width:345px;
}

div#pitatto .p3 {
	margin-left:-12px;
}

div#pitatto .p3 dt {
	padding-left:12px;
}

div#pitatto .p3 dd {
	float:left;
	width:242px;
	text-align:right;
}

/* touch */
div#touch {}

div#touch .p1 {
	float:left;
	width:433px;
	_width:430px;
}

div#touch .p1 p {
	width:400px;
}

/* position */
div#position {
	position:relative;
	z-index:1;
}

div#position .p1 .type {
	float:left;
	width:250px;
}

div#position .p1 p {
	margin-left:270px;
	margin-bottom:20px;
}

div#position .p1 dl {
	clear:left;
}

div#position .p1 dt,
div#position .p1 dd {
	font-size:0;
	line-height:0;
}

div#position .p2 {
	margin:22px 0 5px;
}

/* map */
div#map {}

div#map .p1 {
	float:left;
	width:400px;
	_width:397px;
}

div#map .p1 p {
	width:370px;
}

div#map .p2 {
	clear:left;
	margin:10px 0 20px -36px;
}

div#map .p2 dt {
	padding-left:36px;
	margin-bottom:-15px;
}

div#map .p2 dd {
	float:left;
	padding-left:36px;
	margin-top:25px;
}

/* search */
div#search {}

div#search .p1 {
	float:left;
	width:450px;
	_width:447px;
}

div#search .p1 p {
	width:410px;
}

div#search .p2 {
	clear:left;
	margin:5px 0 20px;
}

div#search .p2 dt,
div#search .p2 dd {
	font-size:0;
	line-height:0;
}

/* vics */
div#vics {}

div#vics .p1 p {
	float:right;
	width:370px;
}

div#vics .p1 .type {
	float:left;
}

/* walk */
div#walk {
	position:relative;
	z-index:1;
}

div#walk .p1 div {
	float:right;
}

div#walk .p1 .type {
	float:left;
}

div#walk .p1 p {
	clear:left;
	width:400px;
}

div#walk .p2 dt,
div#walk .p2 dd {
	font-size:0;
	line-height:0;
}

/* root */
div#root {}

div#root .p1 {
	float:left;
	width:321px;
	_width:318px;
}

div#root .p1 p {
	width:295px;
	margin-bottom:15px;
}

div#root .note {
	clear:left;
	margin:0 0 20px;
}


/* cycling */
div#cycling .p1 {}

div#cycling .p1 p {
	width:415px;
	margin-bottom:15px;
}

div#cycling .p1 div.fade {
	margin-left:445px;
}

div#cycling .p2 {}

div#cycling .p2 p {
	margin:22px 0 15px 0;
	width:220px;
}

div#cycling .p2 .fade {
	margin:11px 0 0 242px;
	_margin-left:240px;
}

div#cycling div.activity {
	width:714px;
	margin:7px 0 15px 0;
	padding-bottom:10px;
	background:url(/nav-u/select/images/cycling_bg.gif) no-repeat left bottom;
}

div#cycling div.activity .left {
	float:left;
	width:226px;
}

div#cycling div.activity .right {
	float:right;
	width:488px;
}

div#cycling div.activity p {
	margin:0;
	padding:5px 20px 0 0;
}


/* guide */
div#guide {}

div#guide .p1 .fl p {
	width:380px;
}

div#guide .p1 div {
	float:right;
}

div#guide .p3 {
	margin-top:30px;
}

div#guide .p3 li {
	float:left;
	line-height:0;
	font-size:0;
}

div.petamap {
	position:relative;
	width:714px;
	height:76px;
	background:url(/nav-u/select/images/petamap.gif) no-repeat;
}

div.petamap p {
	display:none;
	margin:0 !important;
}

div.petamap a {
	position:absolute;
	left:10px;
	top:60px;
	display:block;
	width:370px;
	height:15px;
}

div.petamap a span {
	display:none;
	line-height:0;
}


/* record */
div#record {}

div#record .p1 .fl p {
	width:364px;
}

div#record .p1 div {
	float:right;
}


/* av */
div#av {}

div#av .p1 {
	float:left;
	width:512px;
}
div#av .p1 p {
	width:475px;
}

/* forward */
div#forward {}

div#forward .p1 {
	float:left;
	width:404px;
}

/* easy */
div#easy {}

div#easy .easy {
	width:715px;
}

div#easy .p1 {
	float:left;
	padding-bottom:20px;
	width:375px;
	_width:376px;
}
div#easy .p1 p {
	width:375px;
}

div#easy .p1 dl.note {
	width:375px;
}

div#easy .code {
	float:right;
	margin-left:28px;
	_margin-left:14px;
	width:312px;
	text-align:center;
}

div#easy .code img {
	margin-top:30px;
}

div#easy p.note {
	margin:10px 0 0 0;
	font-size:80%;
	letter-spacing:0.5px;
}




/* clearfix
----------------------------------------------------------*/
div.section,
dl.type,
#navigation,
#tabmenu,
div#cycling div.activity,
div#easy .easy {
	zoom:1;
}

div.section:after,
dl.type:after,
#navigation:after,
#tabmenu:after,
div#cycling div.activity:after,
div#easy .easy:after {
	content:"";display:block;
	height:0;clear:both;
	visibility:hidden;
}

* html div.section,
* html dl.type,
* html #navigation,
* html #tabmenu,
* html div#cycling div.activity,
* html div#easy .easy {
	display:inline-table;
	/*\*/display:block;/**/
}