@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：SKE48 OFFICIAL WEB SITE
作成日：2010.06.09
修正日：2012.01.11
ガイドライン：Ver.01
製作者：株式会社エムアップ
------------------------------*/


/* ------------------------------------
 * 共通設定・デフォルト値の再定義
 * ------------------------------------ */
 
body {
	position: relative;
	color: #666;
	background: #fbfaf8 url(http://sp.ske48.co.jp/img/ameblo_bg.jpg) repeat center top fixed  !important;
	font: 12px/1.231 "Osaka", "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
	text-align: center;
}


/*--- SIDE BIG BNR：20141001up ------------------*/
.prArea {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.prArea a:hover img {
	filter: alpha(opacity=50);  
opacity:0.5; 
}
.sideBigBnr {
	position: fixed;
	top: 0;
	left: auto;
	width: 960px;
}
.sideBigBnr .sideBigBnrL {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -170px;
}
.sideBigBnr .sideBigBnrR {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -170px;
}

.sideBigBnr .sideBigBnrL2 {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -340px;
}
.sideBigBnr .sideBigBnrR2 {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -340px;
}

/*--- //SIDE BIG BNR ------------------*/


/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-Mac */

hr {
	display: none;
}

td,li {
	word-break: break-all;
}
		

/* ------------------------------------
 * リンク
 * ------------------------------------ */
 
a {
	cursor: pointer;
	outline: none;
}

a img {
	border: 0;
}

a:link {
	color: #e57e16;
	text-decoration: none;
}

a:visited {
	color:#e57e16;
	text-decoration: none;
}

a:hover {
	color: #f8b500;
	text-decoration: underline;
}

a:active {
	color: #f8b500;
	text-decoration: underline;
}


/* ------------------------------------
 * ベーシックレイアウト
 * ------------------------------------ */

#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#header {
	position: relative;
	height: 130px;
	background: url(../img/common/header.png) no-repeat;
}
	
* html #header {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/header.png', sizingMethod='scale');
}

#globalNav {
	clear: both;
	padding: 0 16px 25px 16px;
	height: 55px;
	background: url(../img/common/bgGlobalNav.png) no-repeat;
}
	
* html #globalNav {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/bgGlobalNav.png', sizingMethod='scale');
}
		
#content {
	padding: 0 30px;
	min-height: 425px;
	height: auto !important;
	height: 425px;
	background: url(../img/common/bgContents.png) repeat-y;
}
	
* html #content {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/bgContents.png', sizingMethod='scale');
}
		
#sectionMain {
	float: right;
	width: 660px;
	margin-left: 30px;
}

#sectionSide {
	float: right;
	width: 210px;
}

#footer {
	clear: both;
	padding: 25px 16px 0 6px;
	background: url(../img/common/bgFooter.png) top no-repeat;
}
	
* html #footer {
	background: url(../img/common/bgFooter.jpg) top no-repeat;
}


/* ------------------------------------
 * ブロックごとの設定
 * ------------------------------------ */

/*--- ヘッダ ------------------*/

a#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

h1 {
	position: absolute;
	top: 23px;
	left: 30px;
	width: 106px;
	height: 80px;
}

ul.topBnr {
	position: absolute;
	top: 23px;
	right: 35px;
	float: right;
}

ul.topBnr li {
	margin-left: 6px;
	display: block;
	float: right;
	width: 200px;
	height: 80px;
}


/*--- グローバルナビ ------------------*/

#globalNav li {
	float: left;
}

#globalNav li a {
	display: block;
	height: 55px;
	background: url(../img/common/globalNavigation.jpg) left top no-repeat;
	text-indent: -9999px;
}

/* グローバルナビLINK設定 */
#globalNav li.news a {
	width: 61px;
	background-position: 0 0;
}
#globalNav li.news a:hover {
	background-position: 0 -55px;
}

#globalNav li.schedule a {
	width: 84px;
	background-position: -61px 0;
}
#globalNav li.schedule a:hover {
	background-position: -61px -55px;
}

#globalNav li.ticketing a {
	width: 83px;
	background-position: -145px 0;
}

#globalNav li.ticketing a:hover {
	background-position: -145px -55px;
}

#globalNav li.access a {
	width: 72px;
	background-position: -228px 0;
}
#globalNav li.access a:hover {
	background-position: -228px -55px;
}

#globalNav li.profile a {
	width: 72px;
	background-position: -300px 0;
}
#globalNav li.profile a:hover {
	background-position: -300px -55px;
}

