@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}html,body,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}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;}body {font:13px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Geneva, Arial, "Lucida Grande", sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}select,input,textarea{font:99% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Geneva, Arial, "Lucida Grande", sans-serif;}pre,code{font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}.clearfix{display:inline-table;/* \*/display:block;/* */min-height:1px;}/* \*/* html .clearfix {height:1%;}.clearfix:after{content: ".";display:block;visibility:hidden;height:0;line-height:0;clear:both;}.overflow_hidden{overflow:hidden;}

/*-------------------------------------------------------------------- Begin general setting */
body *{line-height:2em;color:#4c4c4c;}
body{
background:url(../images/bg_bottom.png) bottom repeat-x;
}
div#container{
background:url(../images/bg_top.png) top repeat-x;
}
div#container div#iphoneFrame{
width:898px;
margin:0 auto;
padding:41px 0 0 0;
}
div#container div#iphoneFrame div#iphoneFrameBottom{
background:url(../images/iphone_bottom.png) no-repeat;
height:60px;
text-align:center;
}
div#container div#iphoneFrame div#iphoneFrameBottom a{
display:block;
text-indent:-9000px;
padding:10px 0 0 0;
margin:0 auto;
width:57px;
height:47px;
}
div#container div#iphoneFrame div#iphoneFrameBottom a:hover{
background:url(../images/iphone_bottomBtn_o.png) center 10px no-repeat;
}

