@charset "utf-8";
/*@import "common.css";*/

#top-step{width:940px; text-align:left; margin:0 auto; padding-top:18px;}
#top-item{width:940px; text-align:left; margin:0 auto; padding-top:45px;}

/* タブ*/
#tab{text-align:left; height: 38px; background:url(../images/header/tab_bg.jpg) 0 0 repeat-x;}
#tab_b{text-align:left; height: 38px; background:url(../images/header/tab_bg.jpg) 0 0 repeat-x;}
#tabbg{width:940px; text-align:left; margin:0 auto;}
#tabbg li{float:left; margin: 5px 0 0;}
#tabbg li a{display:block;}


/*//////////////////////////////////////////////////////////////

login

///////////////////////////////////////////////////////////////*/

#login_bg{ background:url(../images/login_bg.jpg) 0 0 no-repeat; text-align:center; position:relative; height:auto; min-height:590px; width:612px; margin:0 auto;}
.login { padding:126px 0 0;}
.login .logo { margin:0 0 33px;}
.login_form { width:300px; text-align:left; margin:0 auto;}
.login_form .submit { text-align:center; margin-top: 60px;}
.login_form p.text2 { margin:0 0 13px;}
.login_form p.text3 { margin:0 0 15px; font-size:80%; float: right;}
.login_form2 { text-align:left; margin:0 195px;}
.login_form2 .submit { margin-top:30px; text-align:center;}
.login_form2 p.text2 { margin:0 0 13px;}
.login_form2 p.text3 { margin:0 0 15px; font-size:80%;}
#reentry_text{margin:20px 0;}

.login_first { position:relative; height:490px; background:url(../images/login_first_bg.jpg) no-repeat 0 top;}
.login_first_title { position: absolute; left: 221px; top: 57px; }
.login_first_text { position: absolute; left: 74px; top: 176px; width:600px; text-align:center; }
.login_next { position: absolute; left: 337px; top: 380px; }




/*//////////////////////////////////////////////////////////////

トップ　時系列

///////////////////////////////////////////////////////////////*/

#step1{width:940px; margin:0;}
#step2{width:940px; margin:0;}
#step1 li, #step2 li {float:left; position:relative;}
li.step02{cursor:pointer;}
#step1 li.step01 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step01.jpg) no-repeat 0px top;}
#step1 li.step02 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step02.jpg) no-repeat 0px top;}
#step1 li.step03 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step03.jpg) no-repeat 0px top;}
#step1 li.step04 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step04.jpg) no-repeat 0px top;}
#step1 li.step05 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step05.jpg) no-repeat 0px top;}
#step2 li.step06 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step06.jpg) no-repeat 0px top;}
#step2 li.step07 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step07.jpg) no-repeat 0px top;}
#step2 li.step08 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step08.jpg) no-repeat 0px top;}
#step2 li.step09 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step09.jpg) no-repeat 0px top;}
#step2 li.step10 a{display: block; float:left; height:215px; width:182px; background:url(../images/top/btnbg_step10.jpg) no-repeat 0px top;}
#step1 li.step01 a:hover, #step1 li.step02 a:hover, #step1 li.step03 a:hover, #step1 li.step04 a:hover, #step1 li.step05 a:hover, #step2 li.step06 a:hover, #step2 li.step07 a:hover, #step2 li.step08 a:hover, #step2 li.step09 a:hover, #step2 li.step10 a:hover { background-position:0 -215px;}

.alart{display: block; float:left; height:215px; width:182px;}
.alart_on{display: block; float:left; height:215px; width:182px; background:url(../images/top/alart.gif) no-repeat 0px top;}
.alart_on2{display: block; float:left; height:215px; width:182px; background:url(../images/top/alart2.gif) no-repeat 0px top;}

