@charset "utf-8";

/* CSS Document */

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

●style.css 画面の横幅が721px以上

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

@media print, screen and (min-width: 1025px){

#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 .entryOff,

#raceIndex h3	{color:#999999;}



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



/* 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 */

.xSmall{font-size:69%;}



/* size10px */

.small{font-size:80%;}



/* size12px */

table,

textarea,

.main,

.side{font-size:93%;}



/* size14px */

#topIndex .raceList li dl dt,

#raceIndex .config li,

#raceIndex .header h2,

#raceIndex h3,

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



/* size16px */

#raceIndex tr td,

.middle{font-size:123.1%;}



/* size18px */

#topIndex .raceList li dl dd,

.large{font-size:138.5%;}



/* size20px */

#raceIndex h1,

.non{font-size:153.9%;}



/* size22px */

#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,

#raceIndex .contents #con01 .mainCon .areaTime .time{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; */

	float:left;

	width:100%;

}

#raceIndex #con02	{

	float:right;

	width:280px;

	border-left:#000000 solid 1px;

	margin-left:-281px;

}



#raceIndex .contents #con01 .mainCon{margin-right:281px;}



#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:240px; */

	width:20%;

}



#raceIndex .header .btnTop	{

	text-align:left;

	float:left;

	width:60px;

	

	height:39px;

}

#raceIndex .header h1	{

	padding-top:5px;

	margin:0 180px 0 60px;

}

#raceIndex .header h2	{

	float:right;

	width:180px;

	margin-left:-180px;

	padding-top:10px;

	text-align:right;

	padding-right:10px;

}

#raceIndex .header #btnMenu	{

	visibility:hidden;

	float:right;

	width:0;

	height: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:right;

	width:106px;

}

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

	margin-left:40px;

	margin-right:106px;

	background-color:#FFFFFF;

}

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

#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineStart	{

	float:left;

	width:100px;

	padding-top:10px;

	line-height:1.0em;

}

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

	float:right;

}

#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineTime	{

	margin-left:100px;

	margin-right:100px;

	background:url(../img/line_slider.gif) 0 18px repeat-x;

	padding:6px 0 0;

}

#raceIndex .contents #con01 .mainCon .playPanel .lineArea .lineTime2	{

	margin-left:100px;

	margin-right:100px;

	padding:6px 0 0;

}

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

#raceIndex .config li,

#raceIndex .page li	{

	background-color:#242424;

	float:left;

	width:140px;

	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:691px;

}

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



}