@charset "utf-8";

html,body
{
	margin: 0px;
	padding: 0px;
	/*font-family: "ＭＳ Ｐゴシック",sans-serif;*/
	/* ↑一時的に下記のフォントセットに変える。レイアウトが崩れたりした場合は元に戻す。↓ */
		font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

body#top_page
{
	background-color: #000;
}

/* 背景（トップページ用） */
div#bg_top
{
	background-image: url(../image/top/top_c.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	min-width: 1480px;
	height: 940px;
}

/* 背景（その他ページ用） */
div#bg_sub
{
	background-image: url(../image/bg2.png), url(../image/bg.jpg);
	background-repeat: no-repeat;
	background-position:50% 0;
	min-width: 1480px;
	height: 940px;
}

/* メインコンテンツ */
/*===========================================*/
/* コンテンツ枠（トップページ用） */
div#top_content_box
{
	width: 1480px;
	height: 710px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

/* その他ページ用 */
div#sub_content_box
{
	width: 1480px;
	height: 872px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

/* その他ページ用タイトル */
h1#page_title_img
{
	position: absolute;
	top: 140px;
	left: 30px;
}

/* その他ページ用メインコンテンツ */

div#outline_content,
div#outline2_content,
div#system_content,
div#system2_content,
div#system3_content,
div#system4_content,
div#system5_content,
div#system6_content,
div#system7_content,
div#gallery_content,
div#gallery2_content,
div#gallery3_content,
div#gallery4_content,
div#special_content,
div#special2_content,
div#special3_content,
div#special4_content,
div#special5_content,
div#special6_content,
div#special7_content,
div#spec_content
{
	position: relative;
	top: 120px;
	left: 300px;
	width: 1120px;
	height: 750px;
}

div#outline_content{background-image: url(../image/outline/gaiyou01.png);}
div#outline2_content{background-image: url(../image/outline/gaiyou02.png);}
div#system_content{background-image: url(../image/system/shinario.png);}
div#system2_content{background-image: url(../image/system/chardesign.png);}
div#system3_content{background-image: url(../image/system/game_syoukai01.png);}
div#system4_content{background-image: url(../image/system/game_syoukai02.png);}
div#system5_content{background-image: url(../image/system/game_syoukai03.png);}
div#system6_content{background-image: url(../image/system/game_syoukai04.png);}
div#system7_content{background-image: url(../image/system/game_syoukai05.png);}
div#gallery_content{background-image: url(../image/gallery/evcg.png);}
div#gallery2_content{background-image: url(../image/gallery/ss.png);}
div#gallery3_content{background-image: url(../image/gallery/op.png);}
div#gallery4_content{background-image: url(../image/gallery/demo.png);}
div#special_content{background-image: url(../image/special/ouen.png);}
div#special2_content{background-image: url(../image/special/tenpo.png);}
div#special3_content{background-image: url(../image/special/goukagenteiban.png);}
div#special4_content{background-image: url(../image/special/soukikounyuu.png);}
div#special5_content{background-image: url(../image/special/yoyakukounyuu.png);}
div#special6_content{background-image: url(../image/special/hwheader.png);}
div#special7_content{background-image: url(../image/special/taiken.png);}
div#spec_content{background-image: url(../image/spec/dousa.png);}

/* 人物紹介別枠char_info.cssに続きを記載 */
div#char_content
{
	position: relative;
	top: 100px;
	left: 270px;
	width: 1200px;
	height: 750px;
}

/* Windows10対応ロゴ */
img#win10_logo
{
	position: absolute;
	top: 625px;
	left: 670px;
	width: 180px;
}

/* トップデモ告知 */
img#link_demo
{
	position: absolute;
	top: 475px;
	left: 200px;
	width: 200px;
}

/* メインメニュー（トップ、その他ページ共通） */
div#main_menu
{
	position: absolute;
	top: 20px;
	left: 0px;
	width: 1150px;
	height: 120px;
	z-index: 100;
}

div#main_menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#main_menu ul li
{
	float: left;
}

div#main_menu ul li.mbt00,
div#main_menu ul li.mbt01,
div#main_menu ul li.mbt02,
div#main_menu ul li.mbt03,
div#main_menu ul li.mbt04,
div#main_menu ul li.mbt05,
div#main_menu ul li.mbt06
{
	position: relative;
	margin: 32px 0px;
	padding: 0px;
}

div#main_menu ul li.mbt00
{
	margin: 0px 25px;
	padding: 0px;

}

/* サブメニュー */
div#sub_menu
{
	position: absolute;
	top: 230px;
	left: 0px;
	width: 270px;
}

div#sub_menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#sub_menu ul li
{
	float: left;
	width: 208px;
	height: 80px;
	margin: 5px 30px 2.5px;
	padding: 0px;
}

/* 遊戯紹介シナリオサブメニュー */
div#scenario_menu
{
	position: absolute;
	top: 380px;
	left: 380px;
	width: 972px;
}

div#scenario_menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#scenario_menu ul li
{
	float: left;
	width: 162px;
	height: 420px;
	margin: 0px;
	padding: 0px;
}

/* 遊戯紹介SS用 */
div#area_system03a
{
	position: absolute;
	top: 515px;
	left: 345px;
	width: 450px;
	height: 250px;
}

div#area_system03a img.dummy
{
	width: 450px;
	height: 250px;
}

div#area_system03a a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system03b
{
	position: absolute;
	top: 660px;
	left: 690px;
	width: 325px;
	height: 178px;
}

div#area_system03b img.dummy
{
	width: 325px;
	height: 178px;
}

div#area_system03b a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system04a
{
	position: absolute;
	top: 171px;
	left: 905px;
	width: 460px;
	height: 255px;
}

div#area_system04a img.dummy
{
	width: 460px;
	height: 255px;
}

div#area_system04a a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system04b
{
	position: absolute;
	top: 452px;
	left: 993px;
	width: 375px;
	height: 210px;
}

div#area_system04b img.dummy
{
	width: 375px;
	height: 210px;
}

div#area_system04b a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system04c
{
	position: absolute;
	top: 685px;
	left: 905px;
	width: 250px;
	height: 145px;
}

div#area_system04c img.dummy
{
	width: 250px;
	height: 145px;
}

div#area_system04c a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system05a
{
	position: absolute;
	top: 165px;
	left: 943px;
	width: 406px;
	height: 227px;
}

div#area_system05a img.dummy
{
	width: 406px;
	height: 227px;
}

div#area_system05a a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system05b
{
	position: absolute;
	top: 480px;
	left: 943px;
	width: 406px;
	height: 225px;
}

div#area_system05b img.dummy
{
	width: 406px;
	height: 225px;
}

div#area_system05b a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system05c
{
	position: absolute;
	top: 535px;
	left: 350px;
	width: 547px;
	height: 305px;
}

div#area_system05c img.dummy
{
	width: 547px;
	height: 305px;
}

div#area_system05c a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system07a
{
	position: absolute;
	top: 162px;
	left: 967px;
	width: 279px;
	height: 156px;
}

div#area_system07a img.dummy
{
	width: 279px;
	height: 156px;
}

div#area_system07a a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

div#area_system07b
{
	position: absolute;
	top: 308px;
	left: 1115px;
	width: 219px;
	height: 123px;
}

div#area_system07b img.dummy
{
	width: 219px;
	height: 123px;
}

div#area_system07b a.img_effect:hover
{
	background-color: rgba(255,255,255,0.1);
	display: block;
}

/* 武将紹介サブメニュー */
div#char_menu
{
	position: absolute;
	top: 90px;
	left: 975px;
	width: 200px;
}

div#char_menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#char_menu ul li
{
	float: left;
	width: 81px;
	height: 81px;
	margin: 0px 0px 1px 13px;
	padding: 0px;
}

div#char_menu ul li img.new_ban
{
	position: relative;
	top: -85px;
	left: 0px;
}

div#char_menu ul li.ex1
{
	position: relative;
	left: -60px;
}

div#char_menu ul li.ex2
{
	position: relative;
	left: -60px;
}

div#char_menu ul li.ex3
{
	position: relative;
	top: -82px;
	left: 128px;
}

/* 武将紹介タイトル */
img#char_title
{
	position: absolute;
	top: 0px;
	left: 962px;
}

/* 武将紹介史実 */
img#sizitu
{
	position: absolute;
	top: 690px;
	left: 450px;
	z-index: 10;
}

div#sizitu_text
{
	visibility: hidden;
}

/* 武将紹介サンプルボイス */
div#voice
{
    /*visibility: hidden; 音声項目を非表示 */
    position: absolute;
	top: 687px;
	left: 90px;
	width: 305px;
    height: 40px;
	font-size: 0px;
}

div#voice img#sample_voice
{
	position: absolute;
	top: 3px;
	left: 0px;
}

div#voice ul
{
	margin: 0px 0px 0px 160px;
	padding: 0px;
	list-style-type: none;
	font-size: 0px;
	text-align: center;
	display: inline;
}

div#voice ul li
{
	display: inline;
	margin-right: 5px;
    width: 39px;
}

/* ソフマップ特典キャラ用 */

/* 武将紹介史実 */
img#s_sizitu
{
	position: absolute;
	top: 645px;
	left: 450px;
	z-index: 10;
}

div#s_sizitu_text
{
	position:absolute;
	visibility: hidden;
}

/* 武将紹介サンプルボイス */
div#s_voice
{
    /*visibility: hidden; 音声項目を非表示 */
    position: absolute;
	top: 645px;
	left: 90px;
	width: 305px;
    height: 40px;
	font-size: 0px;
}

div#s_voice img#sample_voice
{
	position: absolute;
	top: 3px;
	left: 0px;
}

div#s_voice ul
{
	margin: 0px 0px 0px 160px;
	padding: 0px;
	list-style-type: none;
	font-size: 0px;
	text-align: center;
	display: inline;
}

div#s_voice ul li
{
	display: inline;
	margin-right: 5px;
    width: 39px;
}


/* イベントCG・スクリーンショットサブメニュー */
div#pic_menu
{
	position: absolute;
	top: 120px;
	left: 0px;
	right: 0px;
	width: 1000px;
	margin: 0px auto;
}

div#pic_menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#pic_menu ul li
{
	float: left;
	width: 234px;
	height: 132px;
	margin: 15px 8px;
	padding: 0px;
}

div#pic_menu ul li img.new_ban
{
	position: relative;
	top: -130px;
	left: 0px;
}


/* OPムービー */
div#movie_content
{
    position: absolute;
    top: 150px;
    left: 25px;
    width: 1050px;
    height: 570px;
    overflow: auto;
}

div#movie_content div.op_movie
{
	width: 800px;
	height: 450px; 
	margin: 10px auto 0px auto;
}

div#movie_content p.movie_info
{
	font-size: 9pt;
	font-weight: 900;
	text-align: center;
}

/* 体験版 */
div#taikenban_content_box
{
	position: absolute;
	top: 100px;
	left: 35px;
	width: 1050px;
	height: 630px;
	overflow: auto;
}

div#taikenban_content_box h3.taiken_subtitle
{
	border: 6px #ffcc66 double;
	margin: 0px 45px;
	font-size: 15pt;
	font-weight: 900;
	text-align: center;
	padding: 10px;
	background-color: rgba(0,0,100,0.5);
	color: #ffcc66;
}

p.taikenban_title
{
	font-size: 13pt;
	font-weight: 900;
	padding: 3px;
	text-align: center;
	background-color: #555555;
	color: #ffcc66;
	width: 700px;
	margin: 20px auto 0px auto;
	border: 1px #ffffff solid;
}

div#taikenban_content_box p.ban_text
{
	margin-left: 10%;
	margin-right: 10%;
	font-size: 11pt;
	font-weight: 900;
	text-align: center;
}

ul.trial_info_list
{
	color: #000;
	width: 600px;
	margin: 10px auto;
	font-size: 10pt;
	font-weight: 700;
}

ol.trial_list
{
	color: #000;
	width: 600px;
	margin: 10px auto;
	font-size: 10pt;
	font-weight: 700;
}

table#spec_table
{
	font-size: 11pt;
	width: 700px;
	margin: 10px auto;
	border: 2px #000000 solid;
}

table#spec_table th
{
	font-weight: 900;
	width: 200px;
	padding: 3px;
	background-color: #7b68ee;
	border: 1px #333333 solid;
	color: #000;
}

table#spec_table td
{
	width: 500px;
	background-color: #f0f0f0;
	padding: 3px;
	border: 1px #333333 solid;
	background-color: #f0f0f0;
	color: #333333;
}

/* ミラーサイト */
div.mirror_site
{
	width: 700px;
	margin: 10px auto 30px auto;
}

div.mirror_site p.info
{
	font-size: 11pt;
	font-weight: 900;
}

div.mirror_site h3.mirror_title
{
	font-size:12pt;
	font-weight:900;

	background-color: #7b68ee;
	color: #f0f0f0;
	text-align:center;
	border:1px #ccc solid;
	padding:10px 0px;
	margin:5px;
}

div.mirror_site div.mirror_link_box
{
	margin:0px 5px 5px 5px;
	border:1px #000000 solid;
	background-color: #ddd;
	color: #333333;
	overflow:auto;
}

div.mirror_site div.mirror_link_box h4
{
	border-left:30px #7b68ee solid;
	border-bottom:3px #7b68ee double;
	padding:5px;
	margin:5px;
	font-size:12pt;
}

div.mirror_site div.mirror_link_box h4 a
{
	color: #0000ff!important;
}

div.mirror_site div.mirror_link_box ul
{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:20px;
}

div.mirror_site div.mirror_link_box ul li
{
	float:left;
	font-size:9pt;
	margin-left:15px;
}

div.mirror_site div.mirror_link_box ul li a
{
	color: #0000ff!important;
}

div.mirror_site div.float_box
{
	float: left;
}

div.link_block
{
	float: left;
	width: 335px;
	margin-bottom: 15px;
}

/* スペシャル応援バナー */
div#banner_content_box
{
	position: absolute;
	top: 300px;
	left: 35px;
	width: 1050px;
	height: 360px;
	overflow: auto;
}

div#banner_box
{
	width: 1050px;
	margin: 10px auto;
}

div.banner_set
{
	width: 232px;
	margin: 15px;
	float: left;
}

div.banner_set div.banner_img1,
div.banner_set div.banner_img2
{
	width: 232px;
	height: 156px;
	text-align: center;
	margin-bottom: 5px;
}

div.banner_set div.banner_link_text1,
div.banner_set div.banner_link_text2,
div.banner_set div.banner_link_text3,
div.banner_set div.banner_link_text4
{
	width: 232px;
	height: 133px;
	position: relative;
	background-color: #d8d6d6;
	border: 1px solid #000;
}

textarea.banner_text_area
{
	position: absolute;
	top: 27px;
	left: 1px;
	width: 224px;
	height: 99px;
	margin: 0px;
	padding: 1px;
	resize: none;
	font-size: 9pt;
	background-color: #000000;
	color: #ffffff;
}


/* ツイッターヘッダー */
div#header_content_box
{
	position: absolute;
	top: 280px;
	width: 1120px;
	height: 400px;
	text-align: center;
	overflow: auto;
}

div#header_content_box img#header_img
{
	width: 700px;
	height: 233px;
	margin-bottom: 5px;
}

div#header_content_box div#header_link_text
{
	width: 500px;
	height: 140px;
	margin: 0px auto;
	background-color: #d886d6;
	border: 1px solid #000;
}


/* 店舗特典 */
div#tenpo_content_box
{
	position: absolute;
	top: 100px;
	left: 35px;
	width: 1050px;
	height: 630px;
	overflow: auto;
}

div#tenpo_content_box ul
{
	list-style-type: none;
	position: relative;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	padding: 0px;
}

div#tenpo_content_box ul li
{
	position: relative;
	width: 278px;
	height: 389px;
	margin: 5px 0px 15px 50px;
	float: left;
}

div#tenpo_content_box ul li img.new_bt
{
	position: absolute;
	top: 5px;
	left: 5px;
}

div#tenpo_content_box ul li a.gouka
{
	position: absolute;
	bottom: -5px;
	left: 0px;
	width: 135px;
	height: 39px;
}

div#tenpo_content_box ul li a.normal
{
	position: absolute;
	bottom: -5px;
	right: 0px;
	width: 135px;
	height: 39px;
}

/*===========================================(メインコンテンツ:END)*/


/* ヘッダ */
/*===========================================*/

/*===========================================(ヘッダ:END)*/


/* フッタ */
/*===========================================*/
/* フッタ(トップページ専用) */
div#foot_top_box_all
{
	position: relative;
	background-image: url(../image/texbar.png);
	background-repeat: repeat-x;
	height: 230px;
	min-width: 1480px;
	margin: 0px auto;
}
div#foot_top_box_all div#foot_top_box_size
{
	position: relative;
	width: 1210px;
	height: 230px;
	margin: 0px auto;
}
div#foot_top_box_all div#foot_top_box_size div#info_box
{
	position: absolute;
	top: 5px;
	left: 0px;
	width: 877px;
}

div#foot_top_box_all div#foot_top_box_size div#info_box img#prev_bt,
div#foot_top_box_all div#foot_top_box_size div#info_box img#next_bt,
div#foot_top_box_all div#foot_top_box_size div#info_box div#info_content_box
{
	float: left;
}

div#foot_top_box_all div#foot_top_box_size div#info_box div#info_content_box
{
	position: relative;
	width: 757px!important;
	height: 157px;
	background-image: url(../image/top/topics_base.png);
	background-repeat: no-repeat;
	margin-right: 5px;
	overflow: hidden;
}

div#foot_top_box_all div#foot_top_box_size div#info_box div#info_content_box ul
{
	position: absolute;
	top: 10px;
	left: 13px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#foot_top_box_all div#foot_top_box_size div#info_box div#info_content_box ul li
{
	width: 240px;
	height: 123px;
	float: left;
	margin: 5px 5px;
}

/* 次回予告 */
div#yokoku_hide
{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: -1000px;
}

/* 更新履歴 */
div#foot_top_box_all div#foot_top_box_size div#news_out_box
{
	position: absolute;
	top: 5px;
	left: 860px;
	width: 340px;
	height: 157px;
	background-image: url(../image/top/news_bg.png);
	background-repeat: no-repeat;
}

div#news_box
{
	position: absolute;
	top: 31px;
	left: 0px;
	overflow: auto;
	width: 340px;
	height: 121px;
}

div#news_box p
{
	border-bottom: 1px #000000 solid;
	padding: 3px;
	margin: 3px;
	font-size: 10pt;
	font-weight: 900;
}

div#news_box ul
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 10pt;
}

div#news_box ul li
{
	margin-bottom: 5px;
}

div#news_box ul li a
{
	color: #0000FF;
}

div#news_box ul li a:hover
{
	text-decoration: none;
}

div#foot_top_box
{
	position: absolute;
	bottom: 25px;
	color: #fff;
	width: 1210px;
	font-size: 9pt;
	text-align: center;
	line-height: 1.3em;
}

div#foot_top_box img.logo_unia
{
	position: absolute;
	top: 0px;
	left: 10px;
}

div#foot_top_box img.logo_gesen18
{
	position: absolute;
	top: 0px;
	left: 120px;
}

/* フッタ(その他ページ専用) */
div#foot_sub_box_all
{
	position: relative;
	background-image: url(../image/texbar2.png);
	background-repeat: repeat-x;
	height: 68px;
	min-width: 1480px;
	margin: 0px auto;
}
div#foot_sub_box_all div#foot_sub_box_size
{
	position: relative;
	width: 1210px;
	height: 68px;
	margin: 0px auto;
}
div#foot_sub_box
{
	position: absolute;
	bottom: 25px;
	color: #fff;
	width: 1210px;
	font-size: 9pt;
	text-align: center;
	line-height: 1.3em;
}
div#foot_sub_box img.logo_unia
{
	position: absolute;
	top: 0px;
	left: 10px;
}
div#foot_sub_box img.logo_gesen18
{
	position: absolute;
	top: 0px;
	left: 120px;
}

/*===========================================(フッタ:END)*/


/* BGM */
/*===========================================*/
div#bgm_content_box
{
	margin: 0px auto;
	position: absolute;
	top: 60px;
	right: 50px;
	width: 100px;
	height: 32px;
	padding: 5px;
	font-size: 0px;
}

div#bgm_content_box img.bgm_title
{
	position: absolute;
	top: 10px;
	left: 0px;
}

div#bgm_content_box img.bgm_bt
{
	position: absolute;
	top: 0px;
	left: 60px;
}

div#bgm_content_box noscript
{
	display: block;
	width: 130px;
	height: 30px;
	font-size: 9pt;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}

div#bgm_out_box
{
	width: 100px;
	height: 25px;
}

div#bgm_out_box object,
div#bgm_out_box embed
{
	position: absolute;
	top: -500px;
	left: 0px;
}
/*===========================================(BGM:END)*/


/* CSSアニメ */
/*===========================================*/

/* 拡大縮小（ループ） */
img.bt_anim1
{
	-o-animation-name: bt_anim1;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: bt_anim1;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

	-webkit-animation-name: bt_anim1;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: bt_anim1;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

}
@-o-keyframes bt_anim1 {
	0% {-o-transform: scale( 1.0 );}
	50% {-o-transform: scale( 0.95 );}
	100% {-o-transform: scale( 1.0 );}
}
@-ms-keyframes bt_anim1 {
	0% {-ms-transform: scale( 1.0 );}
	50% {-ms-transform: scale( 0.95 );}
	100% {-ms-transform: scale( 1.0 );}
}
@-webkit-keyframes bt_anim1 {
	0% {-webkit-transform: scale( 1.0 );}
	50% {-webkit-transform: scale( 0.95 );}
	100% {-webkit-transform: scale( 1.0 );}
}
@-moz-keyframes bt_anim1 {
	0% {-moz-transform: scale( 1.0 );}
	50% {-moz-transform: scale( 0.95 );}
	100% {-moz-transform: scale( 1.0 );}
}

/* 左→右移動（ループ） */
img.bt_anim_mov_left_to_right
{
	-o-animation-name: bt_anim_mov_left_to_right;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: bt_anim_mov_left_to_right;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

	-webkit-animation-name: bt_anim_mov_left_to_right;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: bt_anim_mov_left_to_right;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

}
@-o-keyframes bt_anim_mov_left_to_right {
	0% {-o-transform: translate(0px,0px);}
	50% {-o-transform: translate(5px,0px);}
	100% {-o-transform: translate(0px,0px);}
}
@-ms-keyframes bt_anim_mov_left_to_right {
	0% {-ms-transform: translate(0px,0px);}
	50% {-ms-transform: translate(5px,0px);}
	100% {-ms-transform: translate(0px,0px);}
}
@-webkit-keyframes bt_anim_mov_left_to_right {
	0% {-webkit-transform: translate(0px,0px);}
	50% {-webkit-transform: translate(5px,0px);}
	100% {-webkit-transform: translate(0px,0px);}
}
@-moz-keyframes bt_anim_mov_left_to_right {
	0% {-moz-transform: translate(0px,0px);}
	50% {-moz-transform: translate(5px,0px);}
	100% {-moz-transform: translate(0px,0px);}
}

/* 右→左移動（ループ） */
img.bt_anim_mov_right_to_left
{
	-o-animation-name: bt_anim_mov_right_to_left;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: bt_anim_mov_right_to_left;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

	-webkit-animation-name: bt_anim_mov_right_to_left;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: bt_anim_mov_right_to_left;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

}
@-o-keyframes bt_anim_mov_right_to_left {
	0% {-o-transform: translate(0px,0px);}
	50% {-o-transform: translate(-5px,0px);}
	100% {-o-transform: translate(0px,0px);}
}
@-ms-keyframes bt_anim_mov_right_to_left {
	0% {-ms-transform: translate(0px,0px);}
	50% {-ms-transform: translate(-5px,0px);}
	100% {-ms-transform: translate(0px,0px);}
}
@-webkit-keyframes bt_anim_mov_right_to_left {
	0% {-webkit-transform: translate(0px,0px);}
	50% {-webkit-transform: translate(-5px,0px);}
	100% {-webkit-transform: translate(0px,0px);}
}
@-moz-keyframes bt_anim_mov_right_to_left {
	0% {-moz-transform: translate(0px,0px);}
	50% {-moz-transform: translate(-5px,0px);}
	100% {-moz-transform: translate(0px,0px);}
}

/* ボイスボタンアニメ */
div#voice ul li a img.anim1,
div#s_voice ul li a img.anim1
{

	z-index: 2;

	-o-animation-name: bt_voice_anim1;
	-o-animation-duration: 0.7s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: bt_voice_anim1;
	-ms-animation-duration: 0.7s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;

	-webkit-animation-name: bt_voice_anim1;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: bt_voice_anim1;
	-moz-animation-duration: 0.7s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

}
@-o-keyframes bt_voice_anim1 {
	0% {-o-transform: scale( 1 );}
	33% {-o-transform: scale( 0.8 );}
	66% {-o-transform: scale( 1.1 );}
	100% {-o-transform: scale( 1.0 );}
}
@-ms-keyframes bt_voice_anim1 {
	0% {-ms-transform: scale( 1 );}
	33% {-ms-transform: scale( 0.8 );}
	66% {-ms-transform: scale( 1.1 );}
	100% {-ms-transform: scale( 1.0 );}
}
@-webkit-keyframes bt_voice_anim1 {
	0% {-webkit-transform: scale( 1 );}
	33% {-webkit-transform: scale( 0.8 );}
	66% {-webkit-transform: scale( 1.1 );}
	100% {-webkit-transform: scale( 1.0 );}
}
@-moz-keyframes bt_voice_anim1 {
	0% {-moz-transform: scale( 1 );}
	33% {-moz-transform: scale( 0.8 );}
	66% {-moz-transform: scale( 1.1 );}
	100% {-moz-transform: scale( 1.0 );}
}

/* ボイスボタンアニメ2 */
div#voice ul li a img.anim2,
div#s_voice ul li a img.anim2
{

	z-index: 2;

	-o-animation-name: bt_voice_anim2;
	-o-animation-duration: 0.9s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: bt_voice_anim2;
	-ms-animation-duration: 0.9s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;

	-webkit-animation-name: bt_voice_anim2;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: bt_voice_anim2;
	-moz-animation-duration: 0.9s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

}
@-o-keyframes bt_voice_anim2 {
	0% {-o-transform: scale( 1 );}
	33% {-o-transform: scale( 0.8 );}
	66% {-o-transform: scale( 1.1 );}
	100% {-o-transform: scale( 1.0 );}
}
@-ms-keyframes bt_voice_anim2 {
	0% {-ms-transform: scale( 1 );}
	33% {-ms-transform: scale( 0.8 );}
	66% {-ms-transform: scale( 1.1 );}
	100% {-ms-transform: scale( 1.0 );}
}
@-webkit-keyframes bt_voice_anim2 {
	0% {-webkit-transform: scale( 1 );}
	33% {-webkit-transform: scale( 0.8 );}
	66% {-webkit-transform: scale( 1.1 );}
	100% {-webkit-transform: scale( 1.0 );}
}
@-moz-keyframes bt_voice_anim2 {
	0% {-moz-transform: scale( 1 );}
	33% {-moz-transform: scale( 0.8 );}
	66% {-moz-transform: scale( 1.1 );}
	100% {-moz-transform: scale( 1.0 );}
}

/* ボイスボタンアニメ3 */
div#voice ul li a img.anim3,
div#s_voice ul li a img.anim3
{

	z-index: 2;

	-o-animation-name: bt_voice_anim3;
	-o-animation-duration: 1.1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: bt_voice_anim3;
	-ms-animation-duration: 1.1s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;

	-webkit-animation-name: bt_voice_anim3;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: bt_voice_anim3;
	-moz-animation-duration: 1.1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

}
@-o-keyframes bt_voice_anim3 {
	0% {-o-transform: scale( 1 );}
	33% {-o-transform: scale( 0.8 );}
	66% {-o-transform: scale( 1.1 );}
	100% {-o-transform: scale( 1.0 );}
}
@-ms-keyframes bt_voice_anim3 {
	0% {-ms-transform: scale( 1 );}
	33% {-ms-transform: scale( 0.8 );}
	66% {-ms-transform: scale( 1.1 );}
	100% {-ms-transform: scale( 1.0 );}
}
@-webkit-keyframes bt_voice_anim3 {
	0% {-webkit-transform: scale( 1 );}
	33% {-webkit-transform: scale( 0.8 );}
	66% {-webkit-transform: scale( 1.1 );}
	100% {-webkit-transform: scale( 1.0 );}
}
@-moz-keyframes bt_voice_anim3 {
	0% {-moz-transform: scale( 1 );}
	33% {-moz-transform: scale( 0.8 );}
	66% {-moz-transform: scale( 1.1 );}
	100% {-moz-transform: scale( 1.0 );}
}

/*===========================================(CSSアニメ:END)*/