div#container div#iphoneFrameShadow{
width:908px;
height:65px;
margin:0 auto;
background:url(../images/iphone_bottomShadow.png) center top no-repeat;
}
div#container div#iphoneFrameShadow a{
display:block;
margin:0 auto;
text-indent:-9000px;
width:300px;
height:50px;
}
div#container div#contents{
padding:0 19px;
overflow:hidden;
background:url(../images/iphone_middle.png) repeat-y;
}
/*-------------------------------------------------------------------- Begin header */
div#contents div#header{
background:url(../images/head_bg_i.png) top repeat-x;
vertical-align:bottom;
font-size:0;
line-height:0;
}
div#header #headLogo{
padding:15px 0 0 31px;
}
div#header #headLogo{
margin:0 0 7px 0;
}
div#header #headLogo li{
float:left;
padding:0 9px 0 0;
}
div#header #headLogo li.blogparts{
padding:0 0 0 261px;
}
div#header #headLogo li.appStore{
padding:0 0 0 19px;
}
div#header ul#navi{
width:860px;
}
div#header ul#navi li{
float:left;
}
/*-------------------------------------------------------------------- Begin footer */
div#contents div#footer{
font-size:0;
line-height:0;
}
div#footer ul{
width:860px;
}
div#footer ul li{
float:left;
}
div#footer #footBottom{
height:52px;
background:url(../images/foot_bg_i.png) bottom repeat-x;
padding:10px 0 0 27px;
}
div#footer #footBottom p{
float:left;
}
div#footer #footBottom address{
float:right;
padding:28px 31px 0 0;
}
/*-------------------------------------------------------------------- Begin topContentMain */
body div#contents div#topContentMain * {line-height:1.22em;}
div#contents div#topContentMain{
height:598px;
background:url(../../images/topMain.jpg) no-repeat;
}
div#topContentMain #topLeftBox{
float:left;
font-size:0;
line-height:0;
text-indent:-9000px;
width:510px;
/*height:460px;*/
overflow:hidden;
}
div#topContentMain #topLeftBox h1#topLinkAppStore a{
display:block;
width:57px;
height:57px;
text-indent:-9000px;
margin:98px 0 0 333px;
}
div#topContentMain #topLeftBox h1#topLinkAppStore a:hover{
background:url(../../images/icon_applyLight.png) no-repeat;
}
div#topContentMain #topLeftBox #topLeftBoxIn{
height:390px;
overflow:hidden;
}
div#topContentMain #topLeftBox a{
display:block;
text-indent:0;
width:68px;
margin:0 0 0 425px;
}
div#topContentMain div#topMovie{
width:208px;
height:312px;
float:right;
margin:129px 115px 0 0;
background:#000000;
}
/*-------------------------------------------------------------------- Begin introduction */
div#contents div#contentMain #conLeftBox{
float:left;
width:345px;
}
div#contents div#contentMain #conRightBox{
float:left;
width:440px;
padding:60px 75px 40px 0;
font-size:93%;
background:url(../../introduction/images/intr_bg1.jpg) right bottom no-repeat;
}
div#contents div#contentMain #conLeftBox h1{
margin:36px 0 50px 0;
}
div#contents div#contentMain #conRightBox h2{
margin:0 0 10px 0;
}
div#contents div#contentMain #conLeftBox img.conImage{
margin:0 0 0 72px;
}
div#contents div#contentMain #conRightBox p.conPoint{
margin:10px 0 30px 0;
}
div#contents div#contentMain #conRightBox ul.conPointList{
margin:0 0 30px 0;
}
div#contents div#contentMain #conRightBox ul.conPointList li{
padding:0 0 0 20px;
}
div#contents div#contentMain #conRightBox ul.conPointList li.icon_circleA{
background:url(../images/icon_circleA.gif) left 7px no-repeat;
}
div#contents div#contentMain #conRightBox ul.conPointList li.icon_circleB{
background:url(../images/icon_circleB.gif) left 7px no-repeat;
}
div#contents div#contentMain #conRightBox ul.conPointList li.icon_circleC{
background:url(../images/icon_circleC.gif) left 7px no-repeat;
}
div#contents div#contentMain #conRightBox p.conAuthor{
text-align:right;
}
div#contents div#contentMain #conRightBox p.conAuthor img{
vertical-align:baseline;
}
div#contents div#contentMain #conRightBox dl.conSpec{
margin:0 0 15px 0;
}
div#contents div#contentMain #conRightBox dl.conSpec dt{
padding:10px 0 0 20px;
background:url(../images/icon_circleD.gif) 17px left no-repeat;
}
div#contents div#contentMain #conRightBox address{
font-size:85%;
}	
/*-------------------------------------------------------------------- Begin SUPPORT */
div.support div#contents div#contentMain #conRightBox{
background-image:none;
}
div.support div#contents div#contentMain #conLeftBox h1{
margin:36px 0 15px 61px;
}
div.support div#contents div#contentMain{
background:url(../../support/images/spprt_leftImage.jpg) left bottom no-repeat;
}
div.support div#contents div#contentMain #conRightBox{
padding:60px 72px 40px 3px;
}
div.support div#contents div#contentMain #conRightBox dl#QAList,
div.support div#contents div#contentMain #conRightBox p{
padding-left:7px;
}
div.support div#contents div#contentMain #conRightBox img.icon_circle{
vertical-align:baseline;
}
div.support div#contents div#contentMain #conRightBox dl.qAndA dt{
float:left;
clear:left;
}
div.support div#contents div#contentMain #conRightBox dl.qAndA dd{
margin:0 0 0 50px;
}
div.support div#contents div#contentMain #conRightBox dl#QAList dd.underLine{
background:url(../images/underLine.gif) bottom repeat-x;
padding-bottom:12px;
margin-bottom:12px;
}
div.support div#contents div#contentMain #conRightBox address{
text-align:right;
}
div.support div#contents div#contentMain #conRightBox address a{
text-decoration:none;
padding-left:12px;
background:url(../images/icon_arrow.gif) left 2px no-repeat;
color:#364b99;
}
div.support div#contents div#contentMain #conRightBox address a:hover{
text-decoration:underline;
}
/*-------------------------------------------------------------------- Begin operation */
div.operation div#contents div#contentMain div.section{
text-indent:-9000px;
overflow:hidden;
font-size:0;
line-height:0;
}
div.operation div#contents div#contentMain div#section1{
height:308px;
background:url(../../operation/images/ope_con1.png) no-repeat;
}
div.operation div#contents div#contentMain div#section2{
height:266px;
background:url(../../operation/images/ope_con2.png) no-repeat;
}
div.operation div#contents div#contentMain div#section3{
height:554px;
background:url(../../operation/images/ope_con3.png) no-repeat;
}
div.operation div#contents div#contentMain div#section4{
height:287px;
background:url(../../operation/images/ope_con4.png) no-repeat;
}
div.operation div#contents div#contentMain div#section5{
height:493px;
background:url(../../operation/images/ope_con5.png) no-repeat;
}
div.operation div#contents div#contentMain div#section6{
height:494px;
background:url(../../operation/images/ope_con6.png) no-repeat;
}
div.operation div#contents div#contentMain div#section7{
height:494px;
background:url(../../operation/images/ope_con7.png) no-repeat;
}
div.operation div#contents div#contentMain div#section8{
height:467px;
background:url(../../operation/images/ope_con8.png) no-repeat;
}



/* general purpose */
img.con_footprint{margin:25px 0;display:block;}
.colorA{color:#3f8039;font-weight:bold;}/*green*/
.colorB{color:#4359aa;font-weight:bold;}/*blue*/
.colorC{color:#a9558d;font-weight:bold;}/*purple*/
.colorD{color:#ce7c34;font-weight:bold;}/*right brown*/
.colorE{color:#805044;font-weight:bold;}/*dark brown*/
img{
vertical-align:bottom;
font-size:0;
line-height:0;
}
.noScale{
font-size:0;
line-height:0;
}
.io{}