@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%

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

/*----------------
	Mosa
----------------*/
html body {
	background-color:#727272;
}

#main {
	margin: 13px auto 20px auto;
	width:770px;
}

#ZoomBox{
	border: solid 10px #3D3D3D;
	border-image: url(../../images/iphone/mosa/ZoomFrame.png) 13 17 21 17 / 13px 17px 21px 17px;
	-moz-border-image: url(../../images/iphone/mosa/ZoomFrame.png) 13 17 21 17 / 13px 17px 21px 17px;
	-webkit-border-image: url(../../images/iphone/mosa/ZoomFrame.png) 13 17 21 17 / 13px 17px 21px 17px;
	-o-border-image: url(../../images/iphone/mosa/ZoomFrame.png) 13 17 21 17 / 13px 17px 21px 17px;
	-ms-border-image: url(../../images/iphone/mosa/ZoomFrame.png) 13 17 21 17 / 13px 17px 21px 17px;
}

#header {
	background:url(../../../../img/common/header_bg_72.png) repeat-x;
}

p{
	color:#BEBEBE;
	margin:0;
	line-height: 155%;
}

.center{
	text-align:center;
	padding-top:20px;
}

#title{
	background:url(../../images/iphone/mosa/header_title.png);
	background-repeat:no-repeat;
	width:770px;
	height:149px;
}

#title p{
	position: relative;
	top: 26px;
	left: 567px;
	width: 158px;
	height: 32px;
}

/*//////////////////////////////////////
	SBM
//////////////////////////////////////*/

#appendSBM{
	margin:80px auto 0;
	padding-left:25px;
	height:20px;
	text-align:center;
}

#appendSBM a,
#appendSBM iframe{
	margin-right:10px;
	font-size:0;
	line-height:1;
	vertical-align:top;
	display:inline-block;
}

#contents #main_contents .mb36{
	margin-bottom: 36px;
}

#contents #main_contents .mb40{
	margin-bottom: 40px;
}


#contents{
	background:url(../../images/iphone/mosa/contents_bg.png) repeat-y;
	width:770px;
	padding-top:16px;
}

#contents h3{
	color: #DC9428;
	font-weight: bold;
	font-size: 108%;
}

#contents #main_contents .m0{
	margin: 0;
}

#read_contents{
	margin-bottom: 69px;
	position: relative;
}

#read_contents .left{
	left:-20px;
	position:absolute;
	top:5px;
}

#read_contents .right {
	background:url("../../images/iphone/mosa/img_01.png") no-repeat scroll 0 bottom transparent;
	width:261px;	
	height:342px;
	left:504px;
	top:58px;
	position:absolute;
}

#read_contents .right p{
	margin-left: 122px;
}

#read_contents .right .intro{
	width: 98px;
	margin: 82px 0 19px 122px;
}

#read_contents .right .iphone{
	width: 43px;
	margin-bottom:15px;
	margin: 0 0 15px 150px;
}

#read_contents .right .ipad{
	width: 26px;
	margin-left: 158px;
}


#read_contents .right .mov_01{
	width: 98px;
	margin-bottom:6px;
}

#read_contents .right .mov_02{
	width: 98px;
	margin-bottom:5px;
}

#read_contents .read{
	padding-top:477px;
	width:770px;
	background: url(../../images/iphone/mosa/read_bg.png) no-repeat 0 487px;
	height: 198px;
}

#read_contents .read h1{
	background: url(../../images/iphone/mosa/read_h.png) no-repeat;
	width: 370px;
	height: 34px;
	text-indent: -9999px;
	margin: 0 0 12px 203px;
	overflow: hidden;
}

#read_contents .read .read_img{
	margin: 0 0 12px 220px;
	background: url(../../images/iphone/mosa/read.png) no-repeat;
	width: 330px;
	height: 79px;
	text-indent: -9999px;	
	overflow: hidden;	
}

#read_contents .read .link{
	width: 243px;
	height: 22px;
	margin: 0 auto;
}

#read_contents .read .l_img{
	float:left;	
	width:142px;
	background: url(../../images/iphone/mosa/ipad_l_img.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin: 2px 6px 0 0;
}

#read_contents .read .r_img{
	float:left;	
	width: 95px;
}

