/* 顔合わせ会用CSS  */


@charset "utf-8";
/* CSS Document */

/* 共通 */

body {
/*    min-width: 950px;
    overflow-x:0!important;
    overflow-y:0!important;
	overflow:hidden;
    position: relative;*/
    position: static;
}

body #containermain {
    width: 950px;
}

p, span, div, section, a, li, dt, dd {
	font-family: “メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”HiraKakuPro-W3″,”ＭＳ Ｐゴシック”,”MS PGothic”,Arial, Helvetica,sans-serif;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb55 {
    margin-bottom: 55px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb100 {
    margin-bottom: 100px;
}
.mt40 {
    margin-top: 40px;
}
.ml75 {
    margin-left: 75px;
}

/* Float */
    .fl { float: left; }
    .fr { float: right; }
    .clear { clear:both; }

#contW {
    background: none;
}

#socialBtn {
	overflow: hidden;
    width: 950px;
    margin: 0 auto;
}
#socialBtn li {
	float: right;
/*    height: 45px;*/
}
#socialBtn .tw {
	width: 110px;
}
#socialBtn .hatena {
	width: 120px;
}
#socialBtn .gp {
	width: 50px;
}
#backTop {
    text-align: right;
    margin-bottom: 20px;
}
#backTop a {
    background: url(../img/top_back.png) 0 5px no-repeat;
    padding-left: 20px;
    text-decoration: none;
    color: #79373c;
}
#kaoawaseContent a {
    text-decoration:none;
}
#kaoawaseContent {
	background: url(../img/back.png) repeat;
    overflow: hidden;
    width: 950px;
    font-size: 12px;
}
#kaoawaseContent h1 span,
#kaoawaseContent h2 span {
	display: none;
}
#kaoawaseContent img {
    vertical-align: top;
    border: 0;
}

/* TopPage */
#backCloud h1 {
	background: url(../img/top_title.png) 0 0 no-repeat;
	width: 950px;
	height: 475px;
}
#backCloud {
	background: url(../img/flower_cloud.png) 0 0 no-repeat;
}
#backCloud h2 {
	background: url(../img/top_subtitle.png) 0 0 no-repeat;
	margin: 0 auto 80px auto;
	width: 480px;
	height: 146px;
    padding: 100px 100px 0 255px;
    font-size: 116%;
    color: #fff;
    line-height:150%;
}
#backCloud h2:hover {
    opacity: 0.4;
}
#backCloud h3 {
	background: url(../img/kaoawase_senior.png) 0 0 no-repeat;
	margin: 0 auto 20px auto;
	width: 283px;
	height: 67px;
}
#backCloud h3 span {
	display: none;
}

#backCloud .interview {
    width: 894px;
	margin: 0 0 0 56px;
    padding-bottom:100px;
    overflow:hidden;
}
#backCloud .interviewArticle {
    width: 250px;
    float: left;
    margin: 0 35px 0 0;
}
#backCloud .interviewArticle a:hover {
    opacity: 0.4;
}
#backCloud .interviewText {
	background: url(../img/detail_frame.png) 0 0 no-repeat;
    width: 200px;
    height: 120px;
    padding: 35px 15px 15px 15px;
    margin: 10px auto 0 auto;
    color: #000;
    font-size: 116%;
}

/* interview manual */

