@charset "Shift_JIS";

/*
===== CONTENTS ===========================================

	1: Body
	2: Header
	3: Footer
	4: Layout
	5: global Navigation
	6: invitedList(コンパ募集システム関連)
	7: sideMenu


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

/*
==== 1: Body =============================================
*/
body {
	margin: 0px;
	padding: 5px 0px;
	font-size: 0.8em;
	color: #333333;
	text-align: center;
}

a:link { color: #FF9900; text-decoration: none; }
a:active { color: #FF9900/*#ff9933*/; text-decoration: underline; }
a:visited { color: #993300; }
a:hover { color: #ff6633; }

h2 {
	font-size: 0.9em;
	font-weight: normal;
	width: 786px;
	text-align: right;
	margin: 0px auto;
	color: #999999;
}

img { vertical-align:text-bottom; border: 0px; }
input.ime_off { ime-mode: disabled; }
input.ime_on  { ime-mode: active; }

/*
==== 2: Header ===========================================
*/
#Header {
	width: 786px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	clear: both;
	overflow: hidden;
}
#Header li {
	margin: 0;
	padding: 0;
	float: left;
}




/*
==== 3: Footer ===========================================
*/
#Footer {
	margin: 0px auto 10px;
	padding: 0;
	width: 786px;
	clear: both;
	border: 2px #FF9933 solid;
	text-align: center;
}
#Footer dt {
	background: #ff9933;
	color: #ffffff;
	padding: 5px;
}
#Footer dd {
	margin: 0;
	font-weight: bold;
	color: #ff9933;
	padding: 8px;
	font-size: 1.3em;
}


/*
==== 4: Layout ===========================================
*/
#Layout {
	width: 786px;
	margin: 0px auto 10px;
	text-align: center;
	vertical-align: top;
	
}

#Layout p { margin: 0px 0px 5px; padding: 0px; text-align: left; }
#Layout p.pan { margin-bottom: 10px; }
#Layout p.top { margin-top: 30px; text-align: center; }
#Layout p.err {
	padding: 10px 25px;
	background: #ff9999 url(../m/images/prototype/m001_12.gif) no-repeat 5px center;
	color: #ff3333;
	font-weight: bold;
}
#Layout h1 { 
	width: 780px;
	height: 40px;
	margin: 0px auto 10px;
	text-align: left;
}
#Layout h1.t1 { background: url(../img/login_title1.gif) no-repeat left top; }
#Layout h1.t2 { background: url(../img/login_title2.gif) no-repeat left top; margin-top: 30px; }

#Layout h1.t1b { background: url(../img/login_title1.png) no-repeat left top; }
#Layout h1.t2b { background: url(../img/login_title2.png) no-repeat left top; margin-top: 30px; }

#Layout ul {
	width: 760px;
	margin: 0px auto;
	padding: 0px 0px 15px;
	text-align: left;
	list-style: none;
	background: url(../img/login_new_btm.gif) no-repeat right bottom;
}
#Layout ul li { margin:0; padding:0; }
#Layout ul li.login_form {
	width: 450px;
	float: left;
}
#Layout ul li.new_entry {
	width: 300px;
	float: right;
	background: url(../img/login_new_head.gif) no-repeat left top;
	text-align: center;
}
#Layout ul li.new_entry h3 { margin: 17px 20px 5px; padding:0; text-align: left; }

#Layout ul h3 { margin: 0px 0px 5px; padding: 0px; font-size: 1.2em; color: #ff6600; }
#Layout ul table {
	width: 100%;
	font-size: 1em;
	text-align: left;
	border-collapse: collapse;
	color: #333333;
	margin: 0px 0px 5px;
}
/*\*/ * html #Layout ul table { margin-top: -10px; } /**/
#Layout ul table th,
#Layout ul table td { border: 1px #666666 solid; }
#Layout ul table th { text-align: right; background: #ffff66; width: 150px; }

#Layout input.text { width: 80px; height: 22px; }
#Layout input.submit_btn { margin: 5px auto 10px; width: 100px; }

