@charset "utf-8";
/* CSS Document */

/* 三倉茉奈 三倉佳奈（マナカナ）オフィシャルWebサイト装飾用CSS
--------------------------------------------------------------------------
11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
--------------------------------------------------------------------------


/* ----------------------------------------------------------------------
テキスト関連
------------------------------------------------------------------------- */

.text-bold {
	font-weight: bold;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-fin {
	text-decoration: line-through;
}

.text-small75 {
	font-size: 75%;
	line-height: 1.3em;
}
.text-small85 {
	font-size: 85%;
	line-height: 1.3em;
}

.text-large108 {
	font-size: 108%;
	line-height: 1.5em;
}

.text-red {
	color: #BA1B23;
}
.text-pink {
	color: #CC6464;
}
.text-blue {
	color: #00A7EA;
}

.text-red-b {
	font-weight: bold;
	color: #BA1B23;
}

.text-blue-b {
	font-weight: bold;
	color: #00A7EA;
}


/* ----------------------------------------------------------------------
マージン・余白
------------------------------------------------------------------------- */
.M-0{
	margin:0px;
}
.M-Fin{
	margin-bottom:50px;
}

.MT5{
	margin-top:5px;
}
.MT10{
	margin-top:10px;
}
.MT20{
	margin-top:20px;
}
.MT30{
	margin-top:30px;
}
.MT40{
	margin-top:40px;
}
.MT50{
	margin-top:50px;
}
.MT100{
	margin-top:100px;
}


.ML5{
	margin-left:5px;
}
.ML10{
	margin-left:10px;
}
.ML15{
	margin-left:15px;
}
.ML50{
	margin-left:50px;
}
.ML80{
	margin-left:80px;
}



.MB5{
	margin-bottom:5px;
}
.MB10{
	margin-bottom:10px;
}

.MB20{
	margin-bottom:20px;
}
.MB30{
	margin-bottom:30px;
}
.MB40{
	margin-bottom:40px;
}
.MB50{
	margin-bottom:50px;
}
.MB100{
	margin-bottom:100px;
}


.MR5{
	margin-right:5px;
}
.MR10{
	margin-right:10px;
}

/* ----------------------------------------------------------------------
背景関連（テーブルなど）
------------------------------------------------------------------------- */

.greyBox {
	background-color: #B6B6B6;
}

/* ----------------------------------------------------------------------
見出し
------------------------------------------------------------------------- */

h2 {
	margin-bottom: 20px;
}




/* ----------------------------------------------------------------------
ボックス
------------------------------------------------------------------------- */

/* カラムの右側 */
.BoxFree{
	overflow:hidden;
	*zoom:1; /* for ie7 */
}




/* ----------------------------------------------------------------------
アイコン
------------------------------------------------------------------------- */
 
.icon-pink {
	background-image: url(../img/icon-pink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.icon-blueYajirushi {
	background-image: url(../img/blueyajirushi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}


.icon-pinkring {
	background-image: url(../img/icon-pinkring.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;

}





/* ----------------------------------------------------------------------
Schedule/バイオグラフィ　ぱんくず設定
------------------------------------------------------------------------- */

#schedule-icon li{
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
}



/* テレビ・ラジオ */
.icon-tv a:link{
	background-color: #CC6464;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-tv a:visited{
	background-color: #CC6464;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-tv a:hover{
	background-color: #DE818A;
}


/* イベント */
.icon-event a:link{
	background-color: #CC9C3C;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-event a:visited{
	background-color: #CC9C3C;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-event a:hover{
	background-color: #EEC46C;
}


/* 舞台 */
.icon-stage a:link{
	background-color: #31A69C;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-stage a:visited{
	background-color: #31A69C;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-stage a:hover{
	background-color: #7DC4BE;
}



/* 書籍・DVD */
.icon-book a:link{
	background-color: #5A8EAB;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-book a:visited{
	background-color: #5A8EAB;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-book a:hover{
	background-color: #9CBCCD;
}

/* CM */
.icon-cm a:link{
	background-color: #867A99;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-cm a:visited{
	background-color: #867A99;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-cm a:hover{
	background-color: #AE9DC8;
}



/* その他 */
.icon-other a:link{
	background-color: #B58682;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-other a:visited{
	background-color: #B58682;
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}

.icon-other a:hover{
	background-color: #CAA7A4;
}





/* ----------------------------------------------------------------------
リスト
------------------------------------------------------------------------- */

.number li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 25px;
}



.list li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
	line-height: 1.3em;
	color: #333;
}










/* ----------------------------------------------------------------------
テーブル
------------------------------------------------------------------------- */


.normal-table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border: 1px solid #CCC;
	width: 900px;
	margin-bottom: 50px;
	margin-left: 30px;
}

.normal-table th {
	background-color: #DFD7CF;
	padding: 10px;
	border: 1px solid #CCC;
	font-weight: normal;
	text-align: left;
}

.normal-table td {
	text-align: left;
	padding: 10px;
	border: 1px solid #CCC;
}























/* 



.list-maruyajirushi li {
	list-style-position: outside;
	line-height: 1.5em;
	color: #333;
	background-image: url(../img/icon-circle_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px;
}



.icon-pdf {
	background-image: url(../img/pdficon_large.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	margin-top: 10px;
}


.icon-minipdf {
	background-image: url(../img/icon_pdf_navi.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 2px;
}

.icon-link {
	background-image: url(../img/icon-info.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 5px;
}

.icon-new {
	padding-top: 5px;
	background-image: url(../img/icon_new.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 35px;
}




/* ----------------------------------------------------------------------
ぱんくず
------------------------------------------------------------------------- */
/* 
ul.pankuzu{
	margin-bottom: 20px;
	font-size: 85%;
	margin-top: 13px;
}
.pankuzu li {
	 display: inline;
     list-style-type: none;

}
.pankuzu-home {
	background-image: url(../img/icon-home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 18px;
}




/* 戻るボタン */
/* 
.bt-back{
	background-color: #02A7EB;
	width: 180px;
	height: auto;
	margin-left:auto;
	margin-bottom: 20px;
	text-align: center;
}

.bt-back a{
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.bt-back:hover{
	background-color: #4BC9FE;
	color: #FFF;
}




/* ----------------------------------------------------------------------
装飾
------------------------------------------------------------------------- */
/* 
.dotLine{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-top: 20px;
	margin-bottom: 20px;
}


.pdf-Box{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
}