@charset "utf-8";
@import "../common.css";
@import "../reset.css";

/*///////////////////////////////////////

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	iphone common item


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body{
background-color:#eeeeee;
}

p{
color:#626262;
}

h2{
color:#555555;
}

#main{
width:770px;
text-align:center;
width:auto;
text-align:center;
}

#contents{
margin:0 auto;
position:relative;
text-align:left;
width:770px;
background-image:url(../../images/iphone/content_back.png);
background-repeat:repeat-y;
}

#navi{
	background:url(../../images/iphone/content_bottom.png) no-repeat 0 bottom;
}

#navi a,
#navi p {
	color:#999999;
}

p.notes{
	font-size:100%;
	margin-top:5px;
}

h2 {
	color:#555555;
	font-size:108%;
	margin:0;
}

p{
	margin:0px;
	font-size:100%;
	color:#626262;
}

#main_contents {
	float:left;
	width:482px;
	margin:0px;
}

#sub_contents {
	margin:0;
	padding:0;
	float:right;
	width:190px;
}

#menu_top {
	width:190px;
	height:25px;
	overflow:hidden;
}

#right p {
	margin:5px 10px 0;
	padding-bottom:10px;
}

#right a img {
	margin:0 0 10px 14px;
}

#menu_back {
	background-image:url(../../images/iphone/inquiry_back.png);
	background-repeat:repeat-y;
	width:190px;
}

#menu_bottom {
	background-image:url(../../images/iphone/right_menu_bottom.png);
	background-repeat:no-repeat;
	width:190px;
	height:10px;
}

/*-----------------
iPhone sub_content
------------------*/

#menu{
height:25px;
overflow:hidden;
width:190px;
}

#menu_back{
background-image:url(../../images/iphone/inquiry_back.png);
background-repeat:repeat-y;
width:190px;
}

#menu_back p{
margin:5px 10px 0;
padding-bottom:10px;
}

#menu_back a img {
margin:0 0 10px 14px;
}

#menu_bottom {
background-image:url(../../images/iphone/right_menu_bottom.png);
background-repeat:no-repeat;
height:10px;
width:190px;
}

p#warning {
color:#A6A6A6;
margin-top:15px;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	iPhone Top


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

#iphone #title h1{
	background-image:url(../../images/iphone/top/top_img.png);
	background-repeat:no-repeat;
	height:131px;
	overflow:hidden;
	text-indent:-9999px;
	width:770px;
	margin:0 auto;}
	
#iphone #iphone_img {
background:url(../../images/iphone/top/iphone_img.png) no-repeat;
_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/iphone/top/iphone_img.png");
width:225px;
height:293px;
position:absolute;
top:-101px;
right:17px;
}
#iphone #iphone_top {
padding:30px 39px 0;
min-height:200px;
_height:auto !important;
_height:200px;
}

#iphone #iphone_top h2{
margin:0 0 10px;
}

#iphone #iphone_top p {
margin-bottom:20px;
width:460px;
}


#iphone #eapps{
padding:0px 39px;
}

#iphone #eapps #eapps_link{
float:left;
width:269px;
}

#iphone #eapps a#link1 {
	display:block;
	position:relative;
	top:32px;
	left:46px;
	width:188px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../../images/iphone/top/eapps_link.png);
}

#iphone #eapps a#link2 {
	display:block;
	position:relative;
	top:40px;
	left:81px;
	width:114px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../../images/iphone/top/eapps_link2.png);
}

#iphone #eapps #eapps_text{
float:right;
width:419px;
}

#iphone #eapps .eapps {
	width: 688px;
	height: 130px;
	position: relative;
}

#iphone #eapps .eapps a{
	background:url(../../images/iphone/top/ea_link.png) no-repeat 0 0;
	width: 688px;
	height: 130px;
	display:block;
	overflow: hidden;
	cursor:pointer;
	text-decoration: none;
}

#iphone #eapps .eapps span{
	color: #CAC8C6;
	font-size: 93%;
}

#iphone #eapps .eapps .h{
	position: absolute;
	left: 321px;
	top: 18px;
	font-weight: bold;
}

#iphone #eapps .eapps .read{
	position: absolute;
	left: 321px;
	top: 48px;
	width: 325px;
}


#iphone #eapps .eapps a:hover{
	background:url(../../images/iphone/top/ea_link.png) no-repeat 0 -260px;
	width: 688px;
	height: 130px;
}

#iphone #eapps .eapps_dev {
	width: 688px;
	height: 130px;
	position: relative;	
}