#contents #main_contents{
	margin: 0 auto;
	width:680px;
	padding: 0 40px 40px 40px;
	border-bottom: solid 1px #2D2D2D;
}

#main_contents .info{
	font-size: 85%;
	margin-top: 10px;
	width: 250px;
	line-height: 155%;
}


#main_contents .point h2{
	background:url(../../images/iphone/mosa/h1_01.png) no-repeat;
	width: 185px;
	height: 18px;
	margin-bottom: 52px;
	text-indent:-9999px;
	overflow: hidden;
}

#main_contents .point{
	margin-bottom: 39px;
}

#main_contents .point h3{
	line-height:120%;
	margin-bottom:7px;
}

#main_contents .point .left{
	float: left;
	width: 384px;
}

#main_contents .point .right{
	float: right;	
	width: 250px;	
}

#main_contents .point .box{
	margin-bottom: 40px;
}

#main_contents .point .box_r{
	padding-left: 64px;
}

#main_contents .point .box_l{
	float: left;
	padding: 0 6px 0 2px;
	border-right: solid 1px #5E5E5E;
}

#main_contents .point ul{
	margin-top: 12px;
}

#main_contents .point li{
	float: left;
	width: 100px;
	height:50px;
	margin-right: 10px;
}

#main_contents .point li img{
	vertical-align:top;
}

#main_contents .point p.border{
	color: #DC9428;
	padding: 6px 9px;
	border: solid 1px #DC9428;
	font-size: 85%;
	margin-top: 6px;
}

#main_contents .point .star{
	width: 252px;
	margin: 8px auto;
}

#main_contents .point .star_info{
	width: 320px;
	margin-top: 10px;
	line-height: 150%;
	font-size: 85%;
}

#main_contents .feature{
	margin: 66px 0 65px 0;
}

#main_contents .feature h2{
	background:url(../../images/iphone/mosa/h1_02.png) no-repeat;
	width: 104px;
	height: 18px;
	margin-bottom: 52px;
	text-indent:-9999px;
	overflow: hidden;
}

#main_contents .feature .left{
	float: left;
	width: 254px;
	margin-top:2px;
}


#main_contents .feature .info {
	margin-top:12px;
}

#main_contents .feature .right{
	float: right;	
	width: 384px;	
}

#main_contents .feature .right .box{
	margin-bottom:35px;
}

#main_contents .feature .right .box_r{
	padding-left: 64px;
}

#main_contents .feature .right .box_l{
	float: left;
	padding: 0 8px 0 3px;
	border-right: solid 1px #5E5E5E;
}

#main_contents .feature h3{
	line-height:120%;
	margin-bottom:7px;
}

#main_contents .feature ul{
	margin-top: 13px;
}

#main_contents .feature li{
	float: left;
	width: 100px;
	height:50px;
	margin-right: 10px;
}

#main_contents .feature li img{
	vertical-align:top;
}

#main_contents .ipad {
	margin-bottom: 70px;
	position: relative;
}

#main_contents .ipad .info{
	font-size:85%;
	line-height:155%;	
	width: 320px;
}

#main_contents .ipad h2 {
	background:url(../../images/iphone/mosa/h2_03.png) no-repeat;
	width: 76px;
	height: 18px;
	margin-bottom:46px;
	text-indent:-9999px;
	overflow: hidden;	
}

#main_contents .ipad .read{
	position:relative;
	width:315px;
	z-index:2;
}

#main_contents .ipad .designed{
	position: relative;
	z-index:1;
}

#main_contents .ipad .designed p{
	width: 703px;
	height: 453px;
	position: absolute;
	top:-88px;
}

#main_contents .ipad .desc{
	padding-top:386px;
}

#main_contents .ipad .left{
	float: left;
	width: 320px;
}

#main_contents .ipad .right{
	float: right;
}

#main_contents .ipad ul{
	margin-top:24px;
}

#main_contents .ipad li{
	float: left;
	width: 100px;
	height:50px;
	margin-right: 10px;
}

#main_contents .ipad li img{
	vertical-align:top;
}

#main_contents .add_feature {
	margin-bottom: 17px;
}

