@charset "UTF-8";

/* --- 全体 --- */
p{
margin:0px 0px 0px 0px; 
}
img{
border:none;
}
a:hover img {
 opacity: 0.9;
 filter: alpha(opacity=90);
 -moz-opacity: 0.9;
}
a:link{
color: #6633cc;
font-weight:bold;
}
a:visited{
color: #6633cc;
}
a:hover{
 color: #ff33aa;
}
a:active{
color: #ff33aa;
}
body{
font-family:Meiryo, Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 160%;
letter-spacing:0.5px;
margin:0px;
color: #666666;
background-image: url(img/back.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
th,td{
font-family:Meiryo, Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
line-height: 160%;
letter-spacing:0.5px;
}
#container_index{
background-color: #d91170;
color: #ffffff;
}
#footer{
color: #ffffff;
font-size: 10px;
}
/* --- ここまで --- */


/*無料オプションギャラリー（アイテム・コスチュ－ム）
---------------------------------------------------------------------------*/

#freegallery {
	clear: left;
	width: 920px;
	margin: 10px auto 0px;
}

/*widthは並べたい枚数にあわせて調整*/
#gallerythum{
width:100%;
margin:0px auto 0px 0px;
padding:0px 0px 0px 0px;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
#gallerythum dl{
text-align: center;
margin:0px 0px 16px 16px;
padding:0px 0px 0px;
position: relative;
left:0;
float:left;
width:133px;
font-size:11px;
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#d91170;
background-color: #ffffff;
}
#gallerythum dt{
float:left;
width:113px;
text-align: center;
vertical-align: middle;
padding:0px 0 0px 0px;
margin:10px;
clear:both;
}
#gallerythum dd{
width:140px;
color:#ffffff;
background-color: #d91170;
display: table-cell;
vertical-align: top;  
padding:4px 0px;
}
#gallerythum h2 {
font-size: 14px;
color: #ffffff;	/*文字色*/
padding: 5px 10px;	/*左から、上下、左右への余白*/
margin:0px 0px 10px 0px;
background-color: #d91170;	/*背景色（古いブラウザだとここの色のみが出ます）*/
background-image:  -webkit-gradient(linear, left top, left bottom, from(#fa5da8), to(#d91170));	/*グラデーション*/
background-image:  -webkit-linear-gradient(#fa5da8, #d91170 49%, #1a1a1a 50%, #d91170);	/*同上*/
background-image:  linear-gradient(#fa5da8, #d91170 49%, #d91170 50%, #d91170);			/*同上*/
clear: both;
border-right: 1px solid #d91170;	/*右側の線の幅、線種、色*/
border-bottom: 1px solid #d91170;	/*下側の線の幅、線種、色*/
border-left: 1px solid #d91170;		/*左側の線の幅、線種、色*/
border-top: 1px solid #d91170;		/*左側の線の幅、線種、色*/
}

#gallerythum span2 {
color: #ffffff;
margin:0px 0px 0px 10px;
font-size: 11px;
font-weight: normal;
line-height: 130%;
}

/*ツバキ女王様私物アイテム
---------------------------------------------------------------------------*/

#t_freegallery {
	clear: left;
	width: 920px;
	margin: 10px auto 0px;
}

/*widthは並べたい枚数にあわせて調整*/
#t_gallerythum{
width:100%;
margin:0px auto 0px 0px;
padding:0px 0px 0px 0px;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
#t_gallerythum dl{
text-align: center;
margin:0px 0px 16px 16px;
padding:0px 0px 0px;
position: relative;
left:0;
float:left;
width:209px;
height:235px;
font-size:11px;
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#d91170;
background-color: #ffffff;
}
#t_gallerythum dt{
float:left;
width:189px;
text-align: center;
vertical-align: middle;
padding:0px 0 0px 0px;
margin:10px;
clear:both; 
}
#t_gallerythum dd{
width:216px;
color:#ffffff;
background-color: #d91170;
display: table-cell;
vertical-align: top;  
padding:4px 0px;
}
#t_gallerythum h2 {
font-size: 14px;
color: #ffffff;	/*文字色*/
padding: 5px 10px;	/*左から、上下、左右への余白*/
margin:0px 0px 10px 0px;
background-color: #d91170;	/*背景色（古いブラウザだとここの色のみが出ます）*/
background-image:  -webkit-gradient(linear, left top, left bottom, from(#fa5da8), to(#d91170));	/*グラデーション*/
background-image:  -webkit-linear-gradient(#fa5da8, #d91170 49%, #1a1a1a 50%, #d91170);	/*同上*/
background-image:  linear-gradient(#fa5da8, #d91170 49%, #d91170 50%, #d91170);			/*同上*/
clear: both;
border-right: 1px solid #d91170;	/*右側の線の幅、線種、色*/
border-bottom: 1px solid #d91170;	/*下側の線の幅、線種、色*/
border-left: 1px solid #d91170;		/*左側の線の幅、線種、色*/
border-top: 1px solid #d91170;		/*左側の線の幅、線種、色*/
}

#t_gallerythum span2 {
color: #ffffff;
margin:0px 0px 0px 10px;
font-size: 11px;
font-weight: normal;
line-height: 130%;
}


.clr-block{
clear : both ;
margin:0px 0px 0px 0px;
}
/* --- ここまで --- */

/*Liana女王様私物アイテム
---------------------------------------------------------------------------*/

#l_freegallery {
clear: left;
width: 920px;
margin: 10px auto 0px;
}

/*widthは並べたい枚数にあわせて調整*/
#l_gallerythum{
width:100%;
margin:0px auto 0px 0px;
padding:0px 0px 0px 0px;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
#l_gallerythum dl{
text-align: center;
margin:0px 0px 16px 16px;
padding:0px 0px 0px;
position: relative;
left:0;
float:left;
width:133px;
height:225px;
font-size:11px;
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#d91170;
background-color: #ffffff;
}
#l_gallerythum dt{
float:left;
width:113px;
text-align: center;
vertical-align: middle;
padding:0px 0 0px 0px;
margin:10px;
clear:both;
}
#l_gallerythum dd{
width:140px;
color:#ffffff;
background-color: #d91170;
display: table-cell;
vertical-align: top;  
padding:4px 0px;
}
#l_gallerythum h2 {
font-size: 14px;
color: #ffffff;	/*文字色*/
padding: 5px 10px;	/*左から、上下、左右への余白*/
margin:0px 0px 10px 0px;
background-color: #d91170;	/*背景色（古いブラウザだとここの色のみが出ます）*/
background-image:  -webkit-gradient(linear, left top, left bottom, from(#fa5da8), to(#d91170));	/*グラデーション*/
background-image:  -webkit-linear-gradient(#fa5da8, #d91170 49%, #1a1a1a 50%, #d91170);	/*同上*/
background-image:  linear-gradient(#fa5da8, #d91170 49%, #d91170 50%, #d91170);			/*同上*/
clear: both;
border-right: 1px solid #d91170;	/*右側の線の幅、線種、色*/
border-bottom: 1px solid #d91170;	/*下側の線の幅、線種、色*/
border-left: 1px solid #d91170;		/*左側の線の幅、線種、色*/
border-top: 1px solid #d91170;		/*左側の線の幅、線種、色*/
}

#l_gallerythum span2 {
color: #ffffff;
margin:0px 0px 0px 10px;
font-size: 11px;
font-weight: normal;
line-height: 130%;
}


.clr-block{
clear : both ;
margin:0px 0px 0px 0px;
}
/* --- ここまで --- */

/* --- ボタン --- */
.btn {
display: inline-block;
color: #171717;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
text-align: center;
font-size: 14px;
width: 200px;
background: #e5117d;
margin: 0px 0px 10px 0px;
padding: 8px 0px;
border: 1px solid #ea68a2;
line-height: 160%;
text-decoration:none;
border-radius: 2px;
}
.btn span {
color: #ffffff;
font-size: 12px;
font-weight: bold;
line-height: 130%;
}
.btn:hover{
 opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity: 0.6;
}
.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#centerbutton {
	width: 100%;	/*ブロック幅*/
	position: relative;
	margin: 0px auto;
	text-align: center;	/*文字を右寄せ*/
}
/* --- ここまで --- */

/* フッターの背景 */
div#footer-bk
{
	background-color: #000000;   /* 背景色(黒) */
	text-align: center;
	width:952px;               /* 横の幅を100% */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	padding: 10px 0;          /* 上下に余白を取る */
	margin:0px auto 0px;
}
/* フッターの表示領域 */
div#footer{
	width: 950px;           /* 横の幅970px */
	vertical-align:top;
}

/* --- ここまで --- */