@charset "utf-8";

/* ＰＣ用 */

h1{position:absolute; top:230px; left:540px; width:369px; height:31px; background:url(images/logo.gif) no-repeat;}
/* main nav */
#mm{width:440px; position:absolute; top:270px; left:540px; font-size:90%;}
.mac #mm{font-size:80%;}
#mm li{list-style:none; float:left; border-left:solid 2px #dfdfdf; margin-right:6px; padding:0 6px 0 11px;}
.mac #mm li{margin-right:7px; padding:0 7px 0 13px;}
.mac.gecko #mm li{margin-right:8px; padding:0 8px 0 14px;}
.ipad #mm li{margin-right:1px; padding:0 8px 0 10px;}
#mm4{border-right:solid 2px #dfdfdf; padding-right:17px !important;}
#mm ul{display:none;}

nav h2{
position:absolute; top:505px; left:17px;
width:273px; height:14px; background:url(images/mms_off.gif) no-repeat;}
nav h2 a{display:block; width:273px; height:14px; background:url(images/mms_off.gif) no-repeat; overflow:hidden; text-indent:-8000px;}
nav h2 a:hover{background:none;}

/* layout */
.bg,
footer{width:100%; overflow:hidden; position:absolute; top:0; left:0;}
#bg_wrapper{width:980px; position:relative; margin:auto;}
#bg_wrapper{width:980px; height:550px; overflow:auto; position:absolute; top:50%; left:50%; margin:-275px 0 0 -490px;}
header{height:547px; position:absolute; top:0; left:0; z-index:5;}
#bg_top_left{width:428px; height:547px; background:url(images/bg_top_left.png) no-repeat; z-index:2;}
#bg_top_right{width:552px; height:350px; background:url(images/bg_top_right.png) no-repeat; left:428px; z-index:3;}
#bg_middle{overflow:hidden;}
#pages{z-index:1;}
#pages section{display:none; color:#fff; line-height:180%;}
#pages section nav{}
#pages .articles{position:absolute; top:380px; left:435px; width:485px;}
#pages .articles h3{padding-bottom:30px;}
#bg_bottom{width:675px; height:233px; background:url(images/bg_bottom.png) no-repeat; top:318px; left:306px; z-index:4;}
.ipad #bg_bottom,
.ipad footer{margin-top:-1px;}

#page1{background:url(images/bg_1.jpg) no-repeat;}
#page2{background:url(images/bg_2.jpg) no-repeat;}
#page3{background:url(images/bg_3.jpg) no-repeat;}
#page4{background:url(images/bg_4.jpg) no-repeat;}
#page5{background:url(images/bg_5.jpg) no-repeat;}
h2{position:absolute; left:54px; top:585px; font-size:240%; text-indent:-8000px; overflow:hidden; width:273px; height:21px;}
#page1 h2{background:url(images/h2_1.png) no-repeat;}
#page2 h2{background:url(images/h2_2.png) no-repeat;}
#page3 h2{background:url(images/h2_3.png) no-repeat;}
#page4 h2{background:url(images/h2_4.png) no-repeat;}
#page5 h2{background:url(images/h2_5.png) no-repeat;}
#pages nav{position:absolute; top:635px; left:54px;}
#pages nav ul{list-style:none; font-size:110%; line-height:130%; padding:0;}
#pages nav li{margin-bottom:17px;}
#pages h3{font-size:160%; padding-bottom:10px;}

/* sub nav */
#sm{position:absolute; top:720px; left:70px;}

/* contents */
.float{float:left; padding-bottom:20px;}
.float p{float:left; margin-right:10px;}
.float div{float:left;}

article p img{float:right; clear:both; margin-left:10px; vertical-align:text-top;}
#page4 article div img{margin:0;}
#page4 article div img,
#page4 article li img{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* footer */
footer{width:980px; height:20px; background:#aaa; top:530px; left:0; z-index:5;}
footer div{position:relative;}
footer ul{position:absolute; top:0; left:0; width:980px; height:20px; padding-left:18px;}
footer li{float:left; padding-right:18px; font-size:90%;}
address{position:absolute; top:0; right:18px; color:#eee; font-size:70%;}
.win footer ul,
.win address{padding-top:3px;}
.mac address{padding-top:3px;}
.win.gecko footer ul{top:0;}
.ipad footer ul{top:-2px;}
.ipad address{top:2px;}