@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;
}
html{
font-size:75%;
}
body{
font-size:1em;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
line-height:1.5;
color:#333333;
background:#fff28b;
-webkit-text-size-adjust:100%;
}
ul{
list-style:none;
}
img{
border:none;
vertical-align:bottom;
}
#sp_bnr{
z-index:103;
margin-bottom:100px;
}
/*==================================================
  #header
==================================================*/
#header{
background:#ed6d1f;
position:absolute;
top:0;
left:0;
width:100%;
min-width:900px;
height:50px;
z-index:102;
}
#header .inner{
position:relative;
width:900px;
margin:0 auto;
}
#header h1{
padding-top:2px;
padding-bottom:5px;
}
#header h1,
#header h1 a{
position:relative;
display:block;
width:174px;
height:43px;
z-index:101;
}
#header #nav-global{
position:absolute;
top:3px;
right:0;
width:634px;
z-index:100;
}
#header #nav-global li{
float:left;
margin-left:0px;
}
#header #nav-global li a{
display:block;
}
/*==================================================
  #main
==================================================*/
#main{
background:url(/sp/linknote/images/bg-main-01.jpg) center 50px no-repeat;
height:635px;
width:100%;
min-width:900px;
padding-top:80px;
position:relative;
}
#main .inner{
width:900px;
margin:0 auto;
padding-top:35px;
overflow:hidden;
}
#main .inner >h2+ul{
margin-top:-15px;
}
#main .btn-socal{
clear:both;
position:absolute;
top:680px;
}
#main .btn-socal li{
float:left;
}
#main .btn-socal li.evernote{
width:84px;
}
#main .btn-socal li.tweet{
width:125px;
}
#main .btn-movie_01{
position:absolute;
top:615px;
}

/*==================================================
  #content
==================================================*/
#content{
position:relative;
width:100%;
min-width:900px;
z-index:100;
}
#content .inner{
width:900px;
margin:0 auto 30px;
}
.box-01{
background:#fff;
position:relative; 
width:860px;
margin:0 auto;
padding:20px;
border-radius:8px;
box-shadow:0 1px 3px #bbb;
z-index:100;
zoom:1;
behavior:url(/sp/linknote/style/PIE.htc);
}
.lyt-col2:after{
display:block;
float:none;
clear:both;
width:auto;
overflow:hidden;
content:"";
zoom:1;
}
.lyt-col2 li{
float:left;
}
.lyt-col2 li p{
margin:0 ;
}
.box-02{
background:#e8f7f9;
position:relative;
margin-bottom:15px;
padding:15px;
border-radius:10px;
z-index:100;
zoom:1;
behavior:url(/sp/linknote/style/PIE.htc);
}
.box-02 h3{
margin-bottom:10px;
}
.btn-01{
text-align:center;
margin-bottom:10px;
}
.btn-01 li{
display:inline-block;
}
#about .box-01{
padding-top:86px;
}
#about h2{
position:absolute;
top:13px;
left:20px;
z-index:101;
}
#about .unique-01{
position:absolute;
top:13px;
right:20px;
z-index:100;
}
#notice{
padding-bottom:30px;
}
/*==================================================
  #footer
==================================================*/
#footer{
background-color:#ed6d1f;
position:relative;
left:0;
bottom:0;
clear:both;
width:100%;
min-width:900px;
z-index:101;
}
#footer #pagetop{
position:relative;
width:900px;
margin:0 auto;
}
#footer #pagetop a{
position:absolute;
top:-28px;
right:0;
display:block;
width:125px;
height:35px;
}
#footer #pagetop a:hover{
top:-26px;
}
#footer .inner{
width:900px;
min-width:900px;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}
#footer .inner ul{
width:100%;
overflow:hidden;
}
#footer .inner li{
text-align:right;
float:left;
margin-left:19px;
}
#footer .inner li.first{
margin-right:13px;
text-align:left;
margin-left:0;
}
/*==================================================
  #Popup
==================================================*/
#popup #header{
padding:10px 0;
height:auto;
}
#popup #header h1{
float:left;
padding:0; 
}
#popup #header h1,
#popup #header h1 a{
width:auto;
height:auto;
}
#popup #header p{
float:right;
}
#popup #nav-popup{
background:#fff;
position:relative;
width:876px;
margin:0 auto 30px;
padding:10px;
border:2px solid #ed6d1f;
border-radius:10px;
z-index:100;
zoom:1;
behavior:url(/sp/linknote/style/PIE.htc);
}
#popup #nav-popup ul{
overflow:hidden;
margin:0 18px;
}
#popup #nav-popup li{
float:left;
}
#popup #nav-popup li a{
display:block;
}
#popup #nav-popup li p{
font-size:10px;
margin-left: 26px;
}
#popup #content{
padding-top:70px;
}
#popup #notice{
margin-bottom:0;
}
#popup #notice .box-02{
padding:10px;
margin:0; 
}
#popup #notice p{
text-align:center;
position:relative;
vertical-align:middle;
}
#popup #notice p span.before{
background:url(/sp/linknote/images/ico-popup-01.png) left center no-repeat;
display:inline-block;
height:46px;
padding-left:32px;
}
#popup #notice p span.after{
background:url(/sp/linknote/images/ico-popup-02.png) right center no-repeat;
display:inline-block;
height:46px;
line-height:46px;
padding-right:88px;
}
#popup .box-01{
padding-top:25px;
padding-bottom:25px;
margin-bottom:30px;
}
#popup .box-01 h2{
padding-left:10px;
margin-bottom:10px;
}
#popup .box-01 h2 + p{
font-size:16px;
padding-left:10px;
}
#popup .box-01 h3{
padding-left:7px;
padding-top:50px;
}
#popup .section{
position:relative;
margin-bottom:40px;
}
#popup .section p a.unique-01{
position:absolute;
top:105px;
left:28px;
}
#popup .section + p{
margin-top:30px;
padding-left:10px;
}
#popup .box-01 .section{
margin-bottom:0;
}
#popup .box-01 .section p{
text-align:center;
margin-bottom:0;
padding-top:30px;
}
#popup #notice-bottom li:before{
content:'※';
}