@charset "utf-8";

/* ------------------------------------------------------
ポップアップ画面スタイル
------------------------------------------------------ */


body{
	background-image:url(/images/common/popup/bg.gif);
	background-repeat:repeat-x;
}

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

#Header_pop{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
}

#Header_pop h1{
	display:block;
	float:left;
	margin:3px 0 0 18px;
}

#Header_pop #HeaderRight{
	float:right;
	width:720px;
	margin:10px 0 0 0;
	padding-right:5px;
}

#Header_pop #HeaderRight h2{
	float:left;
	width:470px;
	line-height:26px;
	font-size:0.75em;
	text-align:right;
}

#Header_pop #HeaderRight ul li{
	float:right;
	display:inline;
}

/* -------------------------
コンテンツ
------------------------- */
#Contents{
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

/* ---------------
見出し
--------------- */
#Contents #ContentsHead{
	position:absolute;
	overflow:hidden;
	z-index:10;
	top:20px;
	right:1px;
	width:647px;
	height:38px;
}

#Status{
	float:left;
	width:157px;
}

#Name{
	float:left;
	width:335px;
	padding:0 0 0 15px;
	line-height:38px;
	text-indent:0px;
}

p.ProfileLink{
	float: right;
	display:block;
	width:120px;
	background-image:url(/images/common/popup/arrow1.gif);
	background-repeat: no-repeat;
	background-position:0 14px;
	font-size:0.75em;
	line-height:38px;
	text-indent:18px;
	font-weight:bold;
}

#Name .NewMark{
	color:#F00;
	font-size:12px;
	font-weight:bold;
}

#Name h2{
	display:inline;
	font-size:20px;
}

/* --------------------------------
メイン
---------------------------------- */
#Main{
	float:left;
	width:753px;
	padding:18px 0 0 16px;
	overflow:hidden;
}

/* -------------------------
コンテンツ　left
------------------------- */
#Main #Left{
	width:320px;
	float:left;
}

#Main #Left #Movie{
	top:20px 0 0 0;
}

#Main #Left ul#StatusList1{
	overflow:hidden;
	width:319px;
	display:block;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	margin:10px 0 0 0;

}

#Main #Left ul#StatusList1 li{
	float:left;
	display:block;
	width:158px;
	padding:1px 0 1px 0;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	background-image:url(/images/common/popup/arrow2.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	text-align:center;
}

#Main #Left ul#StatusList1 li h3{
	color:#af5a81;
	font-size:12px;
	line-height:170%;
}

#Main #Left ul#StatusList1 li p{
	font-size:10px;
	line-height:140%;
}

/* -------------------------
コンテンツ　right
------------------------- */
#Main #Right{
	width:420px;
	float:right;
	margin:50px 0 0 0;
}

/* -------------------------
コンテンツ　right
------------------------- */
#Main #Right{
	float:right;
	width:420px;
	height:274px;
	margin:62px 0 0 0;
}


#Main #Right #Photo{
	float:left;
	width:156px;
}

#Main #Right #Photo img{
	background-color:#FFF;
	padding:2px;
	border:1px solid #ddd;
}


#Main #Right #StatusList2{
	float:right;
	width:252px;
	height:218px;
}

#Main #Right #ScheduleBt{
	float:left;
	width:109px;
	height:45px;
	margin:5px 0 0 0;
	padding-right:10px;
	background-image:url(/images/common/popup/schedule_bt.gif);
	background-repeat:no-repeat;
	line-height:45px;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
}

#Main #Right #MailBt{
	float:left;
	width:122px;
	height:45px;
	margin:5px 0 0 0;
	padding-right:10px;
	background-image:url(/images/common/popup/mail_bt.gif);
	background-repeat:no-repeat;
	line-height:45px;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
}

#Main #Right #BlogTopics{
	clear:both;
	overflow:hidden;
	background-image:url(/images/common/popup/blog_bg.gif);
	height:36px;
	width:419px;
	line-height:36px;
	border-right:1px solid #ddd;
}