#backManual ,
#backInterview {
    overflow: hidden;
    width: 950px;
}
.interview1 {
	background: url(../img/interview_back.png) 0 0 no-repeat;
}
.interview2 {
	background: url(../img/interview2_back.png) 0 0 no-repeat;
}
.interview3 {
	background: url(../img/interview3_back.png) 0 0 no-repeat;
}
#backManual h1 ,
#backInterview h1 {
	background: url(../img/interview_title.png) 10px 0 no-repeat;
	width: 224px;
	height: 118px;
    float: left;
}
#kaoawaseHead {
    overflow: hidden;
    background:  url(../img/navi_back.png) 0 0 no-repeat;
}
#kaoawaseMenu {
    float: right;
    width: 680px;
}
#kaoawaseMenu li {
    float: right;
    width: 126px;
    height: 155px;
}
#kaoawaseMenu li a {
    display: block;
    width: 126px;
    height: 155px;
}
#kaoawaseMenu .linkTop a {
	background: url(../img/nav_top.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkTop .menuOn,
#kaoawaseMenu .linkTop a:hover {
	background: url(../img/nav_top_on.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview3 a {
	background: url(../img/navi_senior3.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview3 .menuOn,
#kaoawaseMenu .linkInterview3 a:hover {
	background: url(../img/navi_senior3_on.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkManual a {
	background: url(../img/nav_kaoawase.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkManual .menuOn,
#kaoawaseMenu .linkManual a:hover {
	background: url(../img/nav_kaoawase_on.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview1 a {
	background: url(../img/navi_senior1.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview1 .menuOn,
#kaoawaseMenu .linkInterview1 a:hover {
	background: url(../img/navi_senior1_on.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview2 a {
	background: url(../img/navi_senior2.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview2 .menuOn,
#kaoawaseMenu .linkInterview2 a:hover {
	background: url(../img/navi_senior2_on.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview3 a {
	background: url(../img/navi_senior3.png) 0 0 no-repeat;
}
#kaoawaseMenu .linkInterview3 .menuOn,
#kaoawaseMenu .linkInterview3 a:hover {
	background: url(../img/navi_senior3_on.png) 0 0 no-repeat;
}
#kaoawaseMenu li a span {
    display: none;
}


#backInterview h2 {
	width: 950px;
	height: 586px;
    margin: 0 0 20px 0;
}
.torigoe {
	background: url(../img/interview_torigoe.png) 0 0 no-repeat;
}
.katou {
	background: url(../img/interview_katou.png) 0 0 no-repeat;
}
.izawa {
	background: url(../img/interview_izawa.png) 0 0 no-repeat;
}
.explanation {
    margin: 0 0 50px 320px;
    color: #733;
    font-size: 116%;
    line-height: 170%;
}
#intro {
    width: 950px;
    overflow: hidden;
}
#flow {
    width: 320px;
    float: left;
    text-align: center;
}
#flow img {
    margin: 0 0 20px 0;
}
#flow dl {
    margin: 0 auto 2px auto;
    clear: both;
    width: 204px;
    height: 48px;
	background: url(../img/wedding_no_active.png) 0 0 no-repeat;
}
#flow .flowOn {
	background: url(../img/wedding_no_active-05.png) 0 0 no-repeat;
}
#flow dt {
    width: 74px;
    height: 40px;
    text-align: center;
    float: left;
    margin: 8px 0 0 0;
    color: #733;
}
#flow dd {
    width: 130px;
    height: 38px;
    text-align: center;
    float: right;
    font-size: 131%;
    margin: 10px 0 0 0;
    color: #733;
}
#flow .flowOn dt,
#flow .flowOn dd {
    color: #fff;
}
.interviewee {
    width: 185px;
    float: left;
    margin: 0 40px 0 0;
    text-align: center;
    color: #000;
}
.husband {
    color: #38d;
    line-height: 2;
}
.wife {
    color: #d34;
    line-height: 2;
}
.couple{
    color: #733;
}
.interviewee p {
    text-align: left;
}
#interviewContent {
    margin: 0 55px 0 245px;
    overflow: hidden;
}
#interviewContent ul {
    overflow: hidden;
}
#interviewContent li {
    padding: 0 0 0 75px;
    margin: 0 0 30px 0;
    line-height: 170%;
    font-size: 116%;
    color: #000;
    min-height: 56px;
    height: auto !important;
    height: 56px;
}
#interviewContent .coupleComment {
    height: auto;
    min-height: 30px;
    margin: 0 0 20px 0;
}
#interviewContent .torigoeHusband {
	background: url(../img/creator_torigoe.png) 0 0 no-repeat;
}
#interviewContent .torigoeWife {
	background: url(../img/creator_torigoe_woman.png) 0 0 no-repeat;
}
#interviewContent .katouHusband {
	background: url(../img/creator_katou.png) 0 0 no-repeat;
}
#interviewContent .katouWife {
	background: url(../img/creator_katou_woman.png) 0 0 no-repeat;
}
#interviewContent .izawaHusband {
	background: url(../img/creator_izawa.png) 0 0 no-repeat;
}
#interviewContent .izawaWife {
	background: url(../img/creator_izawa_woman.png) 0 0 no-repeat;
}
#point {
	background: url(../img/inteview_point.png) 0 0 no-repeat;
    padding: 70px 0 0 85px;
    width: 747px;
    height: 163px;
    margin: 0 auto 50px auto;
}
#point li {
    font-size: 123%;
    color: #000;
    height: 50px;
}
#point span {
    line-height: 50px;
}
#pointTriple {
	background: url(../img/inteview_point_triple.png) 0 0 no-repeat;
    padding: 70px 0 0 85px;
    width: 747px;
    height: 213px;
    margin: 0 auto 50px auto;
}
#pointTriple li {
    font-size: 123%;
    color: #000;
    height: 34px;
    width: 747px;
    padding: 16px 0 0 0;
}
#pointTriple .doubleLine {
    height: 40px;
    padding: 10px 0 0 0;
}
#selectShop {
	background: url(../img/interview_back_shop.png) 0 0 repeat;
    width: 950px;
	padding:30px 0;
    text-align: center;
    font-size: 146%;
}
#selectShop a {
    background: url(../img/interview_next.png) 0 3px no-repeat;
    padding-left: 20px;
	margin-top:10px;
    color: #733;
    text-decoration: underline;
}

