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

	(各ページ個別スタイル)

		* last update 2010/01/10
		* author : Nazal;
	
	
--------------------------------

	index
	
	1. index.html
	2. 会員登録
	3. 条件検索
	4. チーム詳細、マイページ
	5. 会場一覧
	6. 会場詳細
	7. 料金システム
	8. 参加者の声
	9. 会社概要・プライバシーポリシー・利用規約
	10. サービスの流れ ルール＆マナー
	
	
	
--------------------------------- */




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

	 1. index.html
 
============================================================================================================*/

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

	インデックスページ専用Header

---------------------------------------------------------------------*/
body#index #wrapper {
	background: url(../img/home/home_bg_head.jpg) no-repeat top center;
}
body#index #header {
	height: 300px;
}
body#index #header .siteID {
	top: 65px;
}
body#index #gNav {
	top: 258px;
}
/*  ------------------------------------------------------------------

	日付と説明文のセット

---------------------------------------------------------------------*/
.newsDate01,
.newsDate02 {
	overflow: auto;
/*	height: 100px*/
}
/*  dtが日付のみ
-----------------------------------*/
.newsDate01 dt {
color:#FF6600;
font-weight:bold;
margin-bottom:-30px;
padding:8px 0 8px 8px;
width:93px;
}
.newsDate01 dd {
	border-bottom: 1px dotted #dad3b3;
	padding: 8px 8px 8px 93px;
}


/*コンパ最新情報部テーブル構造へ変更*/



.top_info .entry {
	width:auto;
	overflow:auto;
	height:100px;
	padding:0 5px 0 0;
}

.top_info_table {
}

.top_info_td td {

}

.top_info_td {
	width:50px;
	padding-bottom:5px;
}

.top_info_td2 {
	padding-bottom:5px;
	width:500px;}

.top_info_td2 a {

}

.top_info_td3 {
	padding-bottom:5px;
	width:500px;
	color:#FF6699;
}

.top_info_td3 a {
	color:#FF6699;
}


.img {
	float:left;
	display:block;
	padding:1px;
	border:1px solid #ccc;
}

.top_info_table td {
	border-bottom:1px dotted #DAD3B3;
	padding-top:5px;
}

/*  dtが日付と開催時間
-----------------------------------*/

.top_info {
	padding:10px;
}

.newsDate02 dt {
	padding: 8px 0 8px 8px;
	margin-bottom: -30px;
	width: 103px;
	font-weight: bold;
	color: #ff6600;
	letter-spacing: 0em;
}
.newsDate02 dt em {
	color: #666666;
	font-style: normal;
}
.newsDate02 dd {

	border-bottom: 1px dotted #dad3b3;
	padding: 8px 8px 8px 118px;
}
/*  CSS3対応ブラウザはストライプ表示
-----------------------------------*/
.newsDate01 dd:nth-of-type(odd), .newsDate02 dd:nth-of-type(odd) {
 background-color: #f8f8f8;
}
/*  ------------------------------------------------------------------

	ユーザーレビュー（笑顔が沢山）

---------------------------------------------------------------------*/
.userReview {
	overflow: auto;
	height: auto;
}
.userReview dl {
	border-bottom: 1px dotted #dad3b3;
	padding: 8px 0 8px 0px;
}
.userReview dt {
	margin-bottom: 0;
	font-weight: bold;
}
.userReview dt span {
	float: left;
	margin-left: -50px;
}
/*  男女色分け
-----------------------------------*/
.userReview dl.male dt {
	color: #669900;
}
.userReview dl.male dt img {
	border: 2px solid #669900;
	padding: 1px;
}
.userReview dl.female dt {
	color: #ff6699;
}
.userReview dl.female dt img {
	border: 2px solid #ff6699;
	padding: 1px;
}

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

	 2. 会員登録
 
