@charset "UTF-8";
/*
Theme Name: GTNET The page of Event and Race
Theme URI: http://www.gtnet.co.jp/event_race
Description: GTNET イベント・レースページ用　テーマ
Author: GTNET It group
Version: 1.0

　* 共通の定義

　* 一覧の定義
	** xx
	** xx

 * 詳細の定義
	** xxx
	** xxx
	** xxx
*/

/***********************************************************
 *
 *  共通の定義です。　おまじない系
 *
 **********************************************************/

`.important {
color: #ff0000;
font-weight: bold;
font-size: large;
}`

/*CLEARFIX*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	position:relative;
}
/* Hides from IE-mac ＼*/
*html.clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

/*END CLEARFIX*/



#content:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content {
	display:inline-block;
	position:relative;
}
/* Hides from IE-mac ＼*/
*html#content {
	height:1%;
}
#content {
	display:block;
}
/* End hide from IE-mac */

/*END CLEARFIX*/

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/**
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
*/
/** 共通の定義　おまじない系　ここまで ****************************************/





/***********************************************************
 *
 *  共通の定義です。　
 *
 **********************************************************/



#wrapper #container {
	position: relative;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
/**
#wrapper #container h1 {
	background-image: url(title_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 33px;
}
*/
#wrapper #container h1 a {
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 1.2;
	height: 28px;
	padding-top: 5px;
	padding-left: 10px;
}

#wrapper #container #content {
/*	width: 674px;*/
}


#wrapper #content h2 {
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	color: #333;
	border-bottom: 3px solid #C00;
	padding-bottom: 2px;
	padding-left: 4px;
	display: block;
}

#wrapper #content .detail_body h2, #wrapper #content #testrun_body h2 {
	margin-bottom: 20px;
}
#wrapper #content h3 {
	background: #eee;
	display: block;
	line-height: 1.2;
	padding-top: 4px;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
}

#wrapper #content .detail_body {
	display: block;
	float: left;
	width: 765px;
	padding: 34px 25px;
	margin-bottom: 20px;
	border: 1px solid #ccc;	
}

div.socialbutton {
	float:left;
}
a {
	color: #3366ff
}
a:hover {
	color: #3399ff
}

/* 記事内の画像 */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.wp-caption {
	text-align: center;
	padding-top: 5px
}

.wp-caption img {
	margin-left:auto;
	margin-right: auto;
}
/* ページリンク */
span.oldpage {
	float: left
}
span.newpage {
	float: right
}
p.pagelink a {
	font-size: 0.75em;
	color: #0c8bcd;
}
p.pagelink {
	overflow: hidden;
	width: 100%
}
#wrapper #container #content .post p {
	margin-top: 10px;
}
#wrapper #container #content .post .wp-caption-text {
	margin-top: 2px;
}
#wrapper #container #phonenumber img {
	float: right;
}
/** 共通の定義　ここまで ****************************************/





/***********************************************************
 *
 *  一覧、詳細ページの定義。　
 *
 **********************************************************/
.item_loop {
	display: block;
	padding-bottom: 10px;
	clear:both;
	margin-top: 10px;
}
.item_loop .item_loop_contents {
	display: block;
	float:left;
	padding: 0px 0 0px 0px;
	margin: 0 5px 7px;
	overflow:hidden;
}

.item_loop .frame{
	padding: 3px;
	border: 1px solid #BBB;
	display: block;
	border-image: initial;
}
#wrapper .item_loop .item_loop_contents a .frame {
	padding: 3px;
	border: 1px solid #BBB;
	display: block;
	border-image: initial;
}
#wrapper .item_loop .item_loop_contents li {
	width: 158px;
	margin-right: 30px;
	display: block;
	position: relative;
	margin-bottom: 10px;
}
#wrapper #single_visitor_introduction li {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
#wrapper #visitor_introduction_report .detail {
	display: block;
	float: left;
	padding: 10px;
