@charset "utf-8";



/* 共通ヘッダー */
.common-header_content_title{	/* 見出し */
background: url(../image/titile.png) no-repeat center top;
}



/* 見出し01 */
.midasi01{
width: 100%;
height: 160px;
background: url(../image/midasi01.png) no-repeat center top;
margin: 0 auto 40px auto;
}



/* 汎用ボタン カスタマイズ */
.commonbutton{
margin: 0 auto 100px auto;
}
.common-button_button{
width: 250px;
padding: 16px 0;
}



/* キャラ紹介 */
.character{
width: 1100px;
margin: 0 0 0 40px;
}
#syoku,
#gi,
#go{
display: none;
}

/* 見出し */
.character_midasi{
width: 1100px;
height: 160px;
margin: 0 0 40px -40px;
}
#syoku_midasi{
background: url(../image/syoku/midasi.png) no-repeat center top;
}
#gi_midasi{
background: url(../image/gi/midasi.png) no-repeat center top;
}
#go_midasi{
background: url(../image/go/midasi.png) no-repeat center top;
}
#plus_midasi{
background: url(../image/plus/midasi.png) no-repeat center top;
}

/* 大サイズ */
.character-big{
width: 1020px;
height: 580px;
float: left;
margin: 0 0 40px 0;
}
.character-big_image{
bottom: 0;
left: 0;
}
.character-big_voice{	/* サンプルボイス */
width: 280px;
height: 60px;
top: 466px;
left: 24px;
}
.character-big_voice li{
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}
.character-big_cg{	/* 画廊 */
width: 280px;
height: 60px;
top: 466px;
left: 315px;
}
.character-big_cg li{
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}
/* 中サイズ */
.character-middle{
width: 490px;
height: 490px;
float: left;
margin: 0 40px 40px 0;
}
.character-middle_image{
bottom: 0;
left: 0;
}
.character-middle_voice{	/* サンプルボイス */
width: 135px;
height: 60px;
top: 377px;
left: 102px;
}
.character-middle_voice li{
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}
.character-middle_cg{	/* 画廊 */
height: 60px;
top: 377px;
left: 273px;
}
character-middle_cg li{
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}
/* 小サイズ */
.character-small{
width: 314px;
height: 450px;
float: left;
margin: 0 39px 39px 0;
}
.character-small_image{
bottom: 0;
left: 0;
}
.character-small_voice{	/* サンプルボイス */
height: 60px;
bottom: 7px;
right: 74px;
}
.character-small_voice li{
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}
.character-small_cg{	/* 画廊 */
height: 60px;
bottom: 7px;
right: 8px;
}
character-small_cg li{
width: 60px;
height: 60px;
float: left;
margin-right: 5px;
}



.textbox{	/* 告知領域 */
width: 760px;
background: #FFFFFF;
border: #B9B9B9 1px solid;
float: left;
text-align: center;
margin: 0 0 40px 110px;
padding: 20px;
}



/* ウインドウサイズが600pxを下回る場合 */
@media screen and (max-width: 600px){







}