/* シングルdeコンパ リニューアル CSS Document 2009-06-25 */
/*
body {
	color: #333333;
	margin: 5px 0 0 0;
	padding: 0;
}
*/
div#singleCont {
	width: 700px;
	font-size: 13px;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
}
#singleCont div#singlePan {
	width: 100%;
	font-size: 0.8em;
	padding: 5px 0 5px 3px;
	margin: 3px 0;
	color: #666666;
}
#singleCont p.headComents {
	width: 100%;
	line-height: 18px;
	margin: 10px 0;
	padding: 0 0 0 10px;
}
#singleCont div.upper {
	width: 700px;
	text-align: right;
	font-size: 12px;
	padding: 2px 0;
	margin: 2px 0 0 0px;
}
#singleCont div.upper a:link {
	color: #FF3300;
}
#singleCont form.daySeach {
	width: 700px;
	margin: 0px 0px 13px 0px;
	padding: 7px 0;
	text-align: right;
	border-bottom: 1px dotted #88cc00;
	border-top: 1px dotted #88cc00;
}
#singleCont h2.area {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 2px 0px;
	padding: 0px;
	width: 700px;
	height: 120px;
	text-align: left;
	background: #FFFFFF url(../images/.gif) left top no-repeat;
	border: 1px solid #CCCCCC;
}
.man { color: #4169e1;}
.woman { color: #ff4ca5;}
.red { color: #FF0000;}
.white { color: #FFFFFF;}
.gre { color: #88cc00;}
.ora { color: #FF9900;}

a.man { color: #4169e1; text-decoration: underline;}
a.woman { color: #ff4ca5; text-decoration: underline;}

table#singleHead {/* ヘッドメニュー */
	padding: 0;
	margin: 0;
	font-size: 11px;
}
table#singleHead td.ico img { vertical-align: middle; margin: 9px 3px 7px 5px ;}
table#singleHead td.ico a { color: #333333; margin-right: 4px;}

/*------------------------------
　　　シングル TOPページ
------------------------------*/
#singleCont img.head {
	border: 1px solid #CCCCCC;
}
#singleCont div.copy {
	background-color: #FF6600;
}
div#singleCont #single {
	width: 100%;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: left;	
}
#single img.friBanner {
	margin: 5px 0 10px 0;
	padding: 0;
}
/* 地域スケジュールボタン */
#e_area {
	width: 700px;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	overflow: hidden;
	background: url(../images/single/area_bottom.gif) no-repeat left top;
}
#e_area li {
	margin: 0;
	padding: 0;
	float: left;
}
#e_area a {
	width: 175px;
	height: 35px;
	display: block;
}
#e_area a:hover { background-image: url(../images/single/area_bottom.gif);}
#e_area a:hover.a1 { background-position: 0 -35px;}
#e_area a:hover.a2 { background-position: -175px -35px;}
#e_area a:hover.a3 { background-position: -350px -35px;}
#e_area a:hover.a4 { background-position: -525px -35px;}
/* 地域スケジュールボタン(テスト2010/2/1) */
#e_area2 {
	width: 700px;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	overflow: hidden;
	background: url(../images/single/area_bottom2.jpg) no-repeat left top;
}
#e_area2 li {
	margin: 0;
	padding: 0;
	float: left;
}
#e_area2 a {
	width: 87px;
	height: 35px;
	display: block;
}
#e_area2 a:hover { background-image: url(../images/single/area_bottom2.jpg);}
#e_area2 a:hover.a1b { background-position: 0 -35px;}
#e_area2 a:hover.a2b { background-position: -87px -35px;}
#e_area2 a:hover.a3b { background-position: -174px -35px;}
#e_area2 a:hover.a4b { background-position: -261px -35px;}
#e_area2 a:hover.a5b { background-position: -348px -35px;}
#e_area2 a:hover.a6b { background-position: -435px -35px;}
#e_area2 a:hover.a7b { background-position: -522px -35px;}
#e_area2 a:hover.a8b { background-position: -609px -35px;}
/* インフォメーション */
#single div#infomation {
	width: 700px;
	margin: 7px 0 0px 0;
	padding: 0;
}
#single div#infomation h3 {
	width: 100%;
}
#single div#infomation dl {
	margin: 0;
	padding: 6px 7px 0 7px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#single div#infomation dl dt {
	float: left;
	width: 60px;
	margin: 0 7px 8px 5px;
	border-bottom: 1px dotted #CCCCCC;
}
#single div#infomation dl dt img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#single div#infomation dl dd {
	clear: right;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 7px 8px 65px;
	padding: 0;
	
}
#single div.clear {
	margin: 0;
	padding: 0;
	clear: both;
}
/* 人気の秘密 */
#single div#section0 {
	width: 540px;
	margin: 0;
	padding: 0;
	float: left;
}
#single div#section00 {
	width: 160px;
	margin: 0;
	padding: 0;
	float: right;
}
#single div#section00 dl {
	margin: 0;
	padding: 0;
}
#single div#section00 dl dd {
	margin: -4px 0 0 0;
	padding: 5px 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#single div#section00 dl dd ul {
	margin: 0;
	padding: 0 3px 0 3px;
	list-style-type: none;
}
#single div#section00 dl dd ul li {
	margin: 0 0 3px 0;
	padding: 0;
}
#single div#section00 dl dd ul li.b {
	border-top: 1px dotted #CCCCCC;
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
}
#single div#section00 dl dd ul li img.shop {
	border: 1px solid #CCCCCC;
}

