@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6,ul,ol,dl,table,pre {
	margin-top: 0;
}/*上方向のmarginを0にする*/

a {
	text-decoration: none;
	color: blue/*#0066ca*/;
}

a:hover {
	color: #F60;
	outline: none;/*フォーカスした際に現れる点線を非表示にする*/
}

ul,ol {
	list-style-type: none;
}
	
img {
	vertical-align: bottom;/*デフォルトで挿入される画像下のマージンを削除*/
}


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	background-color: #e5e5e5;
	background-image: url(../img/check01.gif);
}



/*文字色・文字の大きさ■■■■■■■■■■*/
/*移動した p {
	font-size: 14px;ウエブ標準フォントサイズ 16px
	color: #333;
	line-height: 1.8;
	margin-bottom: 1.5em;
	letter-spacing: 0.02em;
}*/



.green {
	color: #006400;/*緑色文字*/
}

.red {
		color: #cc3399;/*赤色文字*/
}


/*文字の大きさ18pxに→伴走ノウハウ解説文目次に使用
.font-big{*/


/*赤色文字と文字の大きさ18pxに→観戦記日本選手結団式壮行会に使用
.red-font-big{*/




/*ヘッダーエリア■■■■■■■■■■■■■■■■■■■■■■■*/
#header {
	margin: 0;
	background-color: #9b164f;
	padding: 25px;
	box-sizing: border-box;/*パディング等も100%内に納める命令文*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*#header h1 {グリッドへ移動*/

#header h1 a {
	color: #FFF;
}
#header h1 a:hover {
	color: #FFF;
}
/*ヘッダーエリア■■■■■■■■■■■■■■■■■■■■■■■*/






/*ナビエリア■■■■■■■■■■■■■■■■■■■■■■■■■*/
#nav {
	text-align: right;/*右寄せ*/
	padding: 0;
	margin:0 auto;
	background-color: #9b164f;
	border-top: double 3px #C24785;
	box-sizing: border-box;/*パディング等も100%内に納める命令文*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#nav ul {
	list-style-type: none;
	margin-right: 7px;
	padding-left: 0px;
	font-size: 0px;/*デフォルトの半角スペース削除*/

}

/*#nav ul li {*/

#nav ul li:first-child {
	border-left: solid 1px #aaaaaa;
}

#nav ul li a {
	color: #ffffff;
	padding: 15px 2px 15px 2px;/*リンク範囲を拡大する*/
}
#nav ul li a:hover {
	color: #FF8800;
}
/*ナビエリア■■■■■■■■■■■■■■■■■■■■■■■■■*/








	
	
	
/*ヘッダーイメージ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#headerimg img {
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
	-webkit-box-shadow: 3px 3px 6px #666666;
	box-shadow: 0 3px 6px #666666;
}
/*ヘッダーイメージ■■■■■■■■■■■■■■■■■■■■■■*/










/*コンテンツエリア■■■■■■■■■■■■■■■■■■■■■■*/

#content {
	background-color: #fffcf3;/* #fcf8f0◆#ffffee*/;
}

/*#content h1 {*/


#content ul li {
	line-height: 2;
}


/*ランリスト■■■*/
/*グリッドに移動
#run-list {
	margin-bottom: 50px;
	box-sizing: border-box;パディング等も100%内に納める命令文
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#run-list p {
	margin: 0;
	padding-top:6px;
	line-height: 2.0;
}
#run-list .kaisai{
	float: left;
}
#run-list .taikai{
	margin: 0 0 0 85px;
}
#run-list ul {
	margin-left:30px;
	padding: 0;
}
#run-list li {
	border-bottom: solid 2px #d8e8cf;
}
#run-list li:first-child {
	border-top: solid 2px #d8e8cf;
}
#run-list li a {
	display: block;
	padding: 3px 0 3px 0;
}
#run-list ul a:after {
	content: "";
	display: block;
	clear: both;
}*/
/*ランリスト■■■*/






/*■■各ページのサブタイトル*/
/*#content h2 {*/

/*#content h3 {*/