#selectShop a.none {
    background: none;
    padding-left: 20px;
	padding-top:10px;
    color: #733;
    text-decoration: underline;
}

#select_Shop {
    width: 950px;
	padding:30px 0;
    text-align: center;
    font-size: 146%;
}
#select_Shop a {
    background: url(../img/interview_next.png) 0 3px no-repeat;
    padding-left: 20px;
	margin-top:10px;
    color: #733;
    text-decoration: underline;
}

#select_Shop a.none {
    background: none;
    padding-left: 20px;
	padding-top:10px;
    color: #733;
    text-decoration: underline;
}




 a.monthly:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}



/* manual */

#backManual #manualPage1 {
	width: 950px;
	height: 400px;
	background: url(../img/manual_top_image.png) 0 0 no-repeat;
}
#backManual #manualPage2 {
	width: 950px;
	height: 80px;
	background: url(../img/manual2_top.png) 0 0 no-repeat;
}
#backManual #manualPage3 {
	width: 950px;
	height: 80px;
	background: url(../img/manual2_top.png) 0 0 no-repeat;
}

.pagenation {
    width: 950px;
    background: url(../img/interview_back_shop.png) 0 0 repeat;
    text-align: center;
    overflow: hidden;
}
.cloudBack {
    background: url(../img/manual2_pagination_back.png) 0 0 repeat;
    height:80px;
}
.pagenation ul {
    padding: 20px 0 20px 0;
    margin: 0 auto 0 auto;
    overflow: hidden;
    width: 384px;
}
.pagenation .footPagenation {
    padding: 10px 0 20px 0;
}
.pagenation li {
    width: 64px;
    height: 38px;
    float: left;
}
.pagenation ul a {
    display: block;
    width: 38px;
    height: 38px;
    overflow: hidden;
    margin: 0 auto 0 auto;
}
.pagenation a span {
    display: none;
}
.pagenation .back a {
    background: url(../img/pagination_back.png) center center no-repeat;
}
.pagenation .back .now {
    background: url(../img/pagination_back_on.png) 0 0 no-repeat;
}
.pagenation .pageFist a {
    background: url(../img/pagination_one.png) 0 0 no-repeat;
}
.pagenation .pageFist .now,
.pagenation .pageFist a:hover {
    background: url(../img/pagination_one_on.png) 0 0 no-repeat;
}
.pagenation .pageSecond a {
    background: url(../img/pagination_two.png) 0 0 no-repeat;
}
.pagenation .pageSecond .now,
.pagenation .pageSecond a:hover {
    background: url(../img/pagination_two_on.png) 0 0 no-repeat;
}
.pagenation .pageThird a {
    background: url(../img/pagination_three.png) 0 0 no-repeat;
}
.pagenation .pageThird .now,
.pagenation .pageThird a:hover {
    background: url(../img/pagination_three_on.png) 0 0 no-repeat;
}
.pagenation .pageFourth a {
    background: url(../img/pagination_four.png) 0 0 no-repeat;
}
.pagenation .pageFourth .now,
.pagenation .pageFourth a:hover {
    background: url(../img/pagination_four_on.png) 0 0 no-repeat;
}
.pagenation .next a {
    background: url(../img/pagination_next.png) center center no-repeat;
}
.pagenation .next .now {
    background: url(../img/pagination_next_on.png) 0 0 no-repeat;
}
#manualIntro {
    width: 950px;
    text-align: center;
    color: #79373c;
    padding: 40px 0 50px 0;
    font-size: 116%;
    line-height: 160%;
}
#manualFirst {
    background: url(../img/manual1_01.png) 0 0  no-repeat;
    color: #000;
    font-size: 116%;
}
#manualFirst h3 {
    background: url(../img/manual1_process.png) 0 0  no-repeat;
    width: 950px;
    height: 133px;
}
#manualFirst h3 span {
    display: none;
}
#manualFirst p {
    padding: 0 0 50px 320px;
    line-height: 160%;
}
#manualSecond {
    background: url(../img/manual1_02.png) 0 0  no-repeat;
    color: #000;
    font-size: 116%;
    line-height: 160%;
    padding: 0 0 50px 245px;
}
#manualSecond p {
    line-height: 160%;
    padding: 0 0 0 75px;
}
.greet {
    background: url(../img/manual1_greeting.png) 0 0  no-repeat;
    width: 496px;
    height: 86px;
    padding: 25px 50px 25px 25px;
    line-height: 160%;
    margin: 0 0 0 75px;
}
.greetExample {
    color: #e46770;
}
#manualThird {
    background: url(../img/manual1_03.png) 0 0  no-repeat;
    color: #000;
    font-size: 116%;
    line-height: 160%;
    padding: 0 0 50px 245px;
}
#manualThird p {
    line-height: 160%;
    padding: 0 0 0 75px;
}
#backManual .arrow {
    background: url(../img/interview_next.png) 0 3px no-repeat;
    padding-left: 20px;
    height: 19px;
    display: block;
    color: #733;
    text-decoration: underline;
    font-size: 108%;
}
.pagenation #nextPage {
    color: #733;
    text-decoration: underline;
    font-size: 146%;
    margin-top: 20px;
    display: block;
    overflow: hidden;
    line-height: normal;
}

