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

/*
@prefix : <http://purl.org/net/ns/doas#> .
		Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	| 
			"
*/

/* override style.css START */

html, body { 
	width: 100%;
	height: auto;
	padding: 0;
	}
	
body { 
	color: #444;
	text-align: left
	}

#wrap {
	padding:0px 0;
	height: 100%;
	}

#container {
	width:100%;
	padding: 0px;
	background: #fff;
	}

/* 完全不可視に */
#navigation {
	width: 0px;
	height: 0px;
	display: none;
	overflow: hidden;
	}
nav li.menuitem {
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;  
	}
#content {
	width: 100%;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: #fff;
	}

#c_header {
	background: #c00;
    width: 100%;
    min-height: 0px;
    max-height: 100px;
	display: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
/* 	top: -100px; */
	color: #333;
	}
#c_header h2 {
	font-family: "Helvetica Neue", sans-serif;
	font-size: 108%;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px #a00; 
	margin-left: 20px;
	margin-right: 20px;
	color: #eee;
	}

#main {
	background: #fff;
	width: 100%;
	display: block;
	position: relative;
	border-top: #aaa solid 1px;
	}
#main:after{
	content : "";
	display : block;
	height : auto;
	clear : both;
	}
#footer {
	display: none;
	}

/* override style.css END */



#columnLeft {
	width: 100%;
	background: #fff;
	text-align: left;
	display: block;
	}


strong {
	font-weight: bold;
}

#badge {
	background: url(.././img/badge_bg.png) repeat;
	font-size: 108%;
	position: relative;
	float: none;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	border: solid 1px #ff7800;
	display: block;
	}
#badge h1 {
	font-size: 180%;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	text-shadow: 1px 1px 2px #666;
	}

#version {
	font-size: 108%;
	position: relative;
	float: none;
	width: 100%;
/*	height: 35px; */
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	display: block;
	}
#version h1 {
	font-size: 600%;
	font-weight: bold;
	margin-bottom: 5px;
	color: #222;
	line-height: 100%;
	margin-left: 20px;
	margin-right: 20px;
	}
#version h2, #columnCenter h3 {
	font-size: 140%;
	font-weight: 900;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #444;
	line-height: 135%;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background: #efefef ;/* url(../img/header_content.png)*/
	}
#version h3 {
	font-size: 250%;
	font-weight: bold;
	color: #888;
	margin-left: 20px;
	margin-right: 20px;
	}
#version h4 {
	font-size: 50%;
	color: #888;
	margin-left: 20px;
	margin-right: 20px;
	}

#bodyCopy {	
	word-break: normal;
	display: block;
	}
#columnLeft p {
	font-size: 83.5%;
	line-height: 165%;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
	}
#toAppStore {
	font-size: 250%;
	font-weight: bold;
	font-style: italic;
	text-align: center;	
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	}
.imgresize img{
	border: none;
	width: 400px;
	height: 130px;
	}
#inlineNavi {
	border-bottom: #ccc 1px solid;
	border-top: #ccc 1px solid;
	position: relative;
	float: left;
	font-size: 180%;
	background-color: #eeeeee;
	width: 100%;
	padding: 15px 0px 15px 0px;
	margin-bottom: 45px;
	z-index: +1;
/*    border: #ccc 1px solid;*/
	}
#inlineNavi ul {
	list-style: none;  /*リストマークを消す*/
	text-align: center;  /*ボタン枠のテキストをセンター寄せ*/
	padding: 0;
	margin: 0;
	}
#inlineNavi li{
/*	width: 65px;  /*リストの幅の設定*/
	float: left;  /*これで一列にリストを並ばせる*/
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	}

#columnRightDesktop {
	display: block;
	}

#imandalartMov {
	display: none;
	}

#columnRightIphone {
	position: relative;
	width: 100%;
	margin-bottom: 0px;
	text-align: center;
	display: block;
	}

#manualInfo {
	font-size: 180%;
	position: relative;
	width: 100%;
	margin-top: 20px;
/* 	background: #efefef; */
	padding-top: 15px;
	padding-bottom: 15px;
/* 	border-top: dotted 1px #ccc; */
/* 	border-bottom: dotted 1px #ccc; */
	line-height: 150%;
	text-align: center;
	margin-bottom: 40px;
	}
#manualInfo .btn {
	float:none;
	width: 400px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#manualInfo a {
	color: #fff
	}
#reviseInfo {
	width: 100%;
	text-align: left;
	color: #666;
	background: #f7f7f7;
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 83.5%;
	}
#reviseInfo h4 {
	font-size: 180%;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	}
#reviseInfo ul {
	}
#reviseInfo li {
	list-style-position: inside;
	list-style-type: disc;
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 145%;
	}