.kansenki-kiji {
	border: solid 1px #333;
	padding: 20px;
	background-color: #fff;
	border-radius: 7px;
	margin-bottom: 70px;
	text-align:justify;/*両端をそろえる*/
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}

/*パーツ内の最後の要素の下マージン削除*/
.kansenki-kiji :last-child {
	margin-bottom: 0;
}


/*観戦記記事内タイトル*/
/*#content h4 {*/


/*■■文章区切り画像・ライン*/
.line {
	text-align: center;
	line-height: 2.0;
	margin-top: 50px;
	padding-bottom: 45px;/*マージンが効かない*/
/*	margin-bottom: 50px;*/
}


/*■■サイト紹介の表示 */
.site {
	background-color: #ffffff;
	margin-bottom: 30px;
	margin-right: 20px;
	border: double 3px #d8e8cf;
	padding: 10px;
	border-radius: 5px;
}	



/*■■新聞記事掲載タグ*/

/*引用文表示のタグ*/
blockquote {
	margin: 0;
	padding: 0;
} 
.news-paper {
	border: solid 8px #d8e8cf;
	margin-bottom: 40px;
}	

/*新聞記事グリーン色タイトル*/
.news-paper h5 {
	font-size: 17px;	
	border-bottom: dotted 1px #333333;
	padding: 22px 8px;
}
.news-paper p {
	padding-left: 12px;
	padding-right: 12px;
}/*本文の周囲のパディング*/


/*転載許諾文タグ*/
.news-paper-footer {
	border-top: dotted 1px #333333; 
	padding-top: 8px;
	text-align: center;
	padding: 8px;
}


/*■■選手紹介タグ*/

/*引用文表示のタグ*/
blockquote {
	margin: 0;
	padding: 0;
} 

.senshu-shokai {
	border: solid 8px #d8bfd8;
	margin-bottom: 40px;
}	

/*新聞記事グリーン色タイトル*/
.senshu-shokai h5 {
	font-size: 17px;	
	border-bottom: dotted 1px #333333;
	padding: 22px 8px;
	line-height: 1.6;
}

.senshu-shokai p {
	padding-left: 12px;
	padding-right: 12px;
}/*本文の周囲のパディング*/

/*■■新聞記事の中の写真を右側に配置*/
.photo-right {
	margin: 0;
	margin-left: 10px;
	margin-right: 12px;
	float: right;
}



/*■■視覚障害者ランナー伴走■■「伴走ノウハウ解説」章の表示*/
/*#blind-runner h3 {
	font-size: 35px;
}*/

/*「伴走ノウハウ解説」章の次のタイトル表示*/
/*#blind-runner h4 {
	font-size: 26px;
}*/

/*「伴走ノウハウ解説」章の次のリストタイトル表示*/
/*#blind-runner h5,h6 {
	font-size: 22px;
}*/

/*「伴走ノウハウ解説」章タイトル等の下のマージン指定*/
/*#blind-runner h3,h4,h5,h6 {
	margin-bottom: 10px;
}*/

#blind-runner ul {
	margin-left: 0;
	padding-left: 30px;/*リスト左寄せ幅指定*/
}

#blind-runner ul li {/*リスト印非表示*/
	list-style: none;
}	

/*■■■■■■■■■■写真と説明文*/

/*■■写真タイトル/左端にカメラの画像付*/
.photo_title {
	border:solid 1px #cc3399;
	background-color: #ffe8ff;
	font-size: 15px;
	padding-left:10px;
	font-weight: bold;
	color:#cc3399;/*文字色ピンク色*/
	}
.photo_title img {
	vertical-align: 1px;/*カメラ画像の上下位置調整*/	
}
.photo img {
	margin-bottom: 10px;/*写真と説明文との間隔*/	
	box-shadow: 0 0 5px #2F2F2F;/*写真周囲のシャドー*/
}	
.photo {
	width: 100%;/*写真をフレキシブルにする*/
	height: auto;/*写真をフレキシブルにする*/
	margin-bottom: 60px;
}
.photo p {
	margin-top: 0;
	line-height: 1.5;
	color: #c12674;/*キャプション文字は赤色*/

}