#iphone #eapps .eapps_dev a{
	background:url(../../images/iphone/top/ea_link.png) no-repeat 0 -130px;
	width: 688px;
	height: 130px;
	display:block;
	overflow: hidden;
	cursor:pointer;
	text-decoration: none;
}

#iphone #eapps .eapps_dev a:hover{
	background:url(../../images/iphone/top/ea_link.png) no-repeat 0 -390px;
	width: 688px;
	height: 130px;	
}

#iphone #eapps .eapps_dev span{
	color: #CAC8C6;
	font-size: 93%;
}

#iphone #eapps .eapps_dev .h{
	position: absolute;
	left: 321px;
	top: 18px;
	font-weight: bold;
}

#iphone #eapps .eapps_dev .read{
	position: absolute;
	left: 321px;
	top: 48px;
	width: 325px;
}


#iphone #eapps #eapps_text h2 {
color:#FFFFFF;
margin:10px 0;
padding:0 20px;
}

#iphone #eapps #eapps_text p{
color:#FFFFFF;
font-size:100%;
margin-bottom:10px;
padding:0 20px;
}

#iphone #eapps_top{
background:url(../../images/iphone/top/elegant_apps_top.png) no-repeat center bottom;
width:688px;
height:12px;
}

#iphone #eapps_middle{
	width:688px;
	height:auto;
	overflow:hidden;
}

#iphone #eapps_btn{
background:url(../../images/iphone/top/elegant_apps_bottom.png) no-repeat center top;
width:688px;
height:12px;
}

#iphone #bottom_links{
padding:35px 44px 10px 39px;
}

#iphone #top_left {
	float:left;
	margin:0 0px 30px 0px;
	width:320px;
	position:relative;
}
#iphone #top_left a#left_title {
	background-image:url(../../images/iphone/top/fenrir_iphone.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:320px;
	height:84px;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
}


#iphone #top_left a#left_title:hover {
	background-position:0 -84px;
}


#iphone #top_left h2,
#iphone #top_left img {
	margin-bottom:10px;

}

#iphone #top_left .right_img {
	float:right;
}

#iphone a#top_leftbtn {
	background-image:url(../../images/iphone/top/project_detail.png);
	background-repeat:no-repeat;
	display:block;
	width:146px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 0 85px;
}


#iphone a#top_leftbtn:hover {
	background-position:0 -26px;
}

#iphone #top_right {
	float:right;
	width:320px;
	margin-bottom:30px;
	position:relative;
}


#iphone #top_right a#right_title {
	background-image:url(../../images/iphone/top/fenrir_collaboration.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:320px;
	height:84px;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
}

#iphone #top_right a#right_title:hover {
	background-position:0 -84px;
}

#iphone #top_right h2,
#iphone #top_right img {
	margin-bottom:10px;
}

#iphone #top_right .right_img {
	float:right;
	margin-bottom:10px;
}

#iphone a#top_rightbtn {
	background-image:url(../../images/iphone/top/collaboration_detail.png);
	background-repeat:no-repeat;
	display:block;
	width:146px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 0 85px;
}

#iphone a#top_rightbtn:hover {
	background-position:0 -26px;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	iPhone Business


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

#business #title h1{
	background:url(../../images/iphone/business/business_top.png);
background-repeat:no-repeat;
height:171px;
overflow:hidden;
text-indent:-9999px;
width:770px;
margin:0 auto;
}

#business .introduction {
	padding: 30px 40px;
}

#business #main_contents {
	padding-left: 40px;
}

#business #sub_contents {
	padding-right: 40px;
}

.l_box {
	clear:both;
}

#main_contents .l_box p,
#main_contents .l_box h2 {
	float:left;
	width:390px;
}

#main_contents .l_box p {
	margin:5px 0 20px 0;
}

.b_img {
	float:left;
	width:73px;
	height:65px;
	margin-right:7px;
}

#business .itunes_text {
	font-size:93%;
	text-align:right;
	margin-top:8px;
	padding-bottom: 30px;
}

#business .navi_content {
}


#mail {
	clear: both;
	background-image:url(../../images/iphone/business/mail.png);
	background-repeat:no-repeat;
	background-position: 1px top;
	width:770px;
	height:99px;
	padding:0px 0 30px 0;
}

/*----------------
@weather_news
----------------*/

#weather_news {
	margin-top: 20px;
}


#weather_news .frameback1 {
	background-image:url(../../images/iphone/business/apps_frameback1.png);
	background-repeat:repeat-y;
	width:482px;
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
}

