@charset "utf-8";

/*
========== TABLE of CONTENTS ==========

1:reset
2:layout
3:header
4:contents
5:footer
6:alert
7:error
clearfix

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

/**
 * reset
 *
 * @section reset
 * CSSのリセットとサービス全体へのベース設定
 */
 
body{
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: Arial,sans-serif;
	line-height: 1.3;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,select,p,blockquote,fieldset,div{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
ul li, ol li{
	list-style: none;
}
table,tr,td{
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption{
	text-align: left;
}
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{
	font-size: 100%;
}
address,cite,dfn,em,strong,var,th,ins,del,samp{
	font-weight: normal;
	font-style: normal;
}
a img{
	border: 0;
}
hr.separation{
	display: none;
}
fieldset{
	border: none;
}
a{
	color: #0068b7;
}
a:visited{
	color: #65a3d3;
}
/* ---------- /1:reset  ---------- */

/* ---------- 2:layout ---------- */

/**
 * layout
 *
 * @section layout
 * ベースレイアウトの大枠のCSS
 */

body{
	padding: 0 10px;
}

#wrapper{
	width: 950px;
	height:100%;
	margin: 0 auto;
	text-align: left;
	background:#ffffff;
}

#header {
	padding-bottom: 8px;
}

#uhd{
	width:910px;
	margin:0 auto;
}

#special{
	width:910px;
	margin:0 auto;
}

#contents{
	margin: 7px 0 10px;
	text-align: left;
	color: #666;
}

*html #contents div{/* for IE6 */
	height: 1%;
}

.c3 #navi{
	float: left;
	width: 180px;
	margin-right: 10px;
}
.c3 #main{
	float: left;
	width: 450px;
}
.c2ml #main{
	width: 100%;
}
.c3 #sub,
.c2ml #sub{
	float: right;
	width: 300px;
}
.c2mr #sub{
	float: left;
	width: 180px;
}
.c2mr #main{
	float: right;
	width: 760px;
}
.c1 #main{
	width: 100%;
}

.yj-guid,.yj-skip{
	display: block;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
/* ---------- /2:layout ---------- */

/* ---------- 3:header ---------- */

/**
 * #header
 *
 * @section header
 * ヘッダー
 */

/* masthead.css 1.0.0 */

/* Masthead */
.yjmth {
	*height: 1%;
}
.yjmth img {
	vertical-align: middle;
	border: 0px;
}
.yjmth a {
	border: 0px;
}
div.yjmthproplogoarea {
	float: left;
}
div.yjmthloginarea {
	float: left;
	margin: 0px 0px 0px 3px;
	text-align: left;
	line-height: 110%
}
div.yjmthcplogoarea {
	float: right;
}
div.yjmthcmnlnkarea {
	/* Without MacIE \*/
	float: right;
	/* */
	margin: 10px 3px 0px 0px;
	text-align: right;
	line-height: 110%;
}
br.yjmthclear {
	clear: both;
}
div.yjgrplink {
	text-align: right;
	line-height: 115%;
}

#masthead {
	width: 910px;
	height: 41px; /* needed when using the safari hack */
	margin: 4px auto 10px;
	text-align: left;
}
#masthead strong {
	font-weight: bold;
}
#masthead:after {
	content: "."; 
	display: block; 
	position: relative; /*works better in IE5.5 or float in float situations */
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* hide from ie/mac  needed for IE \*/
* html #masthead {
	height: 1%;
}
* html #masthead .yjmth {
	margin: 0;
	padding: 0;
}
/**/
/* ie/mac \*//*/
#masthead {
	display: inline-table;
}
/**/
@media print{
	div.yjmthloginarea {
		display: none;
	}
}

#emg,
#emg2,
#emg3 {
	margin-bottom: 10px;
	font-size: 123.1%;
	text-align: center;
}
#emg small,
#emg2 small,
#emg3 small{
	font-size: 100%;
}
#emg2 br {
	display: none;
}
#emg table,
#emg2 table,
#emg3 table {
	margin: 0 auto;
	text-align: left;
}
#emg td,
#emg2 td,
#emg3 td {
	padding:2px;
}
/* ie/mac \*//*/
#emg,
#emg2 {
	margin-left: 120px;
}
#emg3 {
	margin-left: 235px;
}
/**/

/* EMG */

/* gloNav */
#hdDevice ul,
#hdNav ul {
	overflow: hidden;
	*zoom: 1;
}
#hdDevice ul li,
#hdNav ul li {
	float: left;
}
#hdDevice ul li.my {
	float: right;
}

/* background */

