@charset "utf-8";
/* CSS Document */
/*===============================================
●smart.css  画面の横幅が720pxまで
===============================================*/
@media screen and (max-width:1024px){
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:url(../img/icon_yacht.png) 20px 10px no-repeat;
	text-align:left;
	padding:10px 0 10px 100px;
}

#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:35px;
	/* 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:540px;
}

#raceIndex #map label { width: auto; display:inline; }
#raceIndex #map img { max-width: none; }

#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;}

}