#Layout dl { width: 760px; margin: 0px auto 20px; padding: 0px; text-align: left; }
#Layout dl dt,
#Layout dl dd { margin: 0px; padding: 0px; }
#Layout dl dt.sub_title { font-size:1.2em; color: #333333; font-weight: bold; }
#Layout dl dt.sub_title img { vertical-align: 0; }
#Layout dl dd.waku { border: 1px #cccccc solid; text-align: center; }
#Layout dl dd.waku dl { width: 720px; margin: 0px 20px; padding: 5px 0px; text-align:left; }
#Layout dl dd.waku dl dt,
#Layout dl dd.waku dl dd { margin: 0px; padding: 5px 0px; }
#Layout dl dd.waku dl dt { width: 150px; float: left; }
#Layout dl dd.waku dl dd { width: 560px; float: right; }

/*
==== 5: global Navigation ================================
*/
#glNavi {
	width: 780px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	clear: both;
	overflow: hidden;
	background: url('../img/glNavi_1.gif') no-repeat left top;
}
#glNavi li {
	margin: 0;
	padding: 0;
	float: left;
}
#glNavi a {
	width: 130px;
	height: 50px;
	display: block;
}
#glNavi a:hover    { background-image: url('../img/glNavi_1.gif'); }
#glNavi a:hover.a1 { background-position: 0px -50px; }
#glNavi a:hover.a2 { background-position: -130px -50px; }
#glNavi a:hover.a3 { background-position: -260px -50px; }
#glNavi a:hover.a4 { background-position: -390px -50px; }
#glNavi a:hover.a5 { background-position: -520px -50px; }
#glNavi a:hover.a6 { background-position: -650px -50px; }


/*
==== 6: invitedList ======================================
*/
#invitedList {
	width: 600px;
	float: right;
}

#invitedList h1 {
	width: 100%;
	height: 40px;
	margin: 0 0 5px 0;
	padding: 0 0 0 30px;
	line-height: 40px;
	font-size: 1.4em;
	color: #ffffff;
	background: url('../images/invited/bk_h1_01.gif') no-repeat left top;
}
#invitedList h3 { font-size: 1.2em; text-align: left; margin: 0; padding: 0 0 5px 12px; background: url('../img/new/box_ar01.gif') no-repeat left 3px; }
#invitedList p.rLink { text-align: right; color: #666666; }
#invitedList p.rLink2 { text-align: right; padding: 5px 0 20px 0; }
#invitedList p.str { margin-bottom: 1em; }

#invitedList #invitedSearch { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#invitedList #invitedSearch th,
#invitedList #invitedSearch td { border: 1px #cccccc solid; font-size: 0.8em; padding: 5px 10px; }
#invitedList #invitedSearch th { text-align: right; color:#cc6600; background:#ffff99; width: 150px; }
#invitedList #invitedSearch td.btn { text-align: center; }
#invitedList #invitedSearch td span.etc { color: #cc6600; }

#invitedList #invitedSearch02 { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#invitedList #invitedSearch02 th,
#invitedList #invitedSearch02 td { font-size: 0.8em; padding: 5px 10px; }
#invitedList #invitedSearch02 th { text-align: right; color:#52280F; background:#FFFFEF; width: 150px; }
#invitedList #invitedSearch02 td.btn { text-align: center; }
#invitedList #invitedSearch02 td span.etc { color: #cc6600; }

#invitedList p.navi {
	margin: 0px 0px 10px 0px;
	padding: 0px 3px 0px 0px;
	background: url(../img/new/entry_navi.gif) bottom repeat-x;	
	text-align: right;
	line-height: 24px;
}
#invitedList span.ft_em {
	margin: 0px 2px 0px 0px;
	font-weight: bold;
	color: #F96766;
}

