@charset "utf-8";

/*============================================
 2010.06
 service.css
============================================*/

/*	clearfix 一覧
============================================*/
.guide{ /zoom:1; }
.guide{ content:''; display:block; clear:both; }

/*	guide
============================================*/
.guide{ clear:both; margin:0 0 5px; padding:5px 10px; background:#ffffff; }
.guide h1{ margin-bottom:15px;}
.guide h2{ margin-bottom:15px; }


/* snstop_private.html
============================================*/
.helloBox{ float:left; width:675px; background-color:#f7f4ed; padding:10px; margin-bottom:16px; }
.helloBox div{ margin-right:16px; float:left;} 
.helloBox dl{ float:right; width:584px; padding-top:2px;}
.helloBox dt{ font-weight:bold; margin-bottom:5px;}

/* パチパチゼクシィとは
============================================*/
.tohaNavi{ clear:both; float:left; width:960px; height:39px; margin-bottom:20px; font-size:0; line-height:0; padding:0; text-indent:-9999px; overflow:hidden; }
.tohaNavi li,
.tohaNavi li span,
.tohaNavi li a{ display:block; width:320px; height:39px; float:left;}
.tohaNavi li.tohaNavi01 a,
.tohaNavi li.tohaNavi01 a:link,
.tohaNavi li.tohaNavi01 a:visited{background:url(../../img/service/btn_toha_tohanavi.gif) 0 0 no-repeat;}
.tohaNavi li.tohaNavi02 a,
.tohaNavi li.tohaNavi02 a:link,
.tohaNavi li.tohaNavi02 a:visited{background:url(../../img/service/btn_toha_tohanavi.gif) -320px 0 no-repeat;}
.tohaNavi li.tohaNavi03 a,
.tohaNavi li.tohaNavi03 a:link,
.tohaNavi li.tohaNavi03 a:visited{background:url(../../img/service/btn_toha_tohanavi.gif) -640px 0 no-repeat;}

.tohaNavi li.tohaNavi01 a:hover,
.tohaNavi li.tohaNavi01 .act{background:url(../../img/service/btn_toha_tohanavi.gif) 0 -39px no-repeat;}
.tohaNavi li.tohaNavi02 a:hover,
.tohaNavi li.tohaNavi02 .act{background:url(../../img/service/btn_toha_tohanavi.gif) -320px -39px no-repeat;}
.tohaNavi li.tohaNavi03 a:hover,
.tohaNavi li.tohaNavi03 .act{background:url(../../img/service/btn_toha_tohanavi.gif) -640px -39px no-repeat;}

.toha01_first{ width:875px; min-height:160px; background:url(../../img/service/bg_toha01_01.jpg) right bottom no-repeat; padding:29px 0 0 25px; }
.toha01_first p.text{ width:450px; }

.tohaWork{ margin:0 0 30px 38px; padding-bottom:5px; display:inline; float:left; background:url(../../img/service/bg_04.gif) 0 bottom no-repeat; }
.tohaWork .tohaWork01{ float:left; width:280px; margin-right:12px; padding:0; }
.tohaWork .tohaWork02{ float:left; width:280px; margin-right:12px; padding:0; }
.tohaWork .tohaWork03{ float:left; width:280px; }
.tohaWork .tohaWork_tit{ font-size:0; line-height:0; }
.tohaWork dl{ width:255px; padding:7px 10px 0 15px; }
.tohaWork dt{ font-size:0; line-height:0; margin-bottom:9px; clear:both; }
.tohaWork dd{ padding-bottom:13px; float:left; width:255px;}
.tohaWork dd p{ float:left; width:120px; }
.tohaWork dd img{ float:right;}

.tohaLine{ width:930px; clear:both; float:left; margin-bottom:30px; }
.tohaLine div.tohaMobile{ width:460px; float:left; }
.tohaLine div.tohaSample{ width:460px; float:right; }
.tohaLine div.tohaBox{ width:419px; min-height:300px; height:auto !important; height:300px; margin:0 auto; padding-bottom:15px; background:url(../../img/service/bg_08.gif) no-repeat 0 bottom #fcf6ee; text-align:center; }
.tohaLine div.tohaBox div.image{ padding:15px 0; background:url(../../img/service/bg_07.gif) no-repeat 0 0; }
.tohaLine div.tohaBox p{ margin:0 15px; text-align:left; }
.tohaLine div.tohaBox div.sampleBtn{ margin-top:10px; text-align:center; display:-moz-inline-box; display:inline-block; /display:inline; /margin-right:3px; /zoom:1; }
.tohaLine div.tohaBox div.sampleBtn a{ width:217px; height:35px; display:block; text-indent:-9999px; overflow:hidden; background:url(../../img/service/btn_viewSample.gif) no-repeat 0 0; }
.tohaLine div.tohaBox div.sampleBtn a:hover{ background-position:-217px 0; }




/* 全力でサポート　guide_party.html
============================================*/
.suppport{ float: left; margin: 0; padding: 30px 0 20px 42px; width: 880px;}
.bg_supp{ float: left; margin: -10px 0 0 0; padding: 0 0 0 288px; background: url(../../img/service/bg_sup01.gif) no-repeat left; width: 550px;}
.bg_supp img{ float: left; margin: 0; padding: 0;}
.sup_ul{ float: left; margin: 0; padding: 0; width: 880px;}
.sup_ul li{ float: left; margin: 0; padding: 0 14px 0 5px;}
.sup_img_txt{ float: left; margin: 0; padding: 0 0 0 227px;}
.sup_txt01{ float: right; margin: 25px 30px 0 0; display: inline; padding: 0;}

.suppport02{ float: left; margin: 0; padding: 0 0 20px 0; width: 940px;}
.suppport02 h2{ float: left; margin: 0; padding: 0 0 10px 0;}
.sup_img{ float: left; margin: 0; padding: 0 19px 0 32px;}
.sup_txt{ float: left; margin: 0; padding: 40px 0 0 0; width: 540px;}
.bg_supp02{ float: left; margin: 0 0 20px 0; padding: 0; background:url(../../img/service/bg_sup02.jpg) no-repeat; width: 902px; height: 552px;}
.sup_box01{ float: left; margin: 0; padding: 18px 0 0 55px; width: 515px; height:173px;}
.sup_box02{ float: left; margin: 0; padding: 18px 0 0 55px; width: 515px; height:173px;}
.sup_box03{ float: left; margin: 0; padding: 18px 0 0 55px; width: 515px; height:153px;}
.sup_box04{ float: left; margin: 0; padding: 5px 0 0 55px; width: 515px; height:165px;}
.sup_kinou{ float: left; margin: 0; padding: 0 0 0 0;}
.suppport02 h3{ float: left; margin: 0; padding: 0;}
.bg_supp03{ float: left; margin: 0 0 20px 0; padding: 0; background:url(../../img/service/bg_sup03.jpg) no-repeat; width: 902px; height: 170px;}
.bg_supp04{ float: left; margin: 0 0 20px 0; padding: 0; background:url(../../img/service/bg_sup04.jpg) no-repeat; width: 902px; height: 170px;}
.bg_supp05{ float: left; margin: 0 0 20px 0; padding: 0; background:url(../../img/service/bg_sup05.jpg) no-repeat; width: 902px; height: 170px;}
.sup_txt_img02{ float: left; margin: 0; padding: 0 0 18px 32px;}
.sup_txt_but{ float: left; margin: 0; padding: 0 0 0 321px; width: 292px;}




/* カップルにできること
============================================*/
.toha02_first{ min-height:160px; background:url(../../img/service/bg_toha02_01.jpg) right bottom no-repeat; padding:29px 0 0 25px; width:875px; }
.toha02_first .text{ width:500px;}

/* 幹事・ゲストにできること
============================================*/
.toha03_first{ min-height:160px; background:url(../../img/service/bg_toha03_01.jpg) right bottom no-repeat; padding:29px 0 0 25px; width:875px;}
.toha03_first .text{ width:450px;}

.tohaExtra{ margin:-5px auto 0; padding:0px 0 0px; width:750px; }
.tohaExtra .extraBox{ clear:both; float:left; border-bottom:dotted 1px #C5C5C5; padding:16px 0 17px 10px; width:740px; }
.tohaExtra .last{ border-bottom:none; padding-bottom:30px; }

.tohaExtra .extraBox_left{ float:left; width:130px; }
.tohaExtra .extraBox_right{ float:right; width:591px; padding-left:1px; }
.tohaExtra .extraBox_right p img{ margin-bottom:10px; margin:0 0 6px -1px; }

/* regi_new_input.html
============================================*/
.newEntryStep{ width:750px; padding:0px 0px; margin:10px 10px 17px; float:left; background:url(../../img/service/bg_newentrystep.gif) 0 0 no-repeat; }
.newEntryStep li{display:block; float:left; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; height:44px; }
.newEntryStep li.newEntryStep_01{ width:151px; margin-right:25px; }
.newEntryStep li.newEntryStep_02{ width:141px; margin-right:26px; }
.newEntryStep li.newEntryStep_03{ width:171px; margin-right:25px; }
.newEntryStep li.newEntryStep_04{ width:141px; }

.newEntryStep li.newEntryStep_01 .on{ display:block; width:151px; height:44px; background:url(../../img/service/bg_newentrystep.gif) 0 -44px no-repeat; }
.newEntryStep li.newEntryStep_02 .on{ display:block; width:141px; height:44px; background:url(../../img/service/bg_newentrystep.gif) -176px -44px no-repeat; }
.newEntryStep li.newEntryStep_03 .on{ display:block; width:171px; height:44px; background:url(../../img/service/bg_newentrystep.gif) -343px -44px no-repeat; }
.newEntryStep li.newEntryStep_04 .on{ display:block; width:141px; height:44px; background:url(../../img/service/bg_newentrystep.gif) -539px -44px no-repeat; }

/* regi_input.html
============================================*/
.entryStep{ width:750px; padding:0px 0px; margin:10px 10px 17px; float:left; background:url(../../img/service/bg_entrystep.gif) 0 0 no-repeat; }
.entryStep li{display:block; float:left; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; height:44px; }
.entryStep li.entryStep_01{ width:151px; margin-right:25px; }
.entryStep li.entryStep_02{ width:141px; margin-right:26px; }
.entryStep li.entryStep_03{ width:141px; }

.entryStep li.entryStep_01 .on{ display:block; width:151px; height:44px; background:url(../../img/service/bg_entrystep.gif) 0 -44px no-repeat; }
.entryStep li.entryStep_02 .on{ display:block; width:141px; height:44px; background:url(../../img/service/bg_entrystep.gif) -176px -44px no-repeat; }
.entryStep li.entryStep_03 .on{ display:block; width:141px; height:44px; background:url(../../img/service/bg_entrystep.gif) -343px -44px no-repeat; }

/* entry_mail.html / entry_complate.html
============================================*/
.siteinputNote{ margin:50px 0 20px; }
.siteinputNote dt{ margin-bottom:5px; }

/* site_input.html
============================================*/
.siteStep{ width:750px; padding:0px 0px; margin:10px 10px 17px; float:left; background:url(../../img/service/bg_sitestep.gif) 0 0 no-repeat; }
.siteStep li{display:block; float:left; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; height:44px; }
.siteStep li.siteStep_01{ width:161px; margin-right:25px; }
.siteStep li.siteStep_02{ width:151px; margin-right:25px; }
.siteStep li.siteStep_03{ width:151px; }

.siteStep li.siteStep_01 .on{ display:block; width:161px; height:44px; background:url(../../img/service/bg_sitestep.gif) 0 -44px no-repeat; }
.siteStep li.siteStep_02 .on{ display:block; width:151px; height:44px; background:url(../../img/service/bg_sitestep.gif) -186px -44px no-repeat; }
.siteStep li.siteStep_03 .on{ display:block; width:151px; height:44px; background:url(../../img/service/bg_sitestep.gif) -362px -44px no-repeat; }

/* admin_sitelist.html
============================================*/
.siteList{ padding-bottom:15px; }
.siteList li{ float:left; clear:both; border:solid 1px #cccccc; width:664px; margin-top:10px; padding:5px 30px 5px 5px; }
.siteList li .siteImg{ float:left; width:120px; }
.siteList li .siteInfo{ float:right; width:542px; padding-left:2px; }
.siteList li .siteName{ font-size:117%; font-weight:bold; margin:0 0 3px -2px; padding-top:3px; }
.siteList li .siteName a{ margin-right:5px; }
.siteList li .siteName span{ margin-right:0px; display:inline-block; vertical-align:middle; width:48px; height:18px; font-size:117%; text-indent:-9999px; line-height:1em; overflow:hidden; }

.siteList li .siteMenu{ margin-top:5px; padding-top:12px; width:100%; background:url(../../img/service/line_01.gif) 0 0 repeat-x; }
.siteList li .siteMenu .siteMessage{ float:left; font-weight:bold; background-color:#fffea2; padding:0 13px 0 5px; }
.siteList li .siteMenu .siteMessage a{ color:#FF5400; }
.siteList li .siteMenu .siteAdmin{ float:right; text-align:right; padding-right:4px; }
.siteList li .siteMenu .siteAdmin li{ border:none; width:auto; padding:0; margin-left:5px; float:none; display:inline;}

/* admin.html
============================================*/
.contentsBox div.encounter div.personalPhoto{ margin-bottom:8px; padding-top:5px; text-align:center; font-size:0; line-height:0; }
.contentsBox div.encounter .personalName{ text-align:center; margin-bottom:17px; font-size:117%; }

.admin_news{ margin-top:-7px; padding-bottom:5px; }
.admin_news li{ padding:0px 0 6px 8px; background:url(../../img/service/line_01.gif) 0 bottom repeat-x;}
.admin_news li.last{ background:none; }
.admin_news li span{ margin-right:12px; display:block; float:left; }

.admin_site{ float:left; padding:9px 0 12px 55px; }
.admin_site{ margin-right:-40px; }
.admin_site li{ float:left; width:120px; margin-right:40px; }
.admin_site img{ margin-bottom:4px; }
.admin_site li span{ margin-right:0px; display:inline-block; vertical-align:middle; width:48px; height:18px; font-size:117%; text-indent:-9999px; line-height:1em; overflow:hidden; }

/* rule/index.html
========================================== */
/* ruleIndex
--------------------------------------------*/
.ruleIndex .ruleTxt{ padding:0 0 10px 10px; }
.ruleIndex ol{ padding-left:35px; margin-top:20px; margin-bottom:20px; }
.ruleIndex ol li{ margin-top: 5px; margin-right:10px; }

.alpha{ list-style:upper-alpha; }


/* help.html
============================================*/
.help_Qs{ clear:both; padding:0 5px 0px; width:695px; }
.help_Qs ul{ padding-top:4px; padding-bottom:12px; }
.help_Qs li{ margin:0 0 8px 2px; }
.help_Qs li img{ margin-right:5px; float:left; }
.help_Qs .smallTit a{ padding-left:3px; color:#A5642C; }

.help_Qs_cont{width:695px; clear:both; float:left; }
.help_Qs_left{ width:335px; clear:both; float:left; }
.help_Qs_right{ width:335px; float:right; }


.help_As{ clear:both; padding:0 5px; width:695px; }
.help_As dt{ padding:23px 0 6px 28px; background:url(../../img/site/line_01.gif) repeat-x 0 top; font-weight:bold; }
.help_As dd{ padding:0px 0 0px 28px; }
.help_As dd p{ margin-bottom:1.2em; }
.help_As dt img,
.help_As dd img{ margin:0 5px 0 -26px; float:left; }


.passcaution{ padding:0px 0 20px; color:#ff0000; font-weight:bold; font-size:84%; }
.passcaution p{ margin-bottom:5px; }
.passcaution ul{ margin-right:10px; }


.rulePrivacy{ width:693px; border:1px solid #C5C5C5; margin-bottom:30px; }
.rulePrivacyBox{ width:683px; padding:5px; overflow:auto; height:100px; }

.newsTxt p{ margin-bottom:15px; }
.newsTxt{ padding-bottom:10px; }


.share_buttons_image_border{
  border: 3px solid silver;
  padding: 3px;
  width: 436px;
  height: 269px;
}