#globalNav li.blog a {
	width: 54px;
	background-position: -372px 0;
}
#globalNav li.blog a:hover {
	background-position: -372px -55px;
}

#globalNav li.whatsSKE48 a {
	width: 102px;
	background-position: -426px 0;
}
#globalNav li.whatsSKE48 a:hover {
	background-position: -426px -55px;
}

#globalNav li.producer a {
	width: 90px;
	background-position: -528px 0;
}
#globalNav li.producer a:hover {
	background-position: -528px -55px;
}

#globalNav li.setlist a {
	width: 72px;
	background-position: -618px 0;
}
#globalNav li.setlist a:hover {
	background-position: -618px -55px;
}

#globalNav li.discography a {
	width: 106px;
	background-position: -690px 0;
}
#globalNav li.discography a:hover {
	background-position: -690px -55px;
}

#globalNav li.audition a {
	width: 79px;
	background-position: -796px 0;
}
#globalNav li.audition a:hover {
	background-position: -796px -55px;
}

#globalNav li.link a {
	width: 53px;
	background-position: -875px 0;
}
#globalNav li.link a:hover {
	background-position: -875px -55px;
}



/*--- サイド ------------------*/

/* サイドバナー */
#sectionSide .unitSideBnr {
	margin-bottom: 20px;
	border-top: solid 1px #f7b100;
}

#sectionSide .unitSideBnr a {
	color: #bc7c3c;
}

#sectionSide .unitSideBnr li {
	border-right: solid 1px #f7b100;
	border-bottom: solid 1px #f7b100;
	border-left: solid 1px #f7b100;
	background: url(../img/sideBnr/sideBnrArrow.jpg) 190px 27px no-repeat;
}

#sectionSide .unitSideBnr li dl {
	padding: 17px 10px;
	height: 35px;
}

#sectionSide .unitSideBnr li dt {
	float: left;
	width: 70px;
}

#sectionSide .unitSideBnr li dd {
	margin-left: 80px;
	width: 97px;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 */
	word-wrap: break-word; /* IE 5.5+ */
}

#sectionSide .unitSideBnr a:hover dd {
	color: #e57e16;
	text-decoration: underline;
}

#sectionSide .unitSideBnr li dd h3 {
	font-size: 100%;
	line-height: 1.5;
}

/* 美人時計 */
#sectionSide .unitClock {
	margin-bottom: 20px;
	width: 210px;
	height: 160px;
}


/* 握手会情報【2012.10.11追加】 */
#sectionSide .unitAkushukai {
	position: relative;
	margin-bottom: 75px;
}
#sectionSide .unitAkushukai h4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	height: 36px;
}


/* ニュース */
#sectionSide .unitNews {
	position: relative;
}

#sectionSide .unitNews h4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	height: 36px;
}

#sectionSide .unitNews .topTitleBtn {
	position: relative;
	top: 10px;
	left: 107px;
	display: block;
	width: 96px;
	height: 17px;
}

#sectionSide .unitNews .topTitleBtn li {
	margin-left: 3px;
	display: block;
	float: left;
}

#sectionSide .unitNews ul.box {
	padding: 30px 12px 15px 12px;
	border: solid 1px #e9d3a8;
}

#sectionSide .unitNews ul.box li {
	margin-top: 10px;
	padding-top: 10px;
	background: url(../img/common/lineDotted.gif) top repeat-x;
}

#sectionSide .unitNews ul.box li:first-child {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

#sectionSide .unitNews ul.box li.first-child { /*IE-expression (first-child) */
	margin-top: 0;
	padding-top: 0;
	background: none;
}

#sectionSide .unitNews ul.box li { /* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}

#sectionSide .unitNews ul.box li dt {
	margin-bottom: 2px;
	padding-left: 55px;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	line-height: 17px;
	color: #818181;
	background-position: left center;
	background-repeat: no-repeat;
}

#sectionSide .unitNews dt.stage {
	background-image: url(../img/icons/iconStage.jpg);
}

#sectionSide .unitNews dt.release {
	background-image: url(../img/icons/iconRelease.jpg);
}

#sectionSide .unitNews dt.event {
	background-image: url(../img/icons/iconEvent.jpg);
}

#sectionSide .unitNews dt.media {
	background-image: url(../img/icons/iconMedia.jpg);
}

#sectionSide .unitNews dt.member {
	background-image: url(../img/icons/iconMember.jpg);
}

#sectionSide .unitNews dt.audition {
	background-image: url(../img/icons/iconAudition.jpg);
}

