@charset "euc-jp";

/* ========== mainVisual ========== */

body#iPhone div#mainVisual {
margin: 20px 0 10px;
padding: 0 0 20px 15px;
background:url(/iphone/img/index_main_img.jpg) right top no-repeat;
}
body#iPhone div#mainVisual h2 {
margin-bottom: 15px;
}
body#iPhone div#mainVisual p.lead {
font-size: 75%;
line-height: 1.4;
margin-bottom: 20px;
width: 450px;
}
body#iPhone div#mainVisual p.btn {
margin-right: 10px;
}
body#iPhone div#mainVisual p.btn img {
vertical-align: middle;
}


/* ========== section01 ========== */

body#iPhone .section01 {
background: url(/iphone/img/index_sec01_bg_bottom.gif) 0 bottom no-repeat;
margin-bottom: 2.0em;
padding-bottom: 25px;
}
body#iPhone .section01Inner {
padding: 15px 14px 0;
background: url(/iphone/img/index_sec01_bg_top.gif) 0 0 no-repeat;
}
body#iPhone .section01 h2 {
margin-bottom:15px;
}

body#iPhone .section01 .lytColumn .lytImage {
float: left;
padding-left: 9px;
}

body#iPhone .section01 .lytColumn .lytImage .image,
body#iPhone .section01 .lytColumn .lytImage .column {
float: left;
}

/* カラム幅 */
body#iPhone .section01 .lytColumn.column02 .lytImage {
width: 365px;
}
body#iPhone .section01 .lytColumn.column03 .lytImage {
width: 240px;
}

/* for IE */
*html body#iPhone .section01 .lytColumn.column02 .lytImage {
width: 374px;
}
*html body#iPhone .section01 .lytColumn.column03 .lytImage {
width: 249px;
}

/* 画像幅 */
body#iPhone .section01 .lytColumn.column02 .lytImage .image {
width: 155px;
}
body#iPhone .section01 .lytColumn.column03 .lytImage .image {
width: 115px;
}

/* カラム幅 */
body#iPhone .section01 .lytColumn.column02 .lytImage .column {
width: 209px;
}
body#iPhone .section01 .lytColumn.column03 .lytImage .column {
width: 125px;
}

body#iPhone .section01 .lytColumn .lytImage .column h3,
body#iPhone .section01 .lytColumn .lytImage .column p.h3Catch {
margin-bottom: 8px;
}

body#iPhone .section01 .lytColumn .lytImage .column p.lead {
font-size: 75%;
line-height: 1.4;
margin-bottom: 10px;
padding-left: 2px;
}

body#iPhone .section01 .lytColumn .lytImage .column ul.listPickup li {
font-size: 75%;
line-height: 1.4;
margin-bottom: 0.25em;
padding-left: 2px;
}


/* ========== section02 ========== */

body#iPhone .section02 {
background: url(/iphone/img/index_sec02_bg_bottom.gif) 0 bottom no-repeat;
margin-bottom: 2.0em;
}
body#iPhone .section02Inner {
padding: 15px 14px 25px;
background: url(/iphone/img/index_sec02_bg_top.gif) 0 0 no-repeat;
position: relative;
height: 230px;
}
body#iPhone .section02 h2 {
margin-bottom:15px;
}

body#iPhone .moveImage .image01 {
position: absolute;
top: 55px;
left: 68px;
}
body#iPhone .moveImage .image02 {
position: absolute;
top: 150px;
left: 483px;
}
body#iPhone .moveImage .text01,
body#iPhone .moveImage .text02 {
font-size: 75%;
line-height: 1.4;
}
body#iPhone .moveImage .text01 {
position: absolute;
top: 150px;
left: 228px;
width: 165px;
height: 85px;
padding: 10px 10px 10px 25px;
background: url(/iphone/img/index_fig_balloon01.gif) 0 0 no-repeat;
}
body#iPhone .moveImage .text02 {
position: absolute;
top: 43px;
left: 451px;
width: 235px;
height: 84px;
padding: 10px 15px 20px 15px;
background: url(/iphone/img/index_fig_balloon02.gif) 0 0 no-repeat;
}
body#iPhone .moveImage .text01 dt,
body#iPhone .moveImage .text02 dt {
font-weight: bold;
}


/* for IE */
*html body#iPhone .section02Inner {
height: 270px;
}
*html body#iPhone .moveImage .text01 {
width: 200px;
}
*html body#iPhone .moveImage .text02 {
width: 270px;
}




/* ========== clearfix ========== */

.clearfix,
.lytColumn,
.lytImage,
.howtoListAreaInner {
min-height:1%;
}
.clearfix:after,
.lytColumn:after,
.lytImage:after,
.howtoListAreaInner:after {/*for modern browser*/
content:".";display:block;height:0px;clear:both;visibility:hidden;
}
* html .clearfix,
* html .lytColumn,
* html .lytImage,
* html .howtoListAreaInner {
/*\*/height:1%;/*for WinIE*/display:inline-table;/*for MacIE*/
}