@charset 'UTF-8';

/* basic */
html{
box-sizing:border-box;
-moz-box-sizing:border-box;
}
body{
margin:0px;
padding:0px;
color:#333333;
background:#ffffff;
height:100%;
font-size:16px;
_font-size:100%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',Arial,Verdana,sans-serif;
}

h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dt,dd,form,input,textarea{
margin:0px;
padding:0px;
line-height:1;
}
input:focus{
outline:none;
}
textarea:focus{
outline:none;
}

p{
font-size:84%;
line-height:1.75;
}
a{
color:#0000ff;
text-decoration:none;
outline-style:none;
}
a:visited{
text-decoration:none;
}
a:active{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
img{
border:none;
}
ul{
margin:0px;
padding:0px;
list-style-type:none;
}
ul li img{
display:block;
}
em{
font-style:normal;
}
table{
border-collapse:collapse;
border-spacing:0px;
padding:0px;
}
th,td{
padding:0px;
text-align:left;
}

.wrap:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
/* IE7,MacIE用 */
div.wrap {
display:inline-block;
}
/* Hides from IE-mac \*/
* html div.wrap{
height:1%;
}
div.wrap {
display:block;
}
/* End hides from IE-mac */

/* area */
#naviarea{
width:210px;
float:left;
}
#naviarea ul li{
line-height:0;
}
#naviarea ul li a{
display:block;
text-decoration:none;
}
#naviarea #navibanner{

}

#footerarea{
padding:0px 0px 50px 0px;
}
#footerarea ul li{
margin-right:30px;
float:left;
}
#footerarea ul li.navi{
margin-right:15px;
padding-top:35px;
}

/* index */
body#index{
background:#ffffff;
}
body#index.noflash{
background:url(../img/bg-index.jpg) no-repeat;
}
body#index #body{
position:relative;
}
body#index #body h1{
position:absolute;
top:0px;
left:50px;
}
body#index #body #situation{
position:absolute;
top:29px;
left:448px;
}
body#index #body #photoconnect{
position:absolute;
top:382px;
left:310px;
}
body#index #body #thestory{
position:absolute;
top:411px;
left:678px;
}
body#index #body #photoletter{
position:absolute;
top:755px;
left:532px;
}
body#index #body #news{
position:absolute;
top:280px;
left:13px;
width:200px;
}
body#index #body #news h2{
margin-bottom:5px;
}
body#index #body #news .section{
margin-bottom:10px;
}
body#index #body #news .section .article{
width:200px;
}
body#index #body #news .section .article p{
color:#666666;
font-size:68%;
line-height:1.5;
}
body#index #body #news .section .article p em{
color:#000000;
}
body#index #body #news .section .article p.navi{
padding-left:8px;
background:url(../img/icon-link.gif) no-repeat 0px 3px;
}
body#index #body #news .section .article p.exnavi{
padding-left:14px;
background:url(../img/icon-exlink.gif) no-repeat 0px 1px;
}
body#index #body #item{
position:absolute;
top:929px;
left:179px;
}
body#index #body #item h2{
margin-bottom:14px;
}
body#index #body #item p{
margin-bottom:12px;
}
body#index #body #item p.navi{
font-size:76%;
}
body#index #body #item p.navi a{
padding-left:8px;
background:url(../img/icon-link.gif) no-repeat 0px 3px;
}
body#index #body #campaign{
position:absolute;
top:1122px;
left:587px;
}
body#index #body #campaign h2{
margin-bottom:14px;
}
body#index #body #campaign p{
margin-bottom:8px;
}
body#index #body #campaign p.navi{
margin-top:12px;
margin-bottom:0px;
font-size:76%;
}
body#index #body #campaign p.navi a{
padding-left:8px;
background:url(../img/icon-link.gif) no-repeat 0px 3px;
}
body#index #body #about{
position:absolute;
top:1315px;
left:762px;
}
body#index #body #about h2{
margin-bottom:14px;
}
body#index #body #about p{
margin-bottom:8px;
}
body#index #body #about p.navi{
margin-bottom:0px;
font-size:76%;
}
body#index #body #about p.navi a{
padding-left:8px;
background:url(../img/icon-link.gif) no-repeat 0px 3px;
}

body#index #body #footerarea{
position:absolute;
top:1405px;
left:50px;
}

/* Photo Letter */
body#photoletter{
padding-left:50px;
background:url(../img/bg-photoletter.jpg) no-repeat;
}
body#photoletter #body{
width:901px;
}
body#photoletter #contentsarea{
width:691px;
float:left;
}
body#photoletter #contentsarea #about-photoletter{
margin:81px 0px 294px 269px;
}
body#photoletter #contentsarea #about-photoletter h1{
margin-left:26px;
margin-bottom:33px;
}
body#photoletter #contentsarea #about-photoletter h2{
margin-left:26px;
margin-bottom:18px;
}
body#photoletter #contentsarea #about-photoletter p{
margin-bottom:55px;
}
body#photoletter #contentsarea #about-photoletter p.lead{
margin-left:26px;
margin-bottom:132px;
}
body#photoletter #contentsarea #about-photoletter .wrap{
margin-bottom:20px;
}
body#photoletter #contentsarea #about-photoletter .wrap p{
margin-bottom:0px;
float:left;
}
body#photoletter #footerarea{
margin-top:270px;
}