#single div#section1,
#single div#section2 {
	width: 540px;
	background: #FFF url(../images/single/section_back2.gif) left bottom no-repeat;
	text-align: left;
	overflow: hidden;
	margin: 5px 0 0 0;
}
#section1 dl.secret,
#section2 dl.secret,
#section1 dl.secret2,
#section2 dl.secret2 {
	width: 265px;
	display: inline;
	float: left;
	overflow: hidden;
}
#section1 dl.secret,#section2 dl.secret { margin: 0 4px 7px 0;}
#section1 dl.secret2,#section2 dl.secret2 { margin: 0 6px 7px 0;}
#section1 dl.secret dt,
#section2 dl.secret dt,
#section1 dl.secret2 dt,
#section2 dl.secret2 dt {
	margin: 0;
	padding: 0;
}
#section1 dl.secret dd,
#section2 dl.secret dd,
#section1 dl.secret2 dd,
#section2 dl.secret2 dd {
	margin: 0;
	padding: 5px 5px 5px 5px;
	line-height: 16px;
}

#section1 dl.secret2 dd ul li img.staff {
	float: right;
	margin: -20px -2px 0px 5px;
	padding: 0;
}
#section1 dl.secret dd ul li img.match {
	float: right;
	margin: -75px 0 5px 3px;
	padding: 0;
	border: 1px solid #CCCCCC;
}
/*
#section1 dl.secret2 dd img.staff {
	float: left;
	margin: 5px 12px 0 0;
	padding: 0;
}
*/
#section1 dl.secret2 dd p.text100 {
	text-ailgn: right;
	margin: -3px 5px 0 0;
	padding: 0 0 0 3px;
	line-height: 22px;
}
#section1 dl.secret2 dd div.link100 {
	clear: left;
	text-align: right;
	padding: 9px 7px 0 0;
}
#section1 dl.secret dd ul,
#section1 dl.secret2 dd ul,
#section2 dl.secret dd ul {
	margin: 0 1px 0px 1.3em;
	padding: 0;
	list-style: circle outside url(../images/single/list_point.gif);
	line-height: 13px;
}
#section1 dl.secret dd ul li,
#section1 dl.secret2 dd ul li,
#section2 dl.secret dd ul li {
	margin: 0 0 16px 0;
}
#section2 dl.secret dd div.situation {
	width: 100%;
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-hight: 16px;
}
#section2 dl.secret dd div.situation img {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
}
#section2 dl.secret dd div.situation div.mini {
	font-size: 12px;
}
/*
#section2 dl.secret dd div.photo1,
#section2 dl.secret dd div.photo2 {
	width: 120px;
	text-align: center;
	float: left;
	overflow: hidden;
}
#section2 dl.secret dd div.photo1 { margin: 10px 5px 10px 0;}
#section2 dl.secret dd div.photo2 { margin: 10px 0 10px 0;}
*/
#section2 dl.secret dd div.linkSituation {
	padding: 5px 7px 0 0;
	clear: both;
}
#section2 dl.secret2 dd div.price1 {
	line-height: 16px;
	padding: 0 0 0 3px;
	margin: 0 0 7px 0;
}
#section2 dl.secret2 dd div.price2 {
	padding: 3px;
}
#section2 dl.secret2 dd div.price1 img.image1 {
	margin: 5px 5px -5px 1px;
	float: left;
}
#section2 dl.secret2 dd div.price2 img.image2 {
	margin: 0 0 0 5px;
	float: right;
}
#section2 dl.secret2 dd div.price2 p {
	margin: 2px 0 0 0;
	padding: 2px 0 0 0;
	text-align: right;
}
/* 担当プランナー・オススメコンパ */
#section1 dl.subWind,
#section2 dl.subWind {
	width: 160px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