/* invited Self ---- */
#invitedList div.invitedSelf {
	margin: 0;
	padding: 10px 0 0;
	background: url('../images/invited/bk_invited_list_head.gif') no-repeat top left;
}
#invitedList div.invitedSelf ul { width: 100%; margin:0; padding:0; background: url('../images/invited/bk_invited_list_btm.gif') no-repeat left bottom; }
#invitedList div.invitedSelf ul li.i_left {
	width: 160px;
	margin-left:10px;
	float: left;
}
#invitedList div.invitedSelf ul li.i_right {
	width: 410px;
	margin-right:10px;
	float: right;
}
#invitedList div.invitedSelf ul li.i_btm {
	width: 560px;
	height: 55px;
	margin: 0 20px;
	clear: both;
	line-height: 55px;
}
#invitedList div.invitedSelf ul li.i_left p.mid {
	font-size: 1.2em;
	font-weight: bold;
	color: #006699;
}
#invitedList div.invitedSelf ul li.i_right p.i_date { text-align: right; color: #666666; }
#invitedList div.invitedSelf ul li.i_right p.i_comment1 {
	width: 390px;
	height: 75px;
	line-height: 15px; /* 1行の高さ */
	margin: 12px 10px 17px;
	padding: 0;
	color: #ffffff;
	overflow: hidden;
}

#invitedList div.invitedSelf ul li.i_right dl.i_kibou {
	width: 390px;
	margin: 0;
	padding: 5px 10px 5px 0;
}
#invitedList div.invitedSelf ul li.i_right dl.i_kibou dt,
#invitedList div.invitedSelf ul li.i_right dl.i_kibou dd { line-height: 18px; }
#invitedList div.invitedSelf ul li.i_right dl.i_kibou dt {
	width: 110px;
	float: left;
	font-weight: bold;
	text-align: right;
}
#invitedList div.invitedSelf ul li.i_right dl.i_kibou dd {
	width: 275px;
	float: left;
	margin-left: 5px;
}
#invitedList div.invitedSelf ul li.i_right dl.i_kibou dd.link { text-align: right; width:100%; clear:both; }

/* 女性版 */
#woman #invitedList div.invitedSelf { background: url('../images/invited/bk_invited_list_head2.gif') no-repeat top left; }
#woman #invitedList div.invitedSelf ul { background: url('../images/invited/bk_invited_list_btm2.gif') no-repeat left bottom; }
#woman #invitedList div.invitedSelf ul li.i_left p.mid { color: #ff6666; }
/* /invited Self ---- */


/* invited Self2 ---- */
#invitedList div.invitedSelf2 {
	margin: 0 0 20px;
	padding: 10px 0 0;
	background: url('../images/invited/bk_invited_head.gif') no-repeat top left;
}
#invitedList div.invitedSelf2 ul { width: 100%; margin:0; padding:0 0 20px; background: url('../images/invited/bk_invited_btm.gif') no-repeat left bottom; }
#invitedList div.invitedSelf2 ul li.i_left {
	width: 160px;
	margin-left:10px;
	float: left;
}
#invitedList div.invitedSelf2 ul li.i_right {
	width: 410px;
	margin-right:10px;
	float: right;
}
#invitedList div.invitedSelf2 ul li.i_left p.mid {
	font-size: 1.2em;
	font-weight: bold;
	color: #006699;
}
#invitedList div.invitedSelf2 ul li.i_right table.i_kibou_t {
	width: 390px;
	margin: 10px;
	padding: 0;
	border-collapse: collapse;
}
#invitedList div.invitedSelf2 ul li.i_right table.i_kibou_t tr th,
#invitedList div.invitedSelf2 ul li.i_right table.i_kibou_t tr td {
	border: none;
	background: url(../img/new/entry_navi.gif) bottom repeat-x;
	padding: 8px 0;
	vertical-align: top;
	line-height: 15px;
}
#invitedList div.invitedSelf2 ul li.i_right table.i_kibou_t tr th { width: 110px; padding-right:10px; }

/* 女性版 */
#woman #invitedList div.invitedSelf2 { background: url('../images/invited/bk_invited_head2.gif') no-repeat top left; }
#woman #invitedList div.invitedSelf2 ul { background: url('../images/invited/bk_invited_btm2.gif') no-repeat left bottom; }
#woman #invitedList div.invitedSelf2 ul li.i_left p.mid { color: #ff6666; }
/* /invited Self2 ---- */


/* invited Self3 ---- */
#invitedList div.invitedSelf3 {
	margin: 0 0 20px;
	padding: 10px 0 0;
	background: url('../images/invited/bk_condition_head2.gif') no-repeat top left;
}
#invitedList div.invitedSelf3 ul { width: 100%; margin:0; padding:0 0 10px; background: url('../images/invited/bk_condition_btm2.gif') no-repeat left bottom; }
#invitedList div.invitedSelf3 ul li { padding: 0 10px; }

