@charset "utf-8";

/* CSS Document */

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

●smart.css  画面の横幅が720pxまで

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

@media screen and (max-width:720px){

img{

max-width: 100%;

height: auto;

width /***/:auto;　

}

#container{

width:100%;

}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */

body,div,

dl,dt,dd,

ul,ol,li,

h1,h2,h3,h4,h5,h6,

pre,form,fieldset,input,textarea,

p,blockquote,

th,td{margin:0;padding:0;}



header,nav,section,aside,footer{display:block;}



table{border-spacing:0;}



fieldset,img,a img,

abbr,acronym{border:0;}



li img,dt img{vertical-align:top;}



address,caption,cite,code,dfn,em,th,var,strong{

	font-style:normal;

	font-weight:normal;

}



ol,ul{list-style:none;}



caption,th{text-align:left;}



h1,h2,h3,h4,h5,h6{font-weight:normal;}



q:before,q:after{content:'';}



hr{display:none;}



html{overflow-y:scroll;}



/* form */

button, fieldset, form, input, label, legend, select, textarea {

font-family:inherit;

font-size:100%;

font-style:inherit;

font-weight:inherit;

margin:0;

padding:0;

vertical-align:top;

}



/*--------------------------------------- font */  

  

/* base */

body{

	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;

	line-height:1.5;

	color:#333333;

	font-size: 13px;

	/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/

	*font-size: small;

	/*Win IE7およびWin IE6標準準拠モードに適用*/

	*font: x-small;

	/*Win IE 5-5.5､6(後方互換モード)に適用*/

}





/*----------------------- color */

/* wine red */

#blog .blogMenu dt,

.red{color:#990000;}



/* wine red */

#sideLayout02 .side li.now{

	color:#990000;

	text-decoration:underline;

}

/* gray */

.footer,

#raceIndex .contents #con01 .mainCon .playPanel .lineArea p,

#raceIndex h3	{color:#999999;}

#topIndex .raceList li dl dt	{color:#AAAAAA;}

#raceIndex .entryOff	{color:#666666;}



/* white */

#raceIndex .entryOn,

/* #raceIndex table, */

#raceIndex .speed,

#raceIndex ul li,

#footer p.copy	{color:#FFF;}



/* bold */

#topIndex h1,

#raceIndex .state,

.red{font-weight:bold;}



/* blue */

#topIndex .page li,

#raceIndex .page li{color:#007AFF;}



/*----------------------- size */

/* size8px */

#raceIndex .contents #con01 .mainCon .areaTime .floatL,

.xSmall{font-size:69%;}



/* size10px */

.small{font-size:80%;}



/* size12px */

#raceIndex .header h2,

table,

textarea,

.main,

.side{font-size:93%;}



/* size14px */

#topIndex .raceList li dl dt,

#raceIndex .config li,

#raceIndex h3,

.lower h4{font-size:108%;}



/* size16px */

#raceIndex tr td,

.middle{font-size:123.1%;}



/* size18px */

#raceIndex h1,

#topIndex .raceList li dl dd,

.large{font-size:138.5%;}



/* size20px */

.non{font-size:153.9%;}



/* size22px */

#raceIndex .contents #con01 .mainCon .areaTime .time,

#topIndex h1,

#raceIndex .contents #con01 .mainCon .playPanel .lineArea p,

#raceIndex .state,

#profile h3{font-size:167%;}



/* size24px */

#raceIndex .page li,

#profile .right .theme dd{font-size:182%;}



#topIndex .page li{font-size:200%;}



/*--------------------------------------- anchor */



a:link,

a:visited{

color:#EEEEEE;

text-decoration:none;

}

a:hover{

color:#007AFF;

text-decoration:underline;}



#raceIndex a:link,

#raceIndex a:visited{

color:#333333;

text-decoration:none;

}

#raceIndex a:hover{

color:#333333;

text-decoration:underline;}





/*--------------------------------------- add class */