/**	border: 1px solid #BBB; */
	height: 430px;
}
#wrapper #visitor_introduction_report .detail_left {
	width: 380px;
}
#wrapper #visitor_introduction_report .detail_rigth {
	width: 180px;
}
.tablenav {
	clear:both;
}
#content .topic {
	display: block;
	float: left;
	width: 160px;
	padding: 5px;
	border: 1px solid #d0d0d0;
	background-position: 0px bottom;
	height: 205px;
	background-image: url(/event/img/topic_back.png);
	margin-right:0 !important;
}
#content .topic.end {
	margin-right: 0px;
}
#content .topic dt {
	margin-bottom: 2px;
}
#content .topic dt a {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.1em;
	text-decoration: none;
}
#content .topic dt a:hover {
	color: #3399FF;
}
#content .topic dd {
	font-size: 11px;
	line-height: 1.2em;
	display: block;
}
#content .topic img {
	margin-bottom: 2px;
}
#content {
}
/**
#content h2,
#bottom h2 {
	line-height: 1.4em;
	background-image: url(/img/h2tag_black.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	padding-top: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 24px;
	margin-bottom: 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b1b1b1;
}
*/

/** 一覧で使用するh2タグ */
#content h2.grey,
#bottom h2.grey {
	line-height: 1.4em;
	padding-top: 4px;
	background-image: url(/images/common/gtnet/h2tag_grey.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #202020;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333 !important;
	margin-bottom: 6px;
	font-size:14px;
	font-weight:bold;
	padding-left:24px !important;
	margin-top:20px !important;
}
#wrapper #detail_title {
	position: relative;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	margin-right: 2px;
	margin-left: 2px;
}

.left_items {
	display:block;
	float:left;
	width:930px;
	margin: 10px;
	padding: 10px;
}

/**
.content_gallery_li {
	font-size:12px;
	font-weight: bold;
	display: block;
}
*/

/** 一覧、詳細ページの定義　ここまで ****************************************/


/************************************************************
 *
 * レースページ　上部　サブメニュー定義
 *
 ***********************************************************/
.race_top_menu {
	padding-bottom: 30px;
	background: url(img/menu_back.png) repeat-x 0px 0px;
	display: block;
	float: left;
	height: 23px;
	overflow: hidden;
	margin-top: 2px;
	text-align: center;
	letter-spacing:-.40em;
}
.race_top_menu li {
	display: inline-block;
	background-image: url(img/menu_back.png);
	background-repeat: repeat-x;
	height: 23px;
	text-align: center;
	margin-right: 0px;
	letter-spacing:normal;	
}
* html #wrapper .race_top_menu li {
	display: inline;  
    /*margin-right: 3px;  */
    zoom: 1;
}
*+html #wrapper .race_top_menu li {
	display: inline;  
    /*margin-right: 3px;  */
    zoom: 1;
}
#wrapper .race_top_menu li a {
	float: left;
	display: block;
	height: 17px;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 6px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
}
#wrapper .race_top_menu li a:hover {
	color:#333;
	text-decoration: none;
	background: url(img/menu_back_hover.png) repeat-x 0px 0px;
}
#wrapper .race_top_menu li a.selected {
	color:#333;
	text-decoration: none;
	background: url(img/menu_back_hover.png) repeat-x 0px 0px;
}


/********* レースページ　上部のサブメニュー　ここまで　***********************/



/************************************************************
 *
 * レースページ　左側　サイドメニュー定義
 *
 ***********************************************************/
.race_menu {
display: block;
float: left;
width: 100px;
border-top: 1px solid #CCC;
}
.race_menu li {
	display: block;
	float: left;
	height: 54px;
	width: 100px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


.race_menu li a {
font-size: 14px;
line-height: 1.2;
font-weight: bold;
color: #999;
text-decoration: none;
display: block;
width: 83px;
height: 54px;
padding-top: 10px;
padding-left: 17px;
}
.race_menu li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #333;
}
.race_menu li a.selected {
	color: #FFF;
	text-decoration: none;
	background: #333;
}


