@import url(base.css);

body { min-width: 320px; }

/*##########################################################################################
##// Visual //##############################################################################
##########################################################################################*/
#visual { text-indent: -9999px; position: relative; }
#visual h2 {  }
#visual h2.m { background: url(../images/visual/visual.jpg) no-repeat center top; height: 130px; }
#visual h2.p { background: url(../images/visual/visual_pkg.jpg) no-repeat center top; height: 154px; }
#visual h2.md { background: url(../images/visual/visual_md.jpg) no-repeat center top; height: 165px; }
#visual p { position: absolute; }


/*##########################################################################################
##// インストールなど //####################################################################
##########################################################################################*/

.download { padding: 10px;}
.download p { line-height: 1.4em; }
.download p span { font-size: 40%; vertical-align: super; }
.download h2 { border-radius: 5px; background: #e5eefc; text-align: center; font-size: 160%; margin: 10px; padding: 5px; color: #08234c; font-weight: bold; }
.download h2 span { display: none; }
.download h2 br { display: none; }

.download h3 { width: 300px; height: 72px; margin: 20px auto; text-indent: -9999px; position: relative; }
.download h3.m { background: url(../images/btn/m.png) no-repeat; }
.download h3 a { display: block; width: 300px; height: 72px; position: absolute; top: 0; right: 0; }
/*
.download h3 { width: 200px; height: 60px; margin: 20px auto; text-indent: -9999px; position: relative; }
.download h3.m { background: url(../images/btn/m.png) no-repeat; }
.download h3 a { display: block; width: 200px; height: 60px; position: absolute; top: 0; right: 0; }
*/
.download h4 { color: #000000; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; margin: 20px 5px 10px 5px; padding: 5px 0; }
.download ul { margin: 10px 5px; font-size: 80%; }
.download li { text-indent: -1em !important; margin-left: 1em !important; margin-bottom: 5px !important; line-height: 1.2em; }

.download h4.m { background: #ffffff; border-top: 2px solid #cc0000; border-bottom: 2px solid #cc0000; margin: 20px 0 0 0; padding: 7px 0; color: #cc0000; font-weight: bold; text-align: center; font-size: 110%; }
.download #caution { background-color: #ffffe7; text-align: left; padding: 5px; }
.download #caution p { margin: 10px 5px; text-align: left; font-size: 90%; }
.download #caution p.red { color: #ff0000; padding-left: 1em; text-indent: -1em; }

.download #caution dl { text-align: left; padding: 10px; background: #ffffff; border-radius: 5px; border: 1px solid #cccccc; }
.download #caution dt,
.download #caution dd u { font-size: 90%; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}

.download p.oldAPK,
.download #caution p.oldAPK { text-align: center; color: #07825D; font-size: 100%; }
.download p.oldAPK a { color: #0077CC; font-weight:bold; }

h5 { margin: 20px 5px 10px 5px; color: #ff0000; font-size: 90%; }
ol { margin: 0 10px; }
ol li { text-indent: -1em !important; margin-left: 1em !important; margin-bottom: 5px !important; font-size: 80%; }