#sectionSide .unitNews dt.etc {
	background-image: url(../img/icons/iconEtc.jpg);
}

#sectionSide .unitNews dt.cafeandshop {
	background-image: url(../img/icons/iconCafeAndShop.png);
}

#sectionSide .unitNews dt.kisekae {
	background-image: url(../img/icons/iconKisekae.jpg);
}

#sectionSide .unitNews dt.youtube3 {
	background-image: url(../img/icons/iconYoutube.jpg);
}

#sectionSide .unitNews dt.mixi {
	background-image: url(../img/icons/iconMixi.jpg);
}

#sectionSide .unitNews dt.liveondemand ,
#sectionSide .unitNews dt.dmm {
	background-image: url(../img/icons/iconDmm.jpg);
}

#sectionSide .unitNews dt.mobile {
	background-image: url(../img/icons/iconMobile.jpg);
}

#sectionSide .unitNews dt.akb48 {
	background-image: url(../img/icons/iconAKB48.jpg);
}

#sectionSide .unitNews dt.hkt48 {
	background-image: url(../img/icons/iconHKT48.jpg);
}

#sectionSide .unitNews dt.nmb48 {
	background-image: url(../img/icons/iconNMB48.jpg);
}

#sectionSide .unitNews dt.ameblo {
	background-image: url(../img/icons/iconAmeba.jpg);
}

#sectionSide .unitNews dt.goods {
	background-image: url(../img/icons/iconGoods.jpg);
}

#sectionSide .unitNews dt.goods2 {
	background-image: url(../img/icons/iconGoods.jpg);
}

#sectionSide .unitNews dt.apps {
	background-image: url(../img/icons/iconApps.jpg);
}

#sectionSide .unitNews dt.ticket {
	background-image: url(../img/icons/iconTicket.jpg);
}

#sectionSide .unitNews dt.akushukai {
	background-image: url(../img/icons/iconAkushukai.jpg);
}

#sectionSide .unitNews dt.web {
	background-image: url(../img/icons/iconWeb.png);
}

/* CAFE&SHOP */
#sectionSide div.unitNews ul.topTitleBtnCafe {
	position: relative;
	top: 10px;
	left: 167px;
	display: block;
	width: 96px;
	height: 17px;
}

#sectionSide div.unitNews ul.topTitleBtnCafe li {
	margin-left: 3px;
	display: block;
	float: left;
}






/* Googl TRANSLATE */
#sectionSide .unitTranslate {
	margin: 20px auto;
	width: 160px;
	text-align: center;
}

#sectionSide .unitTranslate span.powered {
	display: none;
}

#sectionSide .unitTranslate p {
	margin-top: 5px;
	text-align: left;
	font-size: 93%;
}

/* Googl SEARCH */
#sectionSide .unitSearch {
	text-align: center;
}

#sectionSide .unitSearch form input.submit {
	margin-top: 5px;
}

/*--- フッタ ------------------*/

#footer a {
	color: #c90;
}

#footer ul.footNav {
	padding-left: 1px;
	background: url(../img/common/lineDottedV.gif) left repeat-y;
}

#footer ul.footNav li {
	display: block;
	float: left;
}

#footer ul.footNav li.category {
	width: 127px;
	height: 160px;
	background: url(../img/common/lineDottedV.gif) right repeat-y #fff;
}

#footer ul.footNav li.category img {
	margin-bottom: 3px;
}

#footer ul.footNav li.category dd {
	padding: 0 1px 0 10px;
	display: block;
	line-height: 1.5;
}

#footer ul.footNav li.copyright {
	float: right !important;
	width: 130px;
}

a.toTop {
	display: block;
	width: 130px;
	height: 30px;
	background: url(../img/common/btnToTop.png) no-repeat;
}
	
* html a.toTop {
	background: url(../img/common/btnToTop.jpg) no-repeat;
}

#footer a.toTop span {
	display: none;
}

#footer a:hover.toTop {
	background-position: 0 -30px;
}

address {
	margin: 80px 0 0 97px;
	display: block;
	width: 33px;
	height: 9px;
	background: url(../img/common/copyrightAKS.png) no-repeat;
	text-indent: -9999px;
}
	
* html address {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/copyrightAKS.png');
}


/*--- パンくずリスト ------------------*/

#topicPath {
	margin: 0 0 25px 0;
	position: relative;
	height: 40px;
	background-color: #f8b500;
}


#topicPath dt {
	float: left;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
}

#topicPath li {
	margin-right: 10px;
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 100%;
}

