/* 表示領域が800px以上の場合に適用するスタイル */



body.home {background-color:#429; background-image:url(./00picture/back0.png)}
body.menu {text-align:center; background-size:auto 100%;;}
body.collagen {width:100%; background-image:url(./00picture/back1.jpg)}
body.marathon {width:100%; background-image:url(./00picture/back2.jpg)}
body.charider {width:100%; background-image:url(./00picture/back3.jpg)}


div.column1 { width: 250px;  float:left; border:solid 1px; background-image:url(./00picture/back_m.jpg)}
div.column2 { width:   65%;  float:left; padding:10px}
div.column3 { width:   65%;  float:left; padding-left:10px; padding-right:10px; padding-top:0px}
div.menu    { width:   95%;  border:solid 1px; margin-top:3px; padding:3px; font-size:1.25em; font-weight:bold; text-align:LEFT;background-color: rgba(255,255,255,0.4);}
div.footer  { clear:both;    text-align:center;}


iframe.menu {width:100%; height:800px;}



div.cen {text-align:center;}

div.imgRight  {width:45%; float:right; margin-bottom:1em; padding-left:1em}
div.imgLeft   {width:45%; float:left;  margin-bottom:1em; padding-right:1em}
div.imgCenter {width:45%; float:left;  margin-bottom:1em; margin-left:2.5%; margin-right:2.5%;}
div.imgCenter1 {width:45%; margin-bottom:1em; margin-left:auto; margin-right:auto; text-align:center}
div.imgCenter2 {width:60%; margin-bottom:1em; margin-left:auto; margin-right:auto; text-align:center}
div.imgCentWrap {display:flex}

img.home {max-width:80%}
img.main {margin-left:0.5em; margin-right:0.5em; width:45%}
img.imgYoko {width:100%}
img.imgTate {width:66%; margin-left:20%; margin-right:20%}


table.mararen {background-color:#000; table-layout:fixed; width:100%}



p {color:#000; font:normal 1em "Times New Roman"}
.caution {color:#c00}
.subject {font:2em bold;color:#7CF}
.clearR {clear:none}
.triPart {clear:all; font-size:1.25em; font-weight:bold}
.clrALL {clear:both}




/****大会参加記録の冒頭データ****/
table.raceData {float:left; width:50%; border:none}
td.rData1 {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em}
td.rData2 {background-color:#FFF; border:solid #FFF 2px;text-align:center}





/****チャリダー旅行冒頭データ****/
table.chariData1  {float:left; width:60%; border:none}
table.chariData2  {float:left; width:40%; border:none}

td.chDayN  {background-color:#FFF; border:solid #FFF 2px; text-align:center; width:80px; height:150px;}
td.chRoad  {background-color:#FFF; border:solid #FFF 2px; text-align:center}
td.chDate  {background-color:#FFF; border:solid #FFF 2px; text-align:center; height:20px}

td.chDist  {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em; width:30%; min-width:80px; height:71px}
td.chAlti  {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em; width:30%; height:71px}
td.chDist2 {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em}
td.chAlti2 {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em}



/* 横レイアウトだが画面幅が狭いとメインコンテンツの幅が収まらないので固定値 
@media (min-width: 851px) and (max-width:1000px){
	div.column2 { width:550px;}
}
*/





/*★★★★スマホ対応★★★★*/
/*☆表示領域が241〜799pxの場合に適用するスタイル */

@media (max-width: 850px) and (min-width: 251px){
	body.menu {text-align:LEFT}
	div.column1 { width: 100%; }
	div.column2 { width: 95%; padding:10px}
	div.column3 { width: 100%; padding-left:0px; padding-right:0px; padding-top:10px}
	div.menu {width:45%; border:solid 1px; margin:2px;  font-size:0.75em;float:left;}
	iframe.menu {width:100%; height:160px;}
	body.menu { background-size:100% auto;}
	table.mararen {width:150%}
	img.main {margin:0.5em; width:75%}

div.imgCentWrap {display:inline}
	div.imgRight   {width:75%; float:none; margin-left:auto; margin-right:auto; padding:0em}
	div.imgLeft    {width:75%; float:none; margin-left:auto; margin-right:auto; padding:0em}
	div.imgCenter  {width:75%; float:none; margin-left:auto; margin-right:auto; padding:0em}
	div.imgCenter1 {width:75%; float:none; margin-left:auto; margin-right:auto; padding:0em}
	div.imgCenter2 {width:75%; float:none; margin-left:auto; margin-right:auto; padding:0em}
	p.clearR {clear:right}
	p.clearL {clear:left}
article.clearR {clear:right}

table.raceData {float:none; width:100%}

table.mararen {width:900px}

/**チャリ旅行記　スマホ**/
table.chariData1  {float:none; width:100%}
table.chariData2  {float:none; width:100%}
td.chDayN {background-color:#FFF; border:solid #FFF 2px; text-align:center; width:25%; min-width:80px; height:100px}
td.chRoad {background-color:#FFF; border:solid #FFF 2px; text-align:center}
td.chDate {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em; height:20px}
td.chDist {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em; width:25%; min-width:80px;height:30px}
td.chAlti {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em; width:25%; height:30px}
td.chDate2 {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em}
td.chDist2 {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em}
td.chAlti2 {background-color:#FFF; border:solid #FFF 2px; padding-left:0.5em}

}
/*★★★★スマホ対応★★★★*/





td {border:solid; font-family:"Times New Roman"}
.brdrNo {border:none; vertical-align:top}
.chTitle {border:none; text-align:right;}


article.clearR {clear:none}





a {color: #40C; border-color:#00F; border-width:thick}

h1     {color:#58F; margin:0em; font:1.5em;}
h2     {color:#00D; margin:0em; font-weight:bold 1.5em "Times New Roman"; }
h3     {font:1em; color:#00D}

H1.coll {font-size:1.5em; color:#58F}
H2.coll {color:#006; font:bold 1.25em "Times New Roman"}

caption {padding:0.25em; font:bold 0.9em}




strong {color:#F60; font-size:1.25em}
.race  {color:#F0A; font-size:1.25em}


span.pho  {color:#447}
.baka     {color:#A50; font-size:1.5em; font-weight:bold; }
.gale     {color:#FD0; font-size:1.25em; font-weight:bold; }
.grandblue{color:#209; font-size:1.25em; font-weight:bold; }
.sm       {color:#7CF; font:2em bold; background:#A85}
.sc       {color:#7CF; font:2em bold; background:#8A5}
.best     {color:#FA0; font-size:1.25em}
.caution2 {color:#C00; font-weight:bold; font-size:1.5em}
.caution1 {color:#C00; font-weight:bold;}
.umquo    {color:#970; font-weight:bold; font-size:1.25em; font-family:none}
.cb400sf  {color:#900; font-weight:bold}
.flame    {color:#E00; font-size:1.25em; font-weight:bold}
.H2S      {color:#FD0}
.triSwim  {color:#00A}
.triBike  {color:#470}
.triRun   {color:#830}

BIG.big1 {font-size:1.5em; font-weight:bold; }/*****/
.big2    {font-size:2em;   font-weight:bold; }/*****/
.lost1   {font-size:1.5em; font-weight:bold; color:#999}/*****/
.lost2   {font-size:2em;   font-weight:bold; color:#999}/*****/



/****/
B {font:bold 1.25em}