/*■■動画フレキシブルにする*/
.movie-wrap {
	margin-top: 50px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*■■■■■■■■■■写真と説明文*/

/*コンテンツエリア■■■■■■■■■■■■■■■■■■■■■■*/










/*サイドバーエリア■■■■■■■■■■■■■■■■■■■■■■*/
#sidebar {
	margin-bottom: 30px;
	background-color: #f0ece1;
	padding: 10px;
	border-radius: 3px;
	box-sizing: border-box;/*パディング等も100%内に納める命令文*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/*#sidebar h1 {*/

#sidebar ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
}
#sidebar li a {
	display: block;/*リンク範囲が右側一杯まで広がる*/
	padding: 12px 0px 12px 0;
}
#sidebar li a:hover {
	background-color:  #dfe0d8 ;/*リンク範囲の背景色変更*/
}


/*トップページのみ適用■■■■■■■■■■■*/
#top dl#news dt{
    margin:0;
	padding: 7px 0 0 0;
    line-height:1.4;
}
#top dl#news dd{
    margin:0;
	padding-left: 20px;
    border-bottom:1px solid #CCC;
    line-height:1.4;
	padding: 7px 0 7px 0;
}
#top dl#news a{
}
 
#top dl#news a:hover{
    text-decoration:none;
}
/*サイドバーエリア■■■■■■■■■■■■■■■■■■■■■■*/












/*■■■■パン屑リスト*/
#bread{
	margin: 0 0 20px 0;
	padding-left: 20px;
	border: 1px solid #999;
	font-size: 13px;
	line-height: 2;
	border-radius: 25px;
	width:70%;
}

#bread li {
    display: inline-block;
}
 
#bread li + li:before {
    margin: 0 5px;
    content: ">";
}
/*■■■■パン屑リスト*/

/*フッターエリア■■■■■■■■■■■■■■■■■■■■■■■*/
#footer {
	padding: 15px 15px 0 15px;
	background-color: #e9abc0;
	box-sizing: border-box;/*パディング等も100%内に納める命令文*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#footer .col {
	margin-bottom: 15px;
}
#paralympic,#marathon,#camp,#blind-runner,#profile,#sitemap {
	margin-top: 5px;
}
#footer h1 {
	margin: 15px 0 5px 0;
	padding: 6px;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	border-radius: 5px;
	color: #555;
	border: solid 1px #555;
}
#footer ul {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
}
#footer li a {
	display: block;/*リンク範囲が右側一杯まで広がる*/
	padding: 7px 5px 7px 10px;
	color: #FFF;
}
#footer li a:hover {
	background-color:  #d7a1bc ;/*リンク範囲の背景色変更*/
}

/*一番下のコピーライト部分*/
#footer p {
	margin: 0;
	padding: 10px;
	width: 100%;
	font-size: 12px;
	background-color: #B83D7A;
	color: #FFF;
	text-align: center;
		box-sizing: border-box;/*パディング等も100%内に納める命令文*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

}

/*フッター段組→タブレット＆デスクトップに入っている■■■■■■
#footer .col {
	float: left;
	width: 31%;
	margin-left: 3.5%;
	*clear: right; (IE7対策)
}

#footer .col:first-child {
	margin-left: 0;
}

#footer .cols:after {
	content: "";
	display: block;
	clear: both;
}

#footer .cols {
	*zoom: 1;
}






/*■■■■■■■■■■■■■■■■■■■■ページトップへ戻るボタン*/
#page-top { 
    position: fixed; 
    bottom: 5px; 
    right: 5px; 
    font-size: 77%; 
} 

#page-top a { 
    background: #9b164f;
    text-decoration: none; 
    color: #fff; 
    width: 80px; 
    padding: 8px 0; 
    text-align: center; 
    display: block; 
    border-radius: 6px; 
} 

#page-top a:hover { 
    text-decoration: none; 
    background: #999; 
} 
/*■■■■■■■■■■■■■■■■■■■■ページトップへ戻るボタン*/
