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

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}

body.fixed .menu_fix {
	margin-bottom:100px;
}

body.fixed #Menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* ページトップ */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:10000;
}
#page-top a {
	background: #eb6d9a;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ff3980;
}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 全体・枠作り */

html,body {
  height:100%;
}

body {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/grand_bg.jpg) left top repeat;
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
}

#Mainvisual {
	width:100%;
	height:960px;
	position:relative;
	background:url(../img/mainvisual_bg1.jpg) left top no-repeat;
	background-size:cover;
}

#INDEX .header {
	width:100%;
	height:30px;
	background:url(../img/header.png) left top repeat-x;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#SUB .header {
	width:100%;
	height:25px;
	background:url(../img/header.png) left top repeat-x;
	position:relative;
}

.head_wrap {
	width:1000px;
	margin:0 auto;
}

.header h1 {
	width: 280px; /* 新しい画像の幅に合わせる（例：280px） */
	height: 25px;
	float: left;
	margin-right: 482px; /* 1000 - (280 + 右リンク幅238) = 482 に調整 */
}

.header h1 a {
	display: block;
	width: 280px; /* 新しい画像の幅に合わせる（例：300px） */
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/head_title.png) left top no-repeat; /* 差し替えた新しい画像ファイル */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
}

.header h1 a:hover {
	opacity: 0.5;
}

.header .rightlink {
	width:238px;
	height:25px;
	float:left;
}

.rightlink ul li {
	float:left;
}

.mainvisual_character {
	background:url(../img/mainvisual_character.png) center top no-repeat;
	width:100%;
	height:960px;
}

.mainvisual_txt {
	background:url(../img/mainvisual_txt.png) center top no-repeat;
	width:1000px;
	height:960px;
	margin:0 auto;
}

.masterup {
	width:259px;
	height:237px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:500px;
}

.masterup a:hover {
	position:relative;
	top:4px;
	left:0;
}

#Menu {
	width:100%;
	height:90px;
	background:url(../img/menu_bg.png) left top repeat-x;
}

.menu_wrap {
	width:1000px;
	height:90px;
	margin:0 auto;
}
.menu_wrap ul {
    display: flex;           /* Flexboxを有効にする */
    justify-content: center; /* 中身を中央に寄せる */
    list-style: none;        /* 点を除去（念のため） */
}
.menu_wrap ul li {
	/* float:left; */
}

#Contents {
	width:1010px;
	margin:0 auto;
	padding-bottom:100px;
}

#Contents_sub {
	width:1010px;
	margin:0 auto;
	padding-bottom:240px;
}

#Contents_chara {
	width:1010px;
	height:10px;
	margin:0 auto;
	padding-bottom:70px;
}

#Topics {
	width:1010px;
	margin:19px 0 0;
}

#Topics .topics_long {
	width:1000px;
	height:100px;
	background:url(../img/topics_bg_a.png) left top no-repeat;
	padding:5px;
	float:left;
	margin-bottom:14px;
	position:relative;
}

#Topics .topics_short_left {
	width:488px;
	height:100px;
	background:url(../img/topics_bg_b.png) left top no-repeat;
	padding:5px;
	float:left;
	margin-bottom:14px;
	margin-right:14px;
	position:relative;
}

#Topics .topics_short_right {
	width:488px;
	height:100px;
	background:url(../img/topics_bg_b.png) left top no-repeat;
	padding:5px;
	float:left;
	margin-bottom:14px;
	position:relative;
}

.new {
	width:55px;
	height:55px;
	background:url(../img/new.png) left top no-repeat;
	position:absolute;
	top:-10px;
	left:100%;
	margin-left:-45px;
	z-index:100;
}

#Index_info {
	width:1010px;
}

#Rirekiwrap {
	width:666px;
	float:left;
	margin-right:14px;
}

.rireki_head {
	background:url(../img/rireki_head.png) left top no-repeat;
	width:666px;
	height:5px;
}

