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

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

/* ------------------------------------
 * 標準スタイルのリセット
 * ------------------------------------ */
@import "reset.css";
@import "common.css";


/* ------------------------------------
 * 再設定
 * ------------------------------------ */

ul.snsIcons {
	margin: 10px 0 15px;
	padding: 0;
}


/* ------------------------------------
 * ブロックごとの設定 左サイド 非表示
 * ------------------------------------ */
.unitNews,.unitTranslate {
	display: none;
}


/* ------------------------------------
 * ブロックごとの設定 左サイド
 * ------------------------------------ */

/* カレンダー */
#sectionSide .unitCalendar {
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#sectionSide .unitCalendar table {
	width: 100%;
	font-size: 93%;
}

#sectionSide .unitCalendar th,
#sectionSide .unitCalendar td {
	border: solid 1px #e9d3a8;
	border-collapse: collapse;
	height: 2.5em;
	text-align: center;
}

#sectionSide .unitCalendar th {
	color: #b89a51;
	background-color: #f4ebd5;
}

#sectionSide .unitCalendar tr.month th {
	background-color: #f8b500;
	border-top: solid 1px #f8b500;
	border-right: solid 1px #f8b500;
	border-left: solid 1px #f8b500;
	vertical-align: middle;
	font-size: 116%;
}

#sectionSide .unitCalendar tr.month th a {
	color: #fff;
}

#sectionSide .unitCalendar td a {
	display: block;
	line-height: 2.5;
	color: #fff;
	background-color: #f8b500;
}

#sectionSide .unitCalendar td.today {
	color: #fff;
	background-color: #e57e16;
}

#sectionSide .unitCalendar td.blank {
	background-color: #f5f5f5;
}



/* 最新記事 */
#sectionSide .unitLatestPost {
	position: relative;
}

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

#sectionSide .unitLatestPost .topTitleBtn {
	position: relative;
	top: 10px;
	left: 155px;
	display: block;
	width: 48px;
	height: 17px;
}

#sectionSide .unitLatestPost .topTitleBtn li {
	display: block;
	float: left;
}

#sectionSide .unitLatestPost ul.box {
	padding: 25px 5px 0 5px;
	border: solid 1px #e9d3a8;
	font-size: 93%;
}

#sectionSide .unitLatestPost ul.box li {
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../img/common/lineDotted.gif) bottom repeat-x;
}

#sectionSide .unitLatestPost ul.box li dt {
	display: block;
	float: left;
	width: 50px;
}

#sectionSide .unitLatestPost ul.box li dd {
	margin-left: 55px;
	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 .unitLatestPost ul.box li.more {
	padding-bottom: 0;
	text-align: right;
	background: none;
}

#sectionSide .unitLatestPost ul.box li.more a {
	padding-right: 15px;
	line-height: 1;
	background: url(../blog/img/arrowBlog.jpg) right center no-repeat;
}

/* ------------------------------------
 * ブロックごとの設定 ブログ本文
 * ------------------------------------ */
 
/*--- ブログヘッダ ------------------*/

#blogHeader {
	margin: -15px 0 10px 0;
	height: 250px;
}

/*--- 詳細本文 ------------------*/

.unitBlog h3 {
	padding: 4px 10px;
	color: #fff;
	background-color: #f8b500;
}

.unitBlog .box {
	margin: 15px auto;
	padding-bottom: 20px;
	width: 590px;
	line-height: 1.5;
	background: url(../img/common/lineDotted.gif) bottom repeat-x;
}

.unitBlog .box h3 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	color: #bc7c3c;
	background: url(../img/common/lineDotted.gif) bottom repeat-x #fff;
	font-size: 167%;
}

.unitBlog .box img {
	margin: 0 5px 0 0;
}

.unitBlog .box img.photoRight {
	margin: 0 0 20px 20px;
	float: right;
}

.unitBlog .box img.photoLeft {
	margin: 0 20px 20px 0;
	float: left;
}

.unitBlog .box .link {
	margin-top: 20px;
	clear: both;
}

