@charset "UTF-8";

/* common
---------------------------------------------------- */
/*clear*/
.clear {
	clear: both;
}
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/*モーダルレイアウトoverride*/
.modal-body {
    max-height:500px;
    padding:10px;
}

.modal-header {
    padding:8px 15px 9px 15px;
}

#myModalLabel {
    color:#000;
    font-size:138.5%;
    font-weight:bold;
    margin:5px 0 0 0;
}

.modal-header .close {
    margin:4px 0 0 0;
}

.modal {
    width:350px;
	height:583px;
    margin-left: -180px;
}


/*キラン効果*/
.image_shine{
    width:  200px;
    height: 200px;
    margin: 30px auto;
    position: relative;
    border: 2px solid #666;
}

/*layout*/
body{
	background: #dcf1fb url(http://xn--u9j429qiq1a.jp/img/common/bg_taka_ora.png) top left;
	color: #000;
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.3;
}
a {
	text-decoration: none;
	color: #000;
}

a:hover{
	opacity:0.7;
}
.wrap{
	background: none;
	width: 980px;
	margin: 0 auto;
	padding: 14px 0;
/*	border:solid 1px red;*/
}
.prot{
	border: solid 1px #9fa7ac;
}

/*	下に白を引く*/
.bgwhite{
	background-color:white;
}

/*class*/
.mb10{
	margin-bottom: 10px;
}

/* ヘッダー
---------------------------------------------------- */
header{
	margin: 0 0 6px;
}


/* フッター
---------------------------------------------------- */
footer{
	background: #000;
	padding: 6px 0 4px;
	text-align:center;
}
/*.copy{
	text-align: center;
	color: #fff;
	font-size: 8px;
}
*/
#copyright{
	text-align: center;
	color: #fff;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ページトップへ
---------------------------------------------------- */
.to_top{
	text-align: right;
	margin: 30px 0 0;
}

/* ナビ
---------------------------------------------------- */
.main_nav{
	width: 240px;
	margin: 0 0 10px;
	float: left;
}
.main_menu{
	background: url(../img/common/bg_line.gif) top left;
	padding: 5px 5px 2px;
	margin: 0 0 10px;
}
.main_menu h1{
	margin: 0 0 5px;
}
.main_menu li{
	background: url(../img/common/bg_grad_menu.gif) top left;
	margin: 0 0 3px;
	position: relative;
}
.main_menu li:before{
	content:"";
	display: block;
	width: 13px;
	height: 14px;
	background: url(../img/common/icon_arrow01.png) top left;
	position: absolute;
	top: 50%;
	left:8px;
	margin: -7px 0 0;
	z-index: 2;
}
.main_menu li a{
	display: block;
	padding: 6px 15px 6px 26px;
}
.main_menu li a:hover{
	opacity:0.7;
}

/* コンテンツ
---------------------------------------------------- */
.col3_area{
	margin: 0 0 20px;
}
h2{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.pickup h2{
	background: url(../img/common/bg_grad_orange.gif) top left;
	padding: 7px 8px 5px 36px;
}

.movie h2,
.appinfo h2{
	background: url(../img/common/bg_grad_skyblue.png) top left;
	padding: 7px 8px 5px 36px;
}

.stampinfo h2{
	background: url(../img/common/bg_grad_blue.gif) top left;
	padding: 7px 8px 5px 36px;
}

.goods h2{
	background: url(../img/common/bg_grad_pink.gif) top left;
	padding: 7px 8px 5px 36px;
}
.main_ttl{
	position: relative;
}
.main_ttl:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/common/icon_h.png) top left;
	position: absolute;
	top: 50%;
	left:8px;
	margin: -11px 0 0;
	z-index: 2;
}

/* PRバナー */
.pr_area ul{
	width: 980px;
	overflow: hidden;
}

.pr_area li.bnr_l{
	float: left;
	width: 288px;
	background: #fff;
	margin: 0 9px 10px 0;
	padding: 7px 15px;
	border: solid 1px #9fa7ac;
}

.pr_area_s li.bnr_s{
	float: left;
	width: 156px;
	background: #fff;
	margin: 0 9px 10px 0;
	padding: 7px 15px;
	border: solid 1px #9fa7ac;
}

