@charset "utf-8";

	

/*=====================================*



├┐┌┐   Basis Planet

└┘├┘

	   Reset CSS & basestyle CSS



*=====================================*/

/*----------------------------------------

	1.Yahoo UI Library Fonts CSS

	http://developer.yahoo.com/yui/fonts/

	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.

	*http://developer.yahoo.com/yui/license.txt

	

	Font-size Adjustment

	

	77% = 10px	| 	122% = 16px	|	167% = 22px	

	85% = 11px	|	129% = 17px	|	174% = 23px

	92% = 12px	|	136% = 18px	|	182% = 24px

	100% = 13px	|	144% = 19px	|	189% = 25px

	107% = 14px	|	152% = 20px	|	197% = 26px

	114% = 15px	|	159% = 21px	|

-----------------------------------------*/

body {

	font-size: 13px;

	*font-size: small;

	*font: x-small;

}

table {

	font-size: inherit;

	font: 100%;

}

select,

input,

textarea {

	font-size: 99%;

}

/***************************************

[Base]		1.Universal selector

****************************************/

* {

	line-height: 1.4;

	font-size: 100%;

	font-style: normal;

	margin: 0;

	padding: 0;

}

/****************************************

[Base]		2.Structure Module

****************************************/

body {

	color: #fff;


	text-align: center;

	font-family:  "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ", Meiryo,Osaka,"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;


	background-color:#14455D;
}

#blueback {

	padding-top: 0px;

	background: #CDE1EE url(../image/bg.gif) repeat-x left top;

}

/****************************************

[TAG Module]	1.Text

****************************************/

p,

pre,

address,

cite {

	margin: 0.5em 0;

	font-size: 100%;

}

h2,

h3,

h4,

h5,

h6 {

	margin: 0 0 20px; 

}

h1 {
	margin: 0px;
}

h2　{

	font-size: 100%;

	border-left: #FFA200 3px solid;

	padding-left: 10px;

	margin: 0;

}

/*  h3 は [common ID] titles 参照 */

h4 {font-size: 122%;}

h5 {font-size: 107%;}

h6 {font-size: 107%;}

pre {

	padding: 0.5em 10px;

	border: 1px dotted #aaa;

	width: 90%;

	overflow: scroll;

	color: #333;

	background-color: #f5f5f5;

	font-family: "Osaka－等幅", monospace;

}

pre[title]::before {

	margin-bottom: 0.8em;

	padding: 0 10px;

	display: block; 

	content: attr(title);

	color: #000;

	background-color: #fff;

}

blockquote {

	margin: 1.5em 20px;

	padding: 1px 0; 

	border: 3px solid #eee;

	background-color: #fff;

}

blockquote * {

	color: #666;

}

blockquote[title]:before {

	margin: 2px 2px 1em 2px;

	padding: 0.1em 16px;

	display: block;

	content: attr(title); 

	background-color: #f5f5f5; 

}

blockquote[cite]:after {

	padding: 0.8em 20px;

	display: block; 

	content: attr(cite);

	color: #333;

	text-align: right;

}

cite {

	display: block;

	color: #333;

	text-align: right;

}

em {

	font-weight: normal;

}

strong {

	font-weight: normal;

	color: #f90;

}

code {

	font-family: "Osaka－等幅", monospace;

}

abbr,

acronym {

	border-bottom: 1px dotted #aaa;

	cursor: help;

}

kbd {

	border: 1px solid #ccc;

	padding: 0 0.3em; 

	background-color: #f5f5f5;

	font-family: "Osaka－等幅", monospace;

	text-transform: uppercase;

}

.size10 {font-size: 77%;}

.size11 {font-size: 85%;}

.size12 {font-size: 92%;}

.size13 {font-size: 100%;}

.size14 {font-size: 107%;}

.size15 {font-size: 114%;}

.size16 {font-size: 122%;}

.size17 {font-size: 129%;}

.size18 {font-size: 136%;}

.size19 {font-size: 144%;}

.size20 {font-size: 152%;}

/****************************************

[TAG Module]	2.Hypertext

****************************************/

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

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

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

/****************************************

[TAG Module]	3.List

****************************************/

ul,

ol,

dl {

	margin: 1em 20px;

	padding: 1px 0;

	list-style-position: inside;

}

dt,