.rireki_body {
	background:url(../img/rireki_body.png) left top repeat-y;
	width:656px;
	height:363px;
	padding:0 5px;
}

.rireki_foot {
	background:url(../img/rireki_foot.png) left top no-repeat;
	width:666px;
	height:5px;
}

h3#Rireki_title {
	background:url(../img/rireki_title.png) left top no-repeat;
	width:656px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}

#Rireki_block {
	width:624px;
	height:291px;
	margin:16px 0 0 16px;
	overflow:hidden;
	position:relative;
}

.oneday {
	background:url(../img/rireki_line.png) left bottom no-repeat;
	padding-bottom:14px;
	margin-bottom:16px;
}

.rireki_date {
	width:524px;
	height:20px;
	padding-left:100px;
	background:url(../img/rireki_date.png) left top no-repeat;
	position:relative;
	text-align:left;
	font-size:1.4em;
	line-height:20px;
}

.new_rireki {
	background:url(../img/rireki_new.png) left top no-repeat;
	width:90px;
	height:18px;
	position:absolute;
	top:0;
	left:534px;
}

.rireki_txt {
	background:url(../img/rireki_listmark.png) left 3px no-repeat;
	width:624px;
	margin-top:14px;
	padding-left:24px;
	font-size:1.4em;
	text-align:left;
	line-height:1.8;
}

.rireki_txt a {
	color:#1988c0;
	text-decoration:none;
}

.rireki_txt a:hover {
	color:#1988c0;
	text-decoration:underline;
}

#Twitterwrap {
	width:330px;
	float:left;
}

.twitter_head {
	background:url(../img/twitter_head.png) left top no-repeat;
	width:330px;
	height:5px;
}

.twitter_body {
	background:url(../img/twitter_body.png) left top repeat-y;
	width:320px;
	padding:0 5px;
}

.twitter_foot {
	background:url(../img/twitter_foot.png) left top no-repeat;
	width:330px;
	height:5px;
}

h3#Twitter_title {
	background:url(../img/twitter_title.png) left top no-repeat;
	width:320px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}

.timeline_wrap {
	width:300px;
	padding:10px;
}

footer {
	width:100%;
	height:80px;
	background:url(../img/footer_bg.png) left top repeat-x;
	position: fixed;
    bottom: 0px;
	left: 0px;
	z-index:200;
}

