/* CSS Document */
body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
body {
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat;
	font-size:small;
	line-height:1.5em;
	color:#ccc;
	background-color: #000;
	margin:0px auto 0px auto;
	padding:0px;
}
header, footer, article, section, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
a {
	outline:none;
	text-decoration:none;
	color:#F39;
}
/*
 *  layout
	*/


#ALL {
	width:100%;
	min-width:884px;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px;
	padding-bottom: 0px;
	overflow: hidden;
}
#JULIET {
	background-image: url(../images/entrance_juliet.jpg);
	background-repeat:no-repeat;
	width:100%;
	min-width:884px;
	height:100%;
	max-height:800px;
	position:absolute;
	top:0;
	left:0;
	background-position:top center;
	z-index:10;
}
/*
 *  header
	*/

header {
	position:relative;
	width:884px;
	margin:0 auto;
	z-index:200;
}
header h1 {
	width:184px;
	height:114px;
	display:block;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	text-indent:-5000px;
	margin:20px auto;
}





/*
 *  main_frame
	*/

article{
	clear:both;
	position:relative;
	margin:0 auto;
	z-index:200;
}

article#ENTRANCE{
	/*
	background-image: url(../images/bg_entrance.png);
	background-repeat: no-repeat;
	background-position: center top;
	*/
	width: 885px;
	padding-top: 80px;
	padding-bottom: 227px;
}
article#ENTRANCE h2,
article#ENTRANCE ul{
	display:none;
}
article#ENTRANCE a{
	display:block;
	position:absolute;
	width:390px;
	height:70px;
	background-image: url(../images/btn_entrance.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
article#ENTRANCE a.btnEnter18{
	top:410px;
	left:37px;
	background-position: 0px 0px;
}
article#ENTRANCE a.btnEnter18:hover{
	background-position: 0px -85px;
}
article#ENTRANCE a.btnEnter17{
	top:410px;
	left:457px;
	background-position: -420px 0px;
}
article#ENTRANCE a.btnEnter17:hover{
	background-position: -420px -85px;
}
article#ENTRANCE p{
	color:#fff;
	font-weight:bold;
	text-shadow: 0px 0px 3px #999;
	text-align:left;
	line-height:1.5em;
	margin-bottom:1em;
	/*text-indent:-1em;*/
	margin-left:1em;
}



/* select window */
article#SELECT{
	background-image: url(../images/bg_select.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 688px;
	height:302px;
	overflow:hidden;
}
article#SELECT h1,
article#SELECT h2,
article#SELECT h3,
article#SELECT p{
	display:none;
}
article#SELECT a{
	display:block;
	position:absolute;
	width:317px;
	height:82px;
	background-image: url(../images/btn_select.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
article#SELECT a.btnEnter18{
	top:193px;
	left:23px;
	background-position: 0px 0px;
}
article#SELECT a.btnEnter17{
	top:193px;
	left:345px;
	background-position: -317px 0px;
}

/*
 *  footer
	*/

footer{
	width:100%;
	background-color:#000;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	position:relative;
	z-index:300;
}
footer section.contact{
	position:relative;
	width:844px;
	margin: 0px auto;
	padding: 10px 0px;
	border-bottom:dotted 1px #666;
}
footer section.contact h5{
	font-size:small;
	font-weight:bold;
}
footer section.contact p{
	font-size:small;
}
footer section.caution{
	position:relative;
	width:884px;
	height:146px;
	margin:0 auto;
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	background-position: center 10px;
}

footer .caution p{
	display:none;
}
footer .logo{
	position:absolute;
	right:10px;
	top:5px;
}
footer .logo li{
	float:left;
	width:90px;
	height:80px;
}
footer .logo li a{
	display:block;
	width:90px;
	height:80px;
	text-indent:-5000px;
}


footer .btnBackToTop{
	width:114px;
	height:26px;
	display:block;
	position:absolute;
	right:10px;
	top:-26px;
}
footer .btnBackToTop a{
	width:114px;
	height:26px;
	display:block;
	background-image: url(../images/back_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent:-5000px;
}

/*
 *  side sns
	*/
#BOX_SNS {
	overflow: hidden;
	position: fixed;
	width: 171px; /*オープン*/
	/*width: 48px; /*クローズ*/
	height:190px;
	top:50px;
	right:-126px;
	z-index:1000;
	background-image: url(../images/bg_sns.png);
	background-repeat: no-repeat;

	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;

}
#BOX_SNS:hover {
	right:0px;
}
#BOX_SNS .sns {
	margin-top:30px;
	margin-left:10px;
	background-image: url(../images/sns_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:50px;
	padding-top:5px;
}
#BOX_SNS .twitter {
	display:block;
	height:38px;
	vertical-align:middle;
}
#BOX_SNS .facebook {
	display:block;
	height:38px;
	vertical-align:middle;
}
#BOX_SNS .plus {
	display:block;
	height:38px;
	vertical-align:middle;
}
#BOX_SNS .mixi {
	display:block;
	height:38px;
	vertical-align:middle;
}

.sample_box11 {
   width: 480px;/* 紙の横幅 100%にすると全幅表示に */
   padding: 15px;
   margin: 2em 5em 2em 24em;
   background: #f05ec9;/* 紙の色 */
   box-shadow: 4px 4px 4px rgba(0,0,0,0.03);transform:rotate(2deg);
   word-break: break-all;
}
.sample_box11 p {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.sample_box11_tape {
    width: 50%;
    height: 40px;
    margin: -37px auto 0;
    background: #ffffff;
    transform: rotate(-3deg);
    opacity: 0.1;
}
.sample_box11_title {
    text-align: center !important;
    font-size: 1.3em!important;
    margin-top: 10px!important;
}