@charset "UTF-8";
/*   
Theme Name: CSS Nite in OSAKA
Theme URI: http://osaka.cssnite.jp/
Description: CSS Nite in OSAKA公式サイトのテーマ
Author: 清水
Version: 1.0
.
CSS Nite in OSAKA公式サイトのテーマです。
.
*/

*
{
	margin				: 0;
	padding				: 0;
	zomm				: 1;
}
.wpcf7-mail-sent-ok
{
	margin	: auto 10px;
	border	: 1px solid #99cc66;
	background-color	: #eeffee;
}
body
{
	font-size			: 62.4%;
	font-family : "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
html>/**/body
{
	font-size			: 10px;
}
a{
/*\*/
	overflow			: hidden;
/**/
}
a img
{
	border				: 0px;
}
.clear
{
	clear				: both;
}
.i_clear:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
.warning
{
	color				: #cc3333;
}
/**********************************************
	layout
*/
html
{
	height				: 100%;
	filter				: expression(document.execCommand("BackgroundImageCache", false, true));
}
#container
{
	width				: 902px;
	height				: 100%;
	margin				: auto;
}
#header
{
	height				: 98px;
	background			: url("./images/header_navi_center.gif") repeat-x left bottom;
}
body.home div#header
{
	margin-bottom		: 28px;
}
#content
{
	width				: 902px;
	margin-top			: 9px;
}
#content:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
#breadcrumb
{
	margin-bottom		: 10px;
	margin-left			: 5px;
}
#main
{
	width				: 672px;
	padding-left		: 10px;
	float				: right;
}
#side
{
	width				: 220px;
	float				: left;
}
#footer
{
	background			: url('./images/footer.gif') no-repeat left 8px;
	margin-top			: 20px;
}
/**********************************************
	header area
*/

#header:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
h1
{
	width				: 672px;
	height				: 29px;
	float				: right;
	background			: url("./images/header_h1_bottom.gif") no-repeat left bottom;
	line-height			: 29px;
	vertical-align		: bottom;
	padding-bottom		: 23px;
	text-align			: right;
	vertical-align		: bottom;
	font-size			: 1em;
	font-weight			: normal;
}
#rogo
{
	display				: block;
	width				: 230px;
	height				: 98px;
	float				: left;
	text-indent			: -9999px;
	background			: url("./images/title.gif") no-repeat left top;
}
.lavaLampWithImage
{
	background-color	:
	display				: block;
	float				: left;
	position			: relative;
	height				: 46px;
	width				: 400px;
	padding				: 0 25px;
	margin				: 0;
	padding-left		: 10px;
	overflow			: hidden;
}
.lavaLampWithImage li
{
	float				: left;
	list-style			: none;
}
.lavaLampWithImage li.back
{
	background			: url("images/header_menu_active.gif") no-repeat right -46px;
	width				: 6px;
	height				: 46px;
	z-index				: 8;
	position			: absolute;
}
.lavaLampWithImage li.back .left
{
	background			: url("images/header_menu_active.gif") no-repeat top left;
	height				: 46px;
	margin-right		: 6px;
}
.lavaLampWithImage li a
{
	font				: bold 14px arial;
	text-decoration		: none;
	color				: #fff;
	outline				: none;
	text-align			: center;
	top					: 0px;
	letter-spacing		: 0;
	z-index				: 10;
	display				: block;
	float				: left;
	height				: 46px;
	line-height			: 46px;
	position			: relative;
	overflow			: hidden;
	margin				: auto 10px;
	text-shadow			: #006600 0px -1px, #006600 1px 0px, #006600 0px 1px, #006600 -1px 0px;
}
.lavaLampWithImage li a:hover
,.lavaLampWithImage li a:active
,.lavaLampWithImage li a:visited
{
	border				: none;
}
#header form
{
	display				: block;
	width				: 204px;
	height				: 46px;
	float				: right;
	background			: url("./images/header_navi_right.gif") no-repeat right top;
	padding-right		: 9px;
	text-align			: right;
}
#header form input
{
	margin-top			: 12px !important;
	margin-top			: 15px;
	font-size			: 1.2em;
}
#header form input#s
{
	width				: 132px;
	height				: 19px;
	margin-top			: 10px;
	padding				: 3px 5px;
	border				: 0;
	background			: url('./images/search_bg.gif') no-repeat left center;
	color				: #ffffff;
}
/**********************************************
	breadcrumb area
*/

#breadcrumb a
{
	text-decoration		: none;
	color				: #333333;
}
#breadcrumb a:hover
{
	text-decoration		: underline;
}

/**********************************************
	main area
*/

div#main div#preview
{
	margin-bottom		: 20px;
}
/*div#main h2 {
	width : 652px;
	margin-bottom : 10px;
	background : url("http://osaka.cssnite.jp/wp-content/uploads/2009/05/h2_bg-300x21.gif") no-repeat left top;  090529画像変更
	border-bottom : 3px solid #66cc00;
	padding : 5px 9px 2px;
	color : #ffffff;
	font-size : 1.8em;
}*/
div#main h2
{
	width				: 652px;
	margin-bottom		: 10px;
	background			: url("./images/h2_bg.gif") no-repeat left top;
	border-bottom		: 3px solid #66cc00;
	padding				: 5px 9px 2px;
	color				: #ffffff;
	font-size			: 1.8em;
}
div#main h2 a
{
	color				: #ffffff;
	text-decoration		: none;
}
div#main h2#new_entries
{
	width				: 672px;
	height				: 31px;
	text-indent			: -9999px;
	background			: url("./images/h2_new_entry.gif") no-repeat left top;
	padding				: 0px;
	border				: 0px;	
}
div#main div.post
{
	margin-top			: 10px;
}
div#main div.post div.content:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
div#main h3 {
	width : 650px;
	margin-top : 10px;
	padding : 5px 10px 3px;
	background : #DBEEEB;
	border-bottom : solid 2px #1B9DAF;
	text-align : left;
	color : #1b9daf;
	font-size : 1.14em;
}
* html div#main h3 {
	width : auto;
}
div#main div.header h3
{
	width				: 602px;
	float				: left;
}
div#main h3 a
{
	color				: #1b9daf;
	text-decoration		: none;
}
div#main h3 a:hover,
div#main h3 a:active
{
	color				: #0066ff;
}
div#main div.header
{
	margin				: 0px;
	padding				: 0px;
	font-size			: 1.4em;
}
div#main div.header:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
div#main div.entry_at
{
	position			: relative;
	width				: 50px;
	height				: 50px;
	float				: right;
	background			: url("./images/date.gif") no-repeat left top;
}
div#main h4
{
	font-size			: 1em;
}
div#main div.entry_at span.day
{
	display				: block;
	width				: 100%;
	text-align			: center;
	font-size			: 2.07em;
	color				: #1b9daf;
	font-family			: Georgia;
}
div#main div.entry_at span.year
{
	position			: absolute;
	top					: 37px !important;
	top					: 36px;
	left				: 8px;
	color				: #ffffff;
	font-size			: 0.571em;
}
div#main div.entry_at span.month
{
	position			: absolute;
	top					: 37px !important;
	top					: 36px;
	left				: 31px;
	color				: #ffffff;
	font-size			: 0.571em;
}
div#main div.content
{
	clear				: both;
	margin-bottom		: 10px;
	font-size			: 1.4em;
	line-height			: 1.6em;
}
div#main div.content p,
div#main div.content div
{
	padding				: 10px 10px 20px;
}
div#main div.content div.alignright
{
	float				: right;
}
div#main div.content div.alignright
{
	float				: right;
}
div#main div.content div.alignleft
{
	float				: left;
}
div#main div.content a
{
	color				: #0099cc;
	padding				: 1px;
}
div#main div.content a:hover
{
	background-color	: #0066ff;
	color				: #ffffff;
}
div#main div.content div.wp-caption
{
	margin				: 10px;
}
div#main div.content div.wp-caption a:hover
{
	background-color	: transparent;
}
div#main div.content ul,
div#main div.content ol
{
	margin				: 0.6em 0 1em;
	padding-left		: 28px;
}
div#main div.content ul li {
	list-style : none;
	list-style-image : url("http://osaka.cssnite.jp/wp-content/uploads/2009/05/point1.gif");/*090529画像変更*/
}