.pr_area_s li.bnr_ll{
	float: left;
	width: 352px;
	background: #fff;
	margin: 0 10px 10px 0;
	padding: 8px 15px;
	border: solid 1px #9fa7ac;
}

.pr_area_s li.bnr_ll_right{
	float: right;
	width: 352px;
	background: #fff;
	margin: 0 0 10px 10px;
	padding: 8px 15px;
	border: solid 1px #9fa7ac;
}


.pr_area_s li.bnr_s_last{
	float: left;
	width: 156px;
	background: #fff;
	margin: 0 0 10px 0;
	padding: 7px 15px;
	border: solid 1px #9fa7ac;
}

.pr_area li.bnr_w{
	float: left;
	width: 320px;
	margin: 0 10px 10px 0;
}

.pr_area li.m0{
	margin-right: 0!important;
}
.pr_area .img{
	margin: 0 0 4px;
}
.pr_area .img_bnrtop{
	margin-bottom:10px;
}

/* スクロールボックス */
.frame_box{
	float: left;
	background: #fff;
/*	width: 239px;
	height: 263px;
	overflow: hidden;*/
	border: solid 1px #9fa7ac;
	width:239px;
	height:265px;
}
.frame_box ul{
/*	overflow: auto;
	width: 239px;
	height: 232px;*/
	position: relative;
}
.frame_box li{
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: solid 2px #f1f1f1;
}
.frame_box li{
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: solid 2px #f1f1f1;
}
.normal_box{
	float: left;
	background: #fff;
	width: 475px;
	height: 263px;
	margin: 0 10px;
	border: solid 1px #9fa7ac;
}

/*ニュースヘッドライン*/

.bnr_area{
	float:left;
}

.news_area{
	height: 67px;
	margin: 0 0 15px 9px;
	border: solid 1px #9fa7ac;
	width: 728px;
	background: #fff;
	position: relative;
	float:left;
}
.news_area .ttl_area{
	background: url(../img/common/bg_news_design02.jpg);
	width: 199px;
	height: 42px;
	padding:25px 0 0;
	vertical-align: middle;
	text-align: center;
	float: left;
}
.news_area h2{
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
}
.news_area p.news_txt{
    width: 501px;
    padding: 5px 3px;
    float: left;
    border-bottom: 1px solid #ddd;
    margin: 2px 11px;
}
.news_area p.news_txt span.day_txt{
	font-size:12px;
}
.news_area p.news_txt span.main_txt{
	font-size:14px;
	font-weight:bold;
}

/*イチオシ情報*/
.pickup_list li{
	position: relative;
}
.pickup_list .img{
	float: left;
	width: 93px;
	margin: 0 5px 0 0;
}
.pickup_list .txt{
	float: left;
	width: 100px;
	margin: 0;
}
.pickup_list .txt h3{
	font-weight: bold;
}
.pickup_list .btn_more{
	background: url(../img/common/btn_more.png) no-repeat left top;
	width: 56px;
	height: 10px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	bottom: 8px;
	right: 14px;
}

#event_list{
	border:none;
}

/*最新グッズ情報*/
.goods_list a{
	display: block;
	width: 91px;
	float: left;
	margin: 0 7px;
}
.goods_list .img{
	display: inline-block;
	border: solid 1px #b5bab6;
	margin: 0 0 5px;
}
.goods_list .txt h3{
	font-weight: bold;
}
.goods_list .new_item{
	position: relative;
}
.goods_list .new_item:before{
	content: "NEW";
	position: absolute;
	padding: 1px 5px;
	background: #fff;
	border: solid 1px #333;
	left:0;
	top:0;
	font-weight: bold;
}

#shop_list{
	border:none;
}

/*最新動画*/
.movie_slide h3{
	font-weight: bold;
	font-size: 16px;
	line-height: 2;
}
.movie_slide .caption{
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 10px;
}
.movie_slide li{
	padding: 10px 32px 0;
}
.movie_slide .img{
	float: left;
	width: 235px;
}
.movie_slide .txt{
	float: left;
	width: 158px;
	margin: 0 0 0 15px;
}
.movie_slide time{
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 14px;
	position: relative;
}
.movie_slide time.new:after{
	content: "NEW";
	position: absolute;
	padding: 2px 5px 1px;
	background: #fff;
	border: solid 1px #333;
	right: 0;
	top: -1px;
	font-weight: bold;
	border-radius: 2px;
	line-height: 1;
}