/*float*/

.floatL{float:left;}

.floatR{float:right;}

.clearB{clear:both;}



.center{text-align:center;}

.bold{font-weight:bold;}



.pointer{cursor:pointer;}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */

/*--------------------------------------- 01: index.html */

.contents{
	width:100%;
	background-color:#FFFFFF;
	position: relative;
}
p.gotop{
	position: fixed;
	right: 2%;
	bottom: 0;
}
p.gotop a{
	width: 54px;
	height: 40px;
	display: block;
}

#topIndex h1	{

	padding:10px 0;

	background-color:#FFFFFF;

}

#topIndex .sub	{
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	background:#EEEEEE url(../img/dot_h3.gif) 20px 20px no-repeat;
	text-align:left;
	padding:14px 0 4px 34px;
}
#topIndex .gmenu	{
	border-top:#CCCCCC solid 1px;
	background:#E0E0E0;
	text-align:center;
	padding:6px 0 6px 34px;
}
#topIndex .gmenu a	{
	margin:0 10px;
}

#topIndex .raceList	{

	background-color:#424242;

}

#topIndex .raceList .oddli	{

	background-color:#363636;

}

#topIndex .raceList li	{
	background:none;
	text-align:left;
	padding:10px 0 10px 10px;
}

#topIndex .page li	{

	background-color:#242424;

	float:left;

	width:50%;

	padding:10px 0;

	line-height:1.0em;

}





/*--------------------------------------- 02: race.html */
#raceIndex #con01	{
	/* width:770px; */
	width:100%;
}

#raceIndex #con02	{
	width:100%;
}

#raceIndex .contents #con01 .mainCon{}

#raceIndex .contents #con01 .mainCon .playPanel,
#raceIndex .contents #con01 .mainCon .areaTime	{
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	background-color:#EEEEEE;
}

#raceIndex .contents #con01 .mainCon .areaTime	{
	padding:2px 10px;
}

#raceIndex .contents #con01 .mainCon .areaTime .floatL	{
	padding-top:10px;
}

#raceIndex .contents #con01 .mainCon .areaTime .dummy	{
	width:20%;
}

#raceIndex .header	{
	vertical-align:bottom;
}

#raceIndex .header .btnTop	{
	text-align:left;
	float:left;
	width:60px;
	padding:10px 0 0;
}

#raceIndex .header h2	{
	padding-top:10px;
}

#raceIndex .header h1	{
	/* padding-top:5px; */
}

#raceIndex .header #btnMenu	{
	float:right;
	/* width:70px; */
	width:10%;
	/* width:50%; */
	padding:10px 10px 0;
}

#raceIndex .state	{
	background-color:#FFCC00;
	padding:6px 0;
	border-bottom:#000000 solid 1px;
}

#raceIndex h3	{
	text-align:left;
	background:#363636 url(../img/dot_h3.gif) 10px 18px no-repeat;
	padding:10px 0 4px 25px;
}

#raceIndex .speed	{
	background-color:#242424;
}

#raceIndex .speed .floatL,
#raceIndex .speed .floatR	{
	width:50px;
	padding:20px 0;
}

#raceIndex .speed .lineSpeed	{
	margin-left:50px;
	margin-right:50px;
	background:url(../img/line_slider.gif) 0 28px repeat-x;
	padding:20px 0;
}

#raceIndex .speed .lineSpeed2	{
	margin-left:50px;
	margin-right:50px;
	padding:20px 0;
}

#raceIndex .contents #con01 .mainCon .playPanel .btnClear,
#raceIndex .contents #con01 .mainCon .playPanel .btnPlay,
#raceIndex .contents #con01 .mainCon .playPanel	{
	height:39px;
}

#raceIndex .contents #con01 .mainCon .playPanel .btnPlay	{
	float:left;
	width:40px;
}

#raceIndex .contents #con01 .mainCon .playPanel .btnClear	{
	float:left;
	width:0px;
	visibility:hidden;
}