dd {

	margin: 0.1em 10px;

}

dt {

	margin-top: 0.6em;

}

dd {

	margin-bottom: 0.6em;

	color: #666;

}

li li,

li p,

li pre,

li dt,

li dd,

dd li,

dd p,

dd pre,

dd dt,

dd dd {

	font-size: 100%;

}

li ul,

li ol,

li dl,

li p,

dd ul,

dd ol,

dd dl,

dd p {

	margin: 0.1em 10px;

}

/****************************************

[TAG Module]	4.Edit

****************************************/

del {

	color: #999;

	text-decoration: line-through;

}

del[datetime]::before {

	content: " ( "attr(datetime)"\00524a\009664) ";

}

ins {

	border-bottom: 1px dotted #ccc;

	text-decoration: none;

}

ins[datetime]::before {

	content: " ( "attr(datetime)"\004fee\006b63) ";

}

/****************************************

[TAG Module]	5.Forms

****************************************/

form {

	margin: 0.5em 20px;

	padding: 1px 0; 

}

form dl,form p {

	margin: 0.5em 10px;

}

fieldset {

	border: 1px solid #ddd;

}

legend {

	margin: 0 1em;

	padding: 0 10px;

}

input,textarea {

	margin: 0.2em 0 1.3em;

	padding: 0.1em 10px;

	border: 1px solid #4C9BB8;

	background-color: #AED4E2;

}

input {

	line-height: 1.2;

}

input:hover,

textarea:hover {

	border: 1px solid #f90;

}

input:focus,

textarea:focus {

	border: 1px solid #4C9BB8;

	background-color: #fff;

}

textarea {

	padding: 0.4em 10px;

}

/****************************************

[TAG Module]	6.Tables

****************************************/

table {

	margin: 0;

	border: none;

	background: none;

}

th,

td {

	padding: 0.1em 5px;

	border-style: solid;

	border-color: #2D88A9;

	border-width: 1px;

	background: none;

	color: #fff;

}

td.color-ff{

	padding: 0.1em 5px;

	border-style: solid;

	border-color: #ffffff;

	border-width: 1px;

	background: none;

	color: #fff;

}
/****************************************

[TAG Module]	7.Image

****************************************/

img {vertical-align: bottom;}

a:link img,

a:visited img,

a:hover img {

	border-style: solid;

	border-width: 1px;

	border-color: #5FB7D8;

	background: none;

}

a:hover img {

	border-color: #fff;

}

/****************************************

[TAG Module]	8.Object

****************************************/

object,

embed {

	margin: 0;

	padding: 0;

}

/****************************************

[TAG Module]	9.hr

****************************************/

hr {

	width: 100%;

	height: 1px;

	border-style: solid none none none;

	border-top-width: 1px;

	border-top-color: #2D88A9;

	margin: 25px 0;

}

/****************************************

[common ID]     preloadedImages

****************************************/

#preloadedImages {

       width: 0px;

       height: 0px;

       display: inline;


       background-image: url(../image/navi01-on-new.gif);

       background-image: url(../image/navi02-on-new.gif);

       background-image: url(../image/navi03-on-new.gif);

       background-image: url(../image/navi04-on-new.gif);

	   background-image: url(../image/navi05-on-new.gif);

	   background-image: url(http://www.forlife.co.jp/image/btn-official-on.gif);

}

/****************************************

[common ID]     container

****************************************/

#container {
	width: 951px;
	margin: 0px auto 0px auto;
	padding-bottom: 24px;

}

#wrap {text-align: left;}



/****************************************

[common ID]     header

****************************************/


#header {
	width: 100%;
	height: 111px;
	margin-bottom:7px;
}
#header-inner {
	width: 951px;
	margin: 0 auto;
	overflow:hidden;
}

#header img {border: none;}

#header a {border-bottom: none; background: none;}

#header .col-left {
	width: 951px;
	height:70px;
}
#header .col-left img {
	float:left;
}
#header .col-right {
	width: 951px;
	float:none;
}


/****************************************

[common ID]     globalnavi

****************************************/

#globalnavi {
	margin: 0 auto;
	padding: 0px;
	clear: both;
	overflow: hidden;
}

#globalnavi ul {
	margin: 0 auto;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	overflow: hidden;
	width: 90%;
}

#globalnavi li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}