/* Photo Letter how to watch */
body#photoletter-02{
padding-left:50px;
background:url(../img/bg-photoletter-02.jpg) no-repeat;
}
body#photoletter-02 #body{
width:900px;
}
body#photoletter-02.howtowatch #body{
width:902px;
}
body#photoletter-02 #contentsarea{
width:690px;
float:left;
}
body#photoletter-02.howtowatch #contentsarea{
width:692px;
float:left;
}
body#photoletter-02 #contentsarea #about-photoletter{
margin:60px 0px 39px 50px;
}
body#photoletter-02 #contentsarea #about-photoletter h1{
margin:0px 0px 111px 164px;
}
body#photoletter-02 #contentsarea #about-photoletter p{
margin-bottom:20px;
}
body#photoletter-02 #contentsarea #about-photoletter dl{
margin-bottom:40px;
font-size:68%;
}
body#photoletter-02 #contentsarea #before-join dl{
margin-bottom:30px;
font-size:68%;
}
body#photoletter-02 #contentsarea #about-photoletter dt,
body#photoletter-02 #contentsarea #before-join dt{
font-weight:bold;
line-height:1.5;
}
body#photoletter-02 #contentsarea #about-photoletter dd,
body#photoletter-02 #contentsarea #before-join dd{
margin:0px 0px 10px 0px;
line-height:1.5;
}
body#photoletter-02 #contentsarea #about-photoletter ul li,
body#photoletter-02 #contentsarea .section ul li{
margin-right:20px;
width:200px;
float:left;
}
body#photoletter-02 #contentsarea .section ul.stage li{
margin-right:20px;
width:310px;
float:left;
}
body#photoletter-02 #contentsarea #about-photoletter ul li.lastchild,
body#photoletter-02 #contentsarea .section ul li.lastchild{
margin-right:0px;
float:left;
}
body#photoletter-02 #contentsarea .section ul li{
padding-bottom:24px;
}
body#photoletter-02 #contentsarea .section#hataphotoletter ul li{
padding-bottom:0px;
}
body#photoletter-02 #contentsarea .section ul.stage li{
padding-bottom:10px;
}
body#photoletter-02 #contentsarea .section#allphotoletter ul li a,
body#photoletter-02 #contentsarea .section#step2 ul li a{
padding-left:14px;
font-size:84%;
background:url(../img/icon-exlink.gif) no-repeat 0px 1px;
}
body#photoletter-02 #contentsarea .section{
margin:0px 0px 40px 50px;
padding:41px 0px 0px 0px;
background:url(../img/bg-photoletter-03.gif) no-repeat top;
}
body#photoletter-02 #contentsarea .section h2{
margin:0px 0px 18px 0px;
}
body#photoletter-02 #contentsarea .section h3{
margin:0px 0px 28px 0px;
}
body#photoletter-02 #contentsarea .section h4{
margin:0px 0px 5px 0px;
font-size:90%;
line-height:1.5;
}
body#photoletter-02 #contentsarea .section h4 strong{
color:#ff0000;
}
body#photoletter-02 #contentsarea .section p{
margin:0px 0px 15px 0px;
}
body#photoletter-02 #contentsarea .section .block{
margin:0px 0px 30px 0px;
}
body#photoletter-02 #contentsarea .section .wrap p{
width:210px;
float:left;
}
body#photoletter-02 #contentsarea #step1 p.notes{
color:#999999;
font-size:60%;
line-height:1.5;
}
body#photoletter-02 #contentsarea #step1 p.check{
font-size:76%;
line-height:1.5;
}
body#photoletter-02 #contentsarea #step2 .section .wrap p.notes{
font-size:60%;
line-height:1.5;
width:420px;
float:left;
}
body#photoletter-02 #contentsarea #step4{
margin-bottom:60px;
}

body#photoletter-02 #contentsarea #before-join{
margin:60px 0px 124px 50px;
}
body#photoletter-02 #contentsarea #before-join h1{
margin:0px 0px 111px 164px;
}
body#photoletter-02 #contentsarea #before-join p{
margin-bottom:20px;
}
body#photoletter-02 #contentsarea #before-join p.lead{
margin-bottom:18px;
}
body#photoletter-02 #contentsarea #before-join p.step{
margin-top:50px;
margin-bottom:42px;
}
body#photoletter-02 #contentsarea #before-join .wrap p{
float:left;
}

