@charset "utf-8";
/*
=========================================================
last updated:2012/03/12
=========================================================

/* 1.Set-up
=============================================================================== */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/* Reset
---------------------------------------------*/
html{background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* FONT CSS
---------------------------------------------*/
body{font:"‚l‚r ‚oƒSƒVƒbƒN", sans-serif;line-height:1.22;text-align: center;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* STYLE
---------------------------------------------*/
img {margin:0;padding:0;vertical-align:bottom;border:0;}
em{font-weight:bold;}
#contents-wap a{color: #0664a6;}
#contents-wap a:hover{color: #cb7904;}
#contents-wap a:visited{color: #a74681;}


/* 2.Common
=============================================================================== */
/* clearfix
---------------------------------------------*/
/*
.clrfx:after{content:" ";display:block; overflow:hidden;clear:both;height:0;font-size:0;line-height:0;}
* html .clrfx{display:inline-block;height:1%;}
.clrfx{display:block;}
*:first-child+html .clrfx{zoom:1;}
*/
.clrfx:before,
.clrfx:after{
	content:"";
	display:table;
}
.clrfx:after{
	clear:both;
}
.clrfxf{
	clear:both;
	zoom:1;
}

/* images
---------------------------------------------*/
#contents-header .boxInnr,
.btnurl,
#phCon dt,
#mdlURL .boxInnr,
.smrtError dt{
	background-image: url(http://i.yimg.jp/images/pets/promo/smartphone/img/contentsSprt02.png);
	background-repeat: no-repeat;
}

#contents-header,
#phCon{
	background: url(http://i.yimg.jp/images/pets/promo/smartphone/img/line-ten.png) no-repeat 0 100%;
}

/* 3.Layout
=============================================================================== */
#header,
#contents-inner{
	text-align: left;
}


/* MAST HEAD
---------------------------------------------*/
#header{
	font:13px/1.22 "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	*font-size:small;
	*font:x-small;
	width: 950px;
	margin: 0 auto;
}
#masthead{
	height: 41px;
	margin: 4px auto 10px;
	text-align: left;
	width: 100%;
}
#masthead strong{font-weight: bold;}
.yj-guid,
.yj-skip{display:block;height:0;overflow:hidden;text-indent:-9999px;}
.yj-guid img,
.yj-skip img{display:none;}
.yjmth{padding-right: 7px;}
.yjmthloginarea,
.yjmthcmnlnkarea{font-size: 100% !important;}


/* wapper
---------------------------------------------*/
#contents-wap{
	background: #f7f6f2 url(http://i.yimg.jp/images/pets/promo/smartphone/img/background.png) no-repeat 50% 0;
	color: #58462e;
}
#contents-inner{
	background: url(http://i.yimg.jp/images/pets/promo/smartphone/img/header02.png) no-repeat 50% 0;
	width: 950px;
	margin: 0 auto;
}

/* header */
#contents-header{
	padding-top: 295px;
	padding-bottom: 2px;
	position: relative;
	min-height: 170px;
	*zoom: 1;
}
*html #contents-header{height: 170px;overflow: visible;}
#contents-header h1,
#contents-header h2,
#contents-header h3,
#contents-header p.url,
.btnurl,
#phCon dt{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#contents-header h1,
#contents-header h2,
#contents-header p.url,
#contents-header .btnurl{
	position: absolute;
}
#contents-header h1{
	width: 410px;
	height: 178px;
	top: 29px;
	left: 219px;
}
#contents-header h2{
	width: 195px;
	height: 189px;
	top: 0;
	left: 6px;
}
#contents-header p.url{
	width: 344px;
	height: 28px;
	top: 229px;
	left: 31px;
}
.btnurl{
	background-position: 0 -185px;
	width: 230px;
	height: 43px;
}
.btnurl:hover{
	background-position: 0 -228px;
}
#contents-header .btnurl{
	top: 222px;
	left: 389px;
}