/* 女性版 */
#woman #invitedList div.invitedSelf3 { background: url('../images/invited/bk_condition_head.gif') no-repeat top left; }
#woman #invitedList div.invitedSelf3 ul { background: url('../images/invited/bk_condition_btm.gif') no-repeat left bottom; }
/* /invited Self3 ---- */

#invitedList dl.i_form {
	width: 580px;
	margin: 0 0 20px;
	padding: 20px 10px 1px;
	background: #e0ffcf;
}
/*\*/ * html #invitedList dl.i_form { width: 100%; } /**/
#invitedList dl.i_form dt {
	background: url('../img/arrow_01.gif') no-repeat left 0px;
	margin-bottom: 5px;
	padding-left: 18px;
	color:#336600;
	font-weight:bold;
}
#invitedList dl.i_form dd { line-height: 20px; margin: 0 auto 20px 20px; }
#invitedList dl.i_form dd span { color: #ff6600; }
#invitedList dl.i_form dd textarea { width: 90%; height:80px; }
/*
#invitedList div.btn { text-align: center; margin: 10px auto 20px; }
*/
#invitedList dl.btn { width: 100%; margin:0; padding: 0; overflow: hidden; }
#invitedList dl.btn dt,
#invitedList dl.btn dd { width: 48%; margin:0; padding:0; }
#invitedList dl.btn dt { float: left; }
#invitedList dl.btn dd { float: right; text-align: right; }

#invitedList dl.err { width: 100%; margin: 5px auto; border: 1px #ff3300 solid; }
#invitedList dl.err dt,
#invitedList dl.err dd { padding: 5px; }
#invitedList dl.err dt {
	background: #ff3300;
	color: #ffffff;
	font-weight: bold;
}
#invitedList dl.err dd {
	padding-left: 15px;
	background: url('../images/icon/err_02.gif') no-repeat 5px center;
}

#invitedList ul.list { width:100%; background: none; margin-top:10px; }
#invitedList ul.list li {
	padding-left:10px;
	line-height:1.5em;
	list-style: none;
}
#invitedList ul.list li.icon a {
	display: block;
	width: 95%;
	padding-left: 10px;
	background: url('../images/icon/arrow_65.gif') no-repeat left center;
}

/* conpa_invited_form.php */
#invitedList #calendar { width: 100%; overflow: hidden; margin:0; padding:0 0 20px; }
#invitedList #calendar dt,
#invitedList #calendar dd { width: 48%; }
#invitedList #calendar dt { float: left; }
#invitedList #calendar dd { float: right; text-align:right; }
#invitedList #calendar table { width: 294px; table-layout: fixed; border-collapse: collapse; font-size:1em; }
#invitedList #calendar dd table { float: right; }
#invitedList #calendar table th,
#invitedList #calendar table td { border: 1px #cccccc solid; text-align:center; padding:5px; }
#invitedList #calendar table th { background: url('../img/new/th_head01.gif'); }
#invitedList #calendar table .sat { background: #D4EBF8; }
#invitedList #calendar table .sun { background: #FFE5E8; }

#invitedList #iInputForm {
	width: 100%;
	margin: 0;
	padding-top: 20px;
	background: url('../images/invited/bg_invited_form_head01.gif') no-repeat left top;
}
#invitedList #iInputForm dl {
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
	background: url('../images/invited/bg_invited_form_footer01.gif') no-repeat left bottom;
}
#invitedList #iInputForm dl dt,
#invitedList #iInputForm dl dd { margin: 0 20px; padding:0 10px; line-height: 1.5em; }
#invitedList #iInputForm dl dt {
	color: #336600;
	font-weight: bold;
	background: url('../img/new/beginner_icon.gif') no-repeat left center;
}
#invitedList #iInputForm dl dt span { font-weight: normal; }
#invitedList #iInputForm dl dd { margin-bottom: 10px; }
#invitedList #iInputForm dl dd span { color: #ff6600; }
#invitedList #iInputForm dl dd span.gry01 { color: #666666; }
#invitedList #iInputForm dl dd span.pink01 { color: #ff6699; }
#invitedList #iInputForm dl dd textarea { width: 100%; height: 60px; }