div#main div.content div.more_info
{
	border-top			: dotted 1px #999999;
	margin-bottom		: 30px;
	padding				: 0;
	background			: url('./images/more_info.gif') no-repeat 0 0px !important;
	background			: url('./images/more_info.gif') no-repeat 0 1px;
}
div#main div.content div.more_info a
{
	display				: block;
	width				: 76px;
	height				: 19px;
	text-indent			:-9999px;
}
div#main div.content div.more_info a:hover
{
	background			: url('./images/more_info_on.gif') no-repeat left top;
}
/*	sitemap hack	*/
div#main div.content div.page,
div#main div.content div.ddsg-wrapper
{
	padding				: 0;
}
/*	searchform	*/
div#main div.searchform p
{
	margin				: 20px 10px 50px;
	font-size			: 1.4em;
}
div#main div.searchform form
{
	text-align			: center;
}
div#main div.searchform input
{
	padding				: 2px 10px;
}
div#main div.searchform input#s2
{
	-moz-box-sizing			: border-box;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	border					: 2px solid #cccccc;
	width					: 300px;
	padding					: 2px 4px;
	background-color		: #ebf5f4;
	outline-color			: -moz-use-text-color;
	outline-style			: none;
	outline-width			: medium;
}
/*	contact form & entry form	*/
div#main div.content div.shimi-event
{
	margin					: 0;
	padding					: 0;
}
div#main div.shimi-event form p,
div#main div.wpcf7 p
{
	border-bottom			: 1px dotted #999999;
	padding					: 5px 20px;
}
div#main div.shimi-event form p:after,
div#main div.wpcf7 form p:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
div#main div.shimi-event form p label,
div#main div.wpcf7 form p label
{
	display					: block;
	width					: 150px;
	float					: left;
}
div#main div.shimi-event form p label span,
div#main div.wpcf7 form p label span
{
	color					: #017827;
	font-weight				: bold;
}
div#main div.shimi-event form p input,
div#main div.wpcf7 form p input
{
	-moz-box-sizing			: border-box;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	border					: 2px solid #cccccc;
	width					: 300px;
	padding					: 2px 4px;
	background-color		: #ebf5f4;
	outline-color			: -moz-use-text-color;
	outline-style			: none;
	outline-width			: medium;
}
div#main div.shimi-event form p input.entry_flg,
div#main div.wpcf7 form p input.entry_flg
{
	-moz-box-sizing			: auto;
	-moz-border-radius		: 0;
	-webkit-border-radius	: 0;
	border-radius			: 0;
	border					: 0;
	width					: auto;
	padding					: 2px 4px;
	background-color		: transparent;
	outline-color			: "";
	outline-style			: none;
	outline-width			: "";
}
div#main div.shimi-event form p textarea,
div#main div.wpcf7 form p textarea
{
	-moz-box-sizing			: border-box;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	border					: 2px solid #cccccc;
	width					: 400px;
	padding					: 2px 4px;
	background-color		: #ebf5f4;
	outline-color			: -moz-use-text-color;
	outline-style			: none;
	outline-width			: medium;
}
div#main div.wpcf7 form p.quiz
{
	text-align				: center;
}
div#main div.wpcf7 form p.quiz input
{
	width					: 4em;
	margin					: 20px auto;
}
div#main div.shimi-event form div,
div#main div.wpcf7 form div
{
	text-align				: center;
	padding					: 20px;
}
div#main div.wpcf7 div.wpcf7-response-output
{
	display					: none;
}
/*	page navigation	*/
div#main div.navigation
{
	margin-bottom			: 50px;
	text-align				: right;
}
div#main div.navigation a
{
	color					: #0099cc;
	font-size				: 1.2em;
}
div#main div.navigation a.next
{
	padding-left			: 20px;
	background				:  url("./images/page_navi_next.gif") no-repeat left center;
}
div#main div.navigation a.previous
{
	margin-left				: 40px;
	padding-right			: 20px;
	background				:  url("./images/page_navi_prev.gif") no-repeat right center;
}
div#main div.navigation a:hover
{
	
}



