@charset "utf-8";
/*
Theme Name: Sapporo Design Week 2009
Description: Sapporo Design Week 2009のテーマ
Version: 1.0
Author: Kawana, Kikuchi, Sunouchi

	Sapporo Design Week 2009

*/

/* fundamental elements */

* {
  margin:0;
  padding:0;
}

body {
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background-image: url('/2009/images/back-bg.png');
	background-repeat: repeat;
}

img {
	border-width: 0;
	margin: 0;
	padding: 0;
}

.alphanumeric_only {
	font-family: Helvetica, Arial, sans-serif;
}

.align_center {
	text-align: center;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.clear_floating_box { zoom: 100%; }
.clear_floating_box:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

a {
	text-decoration: none;
	font-weight: bold;
	color: #CC3300;
}

a:hover {
	background-color: #CC3300;
	color: #FFFFFF;
}


li {
	list-style: none;
}

/* layout */
#page_container {
	width: 985px;
	padding-bottom: 30px;
}

#sidebar_box {
	float: left;
	width: 210px;
}

#content_box {
	float: right;
	width: 720px;
	padding-top: 30px;
}

#footer {	
	margin-top: 20px;
	width: 700px;
}

#sidebar_box a:hover,
#footer a:hover {
	background-color: transparent;
}

/* sidebar */

#sidebar_box #sidebar_logo {
	margin: 30px 0 30px 0;
}

#sidebar_box #sidebar_list > li {
	padding: 4px 0;
	margin-left: -15px;
}

#sidebar_box #sidebar_list ul.sub_list {
	padding-bottom: 4px;
}

#sidebar_box #sidebar_list ul.sub_list li {
	padding: 2px 0;
	margin-left: -15px;
}

#sidebar_box #sidebar_list a,
#sidebar_box #sidebar_list a:hover {
	text-decoration: none;
	font-weight: normal;
}

#twtr-search-widget,
#twtr-profile-widget {
	margin: 20px 0 0 5px;
}

/* main content area */

#content_box #main_content_header {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content_box #main_content_header_bar {
	padding-bottom: 16px;
}

#content_box .post_box {
	margin: 20px 0 40px;
}

#content_box .post_box .post_box_left {
	float: left;
	width: 465px;
	background-image: url('/2009/images/back-bg3.png');
	background-repeat: repeat;
	background-color: #F7F7F0;
	padding: 20px;
}

#content_box .post_box .full_width {
	width: 660px;
}

#content_box .post_box .post_box_left h2,
#content_box #event_archives h2 {
	font-size: 18px;
	line-height: 110%;
}

#content_box .post_box .post_box_left h2 a {
	text-decoration: none;
	color: #333333;
	padding: 1px 3px;
}

#content_box .post_box .post_box_left h2 a:hover {
	color: #ffffff;
}

#content_box .post_box .post_content,
#content_box #event_archives .post_content {
	margin-top: 15px;
}

#content_box .post_box .post_content p,
#content_box #event_archives .post_content p {
	font-size: .84em;
	line-height: 180%;
	margin-bottom: 16px;
}

#content_box .post_box .post_content .margin_tb32 {
	margin: 32px 0;
}

#content_box .post_box .post_content h3 {
	color: #663300;
	font-size: .95em;
	font-weight: bold;
	margin: 20px 0 5px;
}

#content_box .post_box .post_content .alert_small {
	font-size: .7em;
	font-weight: bold;
}

#content_box .post_box .post_content .entry_list li {
	width: 314px;
	float: left;
	border-left: 1px solid #C66;
	padding-left: 5px;
	padding-right: 10px;
	margin-bottom: 10px;
	font-size: .8em;
	line-height: 120%;
}

#content_box .post_box .post_content .entry_list_long li {
	width: 654px;
	margin-bottom: 10px;
	font-size: .8em;
	line-height: 120%;
	border-left: 1px solid #C66;
	padding-left: 5px;
}

#content_box .post_box .post_content .entry_list a,
#content_box .post_box .post_content .entry_list_long a{
	text-decoration: none;
}

#content_box .post_box .post_content .info_list,
#content_box .post_box .post_content .info_list_n {
	margin: 20px 0;
	font-size: .84em;
}

#content_box .post_box .post_content .info_list_n li {
	list-style: square inside;
	margin-bottom: 5px;
	line-height: 150%;
}

#content_box .post_box .post_content .info_list li {
	list-style: square inside;
	margin-bottom: 30px;
	line-height: 150%;
}

#content_box .post_box .post_content .info_list ul {
	margin: 5px 0;
}

#content_box .post_box .post_content .info_list ul li {
	list-style: inside disc;
	margin-left: 20px;
	margin-bottom: 5px;
}

