@charset "utf-8";
/* CSS Document */
/*サイドバー
---------------------------------------------------------------*/

#modal { 
	display: none;
	position:relative;
}

#modal h2{
	background-image: url(../images/dot.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-size:60px;
	margin:0 0 10px;
	padding:0 0 10px;
}
#modal h3 a{
	display:block;
	padding:5px;
	font-size:12px;
	background-image:url(../images/dotline.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-size:18px;
	color:#5d3522;
	margin:5px 0 0 0;
}

#modal h2,

#modal ul{
	margin:5px 0 5px 5px;
}
#modal ul li{
	border-bottom:1px dotted #3f2000;
	padding:0 0 0 5px;
}
#modal ul li a span{
	color:#F60;
	margin:0 8px 0 0;
}

#modal ul li a{
	display:block;
	color:#74503b;
	padding:3px 5px;
}

.close{
	font-weight:bold;
	position:absolute;
	right:0px;
	top:5px;
}

.close a{
	border:1px solid #ff8181;
	color:#5d3522;
	padding:3px 10px;
	background-image:url(/index/images/img_top_ceremonybg.png);
	background-repeat:repeat;
	border-radius:5px;
	box-shadow:0 0 2px #999;
}

.open{
	display:block;
	padding:7px;
	float:right;
	margin-top:5px;	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	-webkit-background-size:20px 20px;
	border-radius:3px;
	border:1px solid #e0e0e0;
}

.open img{
	vertical-align:middle;
}
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 250px;
    padding: 15px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #fff8ee;
	border-right:1px solid #3f2000;
}

.SlideInner {
	overflow-y:auto;
}