#invitedList div#agree {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	/*
	border:1px #ff3300 dotted;
	*/
	background: url('../img/bg/orange_03.gif');
}
/*
==== 7: sideMenu =========================================
*/

#sideMenu {
	width: 175px;
	float: left;
	margin: 0px;
	padding: 0 0 20px;
}

#sideMenu ul { list-style: none; width: 100%; margin: 0px; padding: 0 0 10px; background: none; }
#sideMenu ul li { margin: 0; padding: 0; }
#sideMenu ul li a { width: 142px; display: block; padding: 5px 3px 5px 17px; }
#sidemenu ul li a:hover { text-decoration: underline;}
/*\*/ * html #sideMenu ul li a { width: 100%; } /**/

#sideMenu ul.menu1 { background: #e0ffcf; }
#sideMenu ul.menu1 li a { background: url('../images/green_yajirushi.gif') no-repeat 2px 5px; }
#sideMenu ul.menu2 li a { background: url('../images/orange_yajirushi.gif') no-repeat 2px 5px; }
#sideMenu ul.menu3 li a { background: url('../images/pink_yajirushi.gif') no-repeat 2px 5px; }
#sideMenu ul.menu4 li a { background: url('../images/blue_yajirushi.gif') no-repeat 2px 5px; }
#sideMenu ul.menu5 li a { background: url('../images/gray_yajirushi.gif') no-repeat 2px 5px; }
#sideMenu ul.link li a { width: 100%; padding: 5px 0; text-align: center; }

#sideMenu #entlist_box ul { list-style-type: none;}
#sideMenu #entlist_box { width: 100%; margin: 0; text-align: left;}
	
#sideMenu #entlist_box #ent_tab { margin: 0; padding: 0; overflow: hidden;}
#sideMenu #entlist_box #ent_tab li { float: left; padding: 0;}
#sideMenu #entlist_box #ent_tab li a { width:80px; padding: 13px 0 10px 0; display: block; color: #FF9900; text-align: center; font-size: 13px;}
#sideMenu #entlist_box #ent_tab li a:hover,#tab li.present a {	border-color: #333;	color: #00CC66;}
#sideMenu #entlist_box #ent_tab li a.male { background: url(../image_top/entry_tabsmale.gif) center top no-repeat; color: #2D98FD; cursor: pointer;}
#sideMenu #entlist_box #ent_tab li a.female { background: url(../image_top/entry_tabsfemale.gif) center top no-repeat; color: #FFA0FF; cursor: pointer;}
	
#sideMenu #entlist_box #page1 a:hover, #page2 a:hover { text-decoration: underline;}
#sideMenu #entlist_box #page1, #page2 { width: 160px; height: 180px; margin: 0; padding: 7px 0 5px 0; line-height: 21px; font-size: 14px; text-align: center; clear:both;}
#sideMenu #entlist_box #page1 { background: url(../image_top/entry_backmale.gif) left top no-repeat;}
#sideMenu #entlist_box #page2 { background: url(../image_top/entry_backfemale.gif) left top no-repeat;}
#sideMenu #entlist_box #page1 { display: block; }
#sideMenu #entlist_box #page2 { display: none; }
#sideMenu .entry_entry { font-size: 13px; line-height: 15px; margin-top: 10px;}




/*
==== 0: IE Hac ===========================================
*/

#Header:after,
#glNavi:after,
#Layout:after,
#Layout ul:after,
#Layout dl dd dl:after,
#invitedList div.invitedSelf ul li.i_right dl.i_kibou:after,
#invitedList dl.btn:after,
#invitedList #calendar:after,
#sideMenu #entlist_box #ent_tab:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


/*\*/
* html #Header,
* html #glNavi,
* html #Layout,
* html #Layout ul,
* html #Layout dl dd dl,
* html #invitedList div.invitedSelf ul li.i_right dl.i_kibou,
* html #invitedList dl.btn,
* html #invitedList #calendar,
* html #sideMenu #entlist_box #ent_tab { height: 1em; overflow: visible; margin: 0; } /* IE Hac */
/**/