#section1 dl.subWind dt,
#section2 dl.subWind dt {
	margin: 0;
	padding: 0;
}
#section1 dl.subWind dd,
#section2 dl.subWind dd {
	margin: 0;
	padding: 5px;
}
#section1 dl.subWind dd ul,
#section2 dl.subWind dd ul {
	margin: 0 0 0 1.6em;
	padding: 0;
	list-style: circle outside url(../images/single/list_point.gif);
	line-height: 16px;
}
#section1 dl.subWind dd ul li,
#section2 dl.subWind dd ul li {
	margin-bottom: 12px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCCCCC;
}
#section2 dl.subWind dd img {
	display: block;
	text-align: center;
	margin-bottom: 4px;
}
#section2 dl.subWind dd p {
	line-height: 15px;
	margin: 0;
	padding: 0 7px;
}
/* ユーザーボイス */
#single table.userVoice {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	font-size: 12px;
}
#single table.userVoice th {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/single/single_voice.gif) left top no-repeat;
}
#single table.userVoice td,
#single table.userVoice td.second {
	width: 50%;
	margin: 0;
	padding: 4px;
	line-height: 18px;
}
#single table.userVoice td.second { border-left: 1px solid #CCCCCC;}
#single table.userVoice td img.face { background: #FFFFFF url(../images/single/.jpg); left top no-repeat}
#single table.userVoice td.second img.face { background: #FFFFFF url(../images/single/.jpg); left top no-repeat}
/* コンパジャンル */
#single table.genre {
	width: 100%;
	margin: 20px 0 15px 0;
	padding: 0;
}
#single table.genre th {
	width: 100px;
	margin: 0;
	padding: 0;
}
#single table.genre td {
	width: 250px;
	margin: 0;
	padding: 0 8px 0 5px;
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}
/* ナビゲーション */
#single div.toTop {
	width: 700px;
	text-align: right;
	font-size: 12px;
	padding: 2px 0;
	margin: 2px 0 0 0;
	/*border-top: 1px dotted #CCCCCC;*/
	border-bottom: 1px dotted #CCCCCC;
}
#single div.toTop a { color: #FF9900;}

