/*
Theme Name: 鈴鹿F1日本グランプリ地域活性化協議会
Theme URI: http://www.maidosoft.co.jp/
Description: 鈴鹿F1日本グランプリ地域活性化協議会様のテンプレート
Version: 1.0
Author: MAIDO SOFT
*/

/*  INDEX
--------------------
1.基本設定(初期化)
2.基本レイアウト
3.テキスト基本
4.スペース
5.写真関連
6.トップページ
7.中ページ
--------------------
*/


/* 1. 基本設定(初期化)
----------------------------------------------- */
*{
	font-size: 100%;
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}

html{
	height:100%;
}

tr,td {
	font-size: 10.5pt;
	line-height: 20pt;
}

body{
	height:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background: #FFF url(http://suzuka21.com/gifs/bg.jpg) repeat-y center;
	color:#333;
}

a:link, a:visited{
	color:#881E0A;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#FF0000;
}

h1, h2, h3, h4, h5, h6, p, pre,form,
blockquote, ul, ol, dl, dd, dt{
	margin: 0;
	padding: 0;
}
li {list-style-type:none;}
img {border:none;}
.clear {clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



/* 2. 基本レイアウト
----------------------------------------------- */
#wrapper{
        width:100%;
        position: relative;
        height:100%;
        min-height:100%;
}
body > #wrapper {
        height: auto;
}
#wrap {
        padding-bottom:174px;
	_padding-bottom:254px; /* IE用 */
}


#header1 {
	margin:auto;
	padding:0px;
	width:100%;
	text-align:center;
	background: #FFF url(http://suzuka21.com/gifs/header-bg.gif) repeat-x top center;
}
#header1 #navi {
	margin:auto;
	width:900px;
	text-align:left;
}
#header1 #navi li {
	float:left;
}
#header1 #navi li img {
	vertical-align:top;
}

#header2 {
	margin:auto;
	padding:0px;
	width:100%;
	text-align:center;
	background: #000;
}
#header2 #navi {
	margin:auto;
	width:900px;
	text-align:left;
}






#container {
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:left;
	border-style: none;
}

/*taga*/
#container .left {
	margin:0 auto;
	border-style: none;
	float:left;
}
#container .center {
	width:445px;
	margin-left:258px;
	text-align:left;
	border-style: solid;
	float:none;
}
#container .right {
	margin:0 auto;
	text-align:left;
	border-style: none;
	float:right;
}
/*taga*/

#containermain {
	width:860px;
	margin:0 auto;
}

#maincontents {
	width:640px;
	float:left;
}
#maincontents .column {
	margin-bottom:50px;
	padding-left:22px;
	border-left:solid 4px #CCC;
}
#maincontents .column img {
	margin:20px 0 0 0;
}

#sidenavi {
	width:190px;
	float:right;
	text-align:left;
}
#sidenavi img {
	vertical-align:top;
}
#sidenavi #navi li {
	margin: 0 0 5px 0;
}




#footer {
	margin:0 auto;
	padding: 0px;
	width:100%;
	text-align:center;
	color:#CCC;
	position:absolute;
	bottom:0;
	left:0;
	height:174px;
}

#footer #navi-box {
	margin:auto;
	width:900px;
}

#footer #navi-box #navi {
	width:860px;
	margin:20px auto 20px;
}
#footer #navi-box #navi img {
	vertical-align:top;
}
#footer #navi-box #navi #cap {
	font-size:12px;
	color:#666;
	margin:20px 0 0 0;
	padding:0 0 8px 0;
}
#footer #navi-box #navi #navi1 {
	width:860px;
	margin:0 auto 0;
	background: #000;
}
#footer #navi-box #navi #navi1 li {
	float:right;
	margin:0;
}
#footer #navi-box #navi #navi1 li.edge {
	margin: 0;
}
#footer #navi-box #navi #navi2 ul {
	margin: 5px 0 5px 0;
}
#footer #navi-box #navi #navi2 li {
	float:left;
	margin: 0 0 0 10px;
	padding:0 0 0 10px;
	border-left:dotted 1px #999;
}
#footer #navi-box #navi #navi2 li.edge {
	margin: 0;
	border:none;
}
#footer #navi-box #navi #navi2 li a:link,
#footer #navi-box #navi #navi2 li a:visited{
	color:#333;
	text-decoration:none;
}
#footer #navi-box #navi #navi2 li a:hover{
	text-decoration:underline;
	color:#333;
}