.unitBlog .box .link li a {
	margin-bottom: 5px;
	padding-left: 15px;
	display: inline;
	background: url(../img/common/arrowNext.jpg) left center no-repeat;
}


/*--- 各ブログのページング ------------------*/

ul.paging {
    text-align: center;
}

ul.paging li {
    display: -moz-inline-box; /*for FF2*/
    display: inline-block; /*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html ul.paging li
    {
        display: inline;  
        zoom: 1;
    }
    /* Windows IE7 only */
    *+html ul.paging li
    {
        display: inline;
        zoom: 1;
    }

ul.paging a {
	margin: 0;
	padding: 0 15px;
}

ul.paging a.prev {
	margin: 0;
	padding-left: 15px;
	border-right: solid 1px #f0d283;
	background: url(../img/common/arrowPrev.jpg) left center no-repeat;
}

ul.paging a.next {
	margin: 0;
	padding-right: 15px;
	border-left: solid 1px #f0d283;
	background: url(../img/common/arrowNext.jpg) right center no-repeat;
}


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

/*--- ブログアップデート ------------------*/
 
ul.listNav {
	margin-bottom: 15px;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
}

ul.listNav li {
	padding: 3px;
    display: -moz-inline-box; /*for FF2*/
    display: inline-block; /*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html ul.listNav li
    {
		margin: 0 2px;
        display: inline;  
        zoom: 1;
    }
    /* Windows IE7 only */
    *+html ul.listNav li
    {
		margin: 0 2px;
        display: inline;
        zoom: 1;
    }

ul.listNav li.post12 {
	background-color: #bc7c3c;
}

ul.listNav li.post24 {
	background-color: #e57e16;
}

ul.listNav li.post36 {
	background-color: #f8b500;
}

ul.listNav li.post48 {
	background-color: #fff7e7;
}

ul.listNav li.post12,
ul.listNav li.post24,
ul.listNav li.post36 {
	color: #fff;
}



/*--- リスト ------------------*/
 
ul.list {
	padding-bottom: 15px;
	clear:both;
}

ul.list li {
	margin-left: 15px;
	display: block;
	float: left;
	width: 120px;
	background-repeat: repeat;
	text-align: center;
}

ul.list li:first-child {
	margin-left: 0;
}

ul.list li.first-child { /*IE-expression (first-child) */
	margin-left: 0;
}

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

ul.list li.post00 {
	background-image: url(../blog/img/entryHour/00.gif);
}

ul.list li.post01 {
	background-image: url(../blog/img/entryHour/01.gif);
}

ul.list li.post02 {
	background-image: url(../blog/img/entryHour/02.gif);
}

ul.list li.post03 {
	background-image: url(../blog/img/entryHour/03.gif);
}

ul.list li.post04 {
	background-image: url(../blog/img/entryHour/04.gif);
}

ul.list li.post05 {
	background-image: url(../blog/img/entryHour/05.gif);
}

ul.list li.post06 {
	background-image: url(../blog/img/entryHour/06.gif);
}

ul.list li.post07 {
	background-image: url(../blog/img/entryHour/07.gif);
}

ul.list li.post08 {
	background-image: url(../blog/img/entryHour/08.gif);
}

ul.list li.post09 {
	background-image: url(../blog/img/entryHour/09.gif);
}

ul.list li.post10 {
	background-image: url(../blog/img/entryHour/10.gif);
}

ul.list li.post11 {
	background-image: url(../blog/img/entryHour/11.gif);
}

ul.list li.post12 {
	background-image: url(../blog/img/entryHour/12.gif);
}

ul.list li.post13 {
	background-image: url(../blog/img/entryHour/13.gif);
}

ul.list li.post14 {
	background-image: url(../blog/img/entryHour/14.gif);
}

ul.list li.post15 {
	background-image: url(../blog/img/entryHour/15.gif);
}

ul.list li.post16 {
	background-image: url(../blog/img/entryHour/16.gif);
}

ul.list li.post17 {
	background-image: url(../blog/img/entryHour/17.gif);
}

ul.list li.post18 {
	background-image: url(../blog/img/entryHour/18.gif);
}

ul.list li.post19 {
	background-image: url(../blog/img/entryHour/19.gif);
}

ul.list li.post20 {
	background-image: url(../blog/img/entryHour/20.gif);
}

ul.list li.post21 {
	background-image: url(../blog/img/entryHour/21.gif);
}

ul.list li.post22 {
	background-image: url(../blog/img/entryHour/22.gif);
}

ul.list li.post23 {
	background-image: url(../blog/img/entryHour/23.gif);
}

ul.list li.post24 {
	background-image: url(../blog/img/entryHour/24.gif);
}

ul.list li.post25 {
	background-image: url(../blog/img/entryHour/25.gif);
}

ul.list li.post26 {
	background-image: url(../blog/img/entryHour/26.gif);
}

ul.list li.post27 {
	background-image: url(../blog/img/entryHour/27.gif);
}

ul.list li.post28 {
	background-image: url(../blog/img/entryHour/28.gif);
}

ul.list li.post29 {
	background-image: url(../blog/img/entryHour/29.gif);
}

ul.list li.post30 {
	background-image: url(../blog/img/entryHour/30.gif);
}

ul.list li.post31 {
	background-image: url(../blog/img/entryHour/31.gif);
}

ul.list li.post32 {
	background-image: url(../blog/img/entryHour/32.gif);
}

ul.list li.post33 {
	background-image: url(../blog/img/entryHour/33.gif);
}

ul.list li.post34 {
	background-image: url(../blog/img/entryHour/34.gif);
}

ul.list li.post35 {
	background-image: url(../blog/img/entryHour/35.gif);
}

ul.list li.post36 {
	background-image: url(../blog/img/entryHour/36.gif);
}

ul.list li.post37 {
	background-image: url(../blog/img/entryHour/37.gif);
}

ul.list li.post38 {
	background-image: url(../blog/img/entryHour/38.gif);
}

ul.list li.post39 {
	background-image: url(../blog/img/entryHour/39.gif);
}

ul.list li.post40 {
	background-image: url(../blog/img/entryHour/40.gif);
}

ul.list li.post41 {
	background-image: url(../blog/img/entryHour/41.gif);
}

ul.list li.post42 {
	background-image: url(../blog/img/entryHour/42.gif);
}

ul.list li.post43 {
	background-image: url(../blog/img/entryHour/43.gif);
}

ul.list li.post44 {
	background-image: url(../blog/img/entryHour/44.gif);
}

ul.list li.post45 {
	background-image: url(../blog/img/entryHour/45.gif);
}

ul.list li.post46 {
	background-image: url(../blog/img/entryHour/46.gif);
}

ul.list li.post47 {
	background-image: url(../blog/img/entryHour/47.gif);
}

ul.list li.post48 {
	background-image: url(../blog/img/entryHour/48.gif);
}
 
ul.list li dl {
	margin: 5px;
	padding: 4px;
	background-color: #fff;
	width: 102px;
}
 
ul.list li dt {
	display: block;
	float: none;
	width: 102px;
	height: 80px;
}
 
ul.list li dt img {
	border: solid 1px #eee;
}

ul.list li dt a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
 
ul.list li dd {
	margin: 5px 0;
	padding: 0;
	text-align: center;
}
 
ul.list li dd h3 {
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	border-bottom: solid 1px #eee;
	width: 100px;
	font-size: 116%;
}
 
ul.list li dd h3.en {
	padding: 0;
	border: none;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
 
ul.list li dd ul.profBtn {
	margin: 4px 0 0 2px;
}
 
ul.list li dd ul.profBtn li {
	margin-left: 3px;
	float: left;
	width: auto;
}

a.profile {
	width: 60px;
	background-image: url(../profile/img/btnProfile.jpg);
}

a.blog {
	width: 46px;
	background-image: url(../profile/img/btnBlog.jpg);
}


.titleBlock {
	clear:both;
	text-align:center;
	background:#f8b500;
	color:#FFF;
	padding:7px 0;
	margin-bottom:10px;
}