#hdDevice {
	width:910px;
	margin:0 auto;
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_bg.png);
	background-repeat: repeat-x;
}
#hdNav {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdNav_bg.png);
}
#hdDevice ul .android {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_li_bg.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
#hdDevice ul .android a {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_android.png);
	background-repeat: no-repeat;
	background-position: 5px 2px;
}
#hdDevice ul .android a.current {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_androidCurrent.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#hdDevice ul .android a.current:hover {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_androidHover.png);
}
#hdDevice ul .my a {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_my.png);
	background-repeat: no-repeat;
}
#hdDevice ul .my a:hover {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_myHover.png);
	background-repeat: no-repeat;
}
#hdDevice ul .my a.current {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_myCurrent.png);
	background-repeat: no-repeat;
}
#hdDevice ul .my a.current:hover {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/hdDevice_myCurrentHover.png);
}
/* /background */

#hdDevice {/* use background */
	height: 30px;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	line-height: 1;
}
#hdDevice ul .android a {/* use background */
	display: block;
	overflow: hidden;
	width: 140px;
	height: 26px;
	text-indent: -9999px;
}
#hdDevice ul .android a {
	padding: 2px 5px;
}
#hdDevice ul .android a.current {
	margin: 2px 5px;
	padding: 0;
}
#hdDevice ul .android a:hover {
	padding-bottom: 0;
	border-bottom: 2px solid #00a0e9;
}
#hdDevice ul .android a.current:hover {
	border: none;
}
#hdDevice ul .my {
	padding: 3px 5px;
}
#hdDevice ul .my a {/* use background */
	display: block;
	overflow: hidden;
	width: 106px;
	height: 24px;
	text-indent: -9999px;
}
/* ---------- snsbutton ---------- */
.fb-like {
	float:left;

}
.twBtn{
	float:left;
	margin-left:20px;
	}
/* ---------- /snsbutton ---------- */

/* ---------- /3:header ---------- */

/* ---------- 4:special_content ---------- */
#special #titlelabel{
	margin:10px 0;
}

#special .subtitle{
	float:left;
}

#special .term{
	float:right;
}

#special #keyvisual{
	font-size:120%;
	line-height:22px;
}

#special .keyvisual-text{
	margin:10px 0;
}

#special #allsection li{
	display:inline-block;
	vertical-align:middle;
	*display: inline;
	*zoom:1;
}

#special #allsection li a{
	display:inline-block;
	width:445px;
	height:30px;
	margin:0 auto 10px;
	padding:0 0px;
	font-size:110%;
	text-align:center;
	line-height:30px;
	*display: inline;
	*zoom: 1;
}


#special #allsection .odd{
	margin:0 20px 0 0;
}

.section-label{
	width:870px;
	height:40px;
	display:block;
	padding:0px 20px;
	font-size:150%;
	font-weight:bold;
	line-height:40px;
}

#apli-list{
	margin-top:10px;
	overflow:hidden;
	*zoom: 1;
}

#special #aplisection li{
	width:440px;
	padding-bottom:10px;
	float:right;
	*display: inline;
	*zoom: 1;
}

#special #aplisection .odd{
	clear:left;
	float:left;
	*display: inline;
	*zoom: 1;
}

.apli-list-wrap{
	width:455px;
	border-right:1px solid #cccccc;
}

.bottomborder{
	display:inline-block;
	width:441px;
	height:1px;
	margin:10px 0 0;
	vertical-align:bottom;
	font-size:1%;
	text-indent:-9999px;
	background:#cccccc;
	border:none;
}

.apli-info{
	padding:5px;
	overflow:hidden;
	*zoom: 1;
}

.apli-list-wrap .apli-info{
	margin-right:14px;
}

.maininfo{
	width:430px;
	float:left;
	overflow:hidden;
	*display: inline;
	*zoom: 1;
}

.apliicon{
	width:66px;
	height:66px;
	margin-right:10px;
	text-align:center;
	float:left;
	*display: inline;
	*zoom: 1;
}

.aplititle{
	width:352px;
	float:left;
	font-size:120%;
}

.apliicon a{
	display:block;
	margin:0 auto;
}

.apliicon img{
	width:60px;
	height:60px;
	margin-top:3px;
}

.btn-fav{
	width:80px;
	margin-left:10px;
	float:left;
	*display: inline;
	*zoom: 1;
}