/*------------------------------
　　　シングル スケジュール
------------------------------*/
#singleCont div#singSche {
	width: 700px;
	margin: 0;
	padding: 0;
}
#singSche div.link {
	width: 700px;
	text-align: right;
	font-size: 11px;
	border-bottom: 1px dotted #CCCCCC;
	margin: 7px 0 30px 0px;
	padding: 0;
}
#singSche div.link a { color: #88cc00;}
#singSche dl {
	width: 700px;
	margin: 0 0 0 0px;
	padding: 0;
	color: #333333;
}
#singSche dl dt {
	margin: 0;
	padding: 0px 0 8px 7px/*11px 0 7px 12px*/;
	/*font-size: 18px;*/
	font-weight: bold;
	letter-spacing: 0px;
	word-spacing: 3px;
	background: #FFFFFF url(../images/single/single_headback2.gif) left top no-repeat;
/*
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
*/
}
#singSche dl dt table.head {/* イベント別カラー変更用 */
	margin: 0;
	padding: 8px 0 8px 7px;
	font-weight: bold;
	letter-spacing: 0px;
	word-spacing: 3px;
	border:none;
	text-decoration:none;
}
#singSche dl dt table.head td {margin:0; padding:0 0 7px 0;text-decoration:none;border:none;}
#singSche dl dt table.head td p {margin:0; padding:0;}
/* // */
#singSche dl dt ul {
	list-style-type: none;
	margin: 0;
	padding: 12px 0 0 0;
}
#singSche dl dt ul li.days,
#singSche dl dt ul li.title {
	display: inline;
}
#singSche dl dt ul li.days {
	font-size: 18px;
	color: white;
	text-align: center;
	padding: 0px 30px 0px 10px;
	margin: 0 0 0 10px;
}
#singSche dl dt ul li.title {
	color: #333333;
	font-size: 16px;
	margin: 0 0 0 23px;
}
#singSche dl dt ul li.title1,
#singSche dl dt ul li.title2,
#singSche dl dt ul li.title3 {
	display: inline;
}
#singSche dl dt ul li.title2 {
	color: #333333;
	font-size: 15px;
	margin: 0 0 0 18px;
}
#singSche dl dt ul li.title3 {
	color: #333333;
	font-size: 13px;
	margin: 0 0 0 18px;
}
#singSche dl dt ul li.title1 {
	color: #333333;
	font-size: 16px;
	margin: 0 0 0 23px;
}

#singSche dl dt ul {
	list-style-type: none;
	margin: 0;
	padding: 12px 0 0 0;
}
#singSche dl dt ul li.days,
#singSche dl dt ul li.title {
	display: inline;
}
#singSche dl dt ul li.days {
	font-size: 18px;
	color: white;
	text-align: center;
	padding: 0px 30px 0px 10px;
	margin: 0 0 0 10px;
}
#singSche dl dt ul li.title {
	color: #333333;
	margin: 0 0 0 23px;
}
#singSche dl dd {
	margin: 0;
	padding: 7px 0 10px 0;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#singSche dl dd div.photo {
	width: 230px;
	float: left;
	margin: 3px 0 0 13px;
	padding: 0;
	border: 1px solid #CCCCCC;
}
#singSche dl dd div.data {
	width: 425px;
	float: right;
	margin: 0 13px 0 0;
	padding: 0;
}
#singSche table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
#singSche table td,
#singSche table th {
	font-size: 14px;
	color: #333333;
	border-bottom: 1px dotted #CCCCCC;
	padding: 7px 0 0 0;
	line-height: 18px;
}
#singSche table th {
	width: 60px;
	text-align: left;
	padding: 7px 3px 0 3px;
}
#singSche table td.last {
	border: none;
	padding: 5px;
	text-align: left;
}
#singSche table td.last p,
#singSche table td.last p.all,
#singSche table td.last p.lowa,
#singSche table td.last p.lowb,
#singSche table td.last p.mida,
#singSche table td.last p.midb,
#singSche table td.last p.high,
#singSche table td.last p.golf,
#singSche table td.last p.lowhim,
#singSche table td.last p.highhim,
#singSche table td.last p.none {
	/*color: #7bb21c;*/
	padding: 0;
	margin: 3px 0 0 0;
	text-align: left;
	line-height: 20px;
	text-decoration: none
}
#singSche table td.last p.none {color: #7bb21c;}
#singSche table td.last p.all {color: #FFA800;}
#singSche table td.last p.lowa {color: #FF5E93;}
#singSche table td.last p.lowb {color: #FF6600;}
#singSche table td.last p.mida {color: #55280F;}
#singSche table td.last p.midb {color: #B35615;}
#singSche table td.last p.high {color: #4D2000;}
#singSche table td.last p.golf {color: #75A612;}
#singSche table td.last p.lowhim {color: #400064;}
#singSche table td.last p.highhim {color: #333333;}
#singSche dl dd.bot {
	margin: 0px 0 0 0;
	padding: 20px 0 0 0;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#singSche dl dd.bot p,
