@charset "Shift_JIS";
body{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	color: #323232;
	font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",meiryo,"?l?r ?o?S?V?b?N","???C???I","Meiryo",Osaka,verdana,arial,clean,sans-serif;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../img/bg.jpg) center top no-repeat #ffffff;
}
h1,h2,h3,h4,h5,p,ul{
	margin: 0;
	padding: 0;
}
ul{
	list-style-type: none;
}
img{
	border: 0;
}
.noOutline {
	outline: none;
}
.f_l{
	float: left;
}
.f_r{
	float: right;
}
/*--------------------------------------------------*/
.cf:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.cf {display: inline-block;}
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */
/*--------------------------------------------------*/
a:link,
a:visited{
	color: #333333;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.ta_c{
	text-align: center;
}
/* ------------------------
TOP
------------------------ */
.logo_ntd{
	float: left;
	padding: 16px 0 0 2px;
}
.logo_3ds{
	float: right;
	padding: 18px 4px 0 0;
}
.top_logo{
	padding: 42px 0 0 35px;
}
#top_flash {
	position: relative;
	width: 100%;
	height: 690px;
	min-width: 960px;
}
#flashcontent {
	width: 100%;
	height: 690px;
	min-width: 960px;
}
#no_flash{
	margin: 0 auto;
	width: 960px;
	height: 690px;
	text-align: left;
	background: url(../img/top_bg.jpg) left top no-repeat;
}
#banner_happyprice {
	position: absolute;
	left: 50%;
	top: 479px;
	width:480px;
	height:1;
}
#banner_happyprice a {
	position: absolute;
	right: 0;
	top: 0;
}
#top_menu {
    padding: 43px 0 0 36px;
}
#top_menu li{
    padding: 0 0 15px 0;
}
#top_menu li img{
    vertical-align: bottom;
}
#top_menu li.pdl{
    padding-left:35px;
}
#top_menu li.pdb{
    padding-bottom: 10px;
}
#product_info{
	border-top: solid 1px #4b4948;
	width: 960px;
	padding: 15px 0 0 0;
	margin: 0 auto;
	text-align: left;
}
#pi_left_box{
	float: left;
	width: 760px;
}
.pi_left{
	float: left;
	padding: 0;
	width: 370px;
	text-align: left;
}
.pi_left p.spec{
	padding: 0 0 6px 0;
}
.pi_left li{
	float: left;
	padding: 0 5px 0 0;
}
.pi_left2{
	float: left;
	padding: 13px 0 0 0;
}
.product_dl1{
	padding-bottom: 5px;
}
.product_dl2{
	padding-bottom: 20px;
}
.dl_set1{
	float: left;
	width: 196px;
}
.dl_set2{
	float: left;
	padding: 0;
}
ul.cero{
	margin: 0;
	padding: 0;
	height: 72px;
	width: 560px;
	position: relative;
}
ul.cero li.cero_mark{
	position: absolute;
	top: 0;
	left: 0;
}
ul.cero li.nn_mark{
	position: absolute;
	top: 0;
	left: 35px;
}
ul.cero li.manual{
	position: absolute;
	top: 45px;
	left: 0;
}
ul.cero li.bnr_mhf{
	position: absolute;
	top:  2px0;
	right: 0;
}
.ct{
	text-align: left;
	padding: 13px 0 0 4px;
}
div.comment_txt{
	margin: 0;
	padding: 10px 0 15px 0;
}
div.comment_txt p{
	margin: 0;
	padding: 0 0 7px 0;
}
.information{
	float: left;
	width: 242px;
	height: 80px;
	text-align: left;
}
.campaignBanner{
	padding: 0 0 14px 0;
}
.bnr_dlc{
	float: left;
	width: 145px;
	height: 80px;
}
.top_btns{
	float: right;
	width: 184px;
}
.top_btns div.bnr{
	position: relative;
	padding: 0 0 18px 0;
}
.top_btns p.new_1{
	position: absolute;
	top: 17px;
	left: 148px;
}
.top_btns p.update{
	position: absolute;
	top: 17px;
	left: 130px;
}
#about_3ds{
	width: 954px;
	height: 43px;
	margin: 0 auto;
	background:url(../img/about_3ds_bg.png) left top no-repeat;
}
#about_3ds p{
	float: left;
	padding: 7px 0 0 7px;
}
#bnr_set li.off{
	display: none;
}
.copyright{
	padding: 15px 0 10px 0;

}