#manualFourth,
#manualFifth,
#manualNinth {
    color: #000;
    padding: 0 60px 50px 0;
}
#manualFourth {
    background: url(../img/manual2_center_back.png) 0 0  no-repeat;
}
#fourthContent,
#fifthContent,
#ninthContent,
#tenthContent {
    padding: 0 0 0 140px;
}
#fourthContent p,
#fifthContent p,
#sixthContent p,
#seventhContent p,
#eighthContent p,
#ninthContent p {
    line-height: 180%;
    font-size: 116%;
}
.talkContent {
    height: 250px;
    width: 740px;
}
.talkContent p {
    display: table-cell;
    vertical-align: middle;
}
.talkContent .talkText {
    padding-left: 20px;
    width: 470px;
}
.talkTitle {
    color: #79373C;
}
* html .talkContent p {
    display: inline;
    zoom: 1;
}    
*:first-child+html .talkContent p {
    display: inline;
    zoom: 1;
}   

#topicContent {
    width: 752px;
    background: url(../img/manual2_plate.png) 0 0 repeat-y;
}
#topicContent table {
    width: 708px;
    margin: 0 auto;
}
#topicContent td {
    width: 236px;
    text-align: center;
    padding: 0 10px 60px 10px;
    vertical-align: top;
}
td img {
    margin: 0 auto 10px auto;
}
#topicContent td p {
    text-align: left;
    font-size: 100%;
}
.manner {
    text-align: center;
    margin-bottom: 60px;
}