#Main #Right #BlogTopics h3{
	float:left;
	width:81px;
	height:36px;
	background-image:url(/images/common/popup/blog_icon.gif);
	text-indent:-9999px;
}

#Main #Right #BlogTopics p{
	float:left;
	display:block;
	width:335px;
	height:35px;
	font-size:12px;
	text-indent:18px;
	background-image:url(/images/common/popup/arrow3.gif);
	background-repeat:no-repeat;
	background-position:8px 14px;
}

#Main #Right #BlogTopics span.BlogTopicsDate{
	font-size:10px;
	margin-right:5px;
}

#Main #Right #StatusList2 ul li{
	padding:6px 0 6px 0;
	background-image:url(/images/common/popup/arrow2.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

#Main #Right #StatusList2 li h3{
	color:#af5a81;
	font-size:0.8em;
	line-height:170%;
}

#Main #Right #StatusList2 li p{
	font-size:0.75em;
	line-height:140%;
}

#Main #Right #StatusList2 ul {
	overflow:hidden;
	display:block;
	width:250px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#Main #Right #StatusList2 ul li.SmallBox{
	float:left;
	width:82px;
	display:block;
	text-align:center;
	border-left:1px solid #ddd;
}

#Main #Right #StatusList2 ul li.LargeBox{
	float:left;
	width:232px;
	height:95px;
	display:block;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:5px 8px 0 10px;
}

#Main p#Info{
	clear:both;
	display:block;
	width:748px;
	margin:0 0 10px 0;
	line-height:37px;
	border:1px solid #ecd0c4;
	color:#794a3a;
	background-color:#ffe9df;
	font-size:0.75em;
	text-indent:10px;
}

#Main #Profile{
	overflow:hidden;
}

#Main #Profile .TextBox{
	float:left;
	width:372px;
	height:122px;
	margin:0 0 8px 0;
	background-color:#F6F1F5;
}

#Main #Profile .Margin{
	margin-right:8px;
}


#Main #Profile .TextBox h3{
	height:31px;
	background-image:url(/images/common/popup/profile_t_bg.gif);
	background-repeat:no-repeat;
	text-indent:20px;
	line-height:31px;
	font-size:0.75em;
}

#Main #Profile .TextBox p{
	padding:6px;
	font-size:0.7em;
	line-height:150%;
}

/* --------------------------------
サイドコンテンツ
---------------------------------- */
#Side{
	float:right;
	width:204px;
	padding:80px 10px 0 0;
}


/* -------------------------
右　電話ボタン NEW
------------------------- */

#Side #DenwaKantei{
	width:193px;
	height:172px;
	margin:4px 0 0 0;
	padding:2px;
	border:1px solid #ddd;
}

#Side .DenwaKantei_ON{
	background-image: url(/images/denwa_nifty/denwa_bg.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

#Side .DenwaKantei_OFF{
	background-image: url(/images/denwa_nifty/denwa_bg.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

#Side #DenwaKantei h3{
	display:block;
	color:#FFF;
	line-height:36px;
	text-align:right;
	padding-right:20px;
	font-size:18px;
}

#Side #DenwaKantei ul{
	display:block;
	height:28px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}

#Side #DenwaKantei li{
	float:left;
	display:block;
	width:60px;
	padding:0 0 0 30px;
	line-height:24px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

#Side #DenwaKantei .Price{
	margin-top:6px;
	color:#FFF;
	text-align:center;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
}

#Side #DenwaKantei .Btn{
	display:block;
	margin:20px auto 0 auto;
	padding:0;
	text-align:center;
	width:172px;
	height:71px;
}


/* -------------------------
右　チャットボタン
------------------------- */

#Side #ChatKantei{
	width:193px;
	height:172px;
	margin:4px 0 0 0;
	padding:2px;
	border:1px solid #ddd;
}