============================================================================================================*/
/*  同意文書（お客様の約束）
-----------------------------------*/
#agreements p {
	margin-bottom: 1em;
	padding-left: 40px;
	text-indent: -2em;
	font-size: 12px;
}
#agreements p.firstChild {
	margin-bottom: 1.5em;
	padding-left: 0;
	text-indent: 0;
	font-size: 10px;
}
/* ==========================================================================================================

	 3. 条件検索
 
============================================================================================================*/
/*  検索一覧
-----------------------------------*/
form#search table.generalThead {
	margin: 0 -10px;
	width: 597px;
}
form#search table.generalThead td {
	padding: 0;
	font-size: 10px;
}
/*  表組制御(.generalThead使用)
-----------------------------------*/
table.generalThead thead th.main {
	width: 420px;
}
table.generalThead thead th.detail {
	width: 95px;
}
/*  1件分のコンパチーム概要
-----------------------------------*/
table.generalThead tbody ul {
	padding: 7px 0 7px;
	margin-left:  106px;
	text-align: left;
}
table.generalThead tbody li.firstChild {
	float: left;
	margin-left: -100px;
	position: relative;
	zoom: 1;
}
/*  文字男女色分け
-----------------------------------*/
form#search strong.male {
	display: block;
	margin-bottom: 0.5em;
	font-size: 12px;
	color: #669900;
}
form#search strong.female {
	display: block;
	margin-bottom: 0.5em;
	font-size: 12px;
	color: #ff6699;
}
/*  ------------------------------------------------------------------

	条件検索

---------------------------------------------------------------------*/
#advancedSearch {
	border: 1px solid #d8d1af;
	padding: 8px;
}
/* ==========================================================================================================

	 4. チーム詳細、マイページ
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	お知らせ表示

---------------------------------------------------------------------*/
.infoTxt {
	background-color: #ffffcc;
	padding: 10px;
	color: #CC6633;
	font-size:12px;
}
/*  ------------------------------------------------------------------

	概要表示

---------------------------------------------------------------------*/
#itemDesc {
	border-bottom: 1px dotted #d8d1af;
	padding-bottom: 10px;
	padding-left: 210px;
	font-size: 12px;
}
#itemDesc .hnimg02 {
	border-bottom: 1px dotted #d8d1af;
	padding-bottom: 10px;
	padding-left: 210px;
	font-size: 12px;
}
#itemDesc strong {
	color: #5c4022;
	padding-left: 7px;
}
#itemDesc ul {
	float: left;
	display: inline;
	margin-left: -210px;
	position: relative;
	_zoom: 1;
}


#itemDesc ul img.decorative {
}

#itemDesc .my_img_td {
	width:200px;
	height:153px;
	text-align:center;
	vertical-align:middle;
	background: url(http://smile-conpa.net/common/img/common/mypage_bg.jpg) no-repeat;
}

.my_img_table {
	margin-bottom:5px;
}



#itemDesc dl {
	margin-bottom: 0.5em;
	padding-left: 10px;
}
#itemDesc dt {
	padding: 0 0 13px;
	margin-bottom: -37px;
	width: 100px;
}
#itemDesc dd {
	padding: 8px 0 2px 100px;
}
/*  ------------------------------------------------------------------

	5段階評価

---------------------------------------------------------------------*/
ul.rate {
	background-color: #ffffcc;
	padding: 10px 0 5px 23px;
}
ul.rate li {
	float: left;
	display: inline-block;
	margin: 0 10px 5px 0;
	width: 125px;
	text-align: center;
	line-height: 1.2;
	font-size: 12px;
	color: #884b1a;
	letter-spacing: 0em;
}
ul.rate li em {
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
}
/*  ランク表示
-----------------------------------*/
ul.rate li.rank01 {
	background: url(../img/search/detail_bg01.png) no-repeat;
	padding-top: 14px;
	height: 26px;
}
ul.rate li.rank02 {
	background: url(../img/search/detail_bg02.png) no-repeat;
	padding-top: 12px;
	height: 28px;
}
ul.rate li.rank02 em {
	font-size: 16px;
}
ul.rate li.rank03 {
	background: url(../img/search/detail_bg03.png) no-repeat;
	padding-top: 10px;
	height: 30px;
}
ul.rate li.rank03 em {
	font-size: 20px;
}
ul.rate li.rank04 {
	background: url(../img/search/detail_bg04.png) no-repeat;
	padding-top: 8px;
	height: 32px;
}
ul.rate li.rank04 em {
	font-size: 24px;
}
ul.rate li.rank05 {
	background: url(../img/search/detail_bg05.png) no-repeat;
	padding-top: 6px;
	height: 34px;
}
ul.rate li.rank05 em {
	font-size: 27px;
}
/*  ------------------------------------------------------------------

	希望条件入力

---------------------------------------------------------------------*/
#appointment {
	background-color: #ffffcc;
	padding: 10px 10px 0 10px;
	font-size: 12px;
	letter-spacing: 0em;
}
#appointment div.section {
	background-color: #ffffcc;
	border-bottom: 1px dotted #d8d1af;
	padding-bottom: 1em;
}
#appointment div.section.lastChild {
	border-bottom: none;
}
/*  3カラム
-----------------------------------*/
#appointment ul {
	width: 170px;
	float: left;
	margin-right: 20px;
}
#appointment ul li {
	margin-bottom: 0.5em;
}
#appointment ul.lastChild {
	float: right;
	margin-right: 0;
}
#appointment em {
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #66cccc;
}
/*  form設定
-----------------------------------*/
#appointment .inputS {
	width: 82px;
}
#appointment select.selectL {
	width: 160px;
}