/**********************************************
	side area
*/
div#side div.side_menu h4
{
	width				: 210px;
	height				: 31px;
	text-indent			: -9999px;
}
div#side div.cssnite-in-osaka h4{	background : url("./images/side_menu_event.gif") no-repeat left top; }
div#side div.relating-info h4{		background : url("./images/side_menu_relating.gif") no-repeat left top; }
div#side div.about h4{				background : url("./images/side_menu_about.gif") no-repeat left top; }
div#side div.side_menu ul
{
	width				: 210px;
	margin-bottom		: 50px;
}
div#side div.side_menu ul li
{
	list-style-type		: none;
	background			: #f1f1f1 url("./images/side_menu_bg.gif") repeat left center;
	border-left			: 1px solid #e8ede8;
	border-right		: 1px solid #e8ede8;
	border-bottom		: 1px solid #dadada;
	margin-bottom		: 1px;
}
div#side div.side_menu ul li a
{
	display				: block;
	width				: 174px;
	padding				: 7px 17px;
	color				: #625c53;
	font-size			: 1.4em;
	font-weight			: bold;
	text-decoration		: none;
}
div#side div.side_menu ul li a.current,
div#side div.side_menu ul li a:hover
{
	background			: url("./images/side_menu_bg_on.gif") repeat left center;
	color				: #000000;
}


