@charset "utf-8";

/*==================================================
	Base
==================================================*/
html,body,div,p,h1,h2,h3,h4,h5,h6,address,blockquote,pre,ul,ol,li,dl,dt,dd,table,caption,col,colgroup,thead,tbody,tfoot,tr,th,td,form,fieldset,legend,label,img,iframe,object,span,a,em,strong,sub,sup,del,ins{
margin:0;
padding:0;
}

div,ul,ol,dl,dt,dd{
zoom:1;
}

body{
color:#323232;
line-height:1.5;
font-size:80%;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
background:url(/sp/shotdocs/images/contents_bg.gif) ;
border-top:solid 3px #aacd06;
}

ul{
list-style:none;
}

img{
border:0 none;
vertical-align:bottom;
}

ul.bullet01 li{
padding:0 0 0 15px;
background:url(/sp/shotdocs/images/bullet_circle_01.gif) 2px 0.4em no-repeat;
}

/*==================================================
	#header
==================================================*/
#content #header{
margin-bottom:12px;
padding-top:20px;
}

#content #header h1{
float:left;
}

#content #header p{
float:right;
margin-top:27px;
}

#content p.pagetop{
margin:12px 0 10px;
text-align:right;
}

#content .note{
font-size:86%;

}


/*==================================================
	#main
==================================================*/

#content #main{
position:relative;
margin-bottom:15px;
min-height:420px;
_height:420px;
background:url(/sp/shotdocs/images/main_bg.jpg) 0 0 no-repeat;
}

#content #main p.lead{
position:absolute;
top:24px;
left:552px;
}


#content #main .specialmovie-box{
position:absolute;
top:278px;	
left:13px;
padding:6px 12px  6px ;
background:url(/sp/shotdocs/images/main_box_bg-01.gif) 0 0 no-repeat;
}


#content #main .cloud-box{
position:absolute;
top:338px;
left:13px;
padding:6px 12px  12px ;
background:url(/sp/shotdocs/images/main_box_bg-01.gif) 0 0 no-repeat;
}

#content #main .cloud-box p.release{
margin-bottom:2px;
}

#content #main .app-box{
position:absolute;
top:209px;
left:532px;
background:url(/sp/shotdocs/images/main_box_bg-02.gif) 0 bottom no-repeat;
}

#content #main .app-box h2{
margin-bottom:17px;
}

#content #main .app-box .bnr{
float:left;
padding-left:22px;
}

#content #main .app-box li a{
line-height:1.8;
letter-spacing:0.01px;
padding-left:25px;
background-image:url(/sp/shotdocs/images/main_box_ico-01.gif);
background-repeat:no-repeat;
background-position:15px 6px;
font-family:メイリオ,ヒラギノ角ゴ Pro W3,"Hiragino Kaku Gothic Pro",ＭＳ Ｐゴシック,Arial,sans-serif;
font-weight: bold;
color:#000;
font-size:110%;
text-decoration:underline;
}


#content #main .app-box li a:hover{
color:#000;
text-decoration: none;
}

#content #main .app-box .btn{
clear:both;
margin-bottom:17px;
margin-top:20px;
text-align:center;
}








/*==================================================
	#content
==================================================*/
#content{
margin:0 auto;
width:980px;
}

#content p strong{
font-weight:bold;
color:#eb5405;
}

#content .nav-skip ul li{
display:inline;
}

#content .col2-layout-01{
margin:10px 0 30px;
padding-bottom:22px;
background:url(/sp/shotdocs/images/line-01.gif) 0 bottom repeat-x;
}

#content .col2-layout-01 .nav-skip{
float:left;
width:610px;
}

#content .col2-layout-01 ul.widget{
float:left;
margin:10px 0 0 20px;
_margin-left:10px;
display:inline;
}

#content .col2-layout-01 ul.widget li{
float:left;
margin-right:15px;
_margin-right:5px;
}

#content .new{
margin-bottom:30px;padding:0.5em 1em 0.6em 0.5em;border:1px solid #ccc;border-radius:1em;
}

#content .new li{
padding:5px;
}

#content .new li span img{
padding:0 10px;
vertical-align:middle;
}

#content .use-order-block{
margin:23px 0 15px 0;
}

#content .use-order-block p{
padding:0 15px 15px;
}

#content .use-order-block ol li{
float:left;
margin-left:25px;
padding-bottom:5px;
width:310px;
background:#fff url(/sp/shotdocs/images/use_box_bg.gif) 0 bottom no-repeat;
list-style-type:none; 
}

