@charset "UTF-8";
/* CSS Document */


/*ページ全体設定-------------------------------------------------*/
* { 
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;/*--for opera--*/
	background:#fff url(../img_common/back_line.gif) top center repeat-x;
	/*background:#fff url(../img/main_yoritsuki.jpg) top center no-repeat;*/
	text-align:center;
	color:#777777;
	/*font-family:Lucida Grande, Arial, Verdana, sans-serif;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style:normal;
	line-height: 1.8em;
}


a:link {
	color:#8cb005;
	text-decoration:none;
}
a:visited {
	color:#8cb005;
	text-decoration: none;
}

a:hover, a:active {
	color:#aac60e;
	text-decoration:underline;
	outline: none;	/*クリック時の点線を消す*/
}

img {border:0}

/*counter hidden -----------*/
.vd {display:none;}

/*h1 { margin-bottom:em;}	logo 画像のため未指定*/

/*sub title*/
h2 {font-size: 12px; line-height: 18px; color:#990000; margin-bottom: 8px; margin-top: 20px;}
h3 {font-size: 12px; line-height: 18px; color:#000; margin-bottom: 8px; margin-top: 15px;}




/*container -------------------------------------------------------------------*/
#container {
	width: 984px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	/*background:#468427;*/
}

/*header------------------------------------------------------------------------*/
#header {
	width: 984px;
	height: 55px;
	/*background:#d6d83b;*/
}

#header_L {
	float: left;
	width:200px;
	height:20px;
	margin:33px 0px 0px 30px;
}

#header_R {
	float: right;
	width:500px;
	height:20px;
	text-align:right;
	margin:30px 20px 0px 0px;
	font-size: 10px;
	color: #666666;	
}
.headerLink a {
        /*color: #666666;*/
        padding-left:10px;
        padding-right:10px;
        /*background:#f0f0f0;*/
        text-decoration:none;
}


/* tab --------------------------------------------------------------------------*/
#tabArea{
	width:984px;
	height:25px;
	margin:15px 0px 0px 0px;
	/*background:#5fc4d0;*/
	text-align:center;
}

#tabArea ul {
	list-style:none;
}

#tabArea ul li {
	float:left;
	text-align:center;
}

#tabArea ul li.empty {	/*メニューの左右のアキ*/
	/*width:264px;*/
	width:190px;
	height:25px;
	/*background:#585858;*/
}

#tabArea ul a {
	text-decoration:none;
	color:#53524e;
	display:block;			
	height:35px;
	width:152px;
	background:url(../img_common/line.gif) bottom repeat-x;
}


#tabArea ul li a:hover {
	color:#8cb005;
}

#tabArea ul li a.active {	/*.activeでアクティブの状態を維持*/
	background:url(../img_common/tab.gif) bottom no-repeat;
	color:#b3b2b1;
	outline: none;	/*クリック時の点線の囲みを消す*/
}



/*TAB-1 OverView-------------------------------------------------------------------*/
#overView {
	clear:both;	
	width:984px;
	margin: 0;
}


/*main graphic-------------------------------------------------------------------*/
#overViewMain {
	width: 984px;
	height: 519px;
	margin: 40px 0px 60px 0px;
	background:#fff url(../img/main_yoritsuki.jpg) top center no-repeat;
	/*background:#585858;*/
}

#overViewMain_ipad {
	width: 984px;
	height: 950px;
	margin: 40px 0px 60px 0px;
	background:#fff url(../img/main_yoritsuki_ipad.jpg) top center no-repeat;
	/*background:#585858;*/
}


#overView_l {
	float: left;
	width:460px;
	margin:0px 0px 0px 0px;
	padding-left:40px;
	/*background:#585858;*/
}

#overView_r {
	float: right;
	width:480px;
	margin:0px 0px 20px 0px;
	padding-right:0px;
	/*background:#585858;*/
}


/*Sale Red text---------*/
.saleText{
	margin: 15px 0px 15px 0px;
	color:#990000; 
}


/*AppStoreBanner---------*/
#banner_appStore{
	margin: 15px 0px 15px 0px;
}

/*Twitter Facebook---------*/
#social {
	width: 480px;
	height: 30px;
	/*background:#555555;*/
	margin: 0px 0px 0px 0px;
}

.tweetBtn{
	float: left;
	margin-bottom: 10px;
	width: 120px;
}

.likeBtn{
	float: left;
	width: 360px;
	margin-bottom: 10px;
	
}



/*Yunomi icon 128px thum---------*/
.thumYunomi{
	float: right;
	width: 185px;
	height:165px;
	margin:0px 30px 0px 0px;
}

/*Screenshot thum---------------*/
#thumArea {
	
	width:480px;
	height:400px;
	margin:0px 0px 0px 0px;
}

/*Screenshot thum---------------*/
#thumArea_ipad {
	
	width:480px;
	height:460px;
	margin:0px 0px 0px 0px;
}

/*thum ごとのclass*/
.thum{
	float: left;
	width: 155px;
	height:108px;
	margin:0;
}

/*thum ごとのclass ipad*/
.thum_ipad{
	float: left;
	width: 155px;
	height:120px;
	margin:0;
}


/*Shoji  thum-------------------*/
#shojiThumArea {
	width:450px;
	height: 640px;
	margin:0px 0px 0px -20px;
	/*background:#585858;*/
}
.shojiThum{
	float: left;
	width: 150px;
	height: 270px;
	margin:0;
}

.otherThum{
	float: left;
	width: 428px;
	height: 130px;
	margin:0;
}


/*TAB-2 : iCons VIew-------------------------------------------------------------*/
#goodiesView {
	clear:both;	
	width:984px;
	height:3150px;
	text-align: center;	

	margin: 50px 0px 0px 0px;
	background:#fff url(../img/main_yoritsuki_icon.jpg) top center no-repeat;
	/*background:#585858;*/
}



/*txt copy-------------*/
#goodiesViewCopy {
	width:445px;
	height:350px;
	text-align: left;
	margin:170px 0px 0px 0px;
	float: right;
}

/*Download Button-----*/
.btnDLImage{
	width: 163px;
	height: 40px;
	float: left;
	margin:20px 8px 0px 0px;
}


/*icon サムネール親*/
#iconView{
	clear:both;	
	width: 984px;
	height:1200px;
	margin:0px 0px 200px 20px;
	/*background:#cecece;*/
}

/*icon サムネール*/
.iconThum{
	width: 190px;
	height: 200px;
	float: left;
	/*background:#585858;*/

}
/*キャプション*/
.smalTxt{
	font-size: 11px;
}


/*TAB-3 : Wallpaper VIew-------------------------------------------------------------*/
#goodiesView2 {
	clear:both;	
	width:984px;
	text-align: center;	
	margin:20px 0px 0px 20px;
}
/*wallpaper サムネール*/
.wallThum{
	clear:both;	
	width: 920px;
	height: 575px;
	text-align: left;	
	margin:50px 0px 0px 20px;
	/*background:#585858;*/
}


/*利用規約-----------------------------------------------------------------*/
#notice {
	clear:both;
	width:984px;
	width:500px;
	/*background:#585858;*/
	margin:40px 0px 100px 242px;
	
}


/*txt download link
.wallDownLoadLink{
	float: right;
	width:500px;
	height:20px;
	text-align:right;
	color: #666666;	
	background:#585858;
}*/



/*copyright -------------------------------------------------------------------*/
#footer {
	clear:both;
	font-size: 0.8em;
	text-align: left;	
	/*width:430px;*/
	/*background:#585858;*/
	margin: 60px auto 30px 20px;
}