.btn-fav a{
	display:block;
	width:80px;
	height:20px;
	background:url(http://i.yimg.jp/images/market/pc/special/img/favo_m.png) no-repeat center top;
	text-indent:-9999px;
}

.apliprice{
	display:block;
	font-size:90%;
	font-weight:bold;
}

.aplitext{
	width:440px;
	height:200px;
	margin-top:10px;
	font-size:110%;
	line-height:145%;
}

.thum{
	display:block;
	width:120px;
	margin-right:10px;
	float:left;
}

.explain{
	display:block;
	width:310px;
	float:left;
}

.explain span{
	display:block;
	margin-top:10px;
	text-align:right;
}

.to-top{
	margin:5px 0 15px;
	text-align:right;
	clear:both;
}

#links-special{
	width:910px;
	margin:20px auto;
	text-align:center;
	color:#999999;
}

#links-special a{
	margin:0 10px;
}

/* ---------- /4:special_content ---------- */

/* ---------- 5:footer ---------- */

/**
 * #cmnIcon
 *
 * @section cmnIcon
 * （共通）アイコン説明
 */

#cmnIcon {
	width:910px;
	margin:auto;
	margin-bottom: 20px;
}
#cmnIcon .boxWrapper {
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
#cmnIcon dl {
	margin: 1px 0;
	background-color: #e6e6e6;
	padding: 5px 5px 0 5px;
}
#cmnIcon dt {
	margin-bottom: 3px;
}

#cmnIcon dd.last {
	margin-bottom: 0;
}
#cmnIcon .title {/* use background */
	margin-bottom: 3px;
	font-size: 107.8%;
	font-weight: bold;
}
#cmnIcon li {
	display: inline-block;
	margin: 0 15px 5px 0;
	color: #4c4c4c;
	font-size: 92.4%;
	*display: inline;
	*zoom: 1;
}

#cmnIcon .favo,
#cmnIcon .favoM,
#cmnIcon .prize {
	padding: 0 5px 0 0;
	vertical-align: middle;
	_vertical-align: baseline;
	_line-height: 1.2;
}

#cmnIcon .attention {
	padding: 5px 0 0 5px;
	font-size: 92.4%;
	color:#808080;
}

.favo,
.favoM,
.favoL{
	display: inline-block;
	background-repeat: no-repeat;
	line-height: 1;
	*display: inline;
	*zoom: 1;
}
.favo span,
.favoM span,
.favoL span{
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	*display: inline;
	*zoom: 1;
}
.favo .favoAppName,
.favoM .favoAppName,
.favoL .favoAppName {
	display: block;
	cursor: pointer;
	*zoom: 1;
}
.favo span,
.favoM span,
.favoL span {
	font-size: 0;
}
.favo, .favo .favoAppName {/* use background */
	width: 20px;
	height: 20px;
}
.favoM, .favoM .favoAppName {/* use background */
	width: 80px;
	height: 20px;
}
.favoL, .favoL .favoAppName {/* use background */
	width: 165px;
	height: 20px;
}

.favo, .favo, .favo .favoAppName {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/favo.png);
}
.favoM, .favoM .favoAppName {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/favo_m.png);
}
.favoL, .favoL .favoAppName {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/favo_l.png);
}
a.favo:hover .favoAppName, .favo .on {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/favo_hover.png);
}
a.favoM:hover .favoAppName, .favoM .on {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/favo_m_hover.png);
}
a.favoL:hover .favoAppName, .favoL .on {
	background-image: url(http://i.yimg.jp/images/market/pc/special/img/favo_l_hover.png);
}
/**

/**
 * #footer
 *
 * @section footer
 * フッター
 */
#footer{
	width:910px;
	margin:0 auto;
	clear:both;
}

#uft {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

#switch-device{
	margin:10px auto 0;
	text-align:center;
}

#switch-device a{
	margin-left:10px;
}

#footer address{
	padding: 10px 0 20px;
	line-height: 1.4;
	text-align: center;
}
/* ---------- /5:footer ---------- */

/* ---------- 6:alert ---------- */
#finished, .errorText{
	border:2px solid #ff0000;
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}
#finished{
	margin:0 20px;
}
/* ---------- /6:alert ---------- */

/* ---------- /7:error ---------- */
#error .message, #notfound .message {
	margin-bottom: 20px;
	padding: 18px 0 16px;
	text-align: center;
}
#error h1, #notfound h1 {
	display: block;
	margin-bottom: 14px;
	color: #c00;
	font-size: 123.1%;
}
#error .message p, #notfound .message p {
	font-size: 107.8%;
	line-height: 1.4;
}
#error .back {
	margin: 0 auto 10px;
	padding: 10px;
	width: 268px;
	border: 1px solid #999;
	font-size: 107.8%;
	text-align: center;
}
/* ---------- /7:error ---------- */

/* clearfix */
/* for FF,Safari,Opera */
#contents:after,
.cf:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
/* for Win IE5.5-7 */
#contents,
.cf{
	zoom: 1;
}