#main_contents .add_feature h2 {
	background:url(../../images/iphone/mosa/h2_01.png) no-repeat;
	width: 167px;
	height: 14px;
	margin-bottom: 23px;
	text-indent:-9999px;
	overflow: hidden;	
}


#main_contents .add_feature h3{
	color: #BEBEBE;
	padding-top:20px;
	font-size: 100%;
	line-height:165%;
}

#main_contents .add_feature div{
	float: left;
	width: 208px;
	margin-right: 28px;
}

#main_contents .add_feature .icon{
	float: right;
	width: 46px;
}


#main_contents .add_feature p {
	font-size: 85%;
	line-height: 155%;
}

#contents #sub_contents{
	margin: 0 auto;
	width:770px;
}

#sub_contents .download {
	margin: 0 auto;
	background-color: #181818;
	width:560px;
	padding: 32px 100px;
	border-top:	solid 1px #000000;
	border-bottom: solid 1px #000000;
}

#sub_contents .download p.mosa{
	float: left;
}

#sub_contents .download .dl_btn{
	float: right;
	width: 231px;
	text-align:center;
	margin-top: 8px;
	font-size: 85%;
}

#sub_contents div.banner{
	padding: 42px 40px 0 40px;
	margin: 0 auto 45px auto;
	border-top: solid 1px #2D2D2D;
	width: 680px;
}

#sub_contents h2.banner {
	background:url(../../images/iphone/mosa/h2_02.png) no-repeat;
	width: 124px;
	height: 13px;
	margin: 0 0 7px 1px;
	text-indent:-9999px;
	overflow: hidden;
}

#sub_contents .banner p{
	float: left;
}

#sub_contents .banner .frm_top{
	background:url(../../images/iphone/mosa/frm_top.png) no-repeat 0 top;
	padding-top:5px;
	width:680px;
	margin: 0 auto;	
}

#sub_contents .banner .frm_mid{
	background:url(../../images/iphone/mosa/frm_mid.png);
	width:680px;
	margin: 0 auto;
}

#sub_contents .banner .frm_btm{
	padding: 5px 20px 10px 20px;
	width:640px;
	background:url(../../images/iphone/mosa/frm_btm.png) no-repeat 0 bottom;
	margin: 0 auto;	
}

#sub_contents .banner p.read{
	width: 280px;
	margin-right: 28px;
}

#sub_contents .banner p.logo{
	width: 200px;
	margin-right: 20px;	
}

#sub_contents .banner p.source{
	width: 112px;
	margin-top: 20px;
}

#sub_contents #navi {
	background:url(../../images/iphone/mosa/footer_bg.png) 0 bottom no-repeat;
	margin:0 auto;
	padding:0 0 31px;
	overflow:hidden;
	width: 770px;
}

#sub_contents #navi a{
	color:#999999;
}

#footer {
	margin-top: 1px;
}

#footer,#footer a,#footer p{
	color: #AEAEAE;
}

.screenshot{
	margin-left:10px;
}

/*////////////////////////////////
 footer
////////////////////////////////*/

#footer p{
	color:#BEBEBE;
}

#footer p.alert{
	color:#BEBEBE;
}

#footer .alert a{
	color:#0492E5;
	font-weight:bold;
}

#footer .gnav,
#footer .gnav a,
#footer .copyright{
	color:#BEBEBE;
}

#footer .gnav a.global{
	background:url(../../../../../img/iphone/mosa/footer_global.png) no-repeat left center;
}

#footer p a {
	background:url(../../../../../img/common/footer_arrow.gif) no-repeat right center;
	color:#BEBEBE;
}



#footer .nav{
	background:url(../../../../../img/iphone/mosa/footer_mid.png) repeat-y 0 top;
}

#footer .nav .top{
	background:url(../../../../../img/iphone/mosa/footer_top.png) no-repeat 0 top;
	padding:10px 0px 0;
}

#footer .nav .top ul{
	background:url(../../../../../img/iphone/mosa/footer_border.png) no-repeat 0 bottom;
	padding:0 20px 12px;
}

#footer .footer_menu{
	background:url(../../../../../img/iphone/mosa/footer_btm.png) no-repeat 0 bottom;
	margin-bottom: 5px;
	padding:14px 22px 9px;
	text-align:left;
}