/*おすすめアプリ*/
.app_area{
	height: 78px;
	margin: 0 0 15px;
	border: solid 1px #9fa7ac;
	width: 100%;
	background: #fff;
	position: relative;
}
.app_area .ttl_area{
	background: url(../img/common/bg_grad_blue.gif) top left;
	width: 170px;
	height: 48px;
	padding:30px 0 0;
	vertical-align: middle;
	text-align: center;
	float: left;
}
.app_area h2{
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
}
.app_area .slide_area{
	float: left;
	background: #fff;
	padding: 5px 0;
	margin: 0 24px;
	width: 762px;
	height: 68px;
}
.app_slide{
	float: left;
	overflow: hidden;
}
.app_area .slide_area li{
	float: left;
	width: 76px;
	text-align: center;
	overflow: hidden;
}
.app_area .new_icon{
	width:36px;
	height:21px;
	background-image:url("../img/ic_new.gif");
	background-size:36px 21px;
	z-index:2;
	position:absolute;
	top:0;

}
#loopslider {
	width: 762px;
	position: relative;
	overflow: hidden;
}
.loopslider_wrap{
	margin: 5px 0;
}

/*ノーマルスライド*/
.main_cal{
	width: 728px;
	float: left;
	margin:0 0 0 9px;
	border: solid 1px #9fa7ac;
}
.main_cal .slide_area{
	padding: 0 0 23px;
}
.main_cal .list_carousel {
	background-color: #ccc;
	width: 728px;
	height: 261px;
	position: relative;
	overflow: hidden;
}
.main_cal .list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.main_cal .list_carousel li {
	width: 731px;
	padding: 0;
	display: block;
	float: left;
}
.movie .list_carousel {
	width: 475px;
	height: 228px;
	overflow: hidden;
	position: relative;
}
.movie .list_carousel li {
	width: 476px;
	float: left;
}
.pager a{
	background: url(../img/common/icon_page_off.png) no-repeat top left;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 3px;
	text-indent: -9999px;
}
.pager a.selected{
	background: url(../img/common/icon_page_on.png) no-repeat top left;
}
/*アプリスライド*/
.slide_area{
	position: relative;
}
.slide_area .pager{
	background: url(../img/common/bg_grad01.gif) top left;
	width: 100%;
	height: 11px;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 6px 0;
}
/*スライドボタン*/
.slide_area .slide_btn .prev01{
	background: url(../img/common/btn_prev01.png) no-repeat top left;
	width: 23px;
	height: 23px;
	position: absolute;
	top:50%;
	left:3px;
	margin-top: -11px;
	cursor: pointer;
}
.slide_area .slide_btn .next01{
	background: url(../img/common/btn_next01.png) no-repeat top left;
	width: 23px;
	height: 23px;
	position: absolute;
	top:50%;
	right:3px;
	margin-top: -11px;
	cursor: pointer;
}
.slide_area .slide_btn .prev02{
	background: url(../img/common/btn_prev02.png) no-repeat top left;
	width: 25px;
	height: 46px;
	position: absolute;
	top:50%;
	left:6px;
	margin-top: -23px;
	cursor: pointer;
}
.slide_area .slide_btn .next02{
	background: url(../img/common/btn_next02.png) no-repeat top left;
	width: 25px;
	height: 46px;
	position: absolute;
	top:50%;
	right:6px;
	margin-top: -23px;
	cursor: pointer;
}
.slide_btn .prev03{
	background: url(../img/common/btn_prev03.png) no-repeat center;
	width: 10px;
	height: 21px;
	position: absolute;
	top:50%;
	left:170px;
	margin-top: -20px;
	padding: 10px 4px;
	cursor: pointer;
}
.slide_btn .next03{
	background: url(../img/common/btn_next03.png) no-repeat center;
	width: 10px;
	height: 21px;
	position: absolute;
	top:50%;
	right:0;
	margin-top: -20px;
	padding: 10px 4px;
	cursor: pointer;
	z-index: 100;
}