#appointment .inputL {
	width: 160px;
}

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

	 5. 会場一覧
 
============================================================================================================*/
div.section.item {
	border-bottom: 1px dotted #d8d1af;
	font-size: 12px;
}
/*  ------------------------------------------------------------------

	1件分のヘッダ

---------------------------------------------------------------------*/
div.section.item div.itemHeader {
	background: #fff4b6;
	margin-bottom: 1em;
	padding: 8px;
	color: #5c4022;
}
div.section.item div.itemHeader ul {
	background: #fff4b6;
	width: 100%;
	font-size: 10px;
}
div.section.item div.itemHeader ul li {
	float: left;
	width: 48%;
}
div.section.item div.itemHeader ul li.lastChild {
	float: right;
	text-align: right;
	font-weight:bold;
	font-size:12px;
	color:#c00;
}
/*  ------------------------------------------------------------------

	1件分の概要

---------------------------------------------------------------------*/
div.section.item div.itemBody {
	margin-left:  185px;
	line-height: 1.4;
}
div.section.item div.itemBody p.firstChild {
	float: left;
	margin-left: -185px;
	position: relative;
	zoom: 1;
}
div.section.item div.itemBody dl {
	margin-bottom: 0.5em;
}
div.section.item div.itemBody dt {
	padding: 0 0 13px;
	margin-bottom: -37px;
	width: 100px;
}
div.section.item div.itemBody dd {
	padding: 8px 0 2px 100px;
}
/* ==========================================================================================================

	 6. 会場詳細
 
============================================================================================================*/
div.section.itemDetail {
	font-size: 12px;
}
/*  ------------------------------------------------------------------

	ヘッダ(一覧と同じ)

---------------------------------------------------------------------*/
div.section.itemDetail .itemHeader {
	background: #fff4b6;
	margin-bottom: 1em;
	padding: 8px;
	color: #5c4022;
}
div.section.itemDetail .itemHeader ul {
	background: #fff4b6;
	width: 100%;
	font-size: 10px;
}
div.section.itemDetail .itemHeader ul li {
	float: left;
	width: 48%;
}
div.section.itemDetail .itemHeader ul li.lastChild {
	float: right;
	text-align: right;
	font-weight:bold;
	font-size:12px;
	color:#c00;
}
/* ==========================================================================================================

	 7. 料金システム
 
============================================================================================================*/

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

	業界初!! 皆で行けば...