.img_step {margin:21px 0 15px 16px; float:left; width:166px;}
.step_ttl{margin:0 0 0 18px; display:block; font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, 'Lucida Grande','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', Sans-Serif; font-size:15px; color:#6C6C6C;}
#step1 li.yaji, #step2 li.yaji {display: block; float:left; height:10px; width:7px; background:url(../images/yaji.gif) no-repeat 0px top; margin-top:89px;}
.step_space{clear:both; height:18px; overflow:hidden;}

#mark1,
#mark2,
#mark3,
#mark4,
#mark5,
#mark6,
#mark7,
#mark8 {margin:0; display:block; width:166px; top:190px; left:18px; position:absolute;}
#step1 li.step01 #mark1 a,
#step1 li.step02 #mark2 a,
#step1 li.step03 #mark3 a,
#step1 li.step04 #mark4 a,
#step1 li.step05 #mark5 a,
#step2 li.step06 #mark6 a,
#step2 li.step07 #mark7 a,
#step1 li.step08 #mark8 a,
#step1 li.step09 #mark9 a,
#step1 li.step10 #mark10 a{background:none; display:block; float:left; width:9px; height:9px; margin:0 7px 0 0;}

.mark_on {display: block; height:9px; width:9px; background:url(../images/top/mark_on.png) no-repeat 0px top;}
.mark01_off {display: block; height:9px; width:9px; background:url(../images/top/mark01_off.png) no-repeat 0px top;}
.mark02_off {display: block; height:9px; width:9px; background:url(../images/top/mark02_off.png) no-repeat 0px top;}
.mark03_off {display: block; height:9px; width:9px; background:url(../images/top/mark03_off.png) no-repeat 0px top;}
.mark04_off {display: block; height:9px; width:9px; background:url(../images/top/mark04_off.png) no-repeat 0px top;}
.mark05_off {display: block; height:9px; width:9px; background:url(../images/top/mark05_off.png) no-repeat 0px top;}
.mark06_off {display: block; height:9px; width:9px; background:url(../images/top/mark06_off.png) no-repeat 0px top;}
.mark07_off {display: block; height:9px; width:9px; background:url(../images/top/mark07_off.png) no-repeat 0px top;}
.mark08_off {display: block; height:9px; width:9px; background:url(../images/top/mark08_off.png) no-repeat 0px top;}
.mark09_off {display: block; height:9px; width:9px; background:url(../images/top/mark09_off.png) no-repeat 0px top;}
.mark10_off {display: block; height:9px; width:9px; background:url(../images/top/mark10_off.png) no-repeat 0px top;}
/*
.mark_on {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark01_off.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark01_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark02_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark03_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark04_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark05_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark06_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark07_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark08_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark09_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
.mark10_off {display: block; float:left; height:7px; width:7px; background:url(../images/top/mark_on.png) no-repeat 0px top; margin:0 7px 0 0;}
*/

/*//////////////////////////////////////////////////////////////

トップ　アイテム

///////////////////////////////////////////////////////////////*/
#item_ana{width:940px; margin:0;}
#item_ana ul{text-align: center;}
#item_ana li{display: inline-block; text-align: center;}
#item_ana li.invi a{display: block; height:136px; width: 140px; background:url(../images/top/btnitem_invi.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item_ana li.gift a{display: block; height:136px; width: 140px; background:url(../images/top/btnitem_gift.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item_ana li.seat a{display: block; height:136px; width: 140px; background:url(../images/top/btnitem_seat.jpg) no-repeat 0px top; ;margin:0 18px 0 0;}
.img_item_ana img{padding-top: 20px;}

#item1{width:940px; margin:0;}
#item2{width:940px; margin:0;}
#item1 li, #item2 li{float:left;}
#item1 li a, #item2 li a{width:140px;}
#item1 li.ceremony a{display: block; float:left; height:136px; background:url(../images/top/btnitem_ceremony.jpg) no-repeat 0px top; margin:0 18px 0 2px;}
#item1 li.dress a{display: block; float:left; height:136px; background:url(../images/top/btnitem_dress.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item1 li.ring a{display: block; float:left; height:136px; background:url(../images/top/btnitem_ring.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item1 li.beauty a{display: block; float:left; height:136px; background:url(../images/top/btnitem_beauty.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item1 li.invi a{display: block; float:left; height:136px; background:url(../images/top/btnitem_invi.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item1 li.flower a{display: block; float:left; height:136px; background:url(../images/top/btnitem_flower.jpg) no-repeat 0px top;}
#item2 li.program a{display: block; float:left; height:136px; background:url(../images/top/btnitem_program.jpg) no-repeat 0px top; margin:0 18px 0 2px;}
#item2 li.cuisine a{display: block; float:left; height:136px; background:url(../images/top/btnitem_cuisine.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item2 li.gift a{display: block; float:left; height:136px; background:url(../images/top/btnitem_gift.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item2 li.memory a{display: block; float:left; height:136px; background:url(../images/top/btnitem_memory.jpg) no-repeat 0px top; margin:0 18px 0 0;}
#item2 li.seat a{display: block; float:left; height:136px; background:url(../images/top/btnitem_seat.jpg) no-repeat 0px top; ;margin:0 18px 0 0;}
#item2 li.after a{display: block; float:left; height:136px; background:url(../images/top/btnitem_after.jpg) no-repeat 0px top;}
#item1 li.ceremony a:hover, #item1 li.dress a:hover, #item1 li.ring a:hover, #item1 li.beauty a:hover, #item1 li.invi a:hover, #item1 li.flower a:hover, #item2 li.program a:hover, #item2 li.cuisine a:hover, #item2 li.gift a:hover, #item2 li.memory a:hover, #item2 li.seat a:hover, #item2 li.after a:hover { background-position:0 -136px;}

.img_item1 {margin:21px 0 0 17px;}
.img_item2 {margin:21px 0 0 41px;}
.img_item3 {margin:21px 0 0 39px;}
.img_item4 {margin:21px 0 0 33px;}
.img_item5 {margin:21px 0 0 14px;}
.img_item6 {margin:21px 0 0 32px;}
.img_item7 {margin:21px 0 0 22px;}
.img_item8 {margin:21px 0 0 32px;}
.img_item9 {margin:21px 0 0 45px;}
.img_item10 {margin:21px 0 0 30px;}
.img_item11 {margin:21px 0 0 16px;}
.img_item12 {margin:21px 0 0 13px;}

.img_item1,
.img_item2,
.img_item3,
.img_item4,
.img_item5,
.img_item6,
.img_item7,
.img_item8,
.img_item9,
.img_item10,
.img_item11,
.img_item12 {display:block;}


/*//////////////////////////////////////////////////////////////

トップ　チェックリスト

///////////////////////////////////////////////////////////////*/

table#tablefix1{width:100%; border-collapse:collapse; margin-bottom:20px; background:#eeefef;}
table#tablefix1 th{padding:6px; border:1px solid #999; text-align:center;}
table#tablefix1 td{padding:6px; border:1px solid #999;}
table#tablefix1 td.item,
table#tablefix1 td.item2{white-space:nowrap;}

/*//////////////////////////////////////////////////////////////

tooltip

///////////////////////////////////////////////////////////////*/

.tooltipster-default {
	border-radius: 5px;
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

.tooltipster-default .tooltipster-content {
	font-size: 11px;
	line-height: 1.3;
	padding: 8px 10px;
	overflow: hidden;
}

.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}

.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}

.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}

.tooltipster-content-changing {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-light {
border-radius: 5px;
border: 1px solid #cccccc;
background: #ededed;
color: #666666;
}
.tooltipster-light .tooltipster-content {
font-size: 12px;
line-height: 1.3;
padding: 8px 10px;
}