.frameback1 h2 {
	background-image:url(../../images/iphone/business/apps_frametop.png);
	background-repeat:no-repeat;
	background-position:0 top;
	width:482px;
	text-indent:-9999px;
	height:10px;
	overflow:hidden;
}

.frameback1 img {
	margin:10px 10px 0 20px;
	float:left;
}

#weather_news .frameback1 p {
	text-indent:-9999px;
	width:169px;
	height:49px;
	overflow:hidden;
	background-image:url(../../images/iphone/business/wni_text.png);
	background-repeat:no-repeat;
	margin:36px 0 0;
}

.frameback2 {
	background-image:url(../../images/iphone/business/apps_frameback2.png);
	background-repeat:repeat-y;
	padding:20px;
}

.frameback2 p {
	width:265px;
	margin:0 20px 0px 0;
	float:left;
}

.frameback2 p img.link_bt {
	margin-top:10px;
}

.frameback2 .right {
	width:155px;
	float:left;
}

.frameback2 .right p {
	margin:0;
	text-align:center;
}

.frameback2 #player {
	overflow:hidden;
	height:auto;
	margin:0 0 0 61px;
	height:260px;
	width:320px;
	clear:both;
	padding-top:20px;
}

.frameback3 {
	background-image:url(../../images/iphone/business/apps_frameback1.png);
	background-repeat:repeat-y;
	width:482px;
}

.frameback3 h2 {
	background-image:url(../../images/iphone/business/apps_framebottom.png);
	background-repeat:no-repeat;
	width:482px;
	overflow:hidden;
	background-position:0 bottom;
	text-indent:-9999px;
}

.frameback3 img {
	width:163px;
	height:28px;
	margin:10px auto;
	position:relative;
	top:10px;
	left:50%;
	margin-left:-81px;
}


/*----------------
@Ȃ
----------------*/


#g_navi .frameback1 {
	background-image:url(../../images/iphone/business/apps_frameback.png);
	background-repeat:repeat-y;
	width:482px;
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
	margin-top:15px;
}

#g_navi .frameback1 p {
	text-indent:-9999px;
	width:169px;
	height:49px;
	overflow:hidden;
	background-image:url(../../images/iphone/business/gnavi_text.png);
	background-repeat:no-repeat;
	margin:36px 0 0;
}

/*----------------
@{̃`E
----------------*/

#syougakukan {
	margin-bottom: 20px;
}

#syougakukan .frameback1 {
	background-image:url(../../images/iphone/business/apps_frameback1.png);
	background-repeat:repeat-y;
	width:482px;
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
	margin-top:15px;
}

#syougakukan .frameback1 p {
	text-indent:-9999px;
	width:141px;
	height:66px;
	overflow:hidden;
	background-image:url(../../images/iphone/business/n_tyou_text.png);
	background-repeat:no-repeat;
	margin:25px 0 0;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	iPhone added Taste


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/


#apps #title h1{
background:url(../../images/iphone/apps/apps_top.png);
background-repeat:no-repeat;
height:171px;
overflow:hidden;
text-indent:-9999px;
width:770px;
margin:0 auto;
}

#apps p.top_content{
padding:30px 39px 0;
}

#apps #main_contents{
float:left;
width:482px;
padding:30px 0 0 39px;
}

#apps #main_contents .app_link{
	margin-bottom: 10px;
}

#apps #main_contents h3{
color:#555555;
margin-bottom: 5px;
}


#apps #sub_contents{
float:right;
padding:30px 39px 0 0;
width:190px;
}

#apps #release{
background:transparent url(../../images/iphone/apps/release_project_title.png) no-repeat;
border-bottom:1px solid #444444;
height:16px;
margin-bottom:10px;
overflow:hidden;
text-indent:-9999px;
}

#apps #progress {
background:transparent url(../../images/iphone/apps/projects_progress.png) no-repeat scroll 0 top;
border-bottom:1px solid #444444;
height:16px;
margin-bottom:10px;
overflow:hidden;
text-indent:-9999px;
}

#apps #plan {
background:transparent url(../../images/iphone/apps/projects_plan.png) no-repeat scroll 0 top;
border-bottom:1px solid #444444;
height:16px;
margin-bottom:10px;
overflow:hidden;
text-indent:-9999px;
}


#apps .apps_icon{
float:left;
}

#apps .entry{
margin:0 0 30px 82px;
width:400px;
padding-top: 10px;
}

#apps .detail{
float:right;
}