@charset "UTF-8";

/* 
sp.css
Version : 0.1
*/


/*
--------------------------------------------------
MEMO
--------------------------------------------------

***** Font Size *****

09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------

*/




/* import
================================================== */
@import "init.css";



/* common
================================================== */

body {
	background: #DBD9D7 url(../images/bg.gif); 
	padding: 0;
	margin: 0;
	color: #000;
	}

a,
a:visited { color:#000; text-decoration: underline; }
a:hover   { color:#888; text-decoration: none; }
a:active  { color:#888; text-decoration: none; position: relative; top:1px; }
a:hover.hoverFilter img { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }

.r3  { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.r5  { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.r10 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

#wrapper      { margin: 1px 0 0; border-top:#000 solid 1px; }
#wrapperInner { width: 320px; margin: 0 auto; }

footer { width:320px; margin: 0 auto; padding: 30px 0 50px; text-align: center; background: url(../sp/images/line01.png) repeat-x top; }
footer #logos { position: relative; left:-5px; margin:30px 0 0; padding: 40px 0 0; background: url(../sp/images/line02.png) repeat-x top; }
footer ul { margin: 50px 0; }
footer li { display: inline; margin: 0 10px; }
footer li a { color:#435B67; }
footer li a:hover { text-decoration: none; color: #333; }
footer #copy { color:#435B67; font-family: Verdana, Helvetica, Arial; margin: 10px 0; }
footer.pc { display: none; }


#wrapper-pc, #pagetop-pc{
	display: none;
}

/* body#home
================================================== */
#home header  { height: 880px; background: #000 url(../sp/images/bg_header1.gif) repeat-x; }
#home header h1 img { width:300px; height:105px; }
#home header .description { margin-top: 20px; }
#home header .floatL { float: none; }
#home header .lead-app-pc { display: none; }
#home #headerInner { width: 320px; margin: 0 auto; padding: 20px 0; text-align: center; }
#home #headerInner p { color: #FFF; line-height: 175%; }
#sharedButtons { position: relative; margin: 30px 0 0; }
#sharedButton1 { position: absolute; top:5px; left:50px;  width: 140px; overflow: hidden; }
#sharedButton2 { position: absolute; top:0;   left:155px; width: 140px; overflow: hidden; }
#home article  { padding:30px 0; background: url(../sp/images/line01.png) repeat-x bottom;  }
#home article h1  { text-align: center; margin: 0 0 30px; }
#home article p   { margin: 20px; line-height: 175%; }
#home #flickGallery { width: 280px; margin: 20px 20px 0; }
#home #flickGallery .item { width: 280px; }
#home #flickGallery .moving { -webkit-transition: -webkit-transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; }
#home #flickGallery .nav ul { list-style-type: none; width:90px; margin: 0 auto; }
#home #flickGallery .nav li {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../sp/images/btn_dot.png) no-repeat;
	float: left;
	}
#home #flickGallery .nav a  { display: block; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; outline: none; }
#home #flickGallery .nav li:hover,
#home #flickGallery .nav li.selected { background: url(../sp/images/btn_dot_on.png) no-repeat; }


/* body#misc
================================================== */
#misc header { height: 220px; background: #000 url(../sp/images/bg_header2.gif) repeat-x; } 
#misc #headerInner { width: 320px; margin: 0 auto; padding: 20px 0; text-align: center; }
#misc nav  { text-align: center; margin: 10px 0 0; }
#misc nav.pc { display: none; }
#misc .app-icons { display: none; }


/* #misc
================================================== */
#term      { width: 310px; margin: 0 auto; }
#term h1   { font-size: 153.9%; text-align: center; margin: 50px 0 0; padding: 0 0 50px; }
#term p    { line-height: 175%; padding: 30px 0; background: url(../sp/images/line01.png) repeat-x top; }
#term p.bold { font-weight: bold; }
#term .num { display: block; float: left;  width: 40px; }
#term .txt { display: block; float: right; width: 240px; }
#term ol { padding: 0 0 30px 20px; }



/* #device
================================================== */
#device    { width: 280px; margin: 0 auto; }
#device h1 { margin: 30px 0 0;  }
#device h2 { margin: 20px 0 10px; font-size: 123.1%; font-weight: bold; text-align: center; }
#device ul { list-style-type: none; border-bottom: 1px solid #999; padding: 0 0 20px;  }
#device li { text-align: center; line-height: 160%; margin: 0 0 0.5em; }