#footer #footercopy-box {
	background: #666;
	width:100%;
	height:46%;
}
#footer #footercopy {
	margin:0 auto;
	width:900px;
	padding-top: 25px;
	text-align: left;
}
#footer #footercopy #copylight {
	font-size:10px;
	width:700px;
	float:left;
}

#footer #footercopy #counter{
	width:200px;
	float:right;
	text-align:right;
}




.plugin-pdf {
	border:solid 1px #EEE;
	margin: 20px 0 0 0;
	padding: 8px;
	color:#666;
}
.plugin-pdf img {
	float:right;
	margin:0;
	text-align:right;
}




/* 3.テキスト基本
----------------------------------------------- */
/* フォントサイズ小 */
.fs14{font-size:14px; line-height:20px; letter-spacing:1px}		/* 見出し */
.fs12{font-size:12px; line-height:18px; letter-spacing:1px}		/* 本文 */
.fs11{font-size:11px; line-height:13px}						/* 注釈 */
.fs10{font-size:10px; line-height:14px}						/* キャプション */

.fse16{font-size:16px; line-height:18px}						/* 英見出し */
.fse14{font-size:14px; line-height:18px; letter-spacing:1px}		/* 英本文 */
.fse12{font-size:12px; line-height:14px}						/* 英注釈 */
.fse11{font-size:11px; line-height:12px}						/* 英キャプション*/


h4 {
	font-size:18px;
	line-height:20px;
	letter-spacing:1px;
	margin: 0;
	border-left:solid 4px #FF0000;
	padding:0 0 28px 22px;
}
h4 .date {
	color:#FF0000;
	font-size:11px;
	letter-spacing:0;
	line-height:13px;
	font-weight: normal;
	padding-bottom:10px;
	display:block;
}
h5 {
	color:#FF0000;
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
	font-weight: bold;
	border-bottom:solid 1px #CCC;
	padding:0 0 4px 0;
	margin:0 0 4px 0;
}


#topicpath {
	font-size: 10px;
	line-height:14px;
	margin-bottom: 20px;
	padding:4px 0 6px 0;
	border-bottom:solid 1px #EEE;
}
#topicpath .path {
	color:#999;
	margin: 0 6px 0 6px;
}
#topicpath.not {
	margin:0;
	padding:0;
	border:none;
}

.linkdot {
	background: url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 0px 3px;
	padding-left: 14px;
	margin: 0;
}



/* 4. スペース
----------------------------------------------- */
.vsp20 {			margin:20px 0 20px 0;}



/* 5.写真関連
----------------------------------------------- */
.alpha a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}



/* 6.トップページ
----------------------------------------------- */
#maincontents #top #latest #news h3 {
	margin: 0 0 5px 0;
}
#maincontents #top #latest #news {
	margin: 0 0 20px 0;
}
#maincontents #top #latest #news dl {
	margin: 0;
}
#maincontents #top #latest #news dt {
	width:8em;
	float:left;
	clear:both;
	background: #FFF url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 4px 7px;
	padding: 2px 0 4px 18px;
	font-weight: bold;
}
#maincontents #top #latest #news dd {
	margin-left: 10em;
	padding: 2px 0 4px 0;
	_height:1%; /* IE用 */
}
#maincontents #top #latest #news dl.bg {
	background: #EEE;
}
#maincontents #top #latest #news dt.bg {
	background: #EEE url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 4px 7px;
}


#maincontents #top #latest #report h3 {
	margin: 0 0 5px 0;
}
#maincontents #top #latest #report dt {
	font-weight: bold;
}
#maincontents #top #latest #report dt.photo {
	margin-right: 10px;
	padding: 2px 0 0 0;
	float: left;
}
#maincontents #top #latest #report dt.photo img {
	border: solid 3px #CCC;
}
#maincontents #top #latest #report dd {
	padding: 0;
	margin-bottom: 6px;
}
#maincontents #top #latest #report a:hover img{
	border: solid 3px #C00;
}


#maincontents #top #latest #report .linkdot a:link,
#maincontents #top #latest #report .linkdot a:visited,
#maincontents #top #latest #news a:link,
#maincontents #top #latest #news a:visited {
	color:#333;
	text-decoration:none;
 }
#maincontents #top #latest #report .linkdot a:hover,
#maincontents #top #latest #news a:hover {
	color:#FF0000;
	text-decoration:underline;
}



/* 7.中ページ
----------------------------------------------- */
/* ---news--- */
#maincontents #news #latest h3 {
	margin: 0 0 5px 0;
}
#maincontents #news #latest {
	margin: 0 0 20px 0;
}