#content_box .post_box .post_content h2.designaward_h2 {
	margin: 20px 0;
	font-size: 1em;
	color: #333333;
	line-height: 140%;
}

#content_box .post_box .post_content h2#designsweets_h2 {
	margin: 20px 0 30px;
	font-size: 1.5em;
	color: #333333;
	line-height: 130%;
}

#content_box .post_box .post_content h2#stamprally_h2 {
	margin: 20px 0;
	font-size: 1.8em;
	color: #CC3300;
	line-height: 150%;
}

#content_box .post_box .post_content p#stamprally_head_small {
	margin-bottom: 40px;
	font-weight: bold;
	font-size: .7em;
	line-height: 150%;
}

#content_box .post_box .post_box_left .content_404 {
	margin-top: 40px;
}

#content_box .post_box .post_box_left .content_404 p {
	font-size: .9em;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 30px;
}

#content_box .post_box .post_box_right {
	float: right;
	width: 180px;
}

#content_box .post_box .post_box_right .post_right_sbox {
	margin-bottom: 20px;
}

#content_box .post_box .post_box_right .post_right_sbox ul {
	margin-top: 10px;
}

#content_box .post_box .post_box_right .post_right_sbox ul li {
	font-size: .75em;
	margin-bottom: 4px;
	padding-left: 6px;
}

#content_box .post_box .post_box_right .jump_navi_box {
	padding-top: 30px;
}

#content_box #event_archives {
	margin: 20px 0 40px;
	background-image: url('/2009/images/back-bg3.png');
	background-repeat: repeat;
	background-color: #F7F7F0;
	padding: 20px;
}

/* top page */
#top_slide{
	height: 116px;
	width: 720px;
	position:relative;
}
#top_slide ul li {
	position:absolute;
  top:0;
  left:0;
  z-index:8;
}
#top_slide LI.active {
    z-index:10;
}

#top_slide LI.last-active {
    z-index:9;
}


#tweet_map {}
#tweet_map_border {
	width: 712px;
	height: 312px;
	border: 4px solid #CCC;
}

#flash_alert {
	font-weight: bold;
	font-size: 1em;
}

#top_commingup_box {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 0 10px;
}

#top_commingup_box h2 {
	font-size: 1em;
	color: #666;
	line-height: 100%;
	margin: 10px 0;
	padding: 6px;
	background-color: #EEE;
}

#top_commingup_box ul {
	margin-bottom: 25px;
}

#top_commingup_box ul li {
	border-bottom: 1px solid #ccc;
	height: 23px;
	padding: 4px;
	clear: both;
	margin: 0;
	line-height: 200%;
	overflow: hidden;
}

#top_commingup_box ul li a {
	font-size: .9em;
	margin-top: 4px;
	text-decoration: none;
}

#top_commingup_box ul li p {
	float: right;
}

#top_commingup_box #fin_message {
	margin: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
}

/* single page */

.place_map {
	margin: 40px 0 10px;
}

.place_map p {
	font-weight: bold;
}

#place_gmap {
	width: 450px;
	height: 320px;
	border: 5px solid #DDD;
}

/* footer */
#footer #footerMenu {
	float: left;
}
#footer #footerLogo {
	float: right;
}

#footer #footerMenu ul {
	padding-top: 0;
}

#footer #footerMenu ul li {
	float: left;
	padding: 5px 3px 0 0;
	line-height: 0;
}

#footer_copyright {
	margin: 15px 0 30px;
}

/* contact form */

div#formbox {
	background-color: transparent;
	margin-top: 24px;
	padding: 8px 16px;
	width: 608px;
}

div#formbox form {
   margin: 1px 0;
   padding: 1px 0;
}

div#formbox label {
   color:#666666;
	 font-size: .9em;
	 font-weight: bold;
}

div#formbox input,
div#formbox textarea {
	border: 1px solid #999;
	padding: 2px 4px;
	font-size: .9em;
	font-weight: bold;
}

div#formbox input#contact-name {
	width: 286px;
}

div#formbox input#contact-email {
	width: 286px;
}

div#formbox input#contact-subject {
	width: 286px;
}

div#formbox textarea#contact-message {
	width: 600px;
	height: 120px;
}

div#formbox div.contactFormRightBox {
  float: right;
	width: 296px;
	margin-top: 8px;
}

div#formbox div.contactFormLeftBox {
  width: 296px;
  margin-top: 8px;
}

div#formbox div.contactFormBox {
  margin-top: 10px;
}

div#formbox .wpcf7-not-valid-tip-no-ajax {
  color: #FF3300;
}

div#formbox .wpcf7-mail-sent-ok {
   color: #FF3300;
   margin: 10px 0;
}

/* for detail settings */
.fs11 {
 font-size:11px;
}

.margin_lb_30 {
	margin: 0 0 15px 30px;
}