---------------------------------------------------------------------*/
div.section.topic {
	background: url(../img/charge/charge_bg_section.png) no-repeat center bottom;
	padding: 20px;
	font-size: 12px;
}
div.section.topic h3 {
	margin: -20px -20px 1em -20px;
}
div.section.topic img.decorative {
	background: url(../img/charge/charge_bg_img.png) no-repeat;
	border: none;
	float: right;
	padding: 9px 11px 11px 9px;
}
div.section.topic p.lead {
	padding-top: 20px;
}
/*  ------------------------------------------------------------------

	料金表

---------------------------------------------------------------------*/
#rateSheet {
	background-color: #ffffcc;
	margin-bottom: 1em;
	padding: 10px;
}
#rateSheet table {
	width: 100%;
}
#rateSheet th,
#rateSheet td {
	width: 33%;
	text-align: center;
	vertical-align: middle;
}
#rateSheet th {
	padding: 5px 0;
}
/*  「チーム人数」は左寄せ
-----------------------------------*/
#rateSheet th.firstChild {
	text-align: left;
	padding-left: 40px;
}
/*  ------------------------------------------------------------------

	trの表示

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

/*  min
-----------------------------------*/
#rateSheet tr.min {
	background: url(../img/charge/charge_bg_tr01.png) no-repeat center;
}
#rateSheet tr.min td.firstChild {
	background: url(../img/charge/charge_bg_tr01.png) no-repeat left;
	padding-left: 40px;
	text-align:left;
}
#rateSheet tr.min td.centerChild {
	background: url(../img/charge/charge_bg_tr01.png) no-repeat center;
}
#rateSheet tr.min td.lastChild {
	background: url(../img/charge/charge_bg_tr01.png) no-repeat right;
}
#rateSheet tr.min td {
	padding: 5px 0;
	font-size: 12px;
	color: #884b1a;
}
/*  middle
-----------------------------------*/
#rateSheet tr.middle {
	background: url(../img/charge/charge_bg_tr02.png) no-repeat center;
}
#rateSheet tr.middle td.firstChild {
	background: url(../img/charge/charge_bg_tr02.png) no-repeat left;
	padding-left: 40px;
	text-align:left;
}
#rateSheet tr.middle td.centerChild {
	background: url(../img/charge/charge_bg_tr02.png) no-repeat center;
}
#rateSheet tr.middle td.lastChild {
	background: url(../img/charge/charge_bg_tr02.png) no-repeat right;
}
#rateSheet tr.middle td {
	padding: 7px 0;
	font-size: 14px;
	color: #884b1a;
}
/*  high
-----------------------------------*/
#rateSheet tr.high {
	background: url(../img/charge/charge_bg_tr03.png) no-repeat center;
}
#rateSheet tr.high td.firstChild {
	background: url(../img/charge/charge_bg_tr03.png) no-repeat left;
	padding-left: 40px;
	text-align:left;
}

#rateSheet tr.high td.centerChild {
	background: url(../img/charge/charge_bg_tr03.png) no-repeat center;
}

#rateSheet tr.high td.lastChild {
	background: url(../img/charge/charge_bg_tr03.png) no-repeat right;
}
#rateSheet tr.high td {
	padding: 9px 0;
	font-size: 16px;
	font-weight: bold;
	color: #ee6a00;
}
/*  max
-----------------------------------*/
#rateSheet tr.max {
	background: url(../img/charge/charge_bg_tr04.png) no-repeat center;
}
#rateSheet tr.max td.firstChild {
	background: url(../img/charge/charge_bg_tr04.png) no-repeat left;
	padding-left: 40px;
	text-align:left;
}
#rateSheet tr.max td.centerChild {
	background: url(../img/charge/charge_bg_tr04.png) no-repeat center;
}
#rateSheet tr.max td.lastChild {
	background: url(../img/charge/charge_bg_tr04.png) no-repeat right;
}
#rateSheet tr.max td {
	padding: 11px 0;
	font-size: 20px;
	font-weight: bold;
	color: #e13e1a;
}

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

	 8. 参加者の声
 
============================================================================================================*/
div.section.review {
	border-bottom: 1px dotted #d8d1af;
}
/*  ------------------------------------------------------------------

	1件分のヘッダ

---------------------------------------------------------------------*/
div.section.review div.reviewHeader {
	background: #fff4b6;
	margin-bottom: 1em;
	padding: 8px;
	color: #5c4022;
}
div.section.review div.reviewHeader h2 {
	float: left;
	width: 70%;
	font-size: 14px;
}
div#mainContent div.section.review div.reviewHeader p {
	float: right;
	text-align: right;
	margin-bottom: 0;
	padding-top: 4px;
}
/*  ------------------------------------------------------------------

	1件分の概要

---------------------------------------------------------------------*/
div.section.review .reviewBody {
	margin-left:  110px;
	font-size: 12px;
}
div.section.review .reviewBody p.firstChild {
	float: left;
	margin-left: -110px;
	position: relative;
	zoom: 1;
}
div.section.review .reviewBody ul {
	margin-bottom: 1em;
	font-weight: bold;
}
div.section.review .reviewBody ul li {
	display: inline;
	white-space: nowrap;
	margin-right: 2em;
}
div.section.review .reviewBody ul em {
	color: #ff9900;
}
/*  ------------------------------------------------------------------

	スマイルコンパネットのコメント

---------------------------------------------------------------------*/
div.section.comment {
	background: #ffffcc;
	margin-bottom: 1em;
	padding: 8px;
	color: #5c4022;
	font-size: 12px;
}
div.section.comment h3 {
	background: #ffdb4c;
	margin-bottom: 1em;
	padding: 4px 8px;
	font-size: 14px;
}
div.section.comment p {
	padding: 0 8px;
}
/* ==========================================================================================================

	 9. 会社概要・プライバシーポリシー・利用規約
 
============================================================================================================*/
/*  プライバシーポリシーと規約
-----------------------------------*/
.longArticle {
	border: 1px solid #d8d1af;
	overflow: auto;
	padding: 10px;
	height: 200px;
}
/* ==========================================================================================================

	 10. サービスの流れ ルール＆マナー
 
============================================================================================================*/
/* ==========================================================================================================

	 11. よくある質問
 
============================================================================================================*/