#globalnavi .navi01 a,
#globalnavi .navi01 a:hover,
#globalnavi .navi02 a,
#globalnavi .navi02 a:hover,
#globalnavi .navi03 a,
#globalnavi .navi03 a:hover,
#globalnavi .navi04 a,
#globalnavi .navi04 a:hover,
#globalnavi .navi05 a,
#globalnavi .navi05 a:hover,
#globalnavi .navi06 a,
#globalnavi .navi06 a:hover,
#globalnavi .navi07 a,
#globalnavi .navi07 a:hover {
	width: 158px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: none;
	background-image: url(../image/navi01-new.gif);
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: none;
}


#globalnavi .navi01 a:hover {background-image: url(../image/navi01-on-new.gif);}

#globalnavi .navi02 a {background-image: url(../image/navi02-new.gif); width: 158px;}
#globalnavi .navi02 a:hover {background-image: url(../image/navi02-on-new.gif); width: 158px;}

#globalnavi .navi03 a {background-image: url(../image/navi03-new.gif); width: 158px;}
#globalnavi .navi03 a:hover {background-image: url(../image/navi03-on-new.gif); width: 158px;}

#globalnavi .navi04 a {background-image: url(../image/navi04-new.gif); width: 158px;}
#globalnavi .navi04 a:hover {background-image: url(../image/navi04-on-new.gif); width: 158px;}

#globalnavi .navi05 a {background-image: url(../image/navi05-new.gif); width: 158px;}
#globalnavi .navi05 a:hover {background-image: url(../image/navi05-on-new.gif); width: 158px;}

#globalnavi .navi06 a {background-image: url(../image/navi06-new.gif); width: 161px;}
#globalnavi .navi06 a:hover {background-image: url(../image/navi06-on-new.gif); width: 161px;}

/*----- アコーディオンメニュ -----*/
#menu_btn {
	display:none;
}


#flcf7192 #globalnavi .navi02 a {background-image: url(../image/navi02-on-new.gif); width: 158px;}
#artist-list #globalnavi .navi03 a,
#artist-top #globalnavi .navi03 a,
#artist-profile #globalnavi .navi03 a,
#artist-disco #globalnavi .navi03 a,
#artist-live #globalnavi .navi03 a,
#artist-media #globalnavi .navi03 a,
#artist-mobile #globalnavi .navi03 a {background-image: url(../image/navi03-on-new.gif); width: 158px;}
#audition #globalnavi .navi06 a {background-image: url(../image/navi06-on-new.gif); width: 158px;}
#artist #globalnavi .navi03 a {background-image: url(../image/navi03-on-new.gif); width: 158px;}




/****************************************

[common ID]     footer

****************************************/
#footer-banner {
	clear: both;
	overflow: hidden;
}
footer {
	padding-top:0px;
	margin-top:0px;
	width: 100%;
	height:109px;
	clear: both;
	background-color:#103446;
}
#copy {
	background: url(../image/bg_footer.gif) repeat-x left top;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 109px;
}
#footer-inner {
	width: 951px;
	margin: 0 auto;
}
#footer-inner ul {
	width: 80%;
	padding: 0px;
	margin: 0 auto;
	list-style-type:none;
	display: block;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer-inner ul li {
	float:left;
	margin: 0px;
}
#footer-inner ul li:after {
	content: "｜";
}
#footer-inner ul li:last-child:after {
	content: "";
}
#footer a:hover {


	background-image: none;

	background-color:transparent;

}

/****************************************

[common ID]     main

****************************************/

.col-left {float: left;}

.col-right {float: right;}

#side-bar ul {
		list-style-type: none;
		margin: 0 auto;
}
#side-bar ul li {
		width: 100%;
		margin-bottom: 7px; 
}

.official_site a:link,

.official_site a:visited,

