@charset "UTF-8";

body{ width:100%; background:#FFF; margin:0; padding:0; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }

a            { text-decoration: none; outline:none;}
a:hover  { text-decoration: none; outline:none;}
a:active  { text-decoration: none; outline:none;}
a:visited { text-decoration: none; outline:none;}

.dn { display:none;}

ul{ display:inline; }
li{ list-style-type:none; display:inline;}


/* iPhone (4,4S)  640 x 960px */
/* iPhone (5,5s,6,6プラス)  640 x 1136px */

header{ background: url(../app_img/iphone4/header/header.png) top center no-repeat #FFF; width:100%; height:61px; text-align:center; background-size:contain; border-bottom:0px solid #000; position:fixed; top:0; left:0; z-index:101;}
h1 { margin:0; padding:0;}
h1 a{ width:320px; height:61px; display:block; }

footer{ width:100%; height:64px; background:#000; position:fixed; bottom:0;}
footer nav{ width:320px; height:44px; clear:both; position:relative; left:50%; margin:0 0 0 -160px; }
footer nav ul{ width:320px; height:44px; clear:both; }
li.menu_01{ width:106px; height:44px; float:left; }
li.menu_02{ width:107px; height:44px; float:left; }
li.menu_03{ width:107px; height:44px; float:left; clear:right; }
li.menu_01 a{ width:106px; height:44px; display:block; background:url(../app_img/iphone4/nav/btn_01.png) top center; background-size:106px 44px;}
li.menu_01 a:hover{ width:106px; height:44px; display:block; background:url(../app_img/iphone4/nav_s/btn_01.png) top center; background-size:106px 44px;}
li.menu_02 a{ width:107px; height:44px; display:block; background:url(../app_img/iphone4/nav/btn_02.png) top center; background-size:107px 44px;}
li.menu_02 a:hover{ width:107px; height:44px; display:block; background:url(../app_img/iphone4/nav_s/btn_02.png) top center; background-size:107px 44px;}
li.menu_03 a{ width:107px; height:44px; display:block; background:url(../app_img/iphone4/nav/btn_03.png) top center; background-size:107px 44px;}
li.menu_03 a:hover{ width:107px; height:44px; display:block; background:url(../app_img/iphone4/nav_s/btn_03.png) top center; background-size:107px 44px;}
footer address #copy { width:320px; height:20px; background:url(../app_img/iphone4/footer/footer.png) top center #000; background-size:320px 20px; clear:both; position:relative; left:50%; margin:0 0 0 -160px;}

/*si*/
#pageNavSI{ height:61px;}
video{ width:320px; height:180px; position:relative; left:50%; margin:0 0 0 -160px; background:#333;}
.word_video_bg{ width:320px; height:20px; color:#AAA; text-align:center; position:relative; margin:-50px 0 0 -160px; z-index:1; background:url(../app_img/iphone4/si/shop_information.png) left top no-repeat; background-size:320px 20px; left:50%; }
.word_video_bg p{ display:none; }
.avaiilable{ width:320px; height:61px; background:url(../app_img/iphone4/si/available.png) left top no-repeat; background-size:320px 61px; position:relative; display:block; clear:both; margin:40px 0 0 -160px; left:50%; }
.address{ width:320px; height:61px; background:url(../app_img/iphone4/si/address.png) left top no-repeat; background-size:320px 61px; position:relative; display:block; clear:both; margin:10px 0 0 -160px; left:50%;}
.email{ width:320px; height:61px; background:url(../app_img/iphone4/si/email.png) left top no-repeat; position:relative; display:block; background-size:320px 61px;margin:30px 0 0 -160px; left:50%; padding:-10px 0 0 0; }
.email a{ width:220px; height:61px;  position:relative; display:block; left:50%; margin:0 0 100px -108px; background:#111; opacity:0;}

/*ga login*/
#pageNavGa{ width:100%; height:20px; color:#AAA; text-align:center; position:fixed; top:61px; margin:0; z-index:1; background:url(../app_img/iphone4/guarantee/pageid_guarantee.png) center top no-repeat #000; background-size:320px 20px; }
.product_number{ width:100%; height:23px; color:#AAA; text-align:center; background:url(../app_img/iphone4/guarantee/product_number.png) center top no-repeat #FFF; background-size:320px 23px; margin:96px 0 0 0; clear:both;}
.product_id{ width:100%; height:23px; color:#AAA; text-align:center; background:url(../app_img/iphone4/guarantee/id.png) center top no-repeat #FFF; background-size:320px 23px; margin:30px 0 0 0; clear:both;}
.inputenter{ width:100%; height:50px; color:#AAA; text-align:center; background:url(../app_img/iphone4/guarantee/enter_bg.png) center top no-repeat #FFF; background-size:320px 50px; margin:5px 0 0 0; clear:both;text-align:center; line-height:50px;}
.login{ width:100%; height:40px; clear:both; background:url(../app_img/iphone4/guarantee/login_btn.png) left top no-repeat #FFF; background-size:160px 40px; display:block; position:relative; left:50%; margin:20px 0 0 -80px;clear:both; }
.login a{ width:160px; height:40px; display:block; background:transparent; }

/*ga*/
.owner_information{ width:320px; height:100px; color:#AAA; text-align:center; background:url(../app_img/iphone4/guarantee/owner_informationIP4.png) center top no-repeat #FFF; background-size:320px 40px; position:relative; left:50%; margin:100px 0 0 -160px; padding:0;  clear:both; display:block;}
table.owner{ width:320px; border:none; padding:57px 0 20px 0; color:#111;}
table.owner td.cate1{ width:70px;  text-align:right; padding:8px 10px 0 0;  color:#777;}
table.owner td.cate2{  width:240px; text-align:left; padding:8px 10px 0 0; color:#111; }
.warrenty{ width:320px; height:auto; color:#AAA; text-align:center; background:url(../app_img/iphone4/guarantee/warrentyIP4.png) center top no-repeat #FFF; background-size:320px 40px; position:relative; left:50%; margin:90px 0 0 -160px; padding:50px 0 0 0;  clear:both;}
.warranty_card001{width:260px; height:150px; text-align:center; background:url(../app_img/iphone4/guarantee/warrenty_card.png) center top no-repeat #FFF; background-size:260px 150px; margin:0 0 0 30px; clear:both; color:#333; }
p.IT_name{ font-size:15px; padding:60px 0 0 0; }
p.IT_model{ font-size:10px; height:18px; }
p.IT_number{ font-size:12px; height:18px; }

.support{ width:320px; height:400px; color:#AAA; text-align:center; background:url(../app_img/iphone4/guarantee/supportIP4.png) center top no-repeat #FFF; background-size:320px 40px; position:relative; left:50%; margin:40px 0 0 -160px; clear:both; }



/*@media screen and (min-width: 0px) and (max-device-width: 320px) {*/
@media screen and (min-width: 0px) and (max-device-width: 640px) {






}

/* Android 1080 x 1920px  */
/*@media screen and (min-width: 321px) and (max-device-width: 540px) {*/
@media screen and (min-width: 641px) and (max-device-width: 1080px) {




}



@media screen and (min-width: 1081px)  {




}