#discountArea {
	width:100%;
	background:#ff7b00;
	text-align: center;
}

/* ------------------------
????HEADER / FOOTER
------------------------ */
#container{
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
.main_logo{
	float: left;
	padding: 20px 33px 0 0;
}
.main_menu{
	float: left;
	padding: 25px 0 0 0;
}
.main_menu ul{
	padding: 0 0 12px 0;
}
.main_menu li{
	float: left;
	height: 20px;
}
.main_menu li a img{
	display: none;
}
.main_menu li a{
	display: block;
	overflow: hidden;
	height: 20px;
}
.main_menu li.btn1 a{
	width: 235px;
	background:url(../img/btn1_off.png) left top no-repeat;
}
.main_menu li.btn2 a{
	width: 328px;
	background:url(../img/btn2_off.png) left top no-repeat;
}
.main_menu li.btn3 a{
	width: 139px;
	background:url(../img/btn3_off.png) left top no-repeat;
}
.main_menu li.btn4 a{
	width: 170px;
	background:url(../img/btn4_off.png) left top no-repeat;
}
.main_menu li.btn5 a{
	width: 213px;
	background:url(../img/btn5_off.png) left top no-repeat;
}
.main_menu li.btn6 a{
	width: 206px;
	background:url(../img/btn6_off.png) left top no-repeat;
}
.main_menu li.btn7 a{
	width: 113px;
	background:url(../img/btn7_off.png) left top no-repeat;
}
#content_frame{
	text-align: left;
	margin: 32px 0 15px 0;
	border: solid 1px #545151;
	background:url(../img/frame_bg.jpg) left top no-repeat;
}
#foot_left{
	margin: 10px 0 10px 100px;
}
#foot_left li{
	float: left;
	padding: 0 12px;
}
#foot_right{
	margin: 0 0 0 320px;
}
#foot_right li{
	float: left;
	padding: 0 0 0 12px;
}
.bar1{
	background:url(../img/linkbar.png) right top no-repeat;
}
.bar2{
	background:url(../img/linkbar.png) 4px top no-repeat;
}
/* ------------------------
SYSTEM
------------------------ */
#system{
	padding: 45px 0 0 0;
}
#system .title{
	float: left;
	width: 328px;
	height: 41px;
	padding: 0 30px 50px 64px;
}
#system .mt1{
	padding: 0 0 30px 64px;
}
#system .mt2{
	padding: 60px 0 20px 64px;
}
#system .mt2_1{
	padding: 0 20px 18px 64px;
}
#system .mt3{
	padding: 0 0 30px 36px;
}
#system .mt4{
	padding: 0 0 0 64px;
}
#system .mt5{
	padding: 40px 0 20px 64px;
}
#system .txt1{
	padding: 0 36px 0 64px;
}
#system .txt2{
	padding: 0 0 30px 64px;
}
#system .txt3{
	padding: 0 0 13px 36px;
}
#system .txt4{
	padding: 0 0 8px 36px;
}
#system .txt5{
	padding: 0 0 8px 12px;
}
#system .txt6{
	padding: 0 63px 0 64px;
}
#system .txt7{
	padding: 0 0 15px 64px;
}
#system .sc1{
	text-align: right;
	padding: 0 26px 60px 0;
}
#system .cap1{
	padding: 10px 0 20px 0;
}
#system .pdl30{
	padding-left:30px;
}
#system ul#sysmenu li{
	float: left;
	padding: 14px 0 0 40px;
}
#system ul#sysmenu li a img{
	display: none;
}
#system ul#sysmenu li a{
	display: block;
	overflow: hidden;
	height: 27px;
}
#system ul#sysmenu li.btn_sys1 a{
	width: 113px;
	background:url(../system/img/btn_sys1_off.png) left top no-repeat;
}
#system ul#sysmenu li.btn_sys2 a{
	width: 110px;
	background:url(../system/img/btn_sys2_off.png) left top no-repeat;
}
#system ul#sysmenu li.btn_sys3 a{
	width: 125px;
	background:url(../system/img/btn_sys3_off.png) left top no-repeat;
}
#system ul.battle_menu{
	padding: 50px 0 0 37px;
}
#system ul.battle_menu2{
	padding: 13px 0 0 37px;
}
#system ul.battle_menu li,
#system ul.battle_menu2 li{
	float: left;
	padding: 0 0 0 27px;
}
.bonds_new{
	position: relative;
}
.bonds_new .new{
	position: absolute;
	top: 25px;
	left: 425px;
}
.system_battle_mov{
	height:385px;
	float: left;
}
.battle1_box{
	width: 830px;
	margin: 0 auto;
	padding: 35px 0 30px 0;
	border: solid 1px #787878;
	text-align: left;
}
.battle_point{
	width:720px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	text-align: left;
}
.battle_point p{
	padding: 0 0 8px 0;
}
.battle_point .bp_left{
	float: left;
}
.battle_point .bp_right{
	float: right;
}
#kizuna_sc{
	position: relative;
	width: 335px;
	height: 201px;
}
#kizuna_sc li{
	position: absolute;
	top: 0px;
	left: 0px;
}
#system #battle_cnt{
	height:1160px;
}
#system #battle_cnt2{
	height:1000px;
}
#system #bonds_cnt{
	height:650px;
}
#system .d_box{
	display:none;
}
/* ------------------------
SYSTEM Training
------------------------ */
.training_menu{
	position: relative;
}
.training1_sc{
	padding: 0 65px 90px 0;
}
.training2_sc{
	padding: 0 65px 0 0;
	height: 240px;
}
.training3_sc{
	padding: 0 65px 0 0;
	height: 218px;
}
.training4_sc1{
	padding: 0 64px 30px 0;
}
.training4_sc2{
	padding: 0 64px 60px 0;
}
#system #training_cnt .div0 {
	padding: 0 0 0 88px;
}
#system #training_cnt .div0 .p0 {
	padding: 27px 40px 41px 40px;
}
#system #training_cnt .div0 .p1 {
	padding: 60px 30px 0 0;
}
#system #training_cnt .div0 .p2 {
	padding: 31px 0 0 0;
}
#system #training_cnt .div0 .p3 {
	padding: 10px 0 0 0;
}
#system #training_cnt .div0 .p4 {
	padding: 60px 30px 0 30px;
}
#system #training_cnt .div0 .p5 {
	padding: 0 0 15px 0;
}
#system #training_cnt .div0 .p6 {
	padding: 25px 0 0 44px;
}
.training3_box{
	border: solid 1px #4b4948;
	padding: 30px 0 30px 68px;
	margin: 23px 63px 50px 63px;
}
#system #training_cnt .div1 .p0 {
	padding: 68px 36px 16px 0;
}
#system #training_cnt .div1 .p1 {
	padding: 0 0 0 48px;
}
#system #training_cnt .div1 .p2 {
	padding: 106px 23px 0 0;
}
#system #training_cnt .div1 .p3 {
	padding: 75px 38px 16px 0;
}
#system #training_cnt .div1 .p4 {
	padding: 0 0 0 25px;
}
#system #training_cnt .div1 .p5 {
	padding: 50px 23px 87px 0;
}
#system #training_cnt .div1 .p6 {
	padding: 55px 23px 95px 0;
}
#system #training_cnt .div1 .p7 {
	padding: 17px 0 25px 0;
}
#system #training_cnt .div2 {
  border: solid 1px #4b4948;
  margin: 0 64px 64px 64px;
  padding: 35px 35px 25px 35px;
}
#system #training_cnt .p8 {
  padding: 0 0 10px 0;
}
#system #training_cnt .div3 {
  width: 389px;
}
#system #training_cnt .p9 {
  padding: 30px 0 10px 0;
}
.btn_heishu{
	float: right;
	padding-right: 64px;
}
/* ------------------------
PRODUCT
------------------------ */
#product{
	padding: 45px 0 0 0;
}
#product .title{
	padding: 0 0 40px 64px;
}
#product .pr{
	padding: 30px 0 40px 0;
}
#product .pr #soft_info{
	position: relative;
	height: 470px;
}
#product #soft_info .si1{
	position: absolute;
	top: 0px;
	left: 64px;
}
#product #soft_info .si2{
	position: absolute;
	top: 76px;
	left: 94px;
}
#product #soft_info .si3{
	position: absolute;
	top: 80px;
	left: 342px;
}
#product #soft_info .si4{
	position: absolute;
	top: 200px;
	left: 635px;
}
#product #soft_info .si5{
	position: absolute;
	top: 200px;
	left: 690px;
}
#product #soft_info .si6{
	position: absolute;
	top: 198px;
	left: 736px;
}
#product #soft_info .si7{
	position: absolute;
	top: 255px;
	left: 342px;
}
#product #soft_info .si8{
	position: absolute;
	top: 270px;
	left: 99px;
}
#product #soft_info .si9{
	position: absolute;
	top: 342px;
	left: 99px;
}
#product #soft_info .si10{
	position: absolute;
	top: 362px;
	left: 342px;
}
#product .pr .mt2{
	padding: 0 0 20px 64px;
}
#product .pr .pd2{
	float: left;
	padding: 30px 20px 0px 43px;
}
#product .pr .pi2{
	float: left;
	position: relative;
	padding: 10px 0 10px 8px;
}
#product .pr .pi2 p{
	position: absolute;
	top: 67px;
	left: 166px;
}
#product .pr .pi3{
	float: left;
	padding: 0 0 0 5px;
}
#set{
	margin: 20px 0 15px 64px;
	width: 830px;
	height: 213px;
	overflow: hidden;
	background:url(../product/img/set_bg.png) left top no-repeat;
}
#set p{
	padding: 0 0 10px 0;
}
.set1{
	float: left;
	text-align: center;
	padding: 60px 0 0 70px;
}
.set2{
	float: left;
	text-align: center;
	padding: 60px 0 0 80px;
}
.set3{
	float: left;
	text-align: center;
	padding: 20px 0 0 80px;
}
/* ------------------------
ABOUT
------------------------ */
#about{
	padding: 45px 0 0 0;
}
#about .title{
	padding: 0 0 20px 64px;
}
#about .txt1{
	padding: 0 0 40px 64px;
}
#about .mt{
	padding: 0 0 12px 64px;
	background:url(../about/img/line.png) center bottom no-repeat;
}
.about_set{
	padding: 17px 0 0 64px;
	margin: 0 0 73px 0;
}
.about_sc{
	float: left;
	width: 407px;
	position: relative;
}
.about_sc .on{
	z-index:10;
}
#about_sc1,
#about_sc2,
#about_sc3{
	width: 388px;
	height: 233px;
}
#about_sc1 li,
#about_sc2 li,
#about_sc3 li{
	position: absolute;
	top: 0px;
	left: 0px;
}
.about_thum{
	width: 425px;
	float: left;
}
.about_thum p{
	float: left;
	padding: 0 0 0 3px;
}
.about_txt{
	float: left;
	padding: 18px 0 0 3px;
}
#sc1_1,#sc1_2,#sc1_3,
#sc2_1,#sc2_2,#sc2_3,
#sc3_1,#sc3_2,#sc3_3{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
/* ------------------------
CHARACTERS
------------------------ */
#characters{
	padding: 45px 0 0 0;
}
#characters .title{
	padding: 0 0 20px 64px;
}
#chara_navi{
	width: 660px;
	margin: 0 0 0 150px;
}
#chara_navi p.chara_new{
	top: 71px;
	right: 5px;
	position: absolute;
	z-index: 999;
}
#characters #thum1,
#characters #thum2,
#characters #thum3,
#characters #thum4,
#characters #thum5,
#characters #thum6,
#characters #thum7,
#characters #thum8,
#characters #thum9,
#characters #thum10,
#characters #thum11,
#characters #thum12,
#characters #thum13,
#characters #thum14,
#characters #thum15,
#characters #thum16,
#characters #thum17,
#characters #thum18,
#characters #thum19,
#characters #thum20,
#characters #thum21,
#characters #thum22,
#characters #thum23,
#characters #thum24,
#characters #thum25,
#characters #thum26,
#characters #thum27,
#characters #thum28,
#characters #thum29,
#characters #thum30{
	position: relative;
	float: left;
	width: 66px;
	height: 74px;
	overflow: visible;
	z-index: 100;
}
#chara_navi p.chara_on {
	position: absolute;
	width: 70px;
	height: 82px;
	top: -4px;
	left: -2px;
	z-index: 200;
}
#chara_body{
	width:958px;
	min-height: 680px;
	overflow: hidden;
}
#chara01,
#chara02{
	position: relative;
	width: 958px;
	height: 680px;
}
.navi_back{
	position: absolute;
	top: 225px;
	left: 29px;
}
.navi_next{
	position: absolute;
	top: 225px;
	left: 888px;
}
/* chara1 */
#chara01 .illust{
	position: absolute;
	top: 8px;
	left: 460px;
}
#chara01 .illust3{
	position: absolute;
	top: 69px;
	left: 545px;
}
#chara01 .illust4{
	position: absolute;
	top: 30px;
	left: 546px;
}
#chara01 .illust5{
	position: absolute;
	top: 41px;
	left: 573px;
}
#chara01 .illust6{
	position: absolute;
	top: 60px;
	left: 560px;
}
#chara01 .illust7{
	position: absolute;
	top: 161px;
	left: 437px;
}
#chara01 .illust8{
	position: absolute;
	top: 146px;
	left: 571px;
}
#chara01 .illust9{
	position: absolute;
	top: 18px;
	left: 512px;
}
#chara01 .illust10{
	position: absolute;
	top: 118px;
	left: 554px;
}
#chara01 .illust11{
	position: absolute;
	top: 120px;
	left: 544px;
}
#chara01 .illust12{
	position: absolute;
	top: 119px;
	left: 562px;
}
#chara01 .illust13{
	position: absolute;
	top: 129px;
	left: 503px;
}
#chara01 .illust14{
	position: absolute;
	top: 119px;
	left: 581px;
}
#chara01 .illust15{
	position: absolute;
	top: 173px;
	left: 520px;
}
#chara01 .illust16{
	position: absolute;
	top: 156px;
	left: 542px;
}
#chara01 .illust17{
	position: absolute;
	top: 97px;
	left: 544px;
}
#chara01 .illust18{
	position: absolute;
	top: 95px;
	left: 581px;
}
#chara01 .illust19{
	position: absolute;
	top: 142px;
	left: 568px;
}
#chara01 .illust20{
	position: absolute;
	top: 94px;
	left: 420px;
}
#chara01 .illust21{
	position: absolute;
	top: 69px;
	left: 558px;
}
#chara01 .illust22{
	position: absolute;
	top: 36px;
	left: 487px;
}
#chara01 .illust23{
	position: absolute;
	top: 68px;
	left: 580px;
}
#chara01 .illust24{
	position: absolute;
	top: 125px;
	left: 552px;
}
#chara01 .illust25{
	position: absolute;
	top: 16px;
	left: 469px;
}
#chara01 .illust26{
	position: absolute;
	top: 46px;
	left: 546px;
}
#chara01 .illust27{
	position: absolute;
	top: 44px;
	left: 537px;
}
#chara01 .illust28{
	position: absolute;
	top: 179px;
	left: 547px;
}
#chara01 .illust29{
	position: absolute;
	top: 196px;
	left: 579px;
}
#chara01 .illust30{
	position: absolute;
	top: 13px;
	left: 500px;
}
#chara01 .c1_1{
	position: absolute;
	top: 129px;
	left: 157px;
}
#chara01 .c1_2{
	position: absolute;
	top: 220px;
	left: 157px;
}
#chara01 .c1_3{
	position: absolute;
	top: 354px;
	left: 157px;
}
#chara01 .c1_4{
	position: absolute;
	top: 354px;
	left: 350px;
}
#chara01 .c3_1{
	position: absolute;
	top: 130px;
	left: 157px;
}
#chara01 .c3_2{
	position: absolute;
	top: 220px;
	left: 157px;
}
#chara01 .c3_3{
	position: absolute;
	top: 372px;
	left: 157px;
}
#chara01 .c3_4{
	position: absolute;
	top: 372px;
	left: 350px;
}
#chara01 .c4_1{
	position: absolute;
	top: 129px;
	left: 157px;
}
#chara01 .c4_2{
	position: absolute;
	top: 220px;
	left: 157px;
}
#chara01 .c4_3{
	position: absolute;
	top: 311px;
	left: 157px;
}
#chara01 .c4_4{
	position: absolute;
	top: 311px;
	left: 350px;
}
#chara01 .c7_3{
	position: absolute;
	top: 354px;
	left: 157px;
}
#chara01 .c7_4{
	position: absolute;
	top: 473px;
	left: 157px;
}
#chara01 .c8_3{
	position: absolute;
	top: 334px;
	left: 157px;
}
#chara01 .c8_4{
	position: absolute;
	top: 334px;
	left: 350px;
}
#chara01 .c20_3{
	position: absolute;
	top: 336px;
	left: 157px;
}
#chara01 .c20_4{
	position: absolute;
	top: 455px;
	left: 157px;
}
#chara01 .c25_3{
	position: absolute;
	top: 377px;
	left: 157px;
}
#chara01 .c25_4{
	position: absolute;
	top: 495px;
	left: 157px;
}
#chara01 .c30_3{
	position: absolute;
	top: 334px;
	left: 157px;
}
#chara01 .c30_4{
	position: absolute;
	top: 453px;
	left: 157px;
}
#chara01 .voice1{
	position: absolute;
	top: 311px;
	left: 158px;
}
#chara01 .voice2{
	position: absolute;
	top: 330px;
	left: 158px;
}
#chara01 .voice3{
	position: absolute;
	top: 269px;
	left: 157px;
}
#chara01 .voice4{
	position: absolute;
	top: 291px;
	left: 157px;
}
/* myunit */
#chara02 .c2_1{
	position: absolute;
	top: 122px;
	left: 157px;
}
#chara02 .c2_2{
	position: absolute;
	top: 213px;
	left: 157px;
}
#chara02 .c2_3{
	position: absolute;
	top: 285px;
	left: 157px;
}
#chara02 .c2_4{
	position: absolute;
	top: 285px;
	left: 350px;
}
#chara02 .c2_5{
	position: absolute;
	top: 416px;
	left: 157px;
}
#chara02 .c2_6{
	position: absolute;
	top: 0px;
	left: 543px;
}
#chara_myunit li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#chara_myunit li.on{
	display: block;
}
/* ------------------------
MOVIE
------------------------ */
#movie{
	padding: 45px 0 0 0;
}
#movie .title{
	padding: 0 0 20px 64px;
}
#movie_flash{
	margin: 0 50px;
}
#movie .msg{
	text-align: center;
	padding: 30px 0 0 0;
}
#movie_body{
	height: 520px;
}
#movie_sp{
	padding: 40px 0 0 0;
}
#movie_sp p{
	font-size: 11px;
	padding: 0 0 20px 50px;
	text-align: center;
}
.movie_sp1{
	margin: 0;
	padding: 20px 0 10px 0;
	border-top: solid 1px #afafaf;
}
#taxmovienote{
	font-size: 11px;
	line-height: 1.5;
	padding: 0 64px 0 64px;
	text-align: right;
	margin-top: -33px;
}
/* ------------------------
STORY 3/22
------------------------ */
#story{
	padding: 45px 0 120px 0;
}
#story .title{
	padding: 0 0 68px 64px;
}
.story_text{
	margin: 0 0 0 80px;
}
/* ------------------------
COMMUNICATION
------------------------ */
#communication{
	padding: 45px 0 0px 0;
}
#communication .title{
	float: left;
	width: 328px;
	height: 41px;
	padding: 0 30px 50px 64px;
}
.com_menu{
	position: relative;
}
.com_menu .update{
	position: absolute;
	top: 8px;
	left: 400px;
	z-index:999;
}
.com_menu .update2{
	position: absolute;
	top: 8px;
	left: 826px;
	z-index:999;
}
#communication .mt1{
	padding: 50px 0 30px 64px;
}
#communication .com_txt{
	padding: 0 0 60px 64px;
}
#communication .txt1{
	padding: 0 0 50px 64px;
}
#communication ul.com_menu1{
	padding: 0 0 0 36px;
}
#communication ul.com_menu2{
	padding: 13px 0 0 36px;
}
#communication ul.com_menu1 li,
#communication ul.com_menu2 li{
	float: left;
	padding: 0 0 0 27px;
}
#communication .d_box{
	display: none;
}
#communication #com_cnt{
	height: 930px;
}
#communication .sc{
	padding: 0 0 15px 0;
}
#communication .cap{
	padding: 0 0 31px 0;
}
#communication .com1_set{
	width: 650px;
	margin: 0 0 0 152px;
}
#communication .localplay{
	float: right;
	padding: 20px 67px 0 0;
}
#communication .com2_set{
	width: 696px;
	margin: 0 0 10px 130px;
}
#communication #com2_ss{
	width: 317px;
}
#communication .com3_btn{
	padding-top:30px;
	text-align: center;
}