/* Faq周りアコーディオン
	(ddにpaddingやheight入れたりすると干渉して機能しません。spanで補います）
-----------------------------------*/
dl.generalFaq {

}
dl.generalFaq dt {
	position: relative;
	margin-bottom: 10px;
	padding: 8px 0 0 50px;
	min-height: 20px;
	font-size: 14px;
}
dl.generalFaq dd {
	position: relative;
	overflow: hidden;
	background: #fff;
	font-size: 12px;
	_zoom: 1;

}
dl.generalFaq dd span {
	display: block;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 1.2em;
	padding: 0 0 5px 65px;
}

/* ie6 hack */
* html dl.generalFaq dt {
	height: 20px;
}

/*  em
-----------------------------------*/
dl.generalFaq dt em {
	position: absolute;
	left: 5px;
	top: 7px;
	display: block;
	overflow: hidden;
	width: 60px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffa70e;
}
dl.generalFaq dd em {
	position: absolute;
	left: 45px;
	top: 0;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #dc3600;
}

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

	 12. はじめての方へ
 
============================================================================================================*/



.msg_bt {
	text-align:center;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
}


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

	笑顔コンパ宣言

---------------------------------------------------------------------*/
.feature {
	background: #fff url(../img/how-to/howto_bg_main_body.png) repeat-y center;
}
.feature div.dlGroup {
	margin-bottom: 0;
	padding: 8px 8px;
}
.feature div.dlGroup dl {
	width: 160px;
	padding: 0 5px 0 110px;
}
.feature div.dlGroup.lastChild {
	background: url(../img/how-to/howto_bg_main_footer.png) no-repeat center bottom;
	padding-bottom: 20px;
}
.feature div.dlGroup dt {
	font-size: 12px;
	font-weight: bold;
	color: #ff6600;
}
.feature div.dlGroup dt span {
	float: left;
	margin-left: -105px;
}
.feature div.dlGroup span img {
/*	background: url(../img/how-to/howto_bg_img.png) no-repeat;*/
	padding: 0px;
}
/* ==========================================================================================================

	99. clearFix (pkg)

============================================================================================================*/
/* start clearfix */
.clearfix:after,
.userReview dl:after,
.feature div.dlGroup dl:after,
table.generalThead tbody ul:after,
.itemHeader ul:after,
.itemBody:after,
ul.rate:after,
#itemDesc:after,
.reviewHeader:after,
.reviewBody:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html .clearfix,
* html .userReview dl,
* html .feature div.dlGroup dl,
* html table.generalThead tbody ul,
* html .itemHeader ul,
* html .itemBody,
* html ul.rate,
* html #itemDesc,
* html .reviewHeader,
* html .reviewBody {
	height: 1%;
}
/* ie7 hack */
*:first-child+html .clearfix,
*:first-child+html .userReview dl,
*:first-child+html .feature div.dlGroup dl,
*:first-child+html table.generalThead tbody ul,
*:first-child+html .itemHeader ul,
*:first-child+html .itemBody,
*:first-child+html ul.rate,
*:first-child+html #itemDesc,
*:first-child+html .reviewHeader,
*:first-child+html .reviewBody {
	min-height: 1%;
}
/* end clearfix */