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

/* =============================================================================
   TITLE
   ========================================================================== */
h3 span{
display:block;
text-align:center;
-webkit-border-radius: 5px;
padding:4px;
margin-right:4px;
margin-left:4px;
min-width:5em;
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 54%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(54%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 54%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 54%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 54%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 54%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}
h3 span.back{
float:left;
}
h3 span.prev{
float:right;
}
h3 span.next{
float:right;
}
h3 span a:link,
h3 span a:visited{
color:#FFFFFF;
}

/* =============================================================================
   GAL NAME
   ========================================================================== */
h4{
font-size:22px;
color:#FFFFFF;
text-align:center;
}

/* =============================================================================
   GAL 3SIZE
   ========================================================================== */
em{
font-size:16px;
color:#CCC;
font-style:normal;
text-align:center;
}

/* =============================================================================
   CONTENT TITLE
   ========================================================================== */
h5 {
/*border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border: 1px solid #555555; */
/*border-bottom:5px solid #FFA6C1;*/
font-family: HiraKakuProN-W3;
font-size: 14px;
color: #FFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align:left;
padding:5px;
font-weight:normal;
margin:3px 5px;
background: #DD0000; /* Old browsers */
background: -moz-linear-gradient(top,  #DD0000 12%, #621111 93%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#DD0000), color-stop(93%,#621111)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #DD0000 12%,#621111 93%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #DD0000 12%,#621111 93%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #DD0000 12%,#621111 93%); /* IE10+ */
background: linear-gradient(to bottom,  #DD0000 12%,#621111 93%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD0000', endColorstr='#621111',GradientType=0 ); /* IE6-9 */

}

/*
h6{
font-size:13px;
color:#FF3366;
text-align:left;
}
*/


/* =============================================================================
   PROFILE DATA
   ========================================================================== */
.data{
display:block;
border: solid 1px #333333;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
background:#111111;
color:#FFFFFF;
padding:5px;
margin:5px 2px;
}
   
dl{
font-family: HiraKakuProN-W3;
}
dt{
text-align:right;
min-height:20px;
width:35%;
float:left;
font-size:11px;
border-top:1px solid #333;
padding:2px;
clear: both;
color:#CC0033;
}
dd{
width:60%;
min-height:20px;
text-align:left;
float:left;
font-size:11px;
border-top:1px solid #333;
border-left:1px solid #333;
padding:2px;
color:#FFF;
}

/*
.answer{
color:#FF6699;
}

dt.commentdt{
text-align:left;
height:20px;
width:95%;
float:left;
font-size:13px;
border-right:none;
border-top:1px dotted #cccccc;
padding:2px;
}
dd.commentdd{
width:95%;
height:auto;
text-align:left;
float:left;
font-size:13px;
border-top:1px dotted #cccccc;
padding:2px;
}

#photospace{
width:290px;
margin:auto;
border:1px solid #cccccc;
padding:4px;
-webkit-box-shadow: 3px 3px 3px gray;
margin-bottom:10px;
margin-top:5px;
}
#photospace img.photo{
display:block;
float:left;
}
#thumbspace{
width:50px;
float:left;
text-align:center;
}
#thumbspace img{
display:block;
margin:4px;
}
*/

/* =============================================================================
   OPTION
   ========================================================================== */
.option_cont dt{
	width:75%;
}

.option_cont dd{
	width:20%;
}

/* =============================================================================
   1WEEK SCHEDULE
   ========================================================================== */
table{
width:96%;
margin:auto;
font-family: HiraKakuProN-W3;
}
th{
    background-color: #222222;
    border: 1px solid #666666;
    font-size: 8px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

table .sunday{
color:#FE429F;
}
table .saturday{
color:#00C9CC;
}

td{
width:14%;
text-align:center;
border:1px solid #666;
font-size:10px;
vertical-align:middle;
padding-top:5px;
padding-bottom:5px;
color:#FFF;
}

.btn_plus{
text-align:center;
border: solid 1px #a9abae;
-webkit-border-radius: 8px;
padding:10px;
margin:5px;
font-size:14px;
font-family: HiraKakuProN-W6;
border: 1px solid #555555;
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 54%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(54%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 54%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 54%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 54%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 54%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}
.btn_plus a{
text-decoration:underline;
display:block;
}

/* =============================================================================
   PHOTO
   ========================================================================== */
.yourElement .item { width: 260px; height:330px;}
.yourElement .moving { -webkit-transition: -webkit-transform .2s ease-out; }

.yourElement .nav {
}
.yourElement .nav ul{
list-style-type:none;
text-align:center;
}
.yourElement .nav ul li{
display:inline-block;
margin:1px;
}

.yourElement .item img{
width:240px;
height:320px;
/*height:auto;*/
-webkit-box-shadow: 2px 2px 2px #666666;
margin-bottom:10px;
}

/* =============================================================================
   ICON
   ========================================================================== */
.icon{

}

.icon li{
display:inline-block;
}

.icon_type{
display:block;
overflow:hidden;	
}

.icon_type li{
	font-size:9px;
	height: 15px;
    width: 70px;
	border:1px solid #333;
	text-align:center;
	padding:0;
	color:#FFF;
	float: left;
	line-height:1.8em;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

/* =============================================================================
   PHOTO BBS
   ========================================================================== */
#photobbs{
text-align:center;
margin:5px;
padding:5px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #DDDDDD;
}

#photobbs .title{
font-size:16px;
border-bottom: 1px dotted #CCCCCC;
display: block;
padding: 4px;
text-align: left;
color:#996600;
}
#photobbs .date{
color: #333333;
font-size: 10px;
text-align:right;
display:block;
}
#photobbs .bbsphoto{
padding:4px;
}
#photobbs .comment{
font-size:12px;
color:#333333;
line-height:1.2em;
}

#page{
margin:15px 0;
}
#page a{
color:#333333;
margin:0 10px;
}
#page span{
margin:15px 0;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #F1EBD7;
/*border-bottom:5px solid #FFA6C1;*/
font-family: HiraKakuProN-W3;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding:8px;
margin:5px;
font-weight:normal;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 16%, #f1e9d2 68%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,#ffffff), color-stop(68%,#f1e9d2));
background: -webkit-linear-gradient(top,  #ffffff 16%,#f1e9d2 68%);
background: -o-linear-gradient(top,  #ffffff 16%,#f1e9d2 68%);
background: -ms-linear-gradient(top,  #ffffff 16%,#f1e9d2 68%);
background: linear-gradient(top,  #ffffff 16%,#f1e9d2 68%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1e9d2',GradientType=0 );
-moz-box-shadow: 1px  2px  7px  #d9ccae;
-webkit-box-shadow: 1px  2px  7px  #d9ccae;
box-shadow: 1px  2px  7px  #d9ccae;
}

.cont{
margin:0 auto 10px;
overflow:hidden;
}


/* OTHER */

.tiling {
    list-style-type: none;
    margin: auto;
    padding: 4px 0 4px 4px;
}

.tiling li {
    border: 1px solid #555555;
    float: left;
    font-family: HiraKakuProN-W3;
    height: 142px;
    margin: 1px;
    padding: 5px;
    text-align: center;
    width: 90px;
}

#movieblock div.main {
    height: 201px;
    margin: 0 auto;
    position: relative;
    width: 280px;
}

#movieblock img.play_btn {
    left: 103px;
    position: absolute;
    top: 67px;
}