#communication .com4_btn{
	text-align: center;
}

#infoText a {
	text-decoration: none;
}

#infoText a:hover {
	text-decoration: underline;
}

/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.orange_btn {
	position: relative;
	width: 126px;
	height: 39px;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	width: 122px;
	height: 35px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn span::after {
	content: "";
	position: absolute;
	right: 6px;
	top: 15px;
	/*top: calc(50% - 3px);*/
	width: 6px;
	height: 6px;
	border-top: 1px solid #FF9103;
	border-right: 1px solid #FF9103;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.orange_btn:hover > span::after {
	right: 4px;
	top: 13px;
}

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
 width: 100%;
 background: url(../img/bnr_eshop_bg.png);
 position: relative;
 z-index: 10;
}
.bnr-eshop-sale::before{
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background: #FFF;
 left: 0;
 bottom: 0;
 position: absolute;
}
.bnr-eshop-sale a{
 display: block;
 max-width: 960px;
 margin: 0 auto;
 width: 70%;
}
.bnr-eshop-sale a img{
 max-width: 960px;
 width: 100%;
 height: auto;
}
.no-touchevents .bnr-eshop-sale a{
 -webkit-transition: opacity 0.15s linear;
 transition: opacity 0.15s linear;
}
.no-touchevents .bnr-eshop-sale a:hover{
 opacity: 0.85;
}