#Side .ChatKantei_ON{
	background-image: url(/images/denwa_nifty/denwa_bg.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

#Side .ChatKantei_OFF{
	background-image: url(/images/denwa_nifty/denwa_bg.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

#Side #ChatKantei h3{
	display:block;
	color:#FFF;
	line-height:36px;
	text-align:right;
	padding-right:20px;
	font-size:18px;
}

#Side #ChatKantei ul{
	display:block;
	height:28px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}

#Side #ChatKantei li{
	float:left;
	display:block;
	width:60px;
	padding:0 0 0 30px;
	line-height:24px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

/* -------------------------
アイコン ON
------------------------- */

#Side #ChatKantei li.Voice_On{
	background-image: url(/images/cafe/onsei-icon_on.png);
	background-repeat:no-repeat;
}

#Side #ChatKantei li.Movie_On{
	background-image:url(/images/cafe/eizo-icon_on.png);
	background-repeat:no-repeat;
}

/* -------------------------
アイコン OFF
------------------------- */

#Side #ChatKantei li.Voice_Off{
	background-image:url(/images/common/popup/voice_icon_off.png);
	background-repeat:no-repeat;
	color:#611f00;
}

#Side #ChatKantei li.Movie_Off{
	background-image:url(/images/common/popup/movie_icon_off.png);
	background-repeat:no-repeat;
	color:#611f00;
}


#Side #ChatKantei .Price{
	display:block;
	color: #FFF;
	text-align:center;
	font-size:16px;
	line-height:38px;
	font-weight:bold;
}

#Side #ChatKantei .Btn{
	display:block;
	width:172px;
	height:71px;
	margin:10px auto 0 auto;
}


/* -------------------------
右　Twitter
------------------------- */
#Side #Twitter{
	margin:15px 0 0 0;
	border:1px solid #ddd;
	width:198px;
	height:226px;
}
#Side #Twitter .TwitterBody{
	overflow:auto;
	height:196px;
}

#Side #Twitter h3{
	display:block;
	height:30px;
	width:199px;
}

#Side #Twitter span{
	display:block;
	text-align:right;
	color:#386B7E;
	padding-right:2px;
	font-size:10px;
}

#Side #Twitter h3 img.Title{
	margin:-10px 0 0 0;
}

#Side #Twitter {
	font-size:12px;
	line-height:140%
}

#Side #Twitter div.tweet {
	margin:4px;
	padding:8px;
	border-bottom:1px dotted #CCC;
}

#Side #Twitter div.tweet:last-child {
	border-bottom:none;
}


/* -------------------------
右　Voice
------------------------- */
#Side #Voice{
	margin:15px 0 0 0;
	border:1px solid #ddd;
	background-image:url(/images/common/popup/voice_bg.gif);
}

#Side #Voice img.Title{
	margin:-6px 0 0 0;
}

#Side #Voice .VoiceBox{
	padding:0 5px 5px 5px;
}

#Side #Voice .VoiceText{
	padding:4px;
	background-color:#FFF;
}

#Side #Voice .VoiceText p{
	padding:4px;
	font-size:12px;
	color:#515151;
	line-height:130%;
}

#Side #Voice .VoiceText span.Date{
	display:block;
	border-top:1px dotted #ddd;
	color:#917884;
	font-size:10px;
	text-align:right;
	font-weight:bold;
	line-height:130%;
}

#Side #Voice .VoiceText span.UserName{
	display:block;
	color:#a24570;
	font-size:10px;
	text-align:right;
	font-weight:bold;
}

#Side #Voice .VoiceBox span.More{
	display:block;
	margin:0 0 0 auto;
	padding:3px 0 0 15px;
	width:60px;
	background-image:url(/images/common/popup/arrow4.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
	font-weight:bold;
}

#Side #Voice .VoiceBox span.More a{
	margin:3px 0 0 0;
	color:#6a4958;
	font-size:10px;
	line-height:150%;
}



/* ------------------------------------------------------
文字色
------------------------------------------------------ */
.Color_Red{
	color:#F00;
}