/* SNS
---------------------------------------------------- */
.main_cal{
	position: relative;
}
.sns_area{
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 100;
}

/* app.html
---------------------------------------------------- */
.left_side{
	float: left;
	width: 239px;
}
.appinfo{
	height: auto;
}
.appinfo_list h3{
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 10px;
}
.appinfo_list li{
	padding: 16px 0;
	margin: 0 20px;
	border-bottom: solid 2px #cecece;
}
.appinfo_list li:last-child{
	border-bottom: none;
}
.appinfo_list .img{
	float: left;
	width: 132px;
}
.appinfo_list .txt{
	float: left;
	width: 270px;
	margin: 0 0 0 20px;
}
.appinfo_list .price{
	font-size: 15px;
	margin: 5px 0 10px;
}
.appinfo_list .caption{
	margin: 0 0 10px;
	line-height: 1.8;
}/*
#app_info .goods{
	height: 552px;
}
#app_info .goods ul{
	height: 522px;
}*/

/* スクロールバー
---------------------------------------------------- */
.unselectable,.scrolite-bar,.scrolite-bed {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.scrolite-bed{
	padding: 10px 1px!important;
	background-image: url(../img/common/bg_scroll_top.png),url(../img/common/bg_scroll_bottom.png)!important;
	background-repeat: no-repeat, no-repeat!important;
	background-position: 2px top, 2px bottom!important;
}
.scrolite-bar{
	background: #fff url(../img/common/btn_scroll.png) no-repeat left top!important;
	border: solid 1px #c4c4c4;
}

/*about
---------------------------------------------------- */
.about h2{
	background: url(../img/common/bg_grad_green.gif) top left;
	padding: 7px 8px 5px 36px;
}

.about{
	height: auto;
}
.about_list h3{
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px;
}
.about_list li{
	padding: 16px 0;
	margin: 0 20px;
	border-bottom: solid 2px #cecece;
}
.aabout_list li:last-child{
	border-bottom: none;
}
.about_list .img{
	float: left;
	width: 132px;
}
.about_list .txt{
	float: left;
	width: 270px;
	margin: 0 0 0 20px;
}
.about_list .price{
	font-size: 15px;
	margin: 5px 0 10px;
}
.about_list .caption{
	margin: 0 0 10px;
	line-height: 1.8;
}

.about_txt_top{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

/* news.html
---------------------------------------------------- */

.newsinfo h2{
	background: url(../img/common/bg_grad_news.gif) top left;
	padding: 7px 8px 5px 36px;
}

.left_side{
	float: left;
	width: 239px;
}
.newsinfo{
	height: auto;
}
.newsinfo_list h3{
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px;
}


/*
#app_info .goods{
	height: 552px;
}
#app_info .goods ul{
	height: 522px;
}*/

.newsinfo_list li{
	padding: 10px 0;
	margin: 0 20px;
	border-bottom: solid 2px #cecece;
}
.newsinfo_list li:last-child{
	border-bottom: none;
}
.newsinfo_list .img{
	float: left;
	width: 90px;
}
.newsinfo_list .txt{
	float: left;
	width: 315px;
	margin: 0 0 0 10px;
}
.newsinfo_list .price{
	font-size: 15px;
	margin: 5px 0 10px;
}
.newsinfo_list .caption{
	margin: 0 0 10px;
	line-height: 1.8;
}

/*SNSエリア
-------------------------*/

.sns_bar{
	position:fixed;
	top:100px;
	right:0;
	z-index:100;
}

.sns_bar ul li{
	width:270px;
	height:55px;
	margin-right:-195px;
}

.sns_bar ul li.twitter{
	background-image:url(../img/navbar_twitter.png);
}

.sns_bar ul li.twitter iframe{
	padding:18px 0 0 77px;
}

.sns_bar ul li.facebook{
	background-image:url(../img/navbar_fb.png);
}

.sns_bar ul li.facebook iframe{
	padding:18px 0 0 77px;
}

.sns_bar ul li.youtube{
	background-image:url(../img/navbar_youtube.png);
}

.sns_bar ul li.youtube iframe{
	padding:25px 0 0 137px;
}