@charset "utf-8";
/* ==================================================================
CSS information
style info :ゲーム紹介ページ用
================================================================== */


/* --------------------------------------------------------
#contents_wrap
-------------------------------------------------------- */
#contents_wrap{ background-color:#FFF;}
.ac{/*text-align:center;*/}

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{ padding:38px 0 27px;
}

.vsmenu{
	width:980px;
	text-align:center;
	margin-top:10px;
}

.txt{
/*font-size: 14px;*/
line-height: 1.8em;
}

.box{
margin-left: 330px;
margin-top: 14px;
/*	margin-right: 14px;
*/

}

.pink{
	color:#ff429c;
	font-weight:bold;
}
.txt .howto{
	font-weight:bold;
	color:#555555;
	margin-bottom:15px;
/*	font-size:14px;*/
}
/* --------------------------------------------------------
#section01
-------------------------------------------------------- */
.section01{
margin:20px 0 20px 0;
border:3px solid #ff429c;
border-radius: 12px;/*CSS3*/
position:relative;
-moz-border-radius: 32px;/*for Firefox*/
-webkit-border-radius: 32px;/*for Safari and chrome*/
border-radius: 32px;/*CSS3*/
behavior: url(border-radius.htc);/*for IE*/
behavior: url(ie-css3.htc);/*for IE*/
padding:24px;
clear:both;
}
.section01 h2{
margin-bottom:20px;
color:#ff429c;
border-bottom:2px solid #ff429c;
padding-bottom:10px;
font-size:150%;
font-weight:bold;
}


.twitter{ 
margin:20px;
padding:6px;
width:526px;
border:2px solid #7fbfff;
border-radius: 12px;/*CSS3*/
-moz-border-radius: 12px;/*for Firefox*/
-webkit-border-radius: 12px;/*for Safari and chrome*/
behavior: url(border-radius.htc);/*for IE*/}



h3{
font-weight: bold;
font-size:110%;
border-bottom:1px dotted #999999;
padding-bottom:10px;
text-align:center;
}

.section01 .item{
width:310px;
}
.section01 .item ul li{
display:inline-block;
*display: inline;
*zoom: 1;
}

.info_cp h4{
font-weight: bold;
margin-top:10px;
clear:both;
}
.info_cp .sub{
color:#333;
padding: 10px;
background-color: #f8dbe4;
border: #ff429c 1px solid;
border-radius: 12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
margin: 20px 0 15px 0;
font-size:120%;
}
.info_cp p, .info_cp ul{
padding-left:30px;
}

.info_cp dl{
padding-left:40px;
}

.info_cp dl dt{
font-weight:bold;
}
.info_cp dl dd{
display:inline-block;
padding-right:20px;
*display: inline;
*zoom: 1;
}

.section01:after{
content:' ';
display:block;
clear:both;
}

.data{
background: 10px 10px no-repeat #eeeeee;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
padding:10px 20px;
margin:10px 0;
}

.data dl {
display:inline-block;
margin-right:10px;
padding:10px;
width:240px;
*display: inline;
*zoom: 1;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

.data .url{
    width:640px;
}

.data dl dt, .data h4{
font-weight:bold;
}

.data dd{
display:inline-block;
*display: inline;
*zoom: 1;
}

.link{
margin-top:20px;
}
.link dd{
padding-left:30px;
margin-bottom:10px;
}

.box ul{

}
.info_cp .list li{
display:inline-block;
margin-right:20px;
*display: inline;
*zoom: 1;
}

.info_cp .list li img{
border: 1px solid #cccccc;
}

#page-top{
    width:50px;
    height:50px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    position:fixed;
    right:20px;
    bottom:20px;
    background:#e5087a;
    display:none;
    opacity:0.8;
    -moz-opacity:0.8;
    fillter:alpha(opacity=80);
    -ms-filter:"alpha(opacity=80)";
    zoom:1;
    z-index:1;
}
#page-top p{
    margin:0;
    padding:0;
    text-align:center;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

#page-top p:hover{
    background:#e5087a;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#page-top p a{
    color:#fff;
    line-height:50px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    font-size:120%;
}

/* --------------------------------------------------------
共有
-------------------------------------------------------- */
.picList{ margin-left:-36px; position:relative;}
.picList li{ float:left; margin-left:36px;}
.picList li.text{ position:absolute; top:342px; right:20px;}
#section03 .picList li.text{ top:327px; right:50px;}
#section04 .picList li.text{ top:275px; left:0px;}

.attention{margin-bottom:20px; font-size:93%;}