#raceIndex .contents #con01 .mainCon .playPanel .lineArea	{
	margin-left:40px;
	margin-right:0px;
	background-color:#FFFFFF;
}

#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineFinish,
#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineStart	{
	float:left;
	width:0px;
	padding-top:10px;
	line-height:1.0em;
	visibility:hidden;
}

#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineFinish	{
	
}

#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineTime	{
	margin-left:10px;
	margin-right:10px;
	background:url(../img/line_slider.gif) 0 18px repeat-x;
	padding:6px 0 0;
}

#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineTime2	{
	margin-left:40px;
	margin-right:0px;
	padding:6px 0 0;
}

/*
#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineTime2 #range	{
	width:300px;
}
*/

#raceIndex .config li,
#raceIndex .page li	{
	background-color:#242424;
	float:left;
	width:50%;
	vertical-align:bottom;
	padding:10px 0;
}

#raceIndex table	{
	background-color:#424242;
	width:100%;
}

#raceIndex tr td	{
	padding:10px 0 10px 10px;
}

#raceIndex tr .pointName,
#raceIndex tr .pointState	{
	text-align:left;
	width:40%;
}

#raceIndex tr .pointState	{
	width:50%;
}

#raceIndex .oddtr{
	background-color:#363636;
}

#raceIndex #map{
	height:360px;
}

#raceIndex .page li	{
	line-height:1.0em;
	padding:9px 0;
}







/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */

/*--------------------------------------- all center */

body{

	text-align:center;

	background-color:#F8F8F8;

}



.main,

.wrapper,

.container,

#footer02

{

	width:950px;

	margin:0 auto;

	text-align:left;

}



/*--------------------------------------- header */



/*--------------------------------------- breadCrumb */



/*--------------------------------------- mainContaints */



/*--------------------------------------- side */



/*--------------------------------------- page */

.page .pageBack	{

	margin-right:-1px;

	text-align:right;

}

.page .pageBack span	{

	padding-right:60px;

}

.page .pageNext	{

	border-left:#424242 solid 1px;

	text-align:left;

}

.page .pageNext span	{

	padding-left:60px;

}



/*--------------------------------------- footer */

.footer	{

	background-color:#F8F8F8;

	padding:10px 0 60px;

}





/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */  



#topIndex .page:after,

#raceIndex .page:after,

#raceIndex .contents #con01 .mainCon .playPanel .lineArea:after,

#raceIndex .contents #con01 .mainCon .playPanel:after,

#raceIndex .header:after,

#raceIndex .contents #con01 .time:after,

#raceIndex .speed:after,

#raceIndex ul:after,

.contents:after,

.gNavi ul:after,

.container:after{

content:".";

display:block;

clear:both;

height:0;

line-height:0;

visibility:hidden;

font-size: 0;

}



	/* IE6 */

	* html #topIndex .page,

	* html #raceIndex .page,

	* html #raceIndex .contents #con01 .mainCon .playPanel .lineArea,

	* html #raceIndex .contents #con01 .mainCon .playPanel,

	* html #raceIndex .header,

	* html #raceIndex .contents #con01 .time,

	* html #raceIndex .speed,

	* html #raceIndex ul,

	* html .contents,

	* html .gNaviul,

	* html .container{height:1%;}



	/* IE7 */

	*:first-child+html #topIndex .page,

	*:first-child+html #raceIndex .page,

	*:first-child+html #raceIndex .contents #con01 .mainCon .playPanel .lineArea,

	*:first-child+html #raceIndex .contents #con01 .mainCon .playPanel,

	*:first-child+html #raceIndex .header,

	*:first-child+html #raceIndex .contents #con01 .time,

	*:first-child+html #raceIndex .speed,

	*:first-child+html #raceIndex ul,

	*:first-child+html .contents,

	*:first-child+html .gNaviul,

	*:first-child+html .container{display:inline-block;}



}