#backManual .manner a {
    background: url(../img/interview_next.png) 0 3px no-repeat;
    padding-left: 20px;
    color: #733;
    text-decoration: underline;
    font-size: 136%;
}
.cloudBack3 {
    background: url(../img/manual3_pagination_back.png) 0 0 repeat;
    height:80px;
}
.exampleList dl {
    width: 359px;
    margin-bottom: 40px;
}
.exampleList dt {
    margin-bottom: 20px;
}
.exampleList dd {
    line-height: 180%;
    font-size: 108%;
}
.exampleList dd span {
    font-size: 138%;
    line-height: 110%;
}
#sixthContent,
#seventhContent,
#eighthContent {
    padding: 0 0 0 315px;
}
#eighthContent .greet {
    background: url(../img/manual3_point.png) 0 0  no-repeat;
    width: 521px;
    height: 139px;
    padding: 30px 25px 25px 25px;
    line-height: 160%;
    font-size: 123%;
    margin: 0;
}
#pointList {
	background: url(../img/manual4_point.png) 0 0 no-repeat;
    padding: 40px 0 30px 85px;
    width: 712px;
    height: 213px;
}
#pointList li {
    font-size: 123%;
    height: 50px;
}
#pointList span {
    line-height: 50px;
}

.manner2{
	margin:10px 0 50px 10px; 
	text-align:left;
}
.manner2 a{
	font-size:108%;
}

#wrapperHead .topicpath li {
	background: url(/img/common/tp2.GIF) no-repeat scroll 3px 5px transparent;
	display:inline-block;
	font-size:92%;
}
#wrapperHead .topicpath li a {
	text-decoration:none;
}
#wrapperHead .topicpath li a:hover {
	text-decoration:underline;
}







#kaoawaseContent .areaSearch,
.areaSearch {
    width: 950px;
    border: 1px solid #eb7e83;
    margin: 30px 0 0;
}
#kaoawaseContent .areaSearch{
    
}
.areaSearch .box {
    background: url(../img/areasearch_bg.png) no-repeat scroll right bottom rgba(0, 0, 0, 0);
    padding: 15px 40px 20px;
}
.areaSearch .blockTitle{
    background: #eb7e83;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px 8px;
    border-top: 0;
}
.areaSearch .blockLead{
    margin-bottom: 10px;
}
.areaSearch h1.blockTitle span{
    display: block;
    background: none;
    padding-left: 0;
}
section.areaSearch > section{
    padding:20px;
}



/*******************
ネットでお問い合わせ
********************/

/*--------------------------------
共通.btn
--------------------------------*/
.btn {
  display: inline-block;
  *display: inline;
  padding: 6px 10px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 1em;
  color: #333;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(255,255,255,1);
  vertical-align: middle;
  cursor: pointer;
  background-color: #efefef;
  *background-color: #efefef;
  background-image: -moz-linear-gradient(top, #fff, #efefef);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#efefef));
  background-image: -webkit-linear-gradient(top, #fff, #efefef);
  background-image: -o-linear-gradient(top, #fff, #efefef);
  background-image: linear-gradient(to bottom, #fff, #efefef);
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffefefef', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -moz-box-shadow:
    inset 0px 1px 0px rgba(255,255,255,0.4);
  -webkit-box-shadow:
    inset 0px 1px 0px rgba(255,255,255,0.4);
  box-shadow:
    inset 0px 1px 0px rgba(255,255,255,0.4);
  *zoom: 1;
  opacity: 1.0;
  -webkit-transition: 0.25s ease-in-out;
     -moz-transition: 0.25s ease-in-out;
       -o-transition: 0.25s ease-in-out;
          transition: 0.25s ease-in-out;
}
/*--------------------------------
netContact
--------------------------------*/
.netContact > div {
    margin: 30px 0;
    overflow: hidden;
    width: 950px;
}
.netContact .btn {
    float: left;
    margin: 0 5px 5px 0;
    padding: 6px 10px 7px 1px;
    text-decoration: none;
    width: 120px;
}
.netContact a.btn:hover {
  text-decoration: none;
  opacity: 0.75;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.netContact ul {
    margin: 6px 0 4px 250px;
}

/*--------------------------------
こだわり　リンク
--------------------------------*/
.kodawari li{
    display: inline-block;
}

.kodawari li,
.kodawari li:hover,
.kodawari a,
.kodawari a:hover{
    cursor: pointer;
}

.kodawari a:hover{
    opacity: 0.6;
}