.official_site a:hover {

	display: block;

	background: url(http://www.forlife.co.jp/image/btn-official.gif) no-repeat left top;

	width: 189px;

	height: 34px;

	border-bottom: none;

}

.official_site a:hover {

	background: url(http://www.forlife.co.jp/image/btn-official-on.gif) no-repeat left top;

}

.official_site span,

.official_site2 span,

.detail_site span,

.message span {display: none;}



.official_site2 a:link,

.official_site2 a:visited,

.official_site2 a:hover {

	display: block;

	background: url(http://www.forlife.co.jp/image/btn-official2.gif) no-repeat left top;

	width: 189px;

	height: 64px;

	border-bottom: none;

}

.official_site2 a:hover {

	background: url(http://www.forlife.co.jp/image/btn-official2-on.gif) no-repeat left top;

}



.detail_site a:link,

.detail_site a:visited,

.detail_site a:hover {

	display: block;

	background: url(http://www.forlife.co.jp/image/btn-detail.gif) no-repeat left top;

	width: 189px;

	height: 34px;

	border-bottom: none;

}

.detail_site a:hover {

	background: url(http://www.forlife.co.jp/image/btn-detail-on.gif) no-repeat left top;

}





.message a,

.message a:hover {

	display: block;

	background: url(http://www.forlife.co.jp/image/btn-comment.gif) no-repeat left top;

	width: 189px;

	height: 34px;

	border-bottom: none;

}

.message a:hover {

	background: url(http://www.forlife.co.jp/image/btn-comment-on.gif) no-repeat left top;

}

.message span {display: none;}

/*----- pageTop -----*/
#pagetop {
	font-size:120%;
	color:#FFF;
	background:#103446;
	position:fixed;
	right:10px;
	bottom:10px;
	padding:10px;
	display:none;
	cursor:pointer;
}

/****************************************

[common ID]	clear element

****************************************/

.clear {

    clear: both;

    width: 1px;

    height: 1px;

    margin: 0 -1px -1px 0;

    border: 0;

    padding: 0;

	font-size: 1px;

}

.hidden {display: none;}

/****************************************

[common ID]	boxset

****************************************/

.box209 {

	background: url(http://www.forlife.co.jp/image/box209_581-bg.gif) repeat-y 0px 5px;

	width: 209px;

}

.box209-top {

	background: url(http://www.forlife.co.jp/image/box209_581-top.gif) no-repeat left top;

	width: 209px;

	height: 5px;

	font-size: 1px;

}

.box209-bottom,

.box209-bottom2 {

	background-image: url(http://www.forlife.co.jp/image/box209_581-bottom.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 209px;

}

.box209-bottom2 {background-image: url(http://www.forlife.co.jp/image/box209_581-bottom02.gif);}

.box320 {

	background: url(http://www.forlife.co.jp/image/box320_470_320-bg.gif) repeat-y 0px 5px;

	width: 320px;

}

.box320-top {

	background: url(http://www.forlife.co.jp/image/box320_470_320-top.gif) no-repeat left top;

	width: 320px;

	height: 5px;

	font-size: 1px;

}

.box320-bottom {

	background: url(http://www.forlife.co.jp/image/box320_470_320-bottom.gif) no-repeat left bottom;

	width: 320px;

}

/*  395px blue */

.box395 {

	background: url(http://www.forlife.co.jp/image/box395_395-bg.gif) repeat-y 0px 5px;

	width: 395px;

}

.box395-top {

	background: url(http://www.forlife.co.jp/image/box395_395-top.gif) no-repeat left top;

	width: 395px;

	height: 5px;

	font-size: 1px;

}

.box395-bottom {

	background: url(http://www.forlife.co.jp/image/box395_395-bottom.gif) no-repeat left bottom;

	width: 395px;

}

/*  581px blue */

.box581 {

	background: url(http://www.forlife.co.jp/image/box209_581-bg.gif) repeat-y -219px 5px;

	width: 581px;

}

.box581-top {

	background: url(http://www.forlife.co.jp/image/box209_581-top.gif) no-repeat -219px top;

	width: 581px;

	height: 5px;

	font-size: 1px;

}

.box581-bottom,

.box581-bottom2,

.box581-bottom3,

.box581-bottom4 {

	background-image: url(http://www.forlife.co.jp/image/box581-bottom.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 581px;

}

.box581-bottom2 {background-image: url(http://www.forlife.co.jp/image/box581-bottom02.gif);}

.box581-bottom3 {background-image: url(http://www.forlife.co.jp/image/box581-bottom03.gif);}

.box581-bottom4 {background-image: url(http://www.forlife.co.jp/image/box581-bottom04.gif);}

.box581-bottom5 {

	background: url(http://www.forlife.co.jp/image/box581-bottom05.gif) no-repeat left top;

	width: 581px;

	height: 18px;

	font-size: 1px;

}

/*  395px & 395px blue */

.box395_395 {

	background: url(http://www.forlife.co.jp/image/box395_395-bg.gif) repeat-y left top;

	width: 800px;

}

.box395_395-top {

	background: url(http://www.forlife.co.jp/image/box395_395-top.gif) no-repeat left top;

	width: 800px;

	height: 5px;

	font-size: 1px;

}

.box395_395-bottom {

	background: url(http://www.forlife.co.jp/image/box395_395-bottom.gif) no-repeat left bottom;

	width: 800px;

}

/*  209px & 581px blue */

.box209_581 {

	background: url(http://www.forlife.co.jp/image/box209_581-bg.gif) repeat-y left top;

	width: 800px;

}

.box209_581-top {

	background: url(http://www.forlife.co.jp/image/box209_581-top.gif) no-repeat left top;

	width: 800px;

	height: 5px;

	font-size: 1px;

}

.box209_581-bottom {

	background: url(http://www.forlife.co.jp/image/box209_581-bottom.gif) no-repeat left bottom;

	width: 800px;

}

/*  260px & 530px blue */

.box260_530 {

	background: url(http://www.forlife.co.jp/image/box260_530-bg.gif) repeat-y left top;

	width: 800px;

}

.box260_530-top {

	background: url(http://www.forlife.co.jp/image/box260_530-top.gif) no-repeat left top;

	width: 800px;

	height: 5px;

	font-size: 1px;

}

.box260_530-bottom,

.box260_530-bottom2 {

	background-image: url(http://www.forlife.co.jp/image/box260_530-bottom.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 800px;

}

.box260_530-bottom2 {background-image: url(http://www.forlife.co.jp/image/box260_530-bottom02.gif);}



/*  320px & 470px blue */

.box320_470 {

	background: url(http://www.forlife.co.jp/image/box320_470_320-bg.gif) repeat-y left top;

	width: 800px;

}

.box320_470-top {

	background: url(http://www.forlife.co.jp/image/box320_470_320-top.gif) no-repeat left top;

	width: 800px;

	height: 5px;

	font-size: 1px;

}

.box320_470-bottom {

	background: url(http://www.forlife.co.jp/image/box320_470_320-bottom.gif) no-repeat left bottom;

	width: 800px;

}

/*  470px & 320px blue */

.box470_320 {

	background: url(http://www.forlife.co.jp/image/box320_470_320-bg.gif) repeat-y -330px top;

	width: 800px;

}

.box470_320-top {

	background: url(http://www.forlife.co.jp/image/box320_470_320-top.gif) no-repeat -330px top;

	width: 800px;

	height: 5px;

	font-size: 1px;

}

.box470_320-bottom {

	background: url(http://www.forlife.co.jp/image/box320_470_320-bottom.gif) no-repeat -330px bottom;

	width: 800px;

}

/*  800px blue */

.box800 {

	background: url(http://www.forlife.co.jp/image/box800-bg.gif) repeat-y left top;

	width: 800px;

}

.box800-top {

	background: url(http://www.forlife.co.jp/image/box800-top.gif) no-repeat left top;

	width: 800px;

	height: 5px;

	font-size: 1px;

}

.box800-bottom,

.box800-bottom2,

.box800-bottom3,

.box800-bottom4 {

	background-image: url(http://www.forlife.co.jp/image/box800-bottom01.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 800px;

	padding-bottom: 8px;

}

.box800-bottom2 {background-image: url(http://www.forlife.co.jp/image/box800-bottom02.gif);}

.box800-bottom3 {background-image: url(http://www.forlife.co.jp/image/box800-bottom03.gif);}

.box800-bottom4 {background-image: url(http://www.forlife.co.jp/image/box800-bottom04.gif);}



/*  800px white */

.box800w {

	background: url(http://www.forlife.co.jp/image/box800w-bg.gif) repeat-y left top;

	width: 800px;

}

.box800w-top {

	background: url(http://www.forlife.co.jp/image/box800w-top.gif) no-repeat left top;

	width: 800px;

	height: 2px;

	font-size: 1px;

}

.box800w-bottom {

	background: url(http://www.forlife.co.jp/image/box800w-bottom.gif) no-repeat left bottom;

	width: 800px;

	padding-bottom: 4px;

}

.box-inner {

	padding: 0 15px;

	text-align: left;

}

/****************************************

[common ID]	titles

****************************************/

h3 span {display: none;}

h3 {margin: 0 15px 15px 0;

	padding: 0;

	background-position: left bottom;

	background-repeat: no-repeat;

	height: 31px;

}/* height= 実際の画像の高さ + 15px */



h3.audition {background-image: url(http://www.forlife.co.jp/image/ttl-audition.gif); width: 188px;}

h3.disco {background-image: url(http://www.forlife.co.jp/image/ttl-disco.gif); width: 256px; height: 35px;}

h3.bio {background-image: url(http://www.forlife.co.jp/image/ttl-bio.gif); width: 141px; height: 35px;}

h3.hot {background-image: url(http://www.forlife.co.jp/image/ttl-hot.gif); width: 196px;}

h3.hot2 {background-image: url(http://www.forlife.co.jp/image/ttl-hot2.gif); width: 92px; height: 55px;}

h3.info {background-image: url(http://www.forlife.co.jp/image/ttl-info.gif); width: 181px;}

h3.live {background-image: url(http://www.forlife.co.jp/image/ttl-live.gif); width: 120px;}

h3.news {background-image: url(http://www.forlife.co.jp/image/ttl-news.gif); width: 121px;}

h3.media {background-image: url(http://www.forlife.co.jp/image/ttl-media.gif); width: 148px;}

h3.mobile {background-image: url(http://www.forlife.co.jp/image/ttl-mobile.gif); width: 144px;}

h3.mobile2 {background-image: url(http://www.forlife.co.jp/image/ttl-mobile2.gif); width: 254px;}

h3.pc {background-image: url(http://www.forlife.co.jp/image/ttl-pc.gif); width: 71px;}

h3.others {background-image: url(http://www.forlife.co.jp/image/ttl-others.gif); width: 145px;}

h3.pennylane {background-image: url(http://www.forlife.co.jp/image/ttl-pennylane.gif); width: 260px;}

h3.profile {background-image: url(http://www.forlife.co.jp/image/ttl-profile.gif); width: 154px;}

h3.release {background-image: url(http://www.forlife.co.jp/image/ttl-release.gif); width: 194px;}

h3.topics {background-image: url(http://www.forlife.co.jp/image/ttl-topics.gif); width: 134px; height: 35px;}

h3.topics2 {background-image: url(http://www.forlife.co.jp/image/ttl-topics2.gif); width: 66px; height: 56px;}

h3.a_list {background-image: url(http://www.forlife.co.jp/image/ttl-a_list.gif); width: 213px;}

h3.r_list {background-image: url(http://www.forlife.co.jp/image/ttl-r_list.gif); width: 235px;}

h3.p-audition {background-image: url(http://www.forlife.co.jp/image/ttl-audition.gif); width: 187px;}

h3.p-radio {background-image: url(http://www.forlife.co.jp/image/ttl-radio.gif); width: 197px;}

h3.p-video {background-image: url(http://www.forlife.co.jp/image/ttl-video.gif); width: 109px;}

h3.p-special {background-image: url(http://www.forlife.co.jp/image/ttl-special.gif); width: 116px; height: 35px;}

h3.request {background-image: url(http://www.forlife.co.jp/image/ttl-request.gif); width: 183px; height: 35px;}

h3.list {background-image: url(http://www.forlife.co.jp/image/ttl-list.gif); width: 79px;}

h3.archive {background-image: url(http://www.forlife.co.jp/image/ttl-archive.gif); width: 157px;}

h3.demotape {background-image: url(http://www.forlife.co.jp/image/ttl-demotape.gif); width: 358px; height: 35px;}

h3.recruit {background-image: url(http://www.forlife.co.jp/image/ttl-recruit.gif); width: 139px;}

h3.company {background-image: url(http://www.forlife.co.jp/image/ttl-company.gif); width: 162px; height: 35px;}

h3.map {background-image: url(../image/ttl-map.gif); width: 83px; height: 35px;}

h3.privacy {background-image: url(http://www.forlife.co.jp/image/ttl-privacy.gif); width: 258px; height: 35px;}

h3.compilation {background-image: url(http://www.forlife.co.jp/image/ttl-compilation.gif); width: 235px; height: 35px;}

h3.project {background-image: url(http://www.forlife.co.jp/image/ttl-project.gif); width: 137px; height: 35px;}

h3.box {background-image: url(http://www.forlife.co.jp/image/ttl-box.gif); width: 128px;}

h3.regular {background-image: url(http://www.forlife.co.jp/image/ttl-regular.gif); width: 179px; height: 35px;}

h3.bbs {background-image: url(http://www.forlife.co.jp/image/ttl-bbs.gif); width: 98px;}



/* hidden h3 */

h3.domestic_artist,

h3.auditions {

	height: 15px;

	margin: 0 0 0 0;

}

h3.company-info {

	height: 15px;

	margin: 0 0 0 0;

}

/****************************************

[common ID]	content_mobile

****************************************/

#content_mobile {

	margin-top: 10px;

	color: #444;

	font-size: 92%;

}

#content_mobile a:hover {

	background-color: #fff;

}

#content_mobile table,

#content_mobile td,

#content_mobile th {

	border: none;

	text-align: left;

}

#content_mobile table {

	width: 790px;

}

#content_mobile th {

	background: none;

	font-weight: normal;

	color: #444;

}

#content_mobile a:link img,

#content_mobile a:visited img {

	border-style: none none none none;

	background: none;

	padding-left: 0;

}

#content_mobile strong {

	font-weight: normal;

	color: #666;

	font-size: 92%;

}

#content_mobile th a:link,

#content_mobile th a:visited,

#content_mobile th a:hover {

	display: inline-table;

	background: url(../image/li-arrow3.gif) no-repeat left center;

	margin-left: 20px;

	padding-left: 12px;

	color: #0091C7;

	border-style: none none none none;

}

#content_mobile th a:hover {

	color: #00D2E8;

}



/**********************************

etc

**********************************/

a:link.li-arrow1,

a:visited.li-arrow1,

a:hover.li-arrow1 {

	background: url(../image/li-arrow5.gif) no-repeat 5px center;

	padding-left: 17px;

}



#btn-close a:link,

#btn-close a:visited,

#btn-close a:hover {

	background: url(http://www.forlife.co.jp/image/btn-close.gif) no-repeat left bottom;

	width: 50px;

	height: 30px;

	display: block;

	text-indent: -9999px;

	overflow: hidden;

}

#btn-close a:hover {

	background: url(http://www.forlife.co.jp/image/btn-close.gif) no-repeat left 5px;

}


/* 2009.04.08 ADD*/
#content1, #content2, #content3, #contentflash,
#content_mobile,
#pennylane-radio #subnavi,
#pennylane-audition #subnavi,
#pennylane-video #subnavi,
#pennylane-sp  #subnavi,
 .btn-request-top,
 #subnavi2 {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#content_mobile .box-inner{
	padding: 0px 5px 0px 10px;
	text-align: left;
	width:785px !important;
}

#content_mobile table {

	width: 785px;

}
/* 2009.04.08 ADD*/


/* 2009.07.01 ADD*/
/* ニュースでの試聴用クラス*/
#btn-music ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#btn-music li a {
	background: url(../image/btn-music.gif) no-repeat right center;
	color: #fff;
	padding-right: 55px;
	display: block;
	width: 250px;
	border-bottom: none;
}

#btn-music li a:hover {
	background: url(../image/btn-music-on.gif) no-repeat right center;
	color: #f90;
	text-decoration: none;
	padding-right: 55px;
}	

#btn-music li em {
	color: #fff;
	padding-right: 55px;
	display: block;
	width: 250px;
}
/*----- パンくずナビ -----*/
#brdcrmb {
	display: none;
}
@media screen and (max-width: 979px) {
	#header .col-left {
		width: 100%;
	}
	#header-inner {
		width: 100%;
	}
	#header-inner h1 {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	#header-inner h1 a {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	#footer-inner {
		width: 100%;
	}
	footer {
		height: auto;
	}
	/*----- Maincontent Area -----*/
	#container {
		width: 100%;
		overflow: hidden;
	}
}
@media screen and (max-width: 780px) {
	/****************************************

[common ID]     globalnavi

****************************************/
	#globalnavi ul {
		margin: 0 auto;
		padding: 0px;
		list-style-type: none;
		list-style-position: outside;
		overflow: hidden;
		width: 100%;
	}

	#globalnavi ul li {
		float: none;
		clear: both;
		background-color: #174283;
		display: block;
		border-bottom: #CCC 1px solid;
		opacity:0.9;
		padding-left: 1em;
	}
	#globalnavi ul li:hover {
		opacity:1;
	}
	#globalnavi .navi01 a,#globalnavi .navi01 a:hover,
	#globalnavi .navi02 a,#globalnavi .navi02 a:hover,
	#globalnavi .navi03 a,#globalnavi .navi03 a:hover,
	#globalnavi .navi04 a,#globalnavi .navi04 a:hover,
	#globalnavi .navi05 a,#globalnavi .navi05 a:hover,
	#globalnavi .navi06 a,#globalnavi .navi06 a:hover,
	#globalnavi .navi07 a,#globalnavi .navi07 a:hover {
		width: 100%;
		background-image: none !important;
		display: block;
		text-indent: 0px;
		text-decoration: none;
		text-align: left;
		font-size: 120%;
		line-height: 2.5em;
		color:#FFF;
	}
	#top-release #globalnavi .navi02 a {
		background-image: none;
		width: 100%;}
	#artist-list #globalnavi .navi03 a,
	#artist-top #globalnavi .navi03 a,
	#artist-profile #globalnavi .navi03 a,
	#artist-disco #globalnavi .navi03 a,
	#artist-live #globalnavi .navi03 a,
	#artist-media #globalnavi .navi03 a,
	#artist-mobile #globalnavi .navi03 a {
		background-image: none;
		width: 100%;
	}
	#audition #globalnavi .navi06 a {
		background-image: none;
		width: 100%;
	}
	/*----- アコーディオンメニュ -----*/
	#menu_btn {
		display: block;
		clear: both;
		cursor: pointer;
		height: 40px;
		background-image:url(../image/menu-pull.png);
		background-repeat: no-repeat;
		background-position: 30px;
		background-size: 30px;
	}
	#menu_btn span {
		line-height: 1.5em;
		font-size: 200%;
		font-weight: bold;
		float: left;
		text-indent: 3em;
	}
	#globalnavi {
		display: none;
	}
	#globalnavi ul li {
		position: relative;
		z-index: 10000;
		overflow: hidden;
	}
	.col-right {
		float: none;
	}
	#footer-banner {
		clear:right;
		float:right;
		width: 50%;
		overflow:hidden;
	}
	#footer-banner a {
		float: none !important;
	}
	#footer-inner ul li {
    	padding: 0.2em;
	}
	h3 span {
		display: inherit;
	}
	#side-bar ul li a {
		float: none;
	}
	/*----- パンくず -----*/
	#brdcrmb {
		display: block;
		text-align: left;
		padding: 15px;
		color: #113748;
		font-weight: bold;
	}
	#brdcrmb a {
		color: #FFF;
		font-weight: normal;
	}
	#copy {
		height: 79px;
	}
	/*----- フッター -----*/
	#footer-inner ul li {
		padding: 0.2em;
	}
	#footer-inner ul li a{
		float: none;
	}
	#footer-inner ul li:after {
		content: "｜";
	}
	#footer-inner ul li:last-child:after {
		content: "";
	}
}
@media screen and (max-width: 639px) {
	#copy {
		margin-bottom: 0px;
	}
	#copy p {
		font-size: 90%;
	}
	#copy address {
		font-size: 80%;
	}
}
@media screen and (max-width: 479px) {
	#globalnavi a {
		margin-bottom: 0px !important;
	}
	#footer-banner {
		clear:both;
		float:none;
		width: 100%;
	}
	/*#footer-inner ul {
		width: 90%;
	}
	#footer-inner ul li {
		line-height: 2em;
		float:none;
		text-align: left;
	}
	#footer-inner ul li:after {
		content:"";
	}
	#footer-inner a {
		float: none !important;
		clear: both;
	}
	footer {
		height: 270px;
	}*/
	#copy {
		margin-bottom: 0px;
	}
	#copy p {
		font-size: 90%;
	}
	#copy address {
		font-size: 90%;
	}
}
@media screen and (max-width: 320px) {
	h3 span {
		font-size: 80%;
	}
	#header-inner h1 a img {
		width: 100%;
	}
	#copy address {
		font-size: 70%;
	}
}