div#side div#event_info
{
	
}
div#side div#event_info h4
{
	display				: none;
}
div#side div#event_info dl dt
{
	display				: block;
	width				: 220px;
	height				: 86px;
	background			: url("./images/event_side_title.gif") no-repeat left top;
	text-indent			: -9999px;
}
div#side div#event_info dl dt a
{
	display				: block;
	width				: 220px;
	height				: 86px;
	text-indent			: -9999px;
}
div#side div#event_info dl dd
{
	width				: 211px;
	padding				: 6px 0px 5px;
	background-color	: #F5F4F4;
	border-top			: 1px dotted #999999;
}
div#side div#event_info dl dd:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
div#side div#event_info dl dd.even
{
	background			: url("./images/side_event-info_bg.gif") repeat left top;
}
div#side div#event_info dl dd.last
{
	border-bottom		: 1px dotted #999999;
}
div#side div#event_info dl dd span
{
	display				: block;
	width				: 55px;
	float				: left;
	text-align			: center;
}
div#side div#event_info dl dd p
{
	display				: block;
	width				: 156px;
	float				: left;
}
/*	support_info	*/
div#side div#support_info ul li
{
	list-style			: none;
}
div#side div#support_info ul li h4 {
	width : 210px;
	height : 31px;
	/*margin-top : 50px;*/
	background : url("http://osaka.cssnite.jp/wp-content/uploads/2009/05/support_side_title.gif") no-repeat left top;/*090529画像変更*/
	text-indent : -9999px;
}
div#side div#support_info ul li ul li
{
	width				: 210px;
	padding				: 12px 0;
	border-bottom		: 1px dotted #999999;
	text-align			: left;
}
div#side div#support_info ul li ul li a
{
	text-decoration		: none;
	color				: #555555;
}
div#side div#support_info ul li ul li a:hover
{
	text-decoration		: underline;
	border-color		: #555555;
}
div#side div#support_info ul li ul li a img
{
	border				: none;
}