#content .use-order-block ol li.first{
margin-left:0;
}

#content .use-order-block ol li .col{
padding-top:12px;
}

#content .use-order-block .use-btn{
margin-bottom:20px;
text-align:center;
}

#content .use-btn{
margin-bottom:30px;
text-align:center;
}

#content .use-btn-02{
margin-bottom:30px;
padding-right:20px;
text-align:center;
}

#content .lineup{
padding:0 0 15px;
background:url(/sp/shotdocs/images/content_bgbtm-01.gif) 0 bottom no-repeat;
}

#content .lineup .inner{
width:944px;
padding:0 16px 20px 20px;
background:url(/sp/shotdocs/images/content_bgmid-01.gif) 0 0 repeat-y;
}

#content .item-nav{
float:right;
_margin-left:20px;
padding-top:13px;
font-size:0;
}

#content .item-nav ul li{
margin-bottom:8px;
}

#content .item-main{
float:left;
width:740px;
padding-top:30px;
}

#content .item-main .hdg{
margin-bottom:5px;
padding-left:18px;
border-left:solid 8px #96c605;
}

#content .item-main .hdg h3{
padding:0 0 8px;
}

#content .item-main .hdg p{
font-size:125%;
font-weight:bold;
}

#content .item-main .item-img{
text-align:center;
}

#content .item-main .spec{
padding:15px 0 0;

background:url(/sp/shotdocs/images/lineup_spec_bgtop.gif) 0 top no-repeat;
}

#content .item-main .spec+p.use-btn{
margin:30px 0 0;
}

#content .item-main .spec .inner{
width:680px;
padding:0 30px 10px 30px;
background:url(/sp/shotdocs/images/lineup_spec_bgbtm.gif) 0 bottom no-repeat;
}

#content .item-main .spec .img{
float:left;
width:250px;
}

#content .item-main .spec .imgS{
margin:0 0 20px 40px;
vertical-align:top;
}

#content .item-main .spec .txt{
float:right;
width:400px;
}


#content .item-main .spec .txt dl dt{
font-weight:bold;
}

#content .item-main .spec .txt dl dd{
margin-bottom:10px;
}

#content .item-main .spec .txt p{
margin-bottom:0.6em;
}

#content .item-main .spec .column-01 .bullet01{
float:left;
}

#content .item-main .spec .column-01 .img{
float:left;
margin-left:15px;
}


#content .item-main .sub-spec{
overflow:hidden;
vertical-align:bottom;
clear:both;
padding:20px 0 15px 0;
border-top:#ececec 1px dashed;
}

#content .item-main .sub-spec .imgh{
float:left;
padding-left:20px;
}

#content .item-main .sub-spec .sub-specTxt{
float:right;
width:320px;
}

#content .item-main .sub-spec .subimg{
float:right;
padding-right:20px;
}

#content .item-main .sub-spec dl dt{
font-weight:bold;
}

#content .item-main .sub-spec dl dd{
margin-bottom:10px;
}

#content .item-main .sub-spec .img{
float:right;
width:130px;
}

#content .item-main .sub-spec .txtm{
clear:both;
overflow:hidden;
float:left;
padding:15px 15px 0 0;
}

#content .item-main .sub-spec .subtxt{
clear:both;
float:left;
width:187px;
}


#content .item-main .sub-spec .subtxt dl{
padding-top:10px;
}

#content .item-main .sub-spec .imgm{
float:left;
padding-top:47px;
}

#content .item-main .sub-spec .imgmap{
float:right;
padding:15px 0 0 0;
}

#content .feature{
margin-bottom:5px;
padding:0 0 15px;
background:url(/sp/shotdocs/images/content_bgbtm-02.gif) 0 bottom no-repeat;
}

#content .feature .inner{
padding:5px 8px 0 8px;
background:url(/sp/shotdocs/images/content_bgmid-02.gif) 0 0 repeat-y;
}

#content .feature p{
margin-bottom:0.6em;
}

#content .point{
margin-bottom:22px;
padding:12px 15px;
background:#f3f5ea;
}

#content .point .separate{
margin:0 0 10px;
padding-bottom:25px;
background:url(/sp/shotdocs/images/point_bg_shadow.gif) 0 bottom no-repeat;
}

#content .point h3{
margin-bottom:15px;
}

#content .point h4{
margin-bottom:10px;
font-size:125%;
}