body#photoletter-02 #contentsarea #about-upload{
margin:60px 0px 39px 50px;
}
body#photoletter-02 #contentsarea #about-upload h1{
margin:0px 0px 111px 164px;
}
body#photoletter-02 #contentsarea #about-upload p{
margin-bottom:20px;
}

body#photoletter-02 #contentsarea #about-join{
margin:60px 0px 0px 50px;
}
body#photoletter-02 #contentsarea #about-join h1{
margin:0px 0px 111px 164px;
}
body#photoletter-02 #contentsarea #about-join p{
margin-bottom:18px;
}
body#photoletter-02 #contentsarea #about-join p.navi{
margin-bottom:14px;
text-align:right;
}
body#photoletter-02 #contentsarea #about-join p.navi a{
padding-left:11px;
background:url(../img/icon-pagelink.gif) no-repeat 0px 4px;
}

body#photoletter-02 #contentsarea #talk{
margin-left:50px;
margin-bottom:36px;
}
body#photoletter-02 #contentsarea #talk h2{
padding-top:37px;
padding-bottom:36px;
background:url(../img/bg-photoletter-03.gif) no-repeat top;
}
body#photoletter-02 #contentsarea #talk p.hata{
margin-bottom:10px;
}
body#photoletter-02 #contentsarea #talk p.oyama{
margin-left:142px;
margin-bottom:10px;
}

body#photoletter-02 #contentsarea #join-photoletter{
margin:0px 0px 70px 0px;
}
body#photoletter-02 #contentsarea #join-photoletter .section{
margin:0px 0px 10px 50px;
padding:0px 0px 0px 0px;
background:#ffffff;
}
body#photoletter-02 #contentsarea #join-photoletter h3{
margin:0px;
padding:0px;
}

body#photoletter-02 #contentsarea #join-photoletter .section table{
width:640px;
border-collapse:separate;
border-spacing:1px;
background:url(../img/bg-photoletter-05.gif);
}
body#photoletter-02 #contentsarea #join-photoletter .section table td{
vertical-align:top;
background:#ffffff;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.description p{
margin:15px 12px 5px 12px;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.description p.navi{
margin:0px 12px 20px 12px;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.stage{
width:372px;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.stage p{
margin:9px 0px 0px 12px;
line-height:1;
width:360px;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.stage p.navi{
padding-top:4px;
margin:0px 0px 7px 12px;
font-size:68%;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.stagel p{
margin:9px 0px 0px 12px;
line-height:1;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.stagel p.navi{
padding-top:4px;
margin:0px 0px 7px 12px;
font-size:68%;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.navi{
width:265px;
text-align:right;
vertical-align:middle;
}
body#photoletter-02 #contentsarea #join-photoletter .section table td.navi p{
margin:0px 15px;
}

/* photoConnect */
body#photoconnect{
padding-left:50px;
background:url(../img/bg-photoconnect.jpg) no-repeat;
}
body#photoconnect #body{
width:900px;
}
body#photoconnect #contentsarea{
width:690px;
float:left;
}
body#photoconnect #contentsarea #about-photoconnect{
margin:371px 0px 150px 160px;
}
body#photoconnect #contentsarea #about-photoconnect h1{
margin-bottom:20px;
}
body#photoconnect #contentsarea #about-photoconnect h2{
margin-bottom:18px;
}
body#photoconnect #contentsarea #about-photoconnect p{
margin-bottom:20px;
}
body#photoconnect #contentsarea #about-photoconnect p.lead{
margin-bottom:20px;
}
body#photoconnect #contentsarea #about-photoconnect p.lastchild{
margin-bottom:26px;
}
body#photoconnect #contentsarea #about-photoconnect p.navi-enter{
margin-bottom:40px;
}
body#photoconnect #contentsarea #about-photoconnect p.navi-situation{
padding-top:9px;
background:url(../img/bg-photoconnect-01.gif) no-repeat top;
}

