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

body.itunes{
    background:url(../ios_application/page_parts/bg_top.gif) repeat-x;
    background-position:0 0;
    background-color:#ebebeb;
}

body.itunes div#wrapper{
    width:315px;
    margin:10px auto 0 auto;
    padding:0px;
}

body.itunes div#header{
    background:url(../ios_application/page_parts/header_i.jpg) no-repeat;
    background-position:0 0;
    height:80px;
    margin:0 auto;
    margin-bottom:10px;
}

body.itunes div#header p{
    padding:10px 0 0 5px;
}

    
body.itunes div.container {
    background:url(../ios_application/page_parts/bg_container_bottom_i.jpg) no-repeat;
    background-position:bottom;
    width:320px;
    margin:0 auto;
    padding:0 0 15px 0px;
}

body.itunes div.container div.top {
    background:url(../ios_application/page_parts/bg_container_i.jpg) no-repeat;
    padding:15px 0 0 0px;
    margin:0px;
    width:320px;
}

body.itunes div.container div.top div.middle {
    background:url(../ios_application/page_parts/bg_container_middle_i.jpg) repeat-y;
    padding:0px;
}

body.itunes div#main {
    background:url(../ios_application/page_parts/iphone_mail.jpg) no-repeat;
    background-position:50% 0;
    margin:0 auto;
    margin-bottom:20px;
    padding:210px 0 185px 45px;
    
}

body.itunes div.contents{
    width:315px;
    margin:0px auto;
    padding:0px;
}

body.itunes h2 {
    background:url(../ios_application/page_parts/bg_ttle_i.jpg) no-repeat;
    width:300px;
    height:37px;
    padding:10px 0 0 10px;
    margin:15px auto;
    margin-bottom:5px;
    font-size:12px;
    font-weight:bold;
}

body.itunes h2 span.ls {
    font-size:10px;
}

body.itunes p{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:12px;
    line-height:20px;
    color:#303030;
    padding:5px 10px;
}

body.itunes ul#recommend{
    list-style-type:none;
    width:315px;
    margin:0px auto;
    padding:5px;
}

body.itunes ul#recommend li{
    float:left;
    text-align:center;
    padding:5px 0px;
    width:49%;
}

body.itunes ul#recommend li#recommend01{
    background:url(../ios_application/page_parts/recommend01_i.gif) no-repeat;
    background-position:center;
    height:160px;
    text-indent:-9999px;
    border-right:1px dotted #999;
    border-bottom:1px dotted #999;
}

body.itunes ul#recommend li#recommend02{
    background:url(../ios_application/page_parts/recommend02_i.gif) no-repeat;
    background-position:center;
    height:160px;
    text-indent:-9999px;
    border-bottom:1px dotted #999;
}


body.itunes ul#recommend li#recommend03{
    background:url(../ios_application/page_parts/recommend03_i.gif) no-repeat;
    background-position:center;
    height:160px;
    text-indent:-9999px;
    border-right:1px dotted #999;
}

body.itunes ul#recommend li#recommend04{
    background:url(../ios_application/page_parts/recommend04_i.gif) no-repeat;
    background-position:center;
    height:160px;
    text-indent:-9999px;
}

body.itunes h3{
    margin:20px 0 0 10px; 
    border-left:6px solid #a6d0e7;
    padding: 0 0 0 10px;
    font-size:12px;
    font-weight:bold;
}

body.itunes div#inner_wrapper{
    width:315px;
    margin:0 auto;
    padding:0px;
}

body.itunes div#inner_wrapper div#inner_wrapper_left{
    margin:0 auto;  
}

body.itunes div#inner_wrapper div#inner_wrapper_right{
    margin:0 auto;
    text-align:center;
}

body.itunes ul#play{
    list-style-type:none;
    width:315px;
    margin:0px auto;
    padding:20px 0px;
}

body.itunes ul#play li{
    float:left;
    text-indent:-9999px;
}



body.itunes ul#play li#play01{
    background:url(../ios_application/page_parts/how_to_play01_i.gif) no-repeat;
    background-position:center;
    width:150px;
    height:189px;
    display:block;
    border-right:1px dotted #999;
    border-bottom:1px dotted #999;
}

body.itunes ul#play li#play02{
    background:url(../ios_application/page_parts/how_to_play02_i.gif) no-repeat;
    background-position:center;
    width:150px;
    height:189px;
    display:block;
    padding-left:4px;
    border-bottom:1px dotted #999;
}

body.itunes ul#play li#play03{
    background:url(../ios_application/page_parts/how_to_play03_i.gif) no-repeat;
    background-position:center;
    width:150px;
    height:189px;
    display:block;
    border-right:1px dotted #999;
}
body.itunes ul#play li#play04{
    background:url(../ios_application/page_parts/how_to_play04_i.gif) no-repeat;
    background-position:center;
    width:150px;
    height:189px;
    display:block;
    padding-left:4px;
}

body.itunes h4{
    margin:10px 0 0 10px; 
    padding: 0 0 0 0px;
    font-size:12px;
    font-weight:bold;
}

body.itunes ul.screen{
    width:315px;
    margin:0 auto;
    padding:0px;
    padding-top:5px;
    list-style-type:none;
    display:block;
}

body.itunes ul.screen li{
    width:155px;
    float:left;
    margin:0px 1px;
    padding:0px 0px;
    padding-bottom:10px;
    text-align:center;
}

body.itunes ul.screen li dl{
    width:155px;
}

body.itunes ul.screen li dl dt{
    display:block;
}

body.itunes ul.screen li dl dd{
    font-size:10px;
    text-align:center;
    padding:5px 0px;    
}


body.itunes div#contact{
    width:315px;
    margin:0 auto;
    padding:0px;
}

body.itunes div#contact div{
    margin:0 10px;
    font-size:12px;
    color:#303030;
    line-height:20px;
}

body.itunes div#contact div#contact_txt{
    padding:15px 0px;
}


body.itunes div#btn{
    width:290px;
    margin:0 auto;
    padding:0px;
    text-align:right;
}

body.itunes div#footer_area{
    background:url(../ios_application/page_parts/bg_container_bottom_i.jpg) no-repeat;
    background-position:bottom;
    width:320px;
    margin:10px auto;
    padding:0 0 14px 0px;
}

body.itunes div#footer_area div#footer_top{
    background:url(../ios_application/page_parts/bg_footer_top_i.jpg) no-repeat;
    padding:14px 0 0 0px;   
}

body.itunes div#footer_area div#footer_top div#footer_main{
    background:url(../ios_application/page_parts/bg_container_middle_i.jpg) repeat-y;
    padding:0px;
    text-align:right;
    padding:0 5px;
        
}

body.itunes div#footer_area div#footer_top div#footer_main p{
    margin:0px;
    padding:5px;
}

body.itunes div#footer_area div#footer_top div#footer_main p#cp{
    font-size:10px;
    color:#999;
    line-height:12px;
}

body.itunes div#tweet{
    /*position:relative;*/
    top:0px;
    width:215px;
    margin:0 auto;
    text-align:center;
    padding:0px;
}

#tweet ul{
    border:3px solid #0CF;
}

#tweet ul li{
    margin:5px 10px 3px 10px;
    font-size:12px;
    text-align:center;
    font-weight:bold;
}