@charset "utf-8";


/*-----------------------------
	
-----------------------------*/

html,
body {
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	font-family: Meiryo, "CI", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", sans-serif !important;
	line-height: 150% !important;
	color:#444444 !important;
	font-size: 100% !important;
	background-color:#FFFFFF !important;
}

p, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#maincontents {
	background: url(../images/strip.png) repeat-x;
}

#headblock {
	position:relative;
	width: 580px;
	height:381px;
	margin: 0 auto;
	padding: 0;
	zoom: 1;
	text-align:left;
	celar:both;
}

#headblock .logo {
	position:absolute;
	top:31px;
	left:3px;
}

#headblock .logo a {
	padding:0;
	margin:0;
}

h1 {
	position:absolute;
	top:95px;
	left:4px;
	color:#3fa5b3;
	font-size:200% !important;
	font-weight:bold;
	line-height:130%;
}

#headblock .character {
	position:absolute;
	bottom:0;
	right:0;
}

#headblock .dl_btn a {
	position:absolute;
	display:block;
	bottom:13px;
	left:0;
	width:320px;
	height:80px;
	overflow:hidden;
}

#headblock .dl_btn a:link {
	background: url(../images/btn_get.png) no-repeat 0 0;
}

#headblock .dl_btn a:hover {
	background: url(../images/btn_get.png) no-repeat 0 -80px;
}

#headblock .dl_btn a:active {
	background: url(../images/btn_get.png) no-repeat 0 -160px;
}


#headblock .dl_btn span {
	display:none;
}


#subblock {
	position:relative;
	width:580px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}

#subblock .apply {
	margin-top:45px;
	margin-left:3px;
	font-size:90%;
}

#subblock .apply li {
	background: url(../images/mark_check.png) no-repeat;
	text-indent:27px;
	padding-bottom:20px;
	line-height:100%;
}

#subblock .apply .mark_fast {
	margin-left:0px !important;
}

#subblock .apply .l3 {
	padding-bottom:15px !important;
}

#subblock .apply .mark {
	background: url(../images/mark.gif) no-repeat 0 0;
	padding-top:5px;
}

#media_block {
	position:relative;
	width:580px;
	margin:58px auto 0 auto;
	padding: 0;
	text-align:left;
	font-size:90%;
}

#media_block .media_logo {
	margin-top:20px;
}

#media_block .media_logo li {
	margin-right:16px;
	float:left;
}

#media_block .media_logo .last {
	margin-right:0px !important;

}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/*-----------------------------
	ダウンロード用	
-----------------------------*/

#mac_popup {
	position:relative;
	width:482px;
	height:220px;
	border:1px solid #b7b7b7;
	background:#fff;
	position:fixed;
	left:50%;
	margin:-60px 0 0 -286px;
	top:50%;
	border-radius:5px;
	box-shadow:1px 1px 5px #acacac;
	z-index: 99999;
}
	
#mac_popup p {
	color:#4d4d4d;
	font:14px/22px arial;
	float:left;
	width:100%;
	white-space:nowrap;
	text-align:center;
}

#mac_popup p.top {
	margin-top:25px;
}

#mac_popup p.bottom {
	margin-top:6px;
}

#mac_popup a {
	color:#4d4d4d;
	text-decoration:underline;
}

#mac_popup ul {
	list-style:none;
	float:left;
	margin:10px 0 0 118px;
	width:245px;
}

#mac_popup ul li {
	float:left;
}

.mac_store_link {
	display:block;
	width:119px;
	height:84px;
	background:url('//cdn.gingersoftware.com/images/mac-stores.gif');
}

#chrome_store_link {
	background-position:left top;
	margin-right:7px;
}

#safari_store_link {
	background-position:left bottom;
}

#mac_popup_close {
	display:block;
	width:13px;
	height:13px;
	background:url('//cdn.gingersoftware.com/images/mac-popup-close.gif');
	position:absolute;
	top:8px;
	right:8px;
}

.footer_links{
    padding-top:15px;
    width:980px;
    height:80px;
    text-align: center;
    border-top:solid 1px rgb(223,223,208);
    margin:180px auto 0;
}
.footer_links > span{
    font-family: arial;
    font-size:11px;
    color:rgb(170,170,170);
}
.footer_links > span > a{
    color:rgb(170,170,170);
    text-decoration: none;
}
.footer_links > span > a:hover{
    text-decoration: underline;
}
.footer_links > p{
    font-family: arial;
    font-size:11px;
    color:rgb(170,170,170);
}