#maincontents #news #latest dl {
	margin: 0;
}
#maincontents #news #latest dt {
	width:8em;
	float:left;
	clear:both;
	background: #FFF url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 4px 7px;
	padding: 2px 0 4px 18px;
	font-weight: bold;
}
#maincontents #news #latest dd {
	margin-left: 10em;
	padding: 2px 0 4px 0;
	_height:1%; /* IE用 */
}
#maincontents #news #latest dl.bg {
	background: #EEE;
}
#maincontents #news #latest dt.bg {
	background: #EEE url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 4px 7px;
}

#maincontents #news #latest a:link,
#maincontents #news #latest a:visited {
	color:#333;
	text-decoration:none;
 }
#maincontents #news #latest a:hover {
	color:#FF0000;
	text-decoration:underline;
}



/* ---access--- */
#maincontents #access #latest h3 {
	margin: 0 0 5px 0;
}
#maincontents #access #latest {
	margin: 0 0 20px 0;
}

#maincontents #access #latest dl {
	margin: 0;
}
#maincontents #access #latest dt {
	width:8em;
	float:left;
	clear:both;
	background: #FFF url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 4px 7px;
	padding: 2px 0 4px 18px;
	font-weight: bold;
}
#maincontents #access #latest dd {
	margin-left: 10em;
	padding: 2px 0 4px 0;
	_height:1%; /* IE用 */
}
#maincontents #access #latest dl.bg {
	background: #EEE;
}
#maincontents #access #latest dt.bg {
	background: #EEE url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 4px 7px;
}

#maincontents #access #latest a:link,
#maincontents #access #latest a:visited {
	/*color:#333;*/
	color:#881E0A;
	text-decoration:none;
 }
#maincontents #access #latest a:hover {
	color:#FF0000;
	text-decoration:underline;
}



/* ---report--- */
#maincontents #report #latest h3 {
	margin: 0 0 5px 0;
}
#maincontents #report #latest dt {
	font-weight: bold;
}
#maincontents #report #latest dt.photo {
	margin-right: 10px;
	padding: 2px 0 0 0;
	float: left;
}
#maincontents #report #latest dt.photo img {
	border: solid 3px #CCC;
}
#maincontents #report #latest dd {
	padding: 0;
	margin-bottom: 6px;
}
#maincontents #report #latest a:hover img{
	border: solid 3px #C00;
}

#maincontents #report #latest .linkdot a:link,
#maincontents #report #latest .linkdot a:visited {
	color:#333;
	text-decoration:none;
 }
#maincontents #report #latest .linkdot a:hover {
	color:#FF0000;
	text-decoration:underline;
}

#maincontents #outline .column p{
	margin-bottom:15px;
}


/* ---link--- */
#maincontents #link .column ul li {
	background: url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 0px 3px;
	padding-left: 14px;
	margin: 0 0 10px 0;
}



/* ---sitemap--- */
#maincontents #sitemap p {
	background: url(http://suzuka21.com/gifs/linkdot.gif) no-repeat 5px 25px;
	padding: 20px 0 20px 19px;
	border-bottom:solid 1px #CCC;
}



/* ---contact--- */
#contact p{
	margin-bottom:25px;
}

#contact p em{
	color:#ff5c00;
	font-style:normal;
	font-size:120%;
}

#contact #form-container{
	background-color:#fff;
}

#contact #form-container form fieldset{
	margin:20px 0;
	padding:10px;
	border:#ddd 1px solid;
}

#contact #form-container form fieldset legend{
	font-weight:bold;
	color:#333;
}

#contact #form-container form fieldset div{
	padding:0.25em 0;
}

#contact #form-container form fieldset div label{
	margin-right:10px;
	padding-right:10px;
	width:150px;
	display:block;
	float:left;
	text-align:right;
	position:relative;
	background:#fff;
}

#contact #form-container form fieldset div label em{
	position:absolute;
	right:0;
	font-size:120%;
	font-style:normal;
	color:#ff5c00;
}

#contact #form-container form #buttonrow{
	text-align:center;
}

#contact #form-container form fieldset div span input,
#contact #form-container form fieldset div span select,
#contact #form-container form fieldset div span textarea{
	background:#fff;
	border:1px solid #ddd;
}

#contact #form-container form fieldset div span input:hover,
#contact #form-container form fieldset div span select:hover,
#contact #form-container form fieldset div span textarea:hover{
	background:#f9f9f9;
}