@charset "EUC-JP";

/*=====================================================
	リセット
=====================================================*/
* {margin:0; padding:0;}
html, body {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
img  {vertical-align:bottom;}

/*=====================================================
	ペース
=====================================================*/
body {
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	letter-spacing:0.2em;
}

img:not([width]) {
	zoom: 0.5;
}


/*=====================================================
	Contents
=====================================================*/

/* ヘッダー */
header#header {padding:10px 10px; background-color:#000; }
header#header h1 {font-size:20px;/*font-size:24px;*/ color:#FFF;background:url(../images/logo_aquosphone.gif) no-repeat right 50%;background-size: 104px 30px;}


/* トップの動画 */
#movie {}
#movie h2 { font-size:18px;text-align:center;padding:15px 10px 10px 10px; line-height:1.0}
#movie h2 span {font-size:70%;}
#movie .movarea {background-color:#000;padding:5px 10px;}
#movie .youtube{  
    position:relative;  
    padding-bottom: 50%; /* 56.25% */  
    padding-top:30px;  
    height:0;
    overflow:hidden;  
}  
#movie .youtube iframe{  
    position:absolute;  
    top:0;  
    left:0;  
    width:100%;  
    height:100%;  
}
#movie .note { text-align:center;padding:5px 20px; border-bottom:1px solid #ccc;font-size: 12px;}

/* メーカーサイト 使い方ツアーへ */
#tour {text-align:center; padding:10px;border-bottom:1px solid #ccc;}
#tour p {font-size:18px;}

/* その他の機能動画 */
#other    {line-height: 1.2;}
#other h2 {text-align:center;font-size:20px; padding:10px; background-color:#ddd;border-bottom:1px solid #ccc;}
#other dl {display: table; width: 100%;	background-color:#eee; border-bottom:1px solid #ccc;}
#other dt {display: table-cell; width:150px;  padding:5px 10px;}
#other dd {display: table-cell; vertical-align: top; padding:5px 10px 5px 0px;}
#other h3 {font-size:16px;}
#other h4 {font-size:13px;}
#other p  {font-size:12px;}
#other a  {text-decoration:none; color:#333;}



/* フッター */
footer#footer p#pagetop {display:block; padding:10px;text-align:right;margin:10px 0px;}
footer#footer p#copyright {text-align: center;border-top: 2px solid #ccc; padding: 15px 0px; font-size: 10px;}

/* 共通 */
span.super {vertical-align:super; font-size:77%;}