#topicPath li h2 {
	display: inline;
	float: left;
	width: auto;
}

#topicPath li.home {
	padding-left: 14px;
	background: url(../img/common/bgTopicPathHome.jpg) right center no-repeat #ffc62b;
}

#topicPath li a {
	padding: 0 19px 0 0;
	display: block;
	float: left;
	height: 40px;
	color: #fff;
	text-decoration: none;
	background: url(../img/common/bgTopicPath.jpg) right center no-repeat;
}

#topicPath li.home a {
	padding-left: 15px;
	background: url(../img/common/iconTopicPathHome.jpg) left center no-repeat;
}

#topicPath li a span {
	display: inline;
	line-height: 40px;
}

#topicPath li.home a span {
	display: none;
}

#topicPath li a:hover,
#topicPath li a:active {
	color: #fff;
	text-decoration: underline;
}

#topicPath .titleBtn {
	position: absolute;
	top: 12px;
	left: 610px;
	display: block;
	width: 39px;
	height: 17px;
	z-index: 1;
}

#topicPath li span.noLink {
	padding: 0 19px 0 0;
	display: block;
	float: left;
	height: 40px;
	color: #fff;
	text-decoration: none;
	background: url(../img/common/bgTopicPath.jpg) right center no-repeat;
}




/* ------------------------------------
 * その他共通
 * ------------------------------------ */

.clear {
	clear: both;
}

a.btn {
	display: block;
	height: 17px;
	background-repeat: no-repeat;
}

a.btn span {
	display: none;
}

a:hover.btn {
	background-position: 0 -17px;
}

a.more {
	width: 48px;
	background-image: url(../img/common/more.jpg);
}

a.rss {
	width: 39px;
	background-image: url(../img/common/rss.jpg);
}

.date {
	color: #818181;
}

.new {
	padding-right: 33px;
	background-image: url(../img/common/new.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
 
img.new {
	padding: 0;
	vertical-align: middle;
	background: none;
}


/*--- SNS ------------------*/

div.sns {
	display: block;
}

ul.snsIcons {
	padding-bottom: 5px;
	margin-bottom: 15px;
	background: url(../img/common/lineDotted.gif) left bottom repeat-x;
	text-align: right;
}

ul.snsIcons li {
	display: table-cell;
	float: right;
	height: 26px;
	vertical-align: middle;
}

* html ul.snsIcons li {/* IE 6 */
	display: inline;
	zoom: 1;
}

*:first-child+html ul.snsIcons li {/* IE 7 */
	display: inline;
	zoom: 1;
}

ul.snsIcons li:first-child,
ul.snsIcons li.first-child {
	line-height: 20px;
	font-size: 93%;
}

ul.snsIcons li {
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}

ul.snsIcons li a img {
	margin: 0;
}

.mixi-check-button,
.twitter-share-button {
	margin-right: 10px
}

iframe.twitter-share-button {
    width: 110px !important;
}

.tumblrIcons {
	margin-right:20px;
}


/*--- フォントサイズ ------------------*/

.text9 {
	font-size: 77%;
}

.text10 {
	font-size: 85%;
}

.text11 {
	font-size: 93%;
}

.text12 {
	font-size: 100%;
}

.text13 {
	font-size: 108%;
}

.text14 {
	font-size: 116%;
}

.text15 {
	font-size: 123.1%;
}

.text16 {
	font-size: 131%;
}

.text17 {
	font-size: 138.5%;
}

.text18 {
	font-size: 146.5%;
}

.text19 {
	font-size: 153.9%;
}

.text20 {
	font-size: 161.6%;
}

.text21 {
	font-size: 167%;
}

.text22 {
	font-size: 174%;
}

.text23 {
	font-size: 182%;
}

.text24 {
	font-size: 189%;
}

.text25 {
	font-size: 197%;
}


/* ------------------------------------
 * フォントサイズ可変
 * ------------------------------------ */
#textresizerBox{
	position: relative;
	float:left;
	margin:82px 0 0 154px;
	font-size:10px;
}

#textresizerBox ul.textresizer li{
	display:inline;
	margin-right:5px;
}

#textresizerBox ul.textresizer li:first-child{
	margin-right:0;
}

#textresizerBox ul.textresizer li a{
	padding:3px 5px;
	border:solid 1px #f7b100;
	color:#f7b100;
	text-decoration:none;
	font-size:12px;
}

#textresizerBox ul.textresizer li a:hover{
	color:#fff;
	background-color:#f7b100;
}