#singSche dl dd.bot p.left {
	display: inline;
	font-size: 14px;
	text-align: center;
	margin-bottom: 5px;
	padding: 0;
}
#singSche dl dd.bot p.left { margin-right: 73px;}
#singSche dl dd.bot button.male,
#singSche dl dd.bot button.female {
	cursor: pointer;
	width: 180px;
	padding: 5px 15px;
	font-size: 13px;
	font-weight: bold;
}
#singSche dl dd.bot button.male { margin: 3px 30px 7px 0px; color: #4169e1;}
#singSche dl dd.bot button.female { margin: 3px 0px 7px 0px; color: #ff4ca5;}
#singSche dl dd.bot button.male a:link { color: #4169e1; text-decoration: underline;}
#singSche dl dd.bot button.female a:link { color: #ff4ca5; text-decoration: underline;}

div.fSearch {/* 2009-10-02 追加 matsumoto */
	padding: 4px 7px 2px 0;
	margin: 0;
	text-align: right;
}
div.eventInfo {/* 2009-10-03 追加 matsumoto */
	padding: 3px 3px 0px 7px;
	margin: 0;
	text-align: left;
}

/*------------------------------
　　　　シングル Ｑ＆Ａ
------------------------------*/
#singleCont div#quastion {
	width: 700px;
	margin: 20px 0 0 0;
	padding: 0;
}
#quastion ol {
	list-style-image: url(../images/greenpoint.gif);
	margin: 0 0 0 1.2em;
	padding: 0;
	text-align: left;
	line-height: 18px;
}
#quastion ol li {
	width: 500px;
	margin: 0 0 4px 80px;
	padding: 0 10px 2px 10px;
	border-bottom: 1px dotted #CCCCCC;
}

#singleCont div.qu {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	margin: 0 0 0 0px;
	padding: 33px 0 13px 90px;
	color: #88AE3A;
	background: #FFFFFF url(../images/single/single_tit_q.gif) left top no-repeat;
}
#answer dl {
	width: 700px;
	margin: 7px 0 0 0px;
	padding: 0;
}
#answer dl dt {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/single/single_tit_a.gif) left top no-repeat;
}
#answer dl dd {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 5px 10px 5px 15px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
/* 左サイドロールオーバーイメージ */
.rollmenu {
	list-style:none;
	margin:5px 0 5px 5px;
	padding:0;
	width:166px;
	height:16px;
	overflow:hidden;
	background:url(../cmsimg/limg01_02.gif) left top no-repeat;
}
.rollmenu li {
	margin: 0;
	padding: 0;
	float:left;
}
.rollmenu a {
	width: 55px;
	height: 16px;
	display: block;
}
.rollmenu a:hover { background-image: url(../cmsimg/limg01_02.gif);}
.rollmenu a:hover.g1 { background-position: 0 -16px;}
.rollmenu a:hover.s1 { background-position: -55px -16px;}
.rollmenu a:hover.e1 { background-position: -110px -32px;}