.footer_wrap {
	width:1000px;
	height:80px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.banner {
	position:absolute;
	top:20px;
	left:0;
	width:200px;
	height:40px;
	background:#FFF;
}

.footlink {
	width:800px;
	color:#FFF;
	margin-top:5px;
	margin-left:200px;
	text-align:right;
	font-size:1.4em;
}

.footlink a {
	color:#FFF;
	text-decoration:none;
}

.footlink a:hover {
	color:#FFF;
	text-decoration:underline;
}

.footspec {
	width:800px;
	color:#bababa;
	margin-top:18px;
	margin-left:200px;
	text-align:right;
}

.contentshead {
	width:100%;
	height:87px;
	position:relative;
}

.contentshead_blue {
	width:40%;
	height:87px;
	position:absolute;
	background:#1177bc;
	top:0;
	left:0;
	z-index:10;
}

.contentshead h2 {
	width:1000px;
	height:87px;
	margin:0 auto;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
	z-index:50;
}

h2#Introduction {background:url(../img_sub/hr_introduction.png) left top no-repeat;}
h2#Story {background:url(../img_sub/hr_story.png) left top no-repeat;}
h2#Character {background:url(../img_sub/hr_character.png) left top no-repeat;}
h2#System {background:url(../img_sub/hr_system.png) left top no-repeat;}
h2#Gallery {background:url(../img_sub/hr_gallery.png) left top no-repeat;}
h2#Download {background:url(../img_sub/hr_download.png) left top no-repeat;}
h2#Special {background:url(../img_sub/hr_special.png) left top no-repeat;}
h2#Privilege{background:url(../img_sub/hr_privilege.png) left top no-repeat;}
h2#Banner {background:url(../img_sub/hr_banner.png) left top no-repeat;}

.contentsfoot {
	width:100%;
	height:145px;
	position: absolute;
    bottom: 0px;
	padding-bottom:80px;
}

.contentsfoot_blue {
	width:35%;
	height:145px;
	position:absolute;
	background:#1177bc;
	top:0;
	left:65%;
	z-index:10;
}

.contentsfoot_cloud {
	background:url(../img_sub/contentsfoot.png) left top no-repeat;
	width:1000px;
	height:145px;
	margin:0 auto;
	z-index:50;
}

.intro_strongtxt_01 {
	width:900px;
	height:103px;
	margin:60px auto 60px;
	background:url(../img_sub/intro_strongtxt_01.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.intro_strongtxt_02 {
	width:800px;
	height:50px;
	margin:120px auto 60px;
	background:url(../img_sub/intro_strongtxt_02.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.intro_strongtxt_03 {
	width:372px;
	height:41px;
	margin:120px auto 60px;
	background:url(../img_sub/intro_strongtxt_03.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.introtxt_box {
	font-size:1.8em;
	line-height:2;
	text-align:center;
	color:#1177bc;
}

.introtxt_box strong {
	font-weight:bold;
	color:#0098ff;
}

.status_block {
	width:1000px;
	margin:120px auto 0;
}

.status_block table {
	width:480px;
	color:#1177bc;
	font-size:1.5em;
}

.status_block table th {
	text-align:right;
	padding:5px 10px;
}

.status_block table td {
	text-align:left;
	padding:5px 10px;
}

.outlinebox {
	width:500px;
	float:left;
}

.specbox {
	width:500px;
	float:left;
}

#Story_block {
	width:1200px;
	height: 1000px;
	margin:0 auto;
	background:url(../img_sub/story_txt.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#DL_Update {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_update.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

#DL_battle {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_battle.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

#DL_trial {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_trial.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

#DL_opmovie {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_op.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

#DL_opmovie2 {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_op2.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

#DL_teaser {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_teaser.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

#DL_song {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_song.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

#DL_presentation {
	width:1000px;
	height:77px;
	background:url(../img_sub/download_presentation.png) left top no-repeat;
	text-indent:-9999px;
	margin:36px auto;
	overflow:hidden;
}

.evcg_block {
	width:1000px;
	margin:36px auto;
}

.evcg_block ul li {
	background:url(../img_sub/evcg_bg.png) left top no-repeat;
	width:310px;
	height:190px;
	padding:4px;
	float:left;
	margin-bottom:50px;
}

.m22 {
	margin-right:22px;
}

#Character_wrap {
	width:100%;
	height:960px;
}

.chara01 {background:url(../img_sub/chara/bg_01.png) center top no-repeat;}
.chara02 {background:url(../img_sub/chara/bg_02.png) center top no-repeat;}
.chara03 {background:url(../img_sub/chara/bg_03.png) center top no-repeat;}
.chara04 {background:url(../img_sub/chara/bg_04.png) center top no-repeat;}
.chara05 {background:url(../img_sub/chara/bg_05.png) center top no-repeat;}
.chara06 {background:url(../img_sub/chara/bg_06.png) center top no-repeat;}

.charabox {
	width:1000px;
	height:960px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

.voice_list {
	width:500px;
	height:34px;
	position:absolute;
	top:696px;
	left:230px;
}

.voice_list ul {
	background:url(../img_sub/chara/voice.png) left top no-repeat;
	width:300px;
	padding-left:172px;
	height:34px;
}

.voice_list ul li {
	width:34px;
	height:34px;
	float:left;
	margin-right:16px;
}

.charaimage01 {background:url(../img_sub/chara/chara_01.png) center top no-repeat;}
.charaimage02 {background:url(../img_sub/chara/chara_02.png) center top no-repeat;}
.charaimage03 {background:url(../img_sub/chara/chara_03.png) center top no-repeat;}
.charaimage04 {background:url(../img_sub/chara/chara_04.png) center top no-repeat;}
.charaimage05 {background:url(../img_sub/chara/chara_05.png) center top no-repeat;}
.charaimage06 {background:url(../img_sub/chara/chara_06.png) center top no-repeat;}

.chara_select {
	width:600px;
	height:156px;
	position:absolute;
	left:0;
	top:740px;	
}

.chara_select ul li {
	float:left;
	margin-right:6px;
}

.chara_select ul li a:hover {
	position:relative;
	left:0;
	top:4px;
}

.chara_sub_choice {
	width:590px;
	height:36px;
	position:absolute;
	left:0px;
	top:900px;
}

.chara_sub_choice ul li {
	float:left;
	margin-right:6px;
}

.chara_sub_choice ul li a:hover {
	position:relative;
	left:0;
	top:4px;
}

.sub_charaselect{
	width:600px;
	height:200px;
	margin:0 auto 60px;
	position:relative;
}

.s_chara_select {
	width:600px;
	height:156px;	
	margin:60px auto 0;
}

.s_chara_select ul li {
	float:left;
	margin-right:6px;
}

.s_chara_select ul li a:hover {
	position:relative;
	left:0;
	top:4px;
}

.s_chara_sub_choice {
	width:590px;
	height:36px;
}

.s_chara_sub_choice ul li {
	float:left;
	margin-right:6px;
}

.s_chara_sub_choice ul li a:hover {
	position:relative;
	left:0;
	top:4px;
}


.subchara_wrap {
	width:100%;
	height:600px;
	margin:36px auto;
	position:relative;
}

.subchara_01 {background:url(../img_sub/chara/sub_01.png) center top no-repeat;}
.subchara_02 {background:url(../img_sub/chara/sub_02.png) center top no-repeat;}
.subchara_03 {background:url(../img_sub/chara/sub_03.png) center top no-repeat;}
.subchara_04 {background:url(../img_sub/chara/sub_04.png) center top no-repeat;}
.subchara_05 {background:url(../img_sub/chara/sub_05.png) center top no-repeat;}
.subchara_06 {background:url(../img_sub/chara/sub_06.png) center top no-repeat;}
.subchara_07 {background:url(../img_sub/chara/sub_07.png) center top no-repeat;}
.subchara_08 {background:url(../img_sub/chara/sub_08.png) center top no-repeat;}
.subchara_09 {background:url(../img_sub/chara/sub_09.png) center top no-repeat;}
.subchara_10 {background:url(../img_sub/chara/sub_10.png) center top no-repeat;}

.sub_voice_list {
	width:500px;
	height:34px;
	position:absolute;
	left:50%;
	margin-left:-477px;
}

.sublist03 {	top:420px;}
.sublist04 {	top:434px;}
.sublist05 {	top:420px;}
.sublist06 {	top:420px;}
.sublist07 {	top:464px;}
.sublist08 {	top:464px;}
.sublist09 {	top:464px;}
.sublist10 {	top:490px;}

.sub_voice_list ul {
	background:url(../img_sub/chara/voice.png) left top no-repeat;
	width:300px;
	padding-left:172px;
	height:34px;
}

.sub_voice_list ul li {
	width:34px;
	height:34px;
	float:left;
	margin-right:16px;
}

.w_event_txt {
	font-size:1.7em;
	text-align:left;
	color:#1177bc;
}

.w_event_txt a {
	color:#1177bc;
	font-weight:bold;
	text-decoration:underline;
}

.w_event_txt a:hover {
	color:#0098ff;
	text-decoration:none;
}

.w_event_txt strong {
	font-weight:bold;
	color:#0098ff;
}

.weve_title {
	margin:24px auto;
}

.weve_table_float {
	width:480px;
	float:left;
}

.weve_table_float table {
	width:480px;
	background-color:#dcdcf6;
}

.weve_table_float table th {
	height:24px;
	width:180px;
	background-color:#1177bc;
	border:1px solid #64a5d2;
	font-size:80%;
	color:#ffffff;
	text-align:center;
}

.weve_table_float table td {
	height:24px;
	background-color:#edf4f9;
	border:1px solid #64a5d2;
	font-size:80%;
	text-align:left;
	padding:4px 0 4px 0;
	color:#00134a;
	line-height:1.5;
}

.tokuten_wrap {
	width:1000px;
	margin:30px auto;
}

.toku_sofmap {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_sofmap.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_getchu {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_getchu.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}


.toku_medio {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_medio.png) left top no-repeat;
	position:relative;
	float:left;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}


.toku_trader {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_trader.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}


.toku_goodwill {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_goodwill.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}


.toku_melonbooks {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_melonbooks.png) left top no-repeat;
	position:relative;
	float:left;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}


.toku_toranoana {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_toranoana.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}


.toku_yodobashi {
	width:304px;
	height:558px;
	background:url(../special/tokuten/toku_yodobashi.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_famies {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_famies.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_takarajima {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_takarajima.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_otachu {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_otachu.png) left top no-repeat;
	position:relative;
	float:left;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_alice {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_alice.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_amiami {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_amiami.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_mk {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_mk.png) left top no-repeat;
	position:relative;
	float:left;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_seagull {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_seagull.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_sita {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_sita.png) left top no-repeat;
	position:relative;
	float:left;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_bisco {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_bisco.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_amazon {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_amazon.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_furukawa {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_furukawa.png) left top no-repeat;
	position:relative;
	float:left;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.toku_prop {
	width:304px;
	height:324px;
	background:url(../special/tokuten/toku_prop.png) left top no-repeat;
	position:relative;
	float:left;
	margin-right:44px;
	margin-bottom:36px;
	text-indent:-9999px;
	overflow:hidden;
}

.shoplink {
	width:300px;
	height:20px;
	position:absolute;
	left:2px;
	top:535px;
}

.shoplink2 {
	width:300px;
	height:20px;
	position:absolute;
	left:2px;
	top:301px;
}

.postcard_table {
	width:700px;
	margin:0 auto;
}

.postcard_table table {
	width:700px;
	background-color:#dcdcf6;
}

.postcard_table table th {
	height:24px;
	width:350px;
	background-color:#1177bc;
	border:1px solid #64a5d2;
	font-size:1.4em;
	color:#ffffff;
	text-align:center;
}

.postcard_table table td {
	height:24px;
	background-color:#edf4f9;
	border:1px solid #64a5d2;
	font-size:1.4em;
	text-align:left;
	padding:4px 0 4px 16px;
	color:#00134a;
	line-height:1.5;
}

a.official_webshop {
	width:700px;
	height:50px;
	background:#FFBE00;
	display:block;
	margin:0 auto 36px;
	line-height:50px;
	text-decoration:none;
	color:#FFF;
	font-size:2em;
	font-weight:bold;
}


a:hover.official_webshop {
	background:#FF9600;
}

.twitter_link {
	width:1000px;
	height:100px;
	margin:24px auto 36px;
}

.twilink_left {
	width:475px;
	height:100px;
	line-height:100px;
	margin-right:50px;
	text-decoration:none;
	font-size:2em;
	font-weight:bold;
	float:left;
	background:#1177bc;
	color:#FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;	
	border-radius: 20px;
}

.twilink_left:hover {
	background:#42a1e2;
}

.twilink_right {
	width:475px;
	height:100px;
	line-height:100px;
	text-decoration:none;
	font-size:2em;
	font-weight:bold;
	float:left;
	background:#18324b;
	color:#FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;	
	border-radius: 20px;
}

.twilink_right:hover {
	background:#295077;
}

.banner_link {
	width:700px;
	height:100px;
	margin:24px auto 36px;
}

.banlink {
	width:700px;
	height:100px;
	line-height:100px;
	margin-right:50px;
	text-decoration:none;
	font-size:2em;
	font-weight:bold;
	float:left;
	background:#1177bc;
	color:#FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;	
	border-radius: 20px;
}

.banlink:hover {
	background:#42a1e2;
}

.banner_title {
	font-size:3em;
	color:#2942aa;
	width:800px;
	height:50px;
	line-height:50px;
	margin:0 auto 36px;
	border-bottom:5px dotted #2942aa;
	font-family: 'Coda', cursive;
	text-align:center;
}

.urlbox {
	border:0;
	background-color:#ffffff;
	font-size:80%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#5d3d4b;
}

.banner_wrap_header {
	width:740px;
	margin:0 auto 36px;
}

.banbox_header {
	width:350px;
	padding:10px;
	float:left;
	font-size:1.4em;
	color:#f8c100;
}

.banner_wrap_icon {
	width:880px;
	margin:0 auto 36px;
}

.banbox_icon {
	width:200px;
	padding:10px;
	float:left;
	font-size:1.4em;
	color:#f8c100;
}

.banner_wrap200 {
	width:880px;
	margin:0 auto 36px;
}

.banbox_200 {
	width:200px;
	padding:10px;
	float:left;
	font-size:1.4em;
	color:#f8c100;
}

.banbox_200 textarea {
	width:200px;
	height:80px;
	margin-top:8px;
}

.banner_wrap600 {
	width:640px;
	margin:0 auto 36px;
}

.banbox_600 {
	width:600px;
	padding:10px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#f8c100;
}

.banbox_600 textarea {
	width:600px;
	height:60px;
	margin-top:8px;
}

.banner_wrap150 {
	width:680px;
	margin:0 auto 36px;
}

.banbox_150 {
	width:150px;
	padding:10px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#f8c100;
}

.banbox_150 textarea {
	width:150px;
	height:100px;
	margin-top:8px;
}

.banner_wrap600400 {
	width:620px;
	margin:0 auto 36px;
}

.banbox_600400 {
	width:600px;
	padding:10px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#f8c100;
}

.banbox_600400 textarea {
	width:600px;
	height:60px;
	margin-top:8px;
}

.radio_block {
	width:1006px;
	height:1310px;
	background:url(../special/radio_first.png)center top no-repeat;
	position:relative;
	margin:32px auto;
}

.radiobox {
	width:560px;
	height:315px;
	position:absolute;
	left:26px;
	top:593px;
}

.radio_download {
	width:400px;
	height:50px;
	position:absolute;
	left:106px;
	top:920px;
}

.radio_next {
	width:890px;
	height:170px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	top:1027px
}

.radiolink {
	width:700px;
	height:100px;
	line-height:100px;
	margin-right:50px;
	text-decoration:none;
	font-size:2em;
	font-weight:bold;
	float:left;
	background:#ffb400;
	color:#FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;	
	border-radius: 20px;
}

.radiolink:hover {
	background:#ffd05e;
}


.radio_backnumber {
	width:560px;
	position:relative;
	margin:0 auto 36px;
}

.backnumberbox {
	width:560px;
	height:315px;
}

.backnumber_download {
	width:400px;
	height:50px;
	margin:32px auto 36px;
}

#Sys_01 {
	background:url(../img_sub/sys_01.png) left top no-repeat;
	width:1020px;
	height:310px;
	margin:24px auto 0;
	text-indent:-9999px;
	overflow:hidden;
}

.sys_line_01 {
	background:url(../img_sub/sys_line01.png) left top no-repeat;
	width:220px;
	height:10px;
	margin:26px auto 0;
}


#Sys_02 {
	background:url(../img_sub/sys_02.png) left top no-repeat;
	width:1020px;
	height:401px;
	margin:0 auto 0;
	text-indent:-9999px;
	overflow:hidden;
}

#Sys_03 {
	background:url(../img_sub/sys_03.png) left top no-repeat;
	width:1020px;
	height:1067px;
	margin:36px auto 0;
	text-indent:-9999px;
	overflow:hidden;
}

#Sys_04 {
	background:url(../img_sub/sys_04.png) left top no-repeat;
	width:1020px;
	height:367px;
	margin:36px auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Sys_05 {
	background:url(../img_sub/sys_05.png) left top no-repeat;
	width:1020px;
	height:1482px;
	margin:36px auto;
	text-indent:-9999px;
	overflow:hidden;
}

.special_separate {
	border: 0;
	border-bottom:20px dotted #C8C8C8;
	width:400px;
	margin:48px auto;
}


.download_table {
	width:840px;
	margin:32px auto 60px;
}

.download_table table {
	width:840px;
}

.download_table table th {
	height:24px;
	background-color:#1177bc;
	border:1px solid #93d3ff;
	color:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
	font-size:1.3em;
	text-align:center;
}

.download_table table th a {
	color:#FFF;
	text-decoration:none;
}

.download_table table th a:hover {
	color:#FFF;
	text-decoration:underline;
}

.download_table table td {
	width:280px;
	height:45px;
	background-color:#edf4f9;
	border:1px solid #93d3ff;
	color:#5e5e5e;
	font-size:1.3em;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.download_table table td a {
	display:block;
	margin:0 auto;
	width:180px;
	height:30px;
	background:#6bb0e1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	border-radius: 3px;
	border-style: none;
	font-weight:bold;
	color:#FFF;
	line-height:30px;
	text-decoration:none;
	font-size:120%;
}

.download_table table td a:hover {

	background:#93d3ff;

}

.update_txt {
	width:800px;
	margin:0 auto;
	text-align:left;
	font-size:1.4em;
}

.update_txt span {
	font-weight:bold;
	color:#618DC8;
}

.update_txt a {
	font-weight:bold;
	color:#fd658d;
	text-decoration:underline;
}

.update_txt a:hover {
	text-decoration:none;
}

.update_txt blockquote {
	width:700px;
	padding:20px;
	border:1px solid #618DC8;
	background:#FFF;
	margin:0 auto;
}


/* ========================================
   通販リンクエリア（タイトル・注意書き追加版）
   ======================================== */
.shoplink_section {
    width: 850px; 
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 60px; /* ★ここを 120px から 60px など小さい数値に変更します */
}

/* 見出しのスタイル */
.shop_title {
    font-size: 2.4em;
    color: #1177bc;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #1177bc;
    padding-bottom: 10px;
}

/* ボタンを囲むエリア */
.shoplink_area {
    width: 850px; 
    margin: 0 auto 40px; /* ボタンと注意書きの間に40pxの隙間 */
}

/* ボタン共通設定 */
.shop_btn {
    display: block;
    width: 400px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
    font-size: 2em;
    font-weight: bold;
    color: #FFF;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.shop_btn:hover {
    color: #FFF;
    text-decoration: none;
}

/* 左側のボタン */
.shop_btn_01 {
    float: left;
    margin-right: 50px;
    background: #FFBE00;
}
.shop_btn_01:hover {
    background: #FF9600;
}

/* 右側のボタン */
.shop_btn_02 {
    float: left;
    background: #1177bc;
}
.shop_btn_02:hover {
    background: #42a1e2;
}

/* 注意書きエリアのスタイル */
.shop_notes {
    text-align: left;
    font-size: 1.4em;
    color: #5e5e5e;
    line-height: 1.6;
    background-color: #edf4f9; /* サイトに合わせた薄い青色 */
    border: 1px solid #93d3ff; /* 枠線 */
    padding: 20px;
    border-radius: 10px;
}

.shop_notes p {
    margin-bottom: 10px;
}

.shop_notes p:last-child {
    margin-bottom: 0; /* 最後の行の下の余白を消す */
}