/********* レースページ　左側のサイドメニュー　ここまで　***********************/

/************************************************************
 *
 * レースページ　本文
 *
 ***********************************************************/
#wrapper .date {
	font-size: 12px;
	line-height: 1.2em;
	text-align: right;
	padding: 0px 0px;
	
}


.race_body_noimage {
	float: left;
	margin-left: 10px;
	width: 780px;
}

/**
 * 左側のメニューや、上部メニューがあるページ用
 */

#wrapper .detail_body .race_body{
	float:left;
	width: 450px;
}
#wrapper .detail_body .race_image {
	text-align: center;
	float:right;
	width:300px;
}
/** ここまで　*/
/**
 *  左側のメニューや、上部メニューのないページ用
 */
#wrapper #report_body_single .race_body, #wrapper #testrun_body .race_body {
	float:left;
	width: 570px;
	margin-left: 20px;
}
#wrapper #report_body_single .race_image, #wrapper #testrun_body .race_image {
	text-align: center;
	float:right;
	width:300px;
}
/** ここまで　*/

.race_image p {
	text-align: left;
/**	padding: 0 60px; */
	font-size: 0.8em;
    letter-spacing: 0em;
    line-height: 1.2em;	
}

.race_image li {
	margin-bottom: 20px;
	list-style-type: none;
}

/**
 *
 */
#wrapper .detail_body .race_body_noimg .gallery img {
	max-width: 120px !important;
	max-height: 120px !important;
}

/**
 * 2カラム時、左側にギャラリーがある場合、サイズを小さくする
 */
#wrapper .race_body .gallery img {
	max-width: 80px !important;
	max-height: 80px !important;
}


/********* レースページ　本文　ここまで　***********************/


/************************************************************
 *
 *  イベントレポートページの定義
 *  タイトルの定義
 *
 ***********************************************************/
 
 #wrapper #detail_title h1.noheadimg, #wrapper #detail_title h1  {
	padding-top: 20px;
	padding-left: 10px;
	margin-bottom: 2px;
	font-size: 18px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C00;
}
#wrapper #detail_title h1.headimg {
	display: block;
	height: 40px;
	width: 793px !important;
	font-size: 22px;
	line-height: 1.2;
	color: #333;
	font-weight: bold;
	float: left;
	overflow: hidden;
	margin-bottom: 1px;
	padding-top: 80px;
	padding-left: 157px;
	margin-bottom: 10px;
}

#wrapper #detail_title #date {
	width: 150px;
	position: absolute;
	text-align: right;
	left: 782px;
	top: 30px;
}

#wrapper #testrun_body #date {
	text-align: right;
	display: block;
	height: 14px;
	width: 100%;
	padding-left: 5px;
	line-height: 1.1em;
	padding-top: 2px;
}

/****** イベントレポート　タイトルの定義　ここまで　************************************/

/************************************************************
 *
 *  イベントレポートページの定義
 *  タイトルの定義
 *
 ***********************************************************/

#wrapper #report_body {
	padding-left: 10px;
}

/** single用  テスト走行アーカイブ用　*/
#wrapper #report_body_single, #wrapper #testrun_body {
	padding-left: 10px;
	padding-right: 10px;
}


/******　イベントレポートの本文の定義　ここまで　************************************/


 #wrapper #report_body .left, #wrapper #report_body_single .left {
	float:left;
	width:560px;
	display: block;
}
#wrapper #report_body .right, #wrapper #report_body_single .right{
	float:right;
	width:330px !important;
	display: block;
	text-align: center;
}

#wrapper #report_body .right div{
	margin-left: auto;
	margin-right: auto;
}

#wrapper #report_body .right div p {
	text-align: left;
	font-size: 0.9em;
    letter-spacing: 0em;
    line-height: 1.2em;	
}

#wrapper .right img.nocap{
	padding-bottom: 15px;
}


/********* イベントレポートページの定義　ここまで　***********************/