#contents-header .boxInnr{
	background-position: 100% -185px;
	margin: 24px 0 10px 30px;
	width: 594px;
}
#contents-header .boxInnr p{
	padding: 20px 200px 0 0;
	line-height: 2.0em;
}
#contents-header h3{
	width: 532px;
	height: 25px;
}
#contents-header .cap{
	position: absolute;
	top: 24px;
	right: 57px;
}

/* photo contest */
#phCon{
	padding: 13px 0 24px 15px;
}
#phCon ul{
	overflow: hidden;
	zoom:1;
}
#phCon li{
	float: left;
}
#phCon dl{
	background-image: url(http://i.yimg.jp/images/pets/promo/smartphone/img/bg3feature02.jpg);
	background-repeat: no-repeat;
	padding-top: 229px;
	width: 305px;
}
#phCon dt{
	margin: 0 0 0 15px;
	width: 280px;
	height: 52px;
}
#phCon dd{
	line-height: 1.7em;
	padding: 15px 0 0 15px;
}
#phCon .st01 dl{
	background-position: -307px 0;
}
#phCon .st02 dl{
	background-position: 0 0;
}
#phCon .st03 dl{
	background-position: -614px 0;
}
#phCon .st01 dt{
	background-position: 0 -271px;
}
#phCon .st02 dt{
	background-position: 0 -323px;
}
#phCon .st03 dt{
	background-position: 0 -375px;
}

/* url module */
#mdlURL{
	padding: 15px;
}
#mdlURL .boxInnr{
	background-position: 0 0;
	width: 920px;
	height: 185px;
	position: relative;
}
#mdlURL .boxInnr dl{
	position: absolute;
}
#mdlURL .boxInnr dt,
#mdlURL .boxInnr dd{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#mdlURL .boxInnr dl.st01{
	top: 40px;
	left: 15px;
}
#mdlURL .boxInnr dl.st01 dt{
	width: 169px;
	height: 26px;
	margin-top: 7px;
	float: left;
}
#mdlURL .boxInnr dl.st01 dd{
	width: 502px;
	height: 38px;
	float: left;
}
#mdlURL .boxInnr dl.st02{
	top: 98px;
	left: 15px;
}
#mdlURL .boxInnr dl.st02 dt{
	width: 169px;
	height: 26px;
	margin-top: 11px;
	float: left;
}
#mdlURL .boxInnr dl.st02 dd{
	margin-left: 3px;
	float: left;
}
#mdlURL .boxInnr dl.st03{
	top: 31px;
	left: 718px;
}
#mdlURL .boxInnr dl.st03 dt{
	width: 181px;
	height: 20px;
}
#mdlURL .boxInnr dl.st03 dd{
	width: 92px;
	height: 92px;
	margin-top: 12px;
	margin-left: 51px;
}
#mdlURL ul{
	padding: 13px 0 0 21px;
}
#mdlURL li{
	color: #746e66;
	font-size: 94%;
	padding-top: 7px;
}


/* footer
---------------------------------------------*/
#footer{
	padding: 40px 15px 45px;
	margin: 0 auto;
	width: 920px;
}
#footer address{
	border-top: 1px solid #d9d1c7;
	display: block;
	color: #494344;
	font:13px/1.22 "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	*font-size:small;
	*font:x-small;
	margin-top: 30px;
	padding-top: 15px;
}


/* error module
---------------------------------------------*/
.smrtError{
	margin: 0 auto;
	width: 950px;
}
.smrtError dl{
	background: #fff url(http://i.yimg.jp/images/pets/promo/smartphone/img/bgSmart.jpg) no-repeat 100% 55px;
	border: 3px solid #e9e7da;
	text-align: left;
	margin: 0 15px;
	padding: 25px 0 25px 20px;
}
.smrtError dt{
	background-position: 0 -427px;
	text-indent: -9999px;
	overflow: hidden;
	width: 678px;
	height: 19px;
}
.smrtError dd{
	color: #58462e;
	line-height: 1.5em;
	padding: 20px 320px 0 0;
}