#content .feature .point .column-01{
float:left;
margin-right:30px;
}

#content .feature .point .clear{
margin-right:0;
}

#content .feature .point .column-01 .img{
float:left;
margin-right:20px;
}

#content .feature .point .column-01 .txt{
float:left;
width:225px;
}

#content .feature .case{
padding:0 12px;
}

#content .feature .case .wrap{
margin-top:25px;
}

#content .feature .case h3{
margin-bottom:0;
}

#content .feature .case h4{
margin-bottom:8px;
}

#content .feature .case .case-01{
float:left;
margin:0 28px 0 0;
}

#content .feature .case .clear{
margin-right:0;
}

#content .feature .case .column-01{
padding-bottom:13px;
width:455px;
background:url(/sp/shotdocs/images/case_box_bgbtm.gif) 0 bottom no-repeat;
}

#content .feature .case .column-01 .inner{
padding:13px 13px 0;
background:url(/sp/shotdocs/images/case_box_bgtop.gif) 0 top no-repeat;
}

#content .feature .case .column-01 h5{
margin-bottom:15px;
padding:4px 0 2px;
font-size:100%;
text-align:center;
background:#f3f5ea;
}

#content .feature .case .column-01 .usually{
float:left;
width:178px;
}

#content .feature .case .column-01 .usually span{
display:block;
margin-bottom:10px;
text-align:center;
}

#content .feature .case .column-01 .also{
float:left;
width:220px;
margin-left:30px;
background:url(/sp/shotdocs/images/case_also_bgbtm.gif) 0 bottom no-repeat;
}

#content .feature .case .column-01 .also .inner{
padding:15px 3px 0;
background:url(/sp/shotdocs/images/case_also_bgtop.gif) 0 top no-repeat;
}

#content .feature .case .column-01 .also .inner p.txt{
padding:0 10px;
}

#content .feature .case .column-01 .also .inner p.img{
margin:0;
padding:0 0 3px;
}

#content .feature p#evernote{
text-align:center;
margin:10px 0 0;
}
/*==================================================
	#footer
==================================================*/

#footer p{
margin-bottom:15px;
text-align:center;
}

/*==================================================
	da-1
==================================================*/

#content #da-1{
position:relative;
margin-top:40px;
}

#content #da-1 h3{
margin-bottom:20px;
}

#content #da-1 p{
font-size:16px;
}

#content #da-1 p.note{
font-size:13px;
}

#content #da-1 p.lead{
margin:25px 0 20px;
}

#content #da-1 .app-download{
margin-bottom:30px;
background:url(/sp/shotdocs/images/pop_app_bg.gif) 0 bottom no-repeat;
width:710px;
}

#content #da-1 .app-download .inner{
padding:10px 40px 15px 40px;
zoom:1;
}

#content #da-1 .app-download .inner:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}

#content #da-1 .app-download .inner .bnr{
float:left;
}

#content #da-1 .app-download .inner ul{
float:left;
padding:0 10px;
}


#content #da-1 .app-download .inner li a{
line-height:1.8;
padding-left:10px;
letter-spacing:0.01px;
background-image:url(/sp/shotdocs/images/main_box_ico-01.gif);
background-repeat:no-repeat;
background-position:0 6px;
font-family:メイリオ,ヒラギノ角ゴ Pro W3,"Hiragino Kaku Gothic Pro",ＭＳ Ｐゴシック,Arial,sans-serif;
font-weight: bold;
color:#000;
font-size:110%;
text-decoration:underline;
}


#content #da-1 .app-download .inner li a:hover{
color:#000;
text-decoration: none;
}

#content #da-1 .app-download .inner .update-btn{
float:right;
}

#content #da-1 .use-btn-03{
position:absolute;
top:138px;
right:0;
}

#content #da-1 div.column-01{
margin-bottom:25px;
padding:0 0 15px;
background:url(/sp/shotdocs/images/content_bgbtm-02.gif) 0 bottom no-repeat;
}

#content #da-1 div.column-01 .inner{
padding:20px 20px 30px 20px;
background:url(/sp/shotdocs/images/content_bgmid-02.gif) 0 0 repeat-y;
}

#content #da-1 div.column-01 .inner-bt{
padding:30px 20px 30px 20px;
border-top: solid 1px #e1e1e1;
background:url(/sp/shotdocs/images/content_bgmid-02.gif) 0 0 repeat-y;
}

