@charset "utf-8";


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// h2
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

h2.h2_invitation{width:620px;height:83px;margin-top:5px;background:url(../../images/content/h2_phase0.png) left top no-repeat;text-indent:-9999px;}

h2.h2_phase2{width:620px;height:82px;margin-top:5px;background:url(../../images/content/h2_phase2.png) left top no-repeat;text-indent:-9999px;}

h2.subtitle{width:280px;height:65px;background:url(../../images/common/sub_skmt.png) left top no-repeat;}
h2.h2_news{width:300px;height:30px;background:url(../../images/common/h2_news.png) left top no-repeat;text-indent:-9999px;}
h2.h2_togenews{width:300px;height:30px;background:url(../../images/common/h2_togenews.png) left top no-repeat;text-indent:-9999px;}
div.invitation{width:710px;height:373px;padding-top:61px;margin-top:-60px;background:url(../../images/common/h2_invitation.png) right top no-repeat;}

div.invitation_ph2{width:710px;height:90px;padding-top:61px;margin-top:-65px;background:url(../../images/common/h2_invitation.png) right top no-repeat;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// h3
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.step_border h3{width:480px;font-size:130%;height:22px; margin-bottom: 2em;}
div.step_border p{width:480px;margin:15px 0;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// news
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.news_wrap{width:620px;height:210px;font-size:80%;/* margin-bottom:39px; */}
div.news{width:350px;margin-top:20px;margin-right:20px;float:left;t}
div.togenews{width:250px;margin-top:20px;float:left;}

dl.news{width:350px;height:auto;margin-right:20px;padding-bottom:5px;}
dl.news dd{width:302px;float:left;padding:0 5px;}
dl.news dt{width:14px;height:5px;margin:5px 3px 0 0;background-color:#000;float:left;}

.togenewsP { margin-bottom: .7em !important; }
.togenewsP dt{width:14px;height:5px;margin:5px 3px 0 0;background-color:#000;float:left;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// btn
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.btn_iine{width:78px;height:22px;padding:48px 0 0 533px;}

div.re_invi{width:303px;height:55px;margin:30px 0 30px 160px;}

div.btn_uketoru_y{width:303px;height:57px;margin:20px 35px;float:left;}
div.btn_guide{width:202px;height:57px;margin:20px 0;float:left;}

div.explain{width:620px;}
div.explain ul{width:620px;height:52px;background:url(../../images/common/btn_explain.png) left top no-repeat;}
div.explain ul li{width:310px;float:left;text-indent:-9999px;}
div.explain ul li a{display:block;height:52px;}

div.explain #nav01 a{width:310px;background-position:0 0;}
div.explain #nav02 a{width:310px;background-position:-81px 0;}

div.explain #nav01 a:hover{width:310px;background-position:0 -43px;}
div.explain #nav02 a:hover{width:310px;background-position:-81px -43px;}

p.ex_01{width:620px; margin:30px 0;}


div.step_border{width:480px;height:auto;border-top:dotted 1px #000;padding:20px 70px;}

p.ex_twitter{width:620px;min-height:1.7em;font-size:80%;margin:10px 0 5px 0;text-align:left;line-height:200%;border-top:dotted 1px #000;padding:3px 0;overflow: hidden;}
p.ex_sm{width:620px;min-height:1.7em;font-size:80%;margin:10px 0 5px 0;text-align:left;line-height:200%;border-top:dotted 1px #000;border-bottom:double 3px #000;padding:3px 0;overflow: hidden;}
p.ex_twitter .wrap, p.ex_sm .wrap{ display:block; width: 50%; float: right; }
p.ex_twitter .text, p.ex_sm .text{ display:block; margin-top: 1em; padding: 0 40px; font-size: .9em; line-height:1.55em;}

p.ex_arasuji{width:220px;height:17px;font-size:80%;margin:10px 0 5px 0;text-align:right;line-height:200%;padding:2px 0;}

div.welcome_message{width:480px;margin:20px 0 20px 70px;}
div.welcome_message h3{font-size:150%;margin:40px 0;}

div.welcome_message02{width:600px;margin:20px 0;line-height:177%;}
div.welcome_message02 h3{font-size:150%;margin:40px 0;}
div.welcome_message02 h3.gaiyou{border-top: 1px solid black;padding-top: 1em;}
div.welcome_message02 ul{width:520px;font-weight:bold;margin:20px auto;}
div.message_border{width:460px;margin:40px auto;padding:20px 20px 0 20px;font-weight:bold;border:solid 2px #000;font-size:110%;}
div.welcome_message02 h4 {width:570px;margin:20px 0; margin-top:3em; padding:3px 0 3px 25px;font-size:120%;font-weight:bold;line-height:177%;border-bottom:solid 1px #000;background:url(../../images/content/bull.png) left center no-repeat;}
div.welcome_message02 div.line{width:600px;height:auto;margin:20px 0; 0;line-height:177%;border-bottom:dotted 1px #000;}
div.welcome_message02 p{line-height: 1.88em;}
div.welcome_message02 p.l{width:285px;margin-right:25px;float:left;}
div.welcome_message02 p.r{width:285px;float:left;}

div.btn_jointwitter{width:300px;font-size:80%;line-height:250%;margin-left:123px;}

div.btn_step3l{width:233px;margin-right:17px;float:left;}
div.btn_step3r{width:233px;float:left;}
div.btn_step3c p.btn_step3l{width:233px;margin-right:17px;float:left;}
div.btn_step3c p.btn_step3r{width:233px;float:left;}
div.btn_step3c{width:483px;font-size:80%;margin-top:20px;}
div.btn_step3c{width:483px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// map kanren
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

p.map_pv{width:600px;padding:50px 10px;border-top:solid 1px #000;}

div.pv_left{width:390px;margin-right:10px;border-top:solid 2px #000;border-bottom:solid 2px #000;float:left;}
div.pv_right{width:220px;border-top:solid 2px #000;border-bottom:solid 2px #000;float:left;}

div.pv_con{width:370px;padding:10px;border-bottom:dotted 1px #000;font-size:90%;}
div.pv_01{width:33px;height:17px;background:url(../../images/content/icon_new.png) left top no-repeat;margin-right:5px;float:left;}
div.pv_02{width:56px;height:17px;margin-right:5px;float:left;}
div.pv_03{width:17px;height:17px;background:url(../../images/content/icon_place.png) left top no-repeat;margin-right:10px;float:left;}
div.pv_04{width:189px;height:17px;margin-right:5px;float:left;}
div.pv_05{width:40px;height:17px;margin-right:5px;float:left;}
p.moreinfo{width:370px;height:17px;text-align:right;font-size:90%;padding:10px;}

p.pv_r_line{width:220px;font-size:80%;margin-top:10px;}
div.pv_r_line{width:220px;text-align:right;border-bottom:dotted 1px #000;padding-bottom:8px;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// pp
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

h2.default{width:605px;height:60px;padding:36px 0 0 15px;background:url(../../images/common/h2_default.png) left top no-repeat;font-size:200%;font-weight:bold;}
div.pp{width:620px;margin-top:5px;line-height:177%;}
div.pp h2{width:605px;height:60px;padding:36px 0 0 15px;background:url(../../images/common/h2_default.png) left top no-repeat;font-size:200%;font-weight:bold;}
div.pp h3{width:600px;font-size:120%;margin-top:40px;margin-left:20px;}
div.pp h4{width:600px;font-size:100%;margin-top:20px;margin-left:20px;}
div.pp p,div.pp ul{width:540px;font-size:90%;line-height:177%;margin:15px 0 10px 55px;}
div.pp p.date{width:570px;font-size:90%;margin:30px 0 10px 20px;text-align:right;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// youtube
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

h2.h2_youtube{width:605px;height:60px;padding:36px 0 0 15px;background:url(../../images/content/h2_youtube.png) left top no-repeat;font-size:200%;font-weight:bold;text-indent:-9999px;}
div.youtube h3{width:600px;font-size:140%;margin-left:0px;margin-bottom:15px;}
div.youtube .entry{ margin-bottom: 3em; }
div.youtube .entryHeader{ position: relative; }
div.youtube .entryHeader .date{ font-size: .66em; text-transform: lowercase; font-style: italic; }
div.youtube .entryHeader .date:before{ content:"update"; background: #000; color: #FFF; display: block; width: 6em; margin-right: 1em; padding: 0 .4em; }
div.youtube ul{width:620px;margin:20px 0;padding:0 20px;border-bottom:dotted 1px #000;border-top:dotted 1px #000;font-size:1.2em;}
div.youtube li{width:600px;margin:10px 20px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// pv guiedeline
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.pv_guide{width:620px;margin-top:5px;line-height:177%;}
div.pv_guide h2{width:605px;height:60px;padding:40px 0 0 15px;background:url(../../images/common/h2_default.png) left top no-repeat;font-size:140%;font-weight:bold;}
div.pv_guide h3{width:600px;font-size:120%;margin-top:40px;margin-left:20px;}
div.pv_guide h4{width:600px;font-size:100%;margin-top:20px;margin-left:20px;}
div.pv_guide p{width:540px;font-size:90%;line-height:177%;margin:15px 0 10px 55px;}
div.pv_guide ol{width:520px;font-size:90%;line-height:177%;margin:15px 0 10px 75px;}
div.pv_guide ol li{list-style-type:decimal;}
div.pv_guide ul{width:480px;font-size:90%;line-height:177%;margin:10px 0 10px 15px;}
div.pv_guide ul li{list-style-type:disc;}
div.pv_guide ul.tuiki90{width:480px;font-size:90%;line-height:177%;margin:10px 0 10px 90px;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// pv guiedeline
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.yakusoku{width:620px;margin-top:5px;line-height:177%;}
div.yakusoku h2{width:605px;height:60px;padding:36px 0 0 15px;background:url(../../images/common/h2_default.png) left top no-repeat;font-size:200%;font-weight:bold;}
div.yakusoku h3{width:590px;margin:20px 0 0 30px;font-size:130%;font-weight:bold;}
div.yakusoku p{width:550px;margin:20px 0 50px 50px;}
div.yakusoku .wrap
 {
border: solid 10px black;
width: 440px;
margin: 0 auto;
padding: 30px 40px;
margin-top: 20px;
margin-bottom: 20px;
 }
 div.yakusoku h3 {
font-weight: bold;
font-size: 1.3em;
margin-bottom: .5em;
padding-left: 35px;
padding-top: .25em;
background: transparent url(../../images/common/checkbox.png) no-repeat left top;
}
 div.yakusoku p {
margin-bottom: 3.5em !important;
margin-left: 68px;
font-size: .9em;
font-weight: normal;
width: auto !important;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// goods
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.goods{width:620px;margin-top:5px;line-height:177%;border-bottom:solid 1px #000;}
div.goods h3{width:595px;margin:10px 0;padding:3px 0 3px 25px;font-size:120%;font-weight:bold;line-height:177%;border-bottom:dotted 1px #000;background:url(../../images/content/bull.png) left center no-repeat;}
div.goods p{width:620px;margin-top:5px;line-height:177%;}
div.goods ul{width:620px;margin:30px 0;padding-left:5px;font-size:80%;}
div.goods li{width:83px;margin-right:5px;line-height:177%;float:left;}

div.goods ul.poster_card {width:620px;margin:10px 0;padding-left:5px;}
div.goods ul.poster_card li.l{width:300px;margin:20px 10px 25px 0;border-right:dotted 1px #000;font-size:1.2em;text-align:center;line-height:177%;float:left;}
div.goods ul.poster_card li.r{width:300px;margin:20px 0 25px 0;font-size:1.2em;text-align:center;line-height:177%;float:left;}
div.goods ul.poster_card li img{border:solid 1px #000;}
div.goods ul.poster_card li a{text-decoration: none;}

div.goods ul.line_hr{width:620px;height:30px;margin:10px 0;}
div.goods ul.line_hr li.l{width:280px;margin-right:40px;float:left;}
div.goods ul.line_hr li.r{width:280px;margin-right:0px;float:left;}
div.goods ul.line_hr li hr{width:280px;height:0px;border:0px;border-bottom:dotted 1px #000;}

dl.mokuji{width:600px;height:auto;margin:10px 0 30px 20px;;padding:10px 0;font-size:1.2em;}
dl.mokuji dd{width:573px;float:left;padding:0 5px;margin-bottom:5px;}
dl.mokuji dt{width:14px;height:5px;margin:9px 3px 5px 0;background-color:#000;float:left;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// skmtsocial guide
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.guide{width:620px;margin-top:5px;line-height:177%;border-bottom:solid 1px #000;}
div.guide h3{width:595px;margin:20px 10px; 0;padding:3px 0 3px 25px;font-size:140%;font-weight:bold;line-height:177%;border-bottom:dotted 1px #000;background:url(../../images/content/bull.png) left center no-repeat;}
div.guide h4{width:615px;margin:20px 0 5px 0;font-weight:bold;padding-left:5px;border-bottom:dashed 1px #000;font-size:120%;}
div.guide p{width:615px;margin:5px 0 15px 0;padding-left:5px;line-height:177%;}

div.btn_jointwitter02{width:540px;font-size:80%;line-height:250%;margin:20px 0 20px 180px;}

div.guide div.pv_guide_l{width:300px;margin-right:10px;text-align:center;float:left;}
div.guide div.pv_guide_r{width:300px;text-align:center;float:left;}

div.like_btn{width:480px;margin:10px 0 10px 70px; text-align:right;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 3min
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.threemin{width:620px;margin-top:5px;line-height:177%;}
div.threemin h2{width:620px;height:82px;background:url(../../images/content/h2_3min.png) left top no-repeat;text-indent: -9999px;overflow: hidden;}
div.threemin ul.three_nav{width:620px;height:27px;border-bottom: solid 1px #000;}
div.threemin ul.three_nav li{text-indent:-9999px;float:left;position:relative;width:112px;height:27px;}
div.threemin ul.three_nav li a{display:block;width:100%;height:100%;background:url(../../images/content/guide/subNav.png) left top no-repeat;}
div.threemin ul.three_nav li.three_nav01 a:hover,div.threemin ul.three_nav li.three_nav01 a.active{background-position:0 100%;}
div.threemin ul.three_nav li.three_nav02 a:hover,div.threemin ul.three_nav li.three_nav02 a.active{background-position:-113px 100%;}
div.threemin ul.three_nav li.three_nav03 a:hover,div.threemin ul.three_nav li.three_nav03 a.active{background-position:-225px 100%;}

div.threemin ul.three_nav li.three_nav01 a{background-position:0px 0;}
div.threemin ul.three_nav li.three_nav02 a{background-position:-113px 0; }
div.threemin ul.three_nav li.three_nav03 a{background-position:-225px 0;}

div.three_border{width:550px;padding:3px 2px;margin:50px auto;border:solid 7px #000;position: relative;margin-top: 0;}
div.three_border ul{width:500px;margin:5px;padding:50px 0 40px 40px;background:url(../../images/content/mina_shuyaku.png) right top no-repeat;}
div.three_border ul li{font-size:110%;font-weight:bold;margin:5px 0;}
div.three_border p{width:460px;margin:20px 0;text-align:right;}
div.three_border .more {border: dotted 1px black;margin: 40px;padding: 40px;}
div.three_border .more p{margin: 0;width: 390px;text-align: left;}
div.three_border .toggle {position: absolute; right: 20px; bottom: 10px; font-size: .8em;}

div.threemin dl.info{width:550px;height:auto;margin:50px auto;padding-bottom:16em;border-bottom:dotted 1px #000;}
div.threemin dl.info dt{width:120px;margin-right:20px;float:left;}
div.threemin dl.info dd{width:410px;float:left;}
div#con_right div.threemin dl.info dt p,div#con_right div.threemin dl.info dd p{margin-bottom:10px;}
div.threemin dl.info,dl.info dt,dl.info dd{line-height: 1.88em;}
div.threemin dl.info .subTitle{ font-size:.77em; font-weight: bold; line-height: 1em;}
div.threemin dl.info .mainTitle{ font-size: 1.1em; font-weight: bold;}
div.threemin dl.info b{ font-weight: bold; text-decoration: underline;}
div.threemin dl.info .note{ font-size: .88em; color: #333;}
div.threemin dl.info .em{font-size: 1.5em; font-weight: bold;}
    

div.threemin div.com_img{width:266px;height:220px;margin:20px auto;}

div.threemin ul.ph_tab{width:400px;margin-left:160px;height:22px;background:url(http://skmtsocial.com/images/content/btn_ph.png) left top no-repeat;}
div.threemin ul.ph_tab li{text-indent:-9999px;float:left;}
div.threemin ul.ph_tab li a{display:block;height:22px;background:url(http://skmtsocial.com/images/content/btn_ph.png) left top no-repeat;}
div.threemin ul.ph_tab a:hover{width:620px;background:url(http://skmtsocial.com/20110802/images/content/btn_ph.png) left top no-repeat;}
div.threemin ul.ph_tab li.ph01 a{width:80px;height:22px;background-position:0 0;}
div.threemin ul.ph_tab li.ph02 a{width:80px;height:22px;background-position:0 -80px;}
div.threemin ul.ph_tab li.ph03 a{width:80px;height:22px;background-position:0 -160px;}
div.threemin ul.ph_tab li.ph04 a{width:80px;height:22px;background-position:0 -240px;}
div.threemin ul.ph_tab li.ph05 a{width:80px;height:22px;background-position:0 -320px;}

div.threemin div.ph_comment{width:474px;margin-left:62px;padding:10px;border:solid 2px #000;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// pv
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.mapWrapper
{
    position: relative;
    z-index: 1;
    width: 620px;
    border-bottom: solid 16px #000;
    overflow: hidden;
}
.mapHeader
{
    position: absolute;
    z-index: 9;
}
.mapFooter
{
    bottom: 0px;
    position: absolute;
    z-index: 9;
}
.mapFooter .counter
{
    position: absolute;
    color: #000;
    background: #FFF url(../../images/content/counter_footer.png) repeat-x left bottom;
    width: 140px;
    height: 140px;
    right: 10px;
    bottom: 10px;
    padding: 10px;
}
.mapFooter .counter .num
{
    bottom: 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 82px;
    letter-spacing: -0.02em;
    line-height: 1em;
    position: absolute;
    right: 20px;
    text-align: right;
}
.mapFooter .counter .text
{
    font-size: .8em;
}
.mapFooter .counter .text2
{
    position: absolute;
    right: 5px;
    bottom: 20px;
    text-align: right;
    font-size: 1em;
}


.mapFooter .infoArea
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 620px;
    height: 200px;
    z-index: 0;
    font-size: .88em;
    line-height: 2em;
}
.mapFooter .infoArea ul
{
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
}
.mapFooter .infoArea ul .counters
{
    position: absolute;
    width: 229px;
    height: 187px;
    right: 0;
    bottom: 0;
    z-index: 9;
    border-left: dotted 1px black;
    margin-bottom: 13px;
}
.mapFooter .panel *
{
    color: #000;
}

    .mapFooter .panel
    {
        position: absolute;      
        background: transparent url(../../images/content/phase2/wh_alpha.png) repeat left top;
    }
    .mapFooter ul.tweets .panel
    {
        width: 100%;
        height: 100%; 
    }
    .mapFooter ul.tweets .panel:after
    {
        content: "";
        position: absolute;
        right: 250px;
        top: 23px;
        width: 25px;
        height: 24px;
        background: transparent url(http://skmtsocial.com/images/common/q.png) no-repeat left top;
    }
    .mapFooter .panel .wrap
    {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 3; 
        background: transparent url(../../images/content/phase2/border.png) repeat-x left bottom;
    }
    .mapFooter .panel span
    {
        position: relative;
        z-index: 9;
    }
    .mapFooter .panel .link
    {
        position: inherit;
    }
    .mapFooter .panel .icon
    {
        position: absolute;
        top: 17px;
        left: 23px;
    }
    .mapFooter .panel .user
    {
        position: absolute;
        left: 87px;
        top: 34px;
        font-size: .9em;
    }
    .mapFooter .panel .text
    {
        position: absolute;
        display: block;
        width: 260px;
        padding: 10px;
        padding-top: 60px;
        padding-left: 95px;
        line-height: 1.77em;
        cursor: pointer;
    }
    .mapFooter .panel .date
    {
        position: absolute;
        left: 90px;
        top: 17px;
        font-size: 8px !important;
    }
    .mapFooter .panel .date a
    {
        text-decoration: none;
        color: #777;
        font-size: 8px !important;
    }
    .mapFooter .panel .user a
    {
        text-decoration: none;
        font-size: 1.33em;
        padding-right: .3em;
    }
    
    .mapFooter .panel .counters .text1
    {
        display: block;
        margin-top: 10px;
        margin-left: 10px;
        font-size: 1.2em;
        line-height: 1.33em;
    }
    .mapFooter .panel .counters .text2
    {
        position: absolute;
        right: 20px;
        bottom: 40px;
        font-size: 1.66em;
    }
    .mapFooter .panel .counters .num
    {
        font-size: 54px;
        position: absolute;
        right: 45px;
        bottom: 60px;
    }
    .mapFooter .panel .counters .pv .num
    {
        font-size: 70px;
    }
    
    .mapFooter .toggle.close a
    {
        position: absolute;
        z-index: 999;
        display: block;
        top: 3px;
        right: 3px;
        width: 15px;
        height: 15px;
        background-color: #333;
        color: #FFF;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
    }
    .mapFooter .toggle.close a:hover
    {
        background-color: #CCC;
    }
    
    .mapFooter .toggle.open a
    {
        position: absolute;
        z-index: 999;
        display: block;
        bottom: 0;
        left: 301px;
        width: 18px;
        height: 15px;
        background-color: #FFF;
        color: #000;
        text-align: center;
        cursor: pointer;
    }
    .mapFooter .toggle.open a:hover
    {
        background-color: #EEE;
    }
    
    .hoverBg
    {
        background-color: transparent;
    }
    .hoverBg.hover
    {
        background-color: red;
    }

    .mapFooter .counters .pv .link
    {
        position: absolute;
        bottom: 10px;
        right: 10px;
        display: block;
        width: 210px;
        text-align: center;
    }
    .mapFooter .counters .pv .link img
    {
        width: 210px;
    }
    .mapFooter .counters .mail .link
    {
        position: absolute;
        bottom: 10px;
        right: 10px;
        display: block;
        width: 210px;
        height: 20px;
        text-align: center;
        padding: .2em;
    }
    .mapFooter .counters .mail .link a
    {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: .4em;
        background-color: #FFF;
        text-decoration: none;
    }
    .mapFooter .counters .mail .link a:hover
    {
        background-color: #F0CD26;        
    }

.pvList
{
    list-style: none;
    font-size: 1em;
    border-top: solid 2px #000;
    border-bottom: solid 2px #000;
    width: 620px;
}
.pvList.recent
{
    width: 385px;
    float: left;
    margin-right: 15px;
}
.pvList li
{
    position: relative;
}
.pvList li a
{
    display: block;
    width: 100%;
    min-height: 31px;
    text-decoration: none;
    padding: .3em 0;
    color: #000;
    border-bottom: dotted 1px #000;
}
.pvList li a:hover
{
    background-color: #F9F9F9;
}
.pvList li span
{
    display: inline-block;
    margin-right: 5px;
}
.pvList li span.twitter
{
    width: 25px;
}
.pvList li span.pref
{
    width: 4.4em;
}
.pvList li span.place
{
    display: inline;
    margin-right: 50px;
}
.pvList li span.type
{
    width: 25px;
}
.pvList li span.link
{
/*     width: 3em; */
    position: absolute;
    right: 0;
    bottom: .3em;
}
.pvList li.more span.link
{
/*     width: 6em; */
}
.pvList li.more a
{
    border-bottom: none;
}
.pvList .private
{
    color: #999;
}
.pvList.recent .status
{
    font-size: 0.66em;
    letter-spacing: 0px;
    line-height: 1em;
    padding: 0.15em 0.2em;
    margin-left: 0;
    position: absolute;
}
.pvList .status
{
    font-size: .85em;
    margin-left: 1em;
    line-height: 1em;
    padding: .15em .2em; 
}
.pvList .status.status0
{
    background-color: transparent;
    border: 1px solid #064F9C;
    color: #064F9C; 
}
.pvList .status.status1
{
    background-color: #CCC;
    color: #FFF;  
}
.pvList .status.status2
{
    background-color: #CF2D65;
    color: #FFF;  
}

#nav-above
{
    width: 620px;
    padding: .3em 0;
    text-align: center;
}
.list-wrapper
{
    width: 620px;
}

.paging.index
{
    width: 620px;
    height: 40px;
    border-style: double none;
}
.paging.index li
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    
}
.paging.index li.prev { float: left; }
.paging.index li.next { float: right; }
.paging.index li a
{
    display: block;
    width: 100px;
    height: 40px;
    padding: 0;
    line-height: 1em;
    overflow: hidden;
    cursor: pointer;
}
.paging.index li a span
{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.paging.index li.prev a span { background: transparent url(../../images/content/guide/paging_prev.png) no-repeat left top;}
.paging.index li.next a span { background: transparent url(../../images/content/guide/paging_next.png) no-repeat left top;}
.paging.index li a:hover span{background-position-y: 100%;}
#phase1 .paging.index li.prev a span {background-position-x:   -0px;}
#phase2 .paging.index li.prev a span {background-position-x: -100px;}
#phase3 .paging.index li.prev a span {background-position-x: -200px;}
#phase4 .paging.index li.prev a span {background-position-x: -300px;}
#phase5 .paging.index li.prev a span {background-position-x: -400px;}
#phase0 .paging.index li.next a span {background-position-x: -100px;}
#phase1 .paging.index li.next a span {background-position-x: -200px;}
#phase2 .paging.index li.next a span {background-position-x: -300px;}
#phase3 .paging.index li.next a span {background-position-x: -400px;}
#phase4 .paging.index li.next a span {background-position-x: -500px;}

#phase4 .paging { width: 870px !important;}
#phase4 .paging ul{ margin: 0;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// togetter
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
body#togetter .welcome_message li
{
    border-bottom: dotted 1px #000;
    padding-top: 2em;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 3min Guide
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


*
{
    margin: 0;
    padding: 0;
    border: none;
}
.ui-tabs
{
    padding: 0;
}
.ui-tabs .ui-tabs-nav
{
    overflow: hidden;
    padding: 0;
    margin-left: 146px;
}
.ui-tabs .ui-tabs-nav li
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    
}
.ui-tabs .ui-tabs-nav li a
{
    display: block;
    width: 79px;
    height: 24px;
    padding: 0;
    line-height: 1em;
    overflow: hidden;
    cursor: pointer;
}
.ui-tabs .ui-tabs-nav li a span
{
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(../../images/content/guide/tabs.png) no-repeat left top;
    text-indent: -9999px;
}

.ui-tabs .ui-tabs-nav li.phase0 a span {background-position: -0px 0;}
.ui-tabs .ui-tabs-nav li.phase1 a span {background-position: -80px 0;}
.ui-tabs .ui-tabs-nav li.phase2 a span {background-position: -160px 0;}
.ui-tabs .ui-tabs-nav li.phase3 a span {background-position: -240px 0;}
.ui-tabs .ui-tabs-nav li.phase4 a span {background-position: -320px 0;}
.ui-tabs .ui-tabs-nav li.phase5 a span {background-position: -400px 0;}

.ui-tabs .ui-tabs-nav li.phase0 a:hover span,.ui-tabs .ui-tabs-nav li.phase0.ui-tabs-selected a span,
.ui-tabs .ui-tabs-nav li.phase0.ui-state-active a span{background-position:0 100%;}
.ui-tabs .ui-tabs-nav li.phase1 a:hover span,.ui-tabs .ui-tabs-nav li.phase1.ui-tabs-selected a span,
.ui-tabs .ui-tabs-nav li.phase1.ui-state-active a span{background-position:-80px 100%;}
.ui-tabs .ui-tabs-nav li.phase2 a:hover span,.ui-tabs .ui-tabs-nav li.phase2.ui-tabs-selected a span,
.ui-tabs .ui-tabs-nav li.phase2.ui-state-active a span.phase2{background-position:-160px 100%;}
.ui-tabs .ui-tabs-nav li.phase3 a:hover span,.ui-tabs .ui-tabs-nav li.phase3.ui-tabs-selected a span,
.ui-tabs .ui-tabs-nav li.phase3.ui-state-active a span.phase3{background-position:-240px 100%;}
.ui-tabs .ui-tabs-nav li.phase4 a:hover span,.ui-tabs .ui-tabs-nav li.phase4.ui-tabs-selected a span,
.ui-tabs .ui-tabs-nav li.phase4.ui-state-active a span.phase4{background-position:-320px 100%;}
.ui-tabs .ui-tabs-nav li.phase5 a:hover span,.ui-tabs .ui-tabs-nav li.phase5.ui-tabs-selected a span,
.ui-tabs .ui-tabs-nav li.phase5.ui-state-active a span.phase5{background-position:-400px 100%;}

.ui-tabs .ui-tabs-panel
{
    margin: 0;
    padding: 0;
    margin-bottom: 5em;
}
.ui-widget-content.ui-tabs-panel
{
    overflow: hidden;
    width: 620px;
    margin-top: -2px;
}

.ui-widget-content.ui-tabs-panel .wrap
{
    border: solid 1px #000;
    border-top: none;
    margin-bottom: 10px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 3min Guide
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#process
{
   min-height: 600px;
}
#process h3
{
    width: 618px;
    overflow: hidden;
}
#process .section
{
    padding: 20px;
    overflow: hidden;
    border-bottom: solid 1px #000;
    font-size: .9em;
    line-height: 1.88em;
}
#process .section p
{
    line-height: 1.88em;
}
#process .section h4
{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 3em;
    padding-left: 20px;
    background: transparent url(../../images/common/bull15.png) left .2em no-repeat;
    display: block;
}
#process .section h4.noMargin
{
    margin-bottom: 1em;
}
#process .section h5
{
    margin-top: 2.5em;
    margin-bottom: 1em;
}
#process .section h5 .date
{
    font-size: .7em;
    background-color: black;
    color: white;
    padding: .1em .2em;
}
#process .section h5 .title
{
    font-size: 1.1em;
    display: block;
    font-weight: bold;
}
#process .toc
{
/*     border-bottom: solid 1px #000; */
}
#process .toc p
{
    font-size: 1.1em;
}
#process .section .nav li
{
    font-size: 1em;
    margin-bottom: .5em;
    padding-left: 20px;
    background: transparent url(../../images/common/bull15.png) left .05em no-repeat;
    display: block;
}
#process .section .normal li
{
    background: none;
}
#process .col
{
    width: 250px;
}
#process .col2
{
    clear: both;
    overflow: hidden;
    padding-top: 2em;
}
#process .col300
{
    width: 300px;
/*     padding-left: 10px !important; */
    margin-right: -10px;
}
#process .col280
{
    width: 280px;
    margin-right: -10px;
}
#process .col.left
{
    float: left;
    width: 249px;
    padding-right: 35px;
    border-right: dotted 1px #000;
}
#process .col.right
{
    float: right;
    padding-left:  10px;
    padding-right: 10px;
}
#process .col.borderless
{
    border: none;
    padding-right: 0;
}
#process .col.borderLeft
{
    border-left: dotted 1px black;
    padding-left: 30px !important;
    width: 249px;
}
#process .footer
{
    border: none !important; 
    text-align: center;
}
#process .heightStretch
{
    overflow: hidden;
}
#process .paging
{
    height: 40px;
/*
    border-top: double 1px #000;
    border-bottom: double 1px #000;
*/
    border-style: double none;
}
#process .paging li
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    
}
#process .paging li.prev { float: left; }
#process .paging li.next { float: right; }
#process .paging li a
{
    display: block;
    width: 100px;
    height: 40px;
    padding: 0;
    line-height: 1em;
    overflow: hidden;
    cursor: pointer;
}
#process .paging li a span
{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
#process .paging li.prev a span { background: transparent url(../../images/content/guide/paging_prev.png) no-repeat left top;}
#process .paging li.next a span { background: transparent url(../../images/content/guide/paging_next.png) no-repeat left top;}
#process .paging li a:hover span{background-position-y: 100%;}
#process #phase1 .paging li.prev a span {background-position-x:   -0px;}
#process #phase2 .paging li.prev a span {background-position-x:  -100px;}
#process #phase3 .paging li.prev a span {background-position-x: -200px;}
#process #phase4 .paging li.prev a span {background-position-x: -300px;}
#process #phase5 .paging li.prev a span {background-position-x: -400px;}
#process #phase0 .paging li.next a span {background-position-x:   -0px;}
#process #phase1 .paging li.next a span {background-position-x:  -100px;}
#process #phase2 .paging li.next a span {background-position-x: -200px;}
#process #phase3 .paging li.next a span {background-position-x: -300px;}
#process #phase4 .paging li.next a span {background-position-x: -400px;}

#process .spinner
{
    width: 100%;
    height: 400px;
    position: absolute;
}
#process .spinner span
{
   position: absolute;
   left: 50%;
   top:50%;
   width: 28px;
   height: 28px;
   margin-left: -14px;
   margin-top: -14px;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// guide_host
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.guide_host div.three_border p{width:auto;margin:20px 0;text-align:left;}
.guide_host .section{ 
    width: 510px;
    padding: 20px;
    overflow: hidden;
    border-bottom: solid 1px black;
    font-size: .9em;
    line-height: 1.88em;
}
.guide_host .section.noborder{border: none;} 
.guide_host h4
{
    background: none !important;
    border-bottom: solid 2px black !important;
    width: auto !important;
    padding: 1em 1.7em;
    font-size: 1.2em;
    font-weight: bold;
}
.guide_host h5
{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 2.5em;
    border-bottom: dotted 1px black;
    padding-bottom: .7em;
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -20px;
}
.guide_host h5 .bull
{
    background-color: #000;
    color: #FFF;
    padding: .2em .3em 0 .3em;
    margin-right: .8em;
    font-size: .88em; text-transform: lowercase; font-style: italic;
}
.guide_host h6
{
    font-size: 1.3em;
    font-weight: bold;
    background: transparent url(../../images/common/bull15.png) no-repeat left .2em;
    padding-left: 20px;
    margin-top: 2.5em;
    margin-bottom: .2em;
}
.guide_host .checklist { width:auto; background: none;margin-left: 40px; }
.guide_host .checklist li{ font-size: 1.3em; list-style: none; margin-bottom: 1.5em; padding-left: 35px; padding-top: .25em; background: transparent url(../../images/common/checkbox.png) no-repeat left top; }
.guide_host .checklist li span{ font-size: .7em;font-weight: normal; }

.guide_host .process .section
{
    background: transparent url(../../images/content/guide/arw_1.png) no-repeat 40px 5em;
}
.guide_host .section .col2{ clear: both;margin-left: 180px; }

.guide_host .column
{
    border: dotted 1px #000;
    padding: .4em 2em;
}
.guide_host .btn
{
    text-align: center;
    margin-bottom: 10px;
}
.guide_host.ending
{
    width: 520px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-top: 40px;
}
.guide_host.ending .bln
{
    position: absolute;
    top: -10px;
    right: -20px;
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// phase3
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

body#phase3 div.main{margin: 20px auto 0;position: relative;width: 940px;z-index: 9;}
div.ph3_left{width:500px;margin:10px 10px 10px 0;float:left;}
div.ph3_right{width:220px;margin:7px 0;float:left;}
div.phase3 h3{width:500px;height:33px;margin-bottom:10px;background:url(../../images/content/phase3/h2_phase03.png) left top no-repeat;text-indent:-9999px;}

div.ph3_left p{margin:10px auto;font-size:0.8em;}
div.ph3_right ul{}
div.ph3_right ul li{margin-bottom:6px;}

div.replay_right{width:220px;margin:7px 0;float:left;}
div.replay h3{width:500px;height:33px;margin-bottom:10px;background:url(../../images/content/phase3/h2_phase03.png) left top no-repeat;text-indent:-9999px;}

div.replay_right ul{margin-top:65px;}
div.replay_right ul li{margin-bottom:6px;}


div.ph3_left2{width:363px;margin:40px 0 0 0;text-align:center;border-right:dotted 1px #000;float:left;}
div.ph3_right2{width:324px;margin:40px 0 0 0;padding:0 20px;text-align:center;font-size:0.8em;float:left;}
div.ph3_right2 p{width:324px;margin-left:30px;text-align:left;}

body#phase3 .paging
{
    width: 730px;
    margin: 0 auto;
    margin-top: 30px;
}
body#phase3 #content
{
    position: relative;
    width: 890px;
}

body#phase3 .mapFooter,
body#phase4 .mapFooter
{
    position: absolute;
    left: 260px;
    z-index: 9;
}

body#phase3 .mapFooter .panel .wrap,
body#phase4 .mapFooter .panel .wrap
{
    background: none;
}
body#phase3 .mapFooter .toggle.close,
body#phase4 .mapFooter .toggle.close
{
    display: none;
}
body#phase3 h3.title,
body#phase4 h3.title
{
    margin-bottom: 7px;
}
body#phase3 #footer,
body#phase4 #footer
{
    font-size: 60%;
}

body#phase3 .tweets .panel,
body#phase4 .tweets .panel
{
    background-color: transparent !important;
}
body#phase3 .tweets .panel:hover,
body#phase4 .tweets .panel:hover
{
}
body#phase3 .tweets .panel .wrap,
body#phase4 .tweets .panel .wrap
{
    background-color: #FFF !important;
}
body#phase3 .tweets .panel .wrap:hover,
body#phase4 .tweets .panel .wrap:hover
{
    cursor: pointer !important;
    background-color: #F5F5F5 !important;
}
body#phase3 .tweets .counters,
body#phase4 .tweets .counters
{
    background-color: #FFF;
    margin-bottom: 0 !important;
    height: 200px !important;
}
body#phase3 .tweets .counters:hover,
body#phase4 .tweets .counters:hover
{
    cursor: pointer;
    background-color: #F5F5F5;
}
body#phase3 .tweets .counters .link a,
body#phase4 .tweets .counters .link a
{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: .4em;
    background-color: #FFF;
    text-decoration: none;
}
body#phase3 .tweets .counters .link a:hover,
body#phase4 .tweets .counters .link a:hover
{
    background-color: #000 !important;
    color: #FFF !important;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// phase4
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
body#phase4 div.primary{width:870px;margin:20px auto 0 auto; position: relative; z-index: 9; position: relative; left: -10px; }


body#phase4 .paging
{
    width: 940px;
    margin: 0 auto;
    margin-top: 30px;
}
body#phase4 #content
{
    position: relative;
    width: 940px;
}
body#phase4 #footer
{
/*     font-size: 60%; */
}

body#phase4 #section1
{
    width:870px;
    margin: 0 auto;
}

body#phase4 .description
{
    border: dashed 2px black;
    padding: 30px 60px;
    font-size: 1.1em;
    line-height: 1.77em;
    font-weight: bold;
    margin-top: 20px;
}

body#phase4 .description p
{
    margin-bottom: 2em;
}
body#phase4 dl.services
{
    overflow: hidden;
    margin-right: -40px;
}
body#phase4 dl.services dt
{
    margin-right: 1em;
    margin-bottom: .5em;
}
body#phase4 dl.services dd
{
    float: left;
    margin-right: 50px;
}

/**** reset ****/
body#phase4 #pics,
body#phase4 div#pics ul li 
{
    margin: 0 !important;
}
body#phase4 div#pics ul li.time 
{
    background: transparent url(../../images/content/phase4/time.png) no-repeat 15px 15px;
}

body#phase4 div#pics ul li.time p.date {
    position: absolute;
    bottom: 52px;
    left: 13px;
    margin-top: 40px;
    font-size: 14px;
}
body#phase4 div#pics ul li.time p.hour {
    position: absolute;
    bottom: 6px;
    left: 12px;
    font-size: 32px;
}
body#phase4 div#pics ul li.time p {
    margin-left: 10px;
    font-family: Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
    font-weight: bold;
    line-height: 1em;
}
body#phase4 .sectionHeader .toggle
{
    margin: 0px auto;
    padding: 1em 2em;
    text-align: center;
    cursor: pointer;
    background-color: #F0CD26;
}
body#phase4 .col
{
    font-size: .9em;   
}
body#phase4 .col.left
{
    float: left;
    width: 440px;
    padding: 15px 30px;
}
body#phase4 .col.col1
{
    width:330px;
}
body#phase4 .col.col222
{
    width: 165px;
    padding: 0;
    margin-left: -15px;
    margin-right: 15px;
}
body#phase4 .col.left.borders
{
    border-right: dotted 1px #000;
}
body#phase4 .kakomi
{
    background-color: #EEE;
    padding: 10px;
}
body#phase4 .kakomi h3
{
}
body#phase4 .kakomi h3:before
{
    content: "NEWS!";
    background-color: #000;
    color: #FFF;
    padding: .2em .3em;
    margin-right: .6em;
    font-size: .8em;
    line-height: 1em;
}
body#phase4 .notice
{
    margin-left: -15px;
    margin-right: -15px;
}
body#phase4 #section0
{
    overflow: hidden;
    margin-bottom: 2em;
}
body#phase4 .banners
{
    margin-bottom: 1em;
}
body#phase4 .regist
{
    margin-top: 1em;
    width: 100%;
    display: block;
    text-align: center;
}
/**** Masonry CSS ****/

#pics .wrap,
#pics .horizontal 
{
	clear: both;
	margin-left:-15px;
	margin-right:-15px;
}

#pics .box 
{
    min-height:150px;
    padding: 15px;
    float: left;
    list-style:none;
}

#pics .col1 { width: 150px; }
#pics .col2 { width: 330px; }
#pics .col3 { width: 510px; }
#pics .col4 { width: 690px; }
#pics .col5 { width: 870px; }

#pics .col1 img { max-width: 180px; }
#pics .col2 img { max-width: 330px; }
#pics .col3 img { max-width: 480px; }
#pics .col4 img { max-width: 630px; }
#pics .col5 img { max-width: 780px; }

#pics .row1 { height: 150px; }
#pics .row2 { height: 330px; }
#pics .row3 { height: 510px; }
#pics .row4 { height: 690px; }
#pics .row5 { height: 870px; }

#pics .row1 img { max-height: 180px; }
#pics .row2 img { max-height: 330px; }
#pics .row3 img { max-height: 480px; }
#pics .row4 img { max-height: 630px; }
#pics .row5 img { max-height: 780px; }


div#pic a {
  color: #E62173 !important;
  }

div#pic p {
  margin-left: 90px;
  }

div#pic a.avatar {
  float: left;
  display: block;
  }



div#pic p.name a.screen-name {
  font-size: 150% !important;
  font-weight: bold;
/*  text-shadow: #333 1px 1px 1px;
*/  color: #E62173;
  }

div#pic p.name span.name {
  margin-left: .5em;
  font-weight: bold;
  }

div#pic p.name {
  }

div#pic p.message {
  font-size: 110%;
  }

div.replay_text p{
margin:20px 0;
}

div.replay_text h4{
font-size:1.4em;
margin:20px 0;
}