/* situation */
body#situation{
padding-left:50px;
background:url(../img/bg-situation.jpg) no-repeat;
}
body#situation #body{
width:900px;
}
body#situation #contentsarea{
margin-bottom:10px;
width:690px;
float:left;
}
body#situation #contentsarea h1{
margin:0px 0px 39px 40px;
}
body#situation #contentsarea .pagenavi{
margin-left:50px;
padding-top:10px;
background:url(../img/bg-situation-01.gif) no-repeat left top;
}
body#situation #contentsarea .pagenavi p{
padding-bottom:6px;
font-size:76%;
}
body#situation #contentsarea .pagenavi .wrap p{
margin-right:30px;
float:left;
}
body#situation #contentsarea .pagenavi p.navi a{
padding-left:11px;
background:url(../img/icon-pagelink.gif) no-repeat 0px 4px;
}
body#situation #contentsarea .section{
margin:0px 0px 40px 50px;
padding:41px 0px 0px 0px;
background:url(../img/bg-situation-01.gif) no-repeat top;
}
body#situation #contentsarea .section h2{
margin:0px 0px 20px 0px;
}
body#situation #contentsarea .section p{
margin:0px 0px 20px 0px;
}
body#situation #contentsarea .section p.navi{
margin:0px 0px 16px 0px;
}
body#situation #contentsarea .section p.navi a{
padding-left:8px;
background:url(../img/icon-link.gif) no-repeat 0px 3px;
}
body#situation #contentsarea .section .blockleft{
width:330px;
float:left;
}
body#situation #contentsarea .section .blockleft p{
padding-right:20px;
}
body#situation #contentsarea .section .blockright{
width:310px;
float:left;
}
body#situation #contentsarea #aihakobu-tool3.section h2{
margin:0px 0px 0px 0px;
}
body#situation #contentsarea #aihakobu-tool3.section .blockleft{
margin:20px 0px 0px 0px;
}

/* howto-osaifu */
body#howto{
padding-left:50px;
background:url(../img/bg-howto.jpg) no-repeat;
}
body#howto #body{
width:900px;
}
body#howto #contentsarea{
width:690px;
float:left;
}
body#howto #contentsarea #howto1-heading{
margin-left:50px;
padding:68px 0px 70px 145px;
background:url(../img/bg-howto-01.jpg) no-repeat;
}
body#howto #contentsarea #howto1-heading h1{
margin:0px 0px 19px 0px;
}
body#howto #contentsarea #howto1-heading p.lead{
margin:0px;
}
body#howto #contentsarea #howto2-heading{
margin-left:50px;
padding:75px 0px 50px 145px;
background:url(../img/bg-howto-02.jpg) no-repeat;
}
body#howto #contentsarea #howto2-heading h1{
margin:0px 0px 16px 0px;
}
body#howto #contentsarea #howto2-heading p.lead{
margin:0px;
}
body#howto #contentsarea h2{
margin:0px 0px 20px 50px;
}
body#howto #contentsarea p{
margin:0px 0px 40px 50px;
}
body#howto #contentsarea #howtobegin{
margin:0px 0px 40px 0px;
}
body#howto #contentsarea #howtobegin .section{
margin:0px 0px 20px 50px;
}
body#howto #contentsarea #howtobegin .section p{
margin:5px 0px 0px 0px;
font-size:68%;
line-height:1.5;
}
body#howto #contentsarea #howtobegin .section p.exnavi{
padding-left:14px;
background:url(../img/icon-exlink.gif) no-repeat 0px 1px;
}
body#howto #contentsarea p.notes{
margin:0px 0px 40px 50px;
color:#666666;
font-size:68%;
line-height:1.5;
}
body#howto #contentsarea #mobile{
margin:0px 0px 40px 50px;
}
body#howto #contentsarea #mobile .section{
margin:0px 0px 20px 0px;
}
body#howto #contentsarea #mobile .section h3{
margin:0px 0px 20px 0px;
}
body#howto #contentsarea #mobile .section p{
margin:0px 0px 20px 0px;
font-size:84%;
line-height:1.5;
}
body#howto #contentsarea #mobile .section p strong.advice{
font-size:90%;
color:#ea68a2;
}
body#howto #contentsarea #mobile .section p strong.advice span{
font-weight:normal;
}
body#howto #contentsarea #messenger{
margin:0px 0px 40px 50px;
padding:11px 0px 0px 0px;
background:url(../img/bg-howto-03.gif) repeat-x left top;
}
body#howto #contentsarea #messenger .section{
margin:0px 0px 10px 0px;
}
body#howto #contentsarea #messenger .section p{
margin:5px 0px 0px 0px;
font-size:68%;
line-height:1.5;
}
body#howto #contentsarea #messenger .section p.icon{
float:left;
width:50px;
}
body#howto #contentsarea #messenger .section p.exnavi{
padding-left:14px;
font-size:76%;
background:url(../img/icon-exlink.gif) no-repeat 0px 3px;
float:left;
}

/* the Story */
body#thestory{
padding-left:50px;
background:url(../img/bg-thestory.jpg) no-repeat;
}
body#thestory #body{
width:900px;
}
body#thestory #contentsarea{
width:690px;
float:left;
}
body#thestory #contentsarea #about-thestory{
margin:131px 0px 180px 291px;
}
body#thestory #contentsarea #about-thestory h1{
margin:0px 0px 19px 0px;
}
body#thestory #contentsarea #about-thestory p.lead{
margin-bottom:18px;
}
body#thestory #contentsarea #about-thestory p.pagenavi{
font-size:76%;
line-height:1.75;
}
body#thestory #contentsarea #about-thestory p.pagenavi a{
padding-left:11px;
background:url(../img/icon-pagelink.gif) no-repeat 0px 5px;
}
body#thestory #contentsarea #thestory-movie{
margin:0px 0px 40px 50px;
}
body#thestory #contentsarea #thestory-movie h2{
margin:20px 0px 16px 0px;
}
body#thestory #contentsarea #thestory-movie p{
margin:0px 0px 0px 0px;
}
body#thestory #contentsarea #thestory-movie p em{
color:#ff0000;
}
body#thestory #contentsarea #thestory-movie .right{
width:310px;
float:right;
}
body#thestory #contentsarea #thestory-movie .left{
margin-top:423px;
margin-right:20px;
width:310px;
float:left;
}
body#thestory #contentsarea #thestory-blog,
body#thestory #contentsarea #thestory-mixi{
margin:0px 0px 40px 50px;
padding:41px 0px 0px 0px;
background:url(../img/bg-thestory-01.gif) no-repeat top;
}
body#thestory #contentsarea #thestory-blog h2,
body#thestory #contentsarea #thestory-mixi h2{
margin:0px 0px 9px 0px;
}
body#thestory #contentsarea #thestory-blog .wrap p,
body#thestory #contentsarea #thestory-mixi .wrap p{
float:left;
width:310px;
}
body#thestory #contentsarea #thestory-blog .wrap p em{
color:#ff0000;
}
body#thestory #contentsarea #thestory-blog .wrap p img,
body#thestory #contentsarea #thestory-mixi .wrap p img{
margin-top:2px;
}
body#thestory #contentsarea #thestory-blog .wrap p a.navi,
body#thestory #contentsarea #thestory-mixi .wrap p a.navi{
padding-left:14px;
background:url(../img/icon-exlink.gif) no-repeat 0px 1px;
}
body#thestory #contentsarea #aihakobu-item{
margin:0px 0px 70px 50px;
padding:41px 0px 0px 0px;
background:url(../img/bg-thestory-01.gif) no-repeat top;
}
body#thestory #contentsarea #aihakobu-item h2{
margin:0px 0px 9px 0px;
}
body#thestory #contentsarea #aihakobu-item h3{
margin:0px;
}
body#thestory #contentsarea #aihakobu-item .wrap#partners{
margin:0px 0px 30px 0px;
}
body#thestory #contentsarea #aihakobu-item .item{
margin:0px 20px 0px 0px;
width:200px;
float:left;
}
body#thestory #contentsarea #aihakobu-item .item#fujitsu{
margin:0px 0px 0px 0px;
}
body#thestory #contentsarea #aihakobu-item .item p{
margin:0px 0px 10px 0px;
}
body#thestory #contentsarea #aihakobu-item .wrap#others p{
float:left;
}

/* about */
body#about{
padding-left:50px;
background:url(../img/bg-about.jpg) no-repeat;
}
body#about #body{
width:900px;
}
body#about #contentsarea{
width:690px;
float:left;
}
body#about #contentsarea #about-aihakobu{
margin:154px 0px 0px 160px;
}
body#about #contentsarea #about-aihakobu h1{
margin-bottom:30px;
}
body#about #contentsarea #about-partners{
margin:165px 0px 20px 270px;
}
body#about #contentsarea #about-partners h2{
margin-bottom:34px;
}
body#about #contentsarea #about-partners p{
margin-bottom:20px;
}
body#about #contentsarea #about-partners p.notes{
font-size:68%;
}
body#about #contentsarea #about-partners p a.navi{
padding-left:14px;
background:url(../img/icon-exlink.gif) no-repeat 0px 1px;
}

/* partners */
body#partners{
padding-left:50px;
background:url(../img/bg-partners.jpg) no-repeat;
}
body#partners #body{
width:900px;
}
body#partners #contentsarea{
width:690px;
float:left;
}
body#partners #contentsarea #about-partners h1{
margin:63px 0px 14px 175px;
}
body#partners #contentsarea #about-partners p{
margin:0px 0px 147px 175px;
}
body#partners #contentsarea #partner-list{
margin:0px 0px 0px 50px;
}
body#partners #contentsarea #partner-list .section{
margin-bottom:40px;
}
body#partners #contentsarea #partner-list .section .logo{
margin-top:3px;
width:140px;
float:left;
}
body#partners #contentsarea #partner-list .section .information{
width:500px;
float:left;
}
body#partners #contentsarea #partner-list .section .information .recommend{
margin-top:15px;
}
body#partners #contentsarea #partner-list .section .information .recommend .photo{
margin-top:3px;
width:190px;
float:left;
}
body#partners #contentsarea #partner-list .section .information .recommend .description{
width:310px;
float:left;
}
body#partners #contentsarea #partner-list .section .information .recommend .description p{
font-size:76%;
}
body#partners #contentsarea #partner-list .section .information .recommend .description p.navi{
padding-left:14px;
font-size:84%;
background:url(../img/icon-exlink.gif) no-repeat 0px 6px;
}
body#partners #contentsarea #pagertop p{
margin-bottom:35px;
text-align:right;
}
body#partners #contentsarea #pagerbottom p{
margin-bottom:70px;
text-align:right;
}

/* partner detail */
body#partner-detail{
background:url(../img/bg-partner-detail.gif) repeat-y;
}
body#partner-detail #body{
padding-left:30px;
width:630px;
background:url(../img/bg-partner-detail-contents.jpg) no-repeat;
}
body#partner-detail.jumpstart #body{
padding-left:30px;
width:630px;
background:#ffffff;
font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',Arial,sans-serif;
}
body#partner-detail.jumpstart #body p a.navi{
padding-left:8px;
background:url(../img/icon-link.gif) no-repeat 0px 4px;
}
body#partner-detail #headerarea{
padding:30px 0px 0px 0px;
}
body#partner-detail #headerarea h1{
width:449px;
float:left;
}
body#partner-detail.jumpstart #headerarea h1{
width:600px;
float:none;
}
body#partner-detail #headerarea #site-logo{
width:151px;
float:left;
}
body#partner-detail #contentsarea #about-detail{
width:600px;
}
body#partner-detail #contentsarea #about-detail h2{
margin:20px 0px;
color:#000000;
font-size:120%;
}
body#partner-detail #contentsarea #about-detail .topsection{
padding:30px 0px 23px 0px;
}
body#partner-detail #contentsarea #about-detail .section{
padding:30px 0px 23px 0px;
border-top:1px solid #cccccc;
}
body#partner-detail.jumpstart #contentsarea #about-detail p{
margin:0px 0px 20px 0px;
font-size:76%;
}
body#partner-detail #contentsarea #about-detail p{
margin:0px 0px 12px 0px;
font-size:76%;
}
body#partner-detail #contentsarea #about-detail p.navi{
margin:0px;
padding-left:8px;
background:url(../img/icon-link.gif) no-repeat 0px 6px;
}
body#partner-detail #contentsarea #about-detail p.exnavi{
margin:0px;
padding-left:14px;
background:url(../img/icon-exlink.gif) no-repeat 0px 4px;
}
body#partner-detail #contentsarea #about-detail table{
margin-bottom:15px;
border-top:1px solid #d3d3d3;
border-left:1px solid #d3d3d3;
}
body#partner-detail #contentsarea #about-detail table th{
padding:10px;
font-weight:normal;
text-align:left;
font-size:76%;
line-height:1.5;
width:100px;
vertical-align:top;
border-right:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
}
body#partner-detail #contentsarea #about-detail table td{
padding:10px;
font-size:76%;
line-height:1.5;
width:460px;
vertical-align:top;
border-right:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
}
body#partner-detail #contentsarea #about-detail table td span{
font-size:80%;
}
body#partner-detail #footerarea{
margin-left:30px;
margin-top:41px;
padding-top:15px;
width:600px;
border-top:1px solid #cccccc;
}

/* popup */
body#popup{
text-align:center;
}
body#popup #body{
margin:0 auto;
width:90%;
text-align:left;
font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',Arial,sans-serif;
}
body#popup #body h1{
margin:47px auto;
text-align:center;
}
body#popup #body h2{
margin-bottom:24px;
color:#000000;
font-size:16px;
}
body#popup #body p{
font-size:14px;
margin-bottom:20px;
}

/* report */
body#report{
padding-left:50px;
background:url(../img/bg-report.jpg) no-repeat;
}
body#report #body{
width:900px;
}
body#report #contentsarea{
margin-bottom:10px;
width:690px;
float:left;
}
body#report #contentsarea h1{
margin:59px 0px 16px 160px;
}
body#report #contentsarea p.lead{
margin:0px 0px 102px 160px;
}
body#report #contentsarea .section{
margin:0px 0px 0px 50px;
padding:39px 0px 20px 0px;
background:url(../img/bg-report-01.gif) repeat-x top left;
}
body#report #contentsarea .section.firstchild{
background:transparent;
}
body#report #contentsarea .section.photol .photo{
margin:0px 20px 0px 0px;
width:200px;
float:left;
}
body#report #contentsarea .section.photor .photo{
margin:0px 0px 0px 0px;
width:200px;
float:left;
}
body#report #contentsarea .section.photol .information{
margin:0px 0px 0px 0px;
width:420px;
float:left;
}
body#report #contentsarea .section.photor .information{
margin:0px 20px 0px 0px;
width:420px;
float:left;
}
body#report #contentsarea .section h2{
margin:0px 0px 16px 0px;
}
body#report #contentsarea .section p{
padding:0px 0px 16px 0px;
font-size:84%;
}
body#report #contentsarea .section p.blogdescription{
background:url(../img/bg-report-01.gif) repeat-x bottom left;
}
body#report #contentsarea .section p a.exnavi{
padding-left:14px;
background:url(../img/icon-exlink.gif) no-repeat 0px 1px;
}
body#report #contentsarea .section p.promotion{
padding:0px 0px 26px 0px;
}

/* privacypolicy */
body#privacypolicy{
padding-left:50px;
background:url(../img/bg-privacypolicy.jpg) no-repeat;
}
body#privacypolicy #body{
width:900px;
}
body#privacypolicy #contentsarea{
width:690px;
float:left;
}
body#privacypolicy #contentsarea #about-privacypolicy{
margin:60px 0px 50px 50px;
}
body#privacypolicy #contentsarea #about-privacypolicy h1{
margin-bottom:45px;
}
body#privacypolicy #contentsarea #about-privacypolicy p{
margin-bottom:20px;
}

/* selection */
body#selection{
padding-left:50px;
background:url(../img/bg-selection.jpg) no-repeat;
}
body#selection #body{
width:950px;
}
body#selection #contentsarea{
width:740px;
float:left;
}
body#selection #contentsarea #about-selection{
margin:59px 0px 210px 160px;
}
body#selection #contentsarea #about-selection h1{
margin-bottom:20px;
}
body#selection #contentsarea .section{
height:260px;
}
body#selection #contentsarea .section p{
margin-bottom:29px;
}
body#selection #contentsarea .section p a{
margin-right:20px;
}
body#selection #contentsarea .section#block1 h2,
body#selection #contentsarea .section#block3 h2,
body#selection #contentsarea .section#block1 p,
body#selection #contentsarea .section#block3 p{
margin-left:270px;
}
body#selection #contentsarea .section#block2 h2,
body#selection #contentsarea .section#block4 h2,
body#selection #contentsarea .section#block2 p,
body#selection #contentsarea .section#block4 p{
margin-left:50px;
}
body#selection #contentsarea .section#block1{
background:url(../img/bg-selection-block-01.jpg) no-repeat;
}
body#selection #contentsarea .section#block2{
background:url(../img/bg-selection-block-02.jpg) no-repeat;
}
body#selection #contentsarea .section#block3{
background:url(../img/bg-selection-block-03.jpg) no-repeat;
}
body#selection #contentsarea .section#block4{
height:225px;
background:url(../img/bg-selection-block-04.jpg) no-repeat;
}

body.selectionanswer{
padding-left:50px;
}
body#selection1.selectionanswer{
background:url(../img/bg-selection-01.jpg) no-repeat;
}
body#selection2.selectionanswer{
background:url(../img/bg-selection-02.jpg) no-repeat;
}
body#selection3.selectionanswer{
background:url(../img/bg-selection-03.jpg) no-repeat;
}
body#selection4.selectionanswer{
background:url(../img/bg-selection-04.jpg) no-repeat;
}
body.selectionanswer #body{
width:900px;
}
body.selectionanswer #contentsarea{
width:690px;
float:left;
}
body.selectionanswer #contentsarea h1{
margin:100px 0px 152px 212px;
}
body.selectionanswer #contentsarea h2{
margin:0px 0px 60px 50px;
}
body.selectionanswer #contentsarea .section{
margin-left:50px;
}

body.selectionanswer #contentsarea #fashion .section{
margin:0px 0px 80px 50px;
}
body.selectionanswer #contentsarea #fashion2 .section{
margin:0px 0px 0px 174px;
}
body.selectionanswer #contentsarea #tvdrama .section{
margin:0px 0px 70px 174px;
}
body.selectionanswer #contentsarea #internet .section{
margin:0px 0px 10px 160px;
}
body.selectionanswer #contentsarea #manyphoto .section{
margin:0px 0px 10px 50px;
}
body.selectionanswer #contentsarea #coolphoto .section{
margin:0px 0px 10px 160px;
}
body.selectionanswer #contentsarea #compact .section{
margin:0px 0px 10px 50px;
}
body.selectionanswer #contentsarea #longtime .section{
margin:0px 0px 10px 160px;
}
body.selectionanswer #contentsarea .section .item{
float:left;
}
body.selectionanswer #contentsarea .section p{
line-height:1;
}
body.selectionanswer #contentsarea .section p.button{
margin:0px 0px 0px 37px;
}
body.selectionanswer #contentsarea .section p.button a.reportlink img{
padding:0px 0px 0px 20px;
}
body.selectionanswer #contentsarea .section .description{
float:left;
}
body.selectionanswer #contentsarea .section p.navi{
margin:8px 0px 0px 3px;
padding-left:8px;
font-size:76%;
line-height:1.75;
background:url(../img/icon-link.gif) no-repeat 0px 6px;
}
body.selectionanswer #contentsarea p.back{
margin:10px 0px 39px 50px;
}

/* item */
body#item{
background:url(../img/bg-item.jpg) no-repeat;
}
body#item #body{
position:relative;
}
body#item #naviarea{
position:absolute;
left:50px;
top:0px;
}
body#item #item-header{
position:absolute;
left:484px;
top:80px;
}
body#item #item-header h1{
margin-bottom:19px;
}
body#item #pagenavi{
position:absolute;
left:310px;
top:273px;
}
body#item #pagenavi{
width:640px;
padding-bottom:8px;
background:url(../img/bg-item-01.gif) no-repeat left bottom;
}
body#item #pagenavi .wrap{
padding-top:13px;
background:url(../img/bg-item-01.gif) no-repeat left top;
}
body#item #pagenavi p{
padding-bottom:4px;
font-size:76%;
}
body#item #pagenavi .wrap p{
margin-right:30px;
float:left;
}
body#item #pagenavi p.navi a{
padding-left:11px;
background:url(../img/icon-pagelink.gif) no-repeat 0px 4px;
}
body#item #banner{
position:absolute;
left:712px;
top:367px;
}
body#item #selection{
position:absolute;
left:310px;
top:367px;
}
body#item #selection h3{
margin:119px 0px 14px 79px;
}
body#item #selection p{
margin:0px 0px 116px 79px;
}
body#item #selection p.navi{
margin:0px 0px 0px 39px;
padding-left:8px;
font-size:76%;
background:url(../img/icon-link.gif) no-repeat 0px 6px;
}
body#item #report{
position:absolute;
left:601px;
top:731px;
}
body#item #report h3{
margin:105px 0px 14px 79px;
}
body#item #report p{
margin:0px 0px 125px 79px;
}
body#item #report p.navi{
margin:0px 0px 0px 39px;
padding-left:8px;
font-size:76%;
background:url(../img/icon-link.gif) no-repeat 0px 6px;
}
body#item #partner{
position:absolute;
left:290px;
top:1116px;
}
body#item #partner h3{
margin:99px 0px 14px 79px;
}
body#item #partner p{
margin:0px 0px 115px 79px;
}
body#item #partner p.navi{
margin:0px 0px 0px 39px;
padding-left:8px;
font-size:76%;
background:url(../img/icon-link.gif) no-repeat 0px 6px;
}
body#item #footerarea{
position:absolute;
left:50px;
top:1520px;
}

/* campaign */
body#campaign{
padding-left:50px;
background:url(../img/bg-campaign.jpg) no-repeat;
}
body#campaign #body{
width:950px;
}
body#campaign #contentsarea{
width:740px;
float:left;
}
body#campaign #contentsarea #about-campaign{
margin:59px 0px 141px 160px;
}
body#campaign #contentsarea #about-campaign h1{
margin-bottom:19px;
}
body#campaign #contentsarea .wrap{
padding-left:50px;
}
body#campaign #contentsarea #leftblock{
margin-right:20px;
width:310px;
float:left;
}
body#campaign #contentsarea #rightblock{
width:310px;
float:left;
}
body#campaign #contentsarea .section{

}
body#campaign #contentsarea .section#block1{

}
body#campaign #contentsarea .section#block2{
padding-top:153px;
background:url(../img/bg-campaign-01.gif) no-repeat left top;
}
body#campaign #contentsarea .section#block3{
padding-top:154px;
background:url(../img/bg-campaign-02.gif) no-repeat left top;
}
body#campaign #contentsarea .section#block4{
padding-top:153px;
background:url(../img/bg-campaign-03.gif) no-repeat left top;
}
body#campaign #contentsarea .section#block5{
padding-top:155px;
background:url(../img/bg-campaign-04.gif) no-repeat left top;
}
body#campaign #contentsarea .section#block10{
padding-top:160px;
margin-bottom:44px;
background:url(../img/bg-campaign-09.gif) no-repeat left top;
}
body#campaign #contentsarea .section#block6{
margin-top:151px;
padding-bottom:154px;
background:url(../img/bg-campaign-05.gif) no-repeat left bottom;
}
body#campaign #contentsarea .section#block7{
padding-bottom:188px;
background:url(../img/bg-campaign-06.gif) no-repeat left bottom;
}
body#campaign #contentsarea .section#block8{
padding-bottom:154px;
background:url(../img/bg-campaign-07.gif) no-repeat left bottom;
}
body#campaign #contentsarea .section#block9{
padding-bottom:154px;
background:url(../img/bg-campaign-10.gif) no-repeat left bottom;
}
body#campaign #contentsarea .section#block12{
padding-bottom:154px;
background:url(../img/bg-campaign-08.gif) no-repeat left bottom;
}
body#campaign #contentsarea .section#block11{
padding-bottom:44px;
}
body#campaign #contentsarea .section .photo{
margin-bottom:15px;
}
body#campaign #contentsarea .section p a.exnavi{
padding-left:14px;
background:url(../img/icon-exlink.gif) no-repeat 0px 1px;
}