#content #da-1 div.column-01 .txt{
float:left;
width:470px;
margin-right:27px;
}

#content #da-1 div.column-02 .col{
float:left;
margin-right:30px;
margin-bottom:25px;
padding:0 0 15px;
width:474px;
background:url(/sp/shotdocs/images/content_bgbtm-03.gif) 0 bottom no-repeat;
}


#content #da-1 div.column-02 .col+.clear{
margin-right:0;
}

#content #da-1 div.column-02 .inner{
background-color:#fff;
border-color:#e1e1e1;
border-style:solid;
border-width:0 1px;
padding:20px 20px 30px 20px;
}

#content #da-1 div.column-02 .txt{
padding-top:30px;
}

#content #da-1 div.column-03 .col{
float:left;
margin-right:25px;
margin-bottom:25px;
padding:0 0 15px;
width:310px;
background:url(/sp/shotdocs/images/content_bgbtm-04.gif) 0 bottom no-repeat;
}

#content #da-1 div.column-03 .col+.clear{
margin-right:0;
}

#content #da-1 div.column-03 .inner{
padding:20px 20px 30px 20px;
background:url(/sp/shotdocs/images/content_bgmid-04.gif) 0 0 repeat-y;
}


/*==================================================
	pop-up
==================================================*/

body #popup{
margin:0 auto;
width:700px;
}

#popup #header{
margin-bottom:10px;
padding-top:15px;
}

#popup #header h1{
float:left;
}

#popup #header p{
float:right;
margin-top:10px;
}

#popup .main .app-download{
margin-bottom:30px;
background:url(/sp/shotdocs/images/pop_app_bg.gif) 0 bottom no-repeat;
}

#popup .main .hdg-style-01{
margin-bottom:20px;
}

#popup .main ol.process{
margin:0;
padding:0;
/*display:block;*/
}

#popup .main ol.process li{
float:left;
margin:0 0 20px 35px;
padding:0;
width:310px;
list-style-type:none;
display:inline;
}

#popup .main ol.process li img{
display:block;
margin:0 0 15px 10px;
}

#popup .note{
font-size:86%;
text-align:right;
}

#popup .btn-close{
margin-bottom:30px;
text-align:center;
}


/* ie8対策 */
html>/**/body {
zoom /***/:100%;
}




#popup .main .app-download .inner{
padding:10px 40px 15px 40px;
zoom:1;
}

#popup .main .app-download .inner:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;

}

#popup .main .app-download .inner .bnr{
float:left;
}

#popup .main .app-download .inner ul{
float:left;
padding:0 10px;
}


#popup .main .app-download .inner li a{
line-height:1.8;
padding-left:10px;
letter-spacing:0.01px;
background-image:url(/sp/shotdocs/images/main_box_ico-01.gif);
background-repeat:no-repeat;
background-position:0 6px;
font-family:メイリオ,ヒラギノ角ゴ Pro W3,"Hiragino Kaku Gothic Pro",ＭＳ Ｐゴシック,Arial,sans-serif;
font-weight: bold;
color:#000;
font-size:110%;
text-decoration:underline;
}


#popup .main .app-download .inner li a:hover{
color:#000;
text-decoration: none;
}

#popup .main .app-download .inner .update-btn{
float:right;
}




/*==================================================
	ClearFix
==================================================*/
#content #header,
#content #main .app-box ul.app-btn,
#content .col2-layout-01,
#content .use-order-block,
#content .lineup .inner,
#content .item-main .spec,
#content .item-main .spec .inner,
#content .item-main .spec .column-01,
#content .feature .column-01,
#content .feature .point,
#content .feature .wrap,
#content .feature .case .column-01,
#content .feature .case .wrap,
#popup #header,
#popup .main .app-download,
#popup .main ol.process{
zoom:1;
}

#content #header:after,
#content #main .app-box ul.app-btn:after,
#content .col2-layout-01:after,
#content .use-order-block:after,
#content .lineup .inner:after,
#content .item-main .spec:after,
#content .item-main .spec .inner:after,
#content .item-main .spec .column-01:after,
#content .feature .column-01:after,
#content .feature .point:after,
#content .feature .wrap:after,
#content .feature .case .column-01:after,
#content .feature .case .wrap:after,
#popup #header:after,
#popup .main .app-download:after,
#popup .main ol.process:after,
#content #da-1 div.column-01:after,
#content #da-1 div.column-02:after,
#content #da-1 div.column-03:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}