/*	cooperation_info	*/
div#side div#cooperation_info h4
{
	width				: 210px;
	height				: 31px;
	margin-top			: 50px;
	background			: url("./images/cooperation_side_title.gif") no-repeat left top;
	text-indent			: -9999px;
}

div#side div#cooperation_info ul li
{
	list-style			: none;
}
div#side div#cooperation_info ul li ul li
{
	width				: 210px;
	padding				: 12px 0;
	border-bottom		: 1px dotted #999999;
}
div#side div#cooperation_info ul li ul li a
{
	text-decoration		: none;
	color				: #555555;
	font-size			: 1.2em;
}
div#side div#cooperation_info ul li ul li a:hover
{
	text-decoration		: underline;
	border-color		: #555555;
}
div#side div#cooperation_info ul li ul li a img
{
	border				: none;
}
/**********************************************
	footer area
*/

div#footer p#to_top
{
	background			: url('./images/toTop.gif') no-repeat 782px 0px;
}
div#footer p#to_top a
{
	display				: block;
	width				: 100px;
	height				: 20px;
	margin-left			: 782px;
	text-indent			: -9999px;
}
div#footer p#to_top a:hover
{
	background			: url('./images/toTop_on.gif') no-repeat left top;
}
div#footer ul
{
	border-left			: 1px solid #555555;
	margin				: 38px auto auto 5px;
	font-size			: 1.2em;
	
}
div#footer ul:after
{
	content				: "";
	display				: block;
	visibility			: hidden;
	height				: 0;
	clear				: both;
}
div#footer ul li
{
	float				: left;
	list-style			: none;
	padding				: 0px 8px;
	border-right		: 1px solid #555555;
}
div#footer ul li a
{
	border				: none;
	text-decoration		: none;
	color				: #555555;
}
div#footer ul li a:hover
{
	text-decoration		: underline;
}
div#footer p#copyright
{
	margin				: 10px 5px;
	color				: #555555;
}



/*090529追加 */
div#main table.basic {
	width : 635px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px 0 50px 15px;
}
div#main table.basic th, div#main table.basic td {
	padding : 10px 12px 3px 12px;
	text-align : left;
	border-bottom: dashed 1px #666666;
	background-color:#FFFFFF;
}
div#main table.basic th {
	width : 10%;
	font-weight:normal;
	white-space: nowrap;
	background-color: #E7EFED;
}
div#main table.basic th.light {
	background-color: #EEF2F1;
	width: auto;
}
div#main .speaker dl {
	margin: 10px 0 30px 10px;
	border-left: 2px solid #3FB0BA;
}
div#main .speaker dt {
	background-color: #3FB0BA;
	margin: 0 0 10px 1px;
	font-size:115%;
	color:#FFFFFF;
	padding: 5px 8px;
	line-height: 110%;
	font-weight:bold;
}
div#main .speaker dd {
	margin: 0 10px 10px 10px;
}
div#main .speaker dd p {
	margin: 0 0 1em 0;
	padding: 0;
}
div#main .speaker dd.profile {
	margin: 0 0 0 10px;
	border: 1px solid #BBDFDA;
	padding: 15px 15px 0 15px;
	background-color:#EEEEEE;
	font-size: 85%;
	line-height: 140%;
	/*clearfix用*/
	_height: 1px;
	min-height: 1px;
}
div#main .speaker dd.profile:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#main .speaker dd.profile img {
	display:block;
	float: right;
	margin: 0 0 20px 20px;
}
div#main .speaker dd.profile strong {
	font-size: 110%;
}
div#main div.content .speaker dd ul {
	margin: 0 0 1em 0.5em;
	padding: 0;
}
div#main div.content .speaker dd li {
	list-style-image: none;
	background:url("http://osaka.cssnite.jp/wp-content/uploads/2009/05/point2.gif") no-repeat left 0.5em;
	padding: 0 0 0 10px;
	line-height: 110%;
}


/*090701追加 */
div#linkBox {
width:660px;
}
div#linkBox a.link img {
margin-right:15px;
}