@charset "utf-8";

/* summary ------------------
Header
-------------------------- */

#Header {
padding:10px 15px;
background:#FFF;
}

/* HeaderKeyword ----------------- */
#Header .HeaderKeyword {
position:absolute;
top:10px;
right:16px;
font-size:1.1em;
line-height:1;
}


/* TitleSection ----------------- */
#Header #TitleSection {
width:970px;
}
	#Header #TitleSection:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #Header #TitleSection {
	display: inline-block;
	}
	*+html #Header #TitleSection {
	display: inline-block;
	}

#Header #TitleSection .HeaderLogo {
float:left;
width:550px;
}
#Header #TitleSection .HeaderLogo-02 {
float:left;
width:365px;
}

#Header #TitleSection .HeaderLogo-02 {
float:left;
width:365px;
}
#HeaderLogoSidePic  {
float:left;
	width: 500px;
	margin: 17px 0 0 0;
}
#Header #TitleSection .mainichi-check  {
}
#Header #TitleSection .mainichi-check li {
float: left;
margin: 0 5px 0 0;
}
#Header #TitleSection .mainichi-check li a {
width: 120px;
height: 26px;
display: block;
font-size: 1.25em;
color: #fff;
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	letter-spacing: -0.8px;
}

#Header #TitleSection .mainichi-check li a:hover {
text-decoration: none;
}
#Header #TitleSection .mainichi-check li.uranai a {
background:#255da7 url("images/icon_uranai_001.png") 5px center no-repeat;
	padding: 8px 0 0 30px;
}

#Header #TitleSection .mainichi-check li.sports a {
	padding: 8px 0 0 25px;
background:#255da7 url("images/icon_sports_001.png") 5px center no-repeat;
}

#Header #TitleSection .mainichi-check li.tenki a {
background:#255da7 url("images/icon_tenki_001.png") 5px center no-repeat;
	padding: 8px 0 0 30px;
}

#Header #TitleSection .mainichi-check li.amakara a {
background:#255da7 url("images/icon_amakara_001.png") 5px 5px no-repeat;
	padding: 8px 0 0 38px;
}



#Header #TitleSection .HeaderNavigation ul.navigation {
margin:22px 0 0 0;
}
#Header #TitleSection .HeaderNavigation ul.navigation li {
display:inline;
margin:0 6px 0 0;
padding:0 0 0 17px;
background:url(images/arrow_001.gif) no-repeat 4px center;
font-size:1.2em;
line-height:1;
}

#Header #TitleSection .HeaderLink {
float:right;
width:105px;
margin:0;
text-align: right;
}
#Header #TitleSection .HeaderLink ul {
margin:13px 0 0 0;
}
#Header #TitleSection .HeaderLink ul li {
display:inline;
margin:0 5px 0 0;
}
#Header #TitleSection .HeaderLink ul.SNSButton {
margin:17px 0 0 5px;
	display: inline-block;
}
#Header #TitleSection .HeaderLink ul.SNSButton li {
display:inline-block;
margin:0 0 0 3px;
}



/* AllianceNavigationSection ----------------- */
#AllianceNavigationSection {
padding:8px 0 7px 10px;
background:url(images/bg_header_001.gif) no-repeat left top;
position:relative;
}
#AllianceNavigationSection ul.navigation {
margin:0;
border-left:1px solid #E5E5E5;
}
	#AllianceNavigationSection ul.navigation:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #AllianceNavigationSection ul.navigation {
	display: inline-block;
	}
	*+html #AllianceNavigationSection ul.navigation {
	display: inline-block;
	}

#AllianceNavigationSection ul.navigation li {
float:left;
padding:0 10px;
border-right:1px solid #E5E5E5;
font-size:1.4em;
line-height:1;
}

#AllianceNavigationSection ul.navigation li.active a {
color:#FF0000;
}

/* �� 20120704 cyclist add ----------------- */

#AllianceNavigationSection ul.navigationR {
margin:0;
float:right;
position:absolute;
right:10px;
top:2px;
}
	#AllianceNavigationSection ul.navigationR:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #AllianceNavigationSection ul.navigationR {
	display: inline-block;
	}
	*+html #AllianceNavigationSection ul.navigationR {
	display: inline-block;
	}

#AllianceNavigationSection ul.navigationR li {
display:inline-block;
margin:0 0 0 10px;
}
#AllianceNavigationSection ul.navigationR li.cyclistLogo {
padding:0;
background:url(images/logo_cyclist_navi.png) no-repeat left top;
width:101px;
height:24px;
line-height:1;
}

#AllianceNavigationSection ul.navigationR li.cyclistLogo a {
width:101px;
height:24px;
display:block;
text-indent:-9999px;
}


#AllianceNavigationSection ul.navigationR li.otaculLogo {
padding:0;
background:url(images/logo_otacul_navi.png) no-repeat left top;
width:112px;
height:24px;
line-height:1;
}

#AllianceNavigationSection ul.navigationR li.otaculLogo a {
width:112px;
height:24px;
display:block;
text-indent:-9999px;
}


/* �� 20120704 cyclist add ----------------- */

/* GlovalNavigationSection ----------------- */
#GlovalNavigationSection {
width:961px;
margin:0 0 10px 0;
padding:0 0 0 9px;
background:url(images/bg_header_002.gif) no-repeat left bottom;
}
	#GlovalNavigationSection:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #GlovalNavigationSection {
	display: inline-block;
	}
	*+html #GlovalNavigationSection {
	display: inline-block;
	}

#GlovalNavigationSection ul.navigation {
float:left;
margin:0;
}
	#GlovalNavigationSection ul.navigation:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #GlovalNavigationSection ul.navigation {
	display: inline-block;
	}
	*+html #GlovalNavigationSection ul.navigation {
	display: inline-block;
	}
#GlovalNavigationSection ul.navigation li {
float:left;
padding:0;
}
#GlovalNavigationSection ul.navigation li a {
cursor:pointer;
}
#GlovalNavigationSection ul.navigation li a span.menu,
#GlovalNavigationSection ul.navigation li a span.active {
height:32px;
display:block;
}
#GlovalNavigationSection ul.navigation li.menu01 {width:61px;}
#GlovalNavigationSection ul.navigation li.menu01 a span.menu {background:url(images/gloval_menu_001.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu01 a:hover span.menu {background:url(images/gloval_menu_001_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu01 a span.active {background:url(images/gloval_menu_001_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu02 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu02 a span.menu {background:url(images/gloval_menu_002.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu02 a:hover span.menu {background:url(images/gloval_menu_002_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu02 a span.active {background:url(images/gloval_menu_002_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu03 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu03 a span.menu {background:url(images/gloval_menu_003.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu03 a:hover span.menu {background:url(images/gloval_menu_003_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu03 a span.active {background:url(images/gloval_menu_003_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu04 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu04 a span.menu {background:url(images/gloval_menu_004.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu04 a:hover span.menu {background:url(images/gloval_menu_004_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu04 a span.active {background:url(images/gloval_menu_004_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu05 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu05 a span.menu {background:url(images/gloval_menu_005.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu05 a:hover span.menu {background:url(images/gloval_menu_005_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu05 a span.active {background:url(images/gloval_menu_005_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu06 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu06 a span.menu {background:url(images/gloval_menu_006.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu06 a:hover span.menu {background:url(images/gloval_menu_006_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu06 a span.active {background:url(images/gloval_menu_006_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu07 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu07 a span.menu {background:url(images/gloval_menu_007.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu07 a:hover span.menu {background:url(images/gloval_menu_007_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu07 a span.active {background:url(images/gloval_menu_007_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu08 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu08 a span.menu {background:url(images/gloval_menu_008.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu08 a:hover span.menu {background:url(images/gloval_menu_008_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu08 a span.active {background:url(images/gloval_menu_008_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu09 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu09 a span.menu {background:url(images/gloval_menu_009.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu09 a:hover span.menu {background:url(images/gloval_menu_009_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu09 a span.active {background:url(images/gloval_menu_009_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu10 {width:100px;}
#GlovalNavigationSection ul.navigation li.menu10 a span.menu {background:url(images/gloval_menu_010.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu10 a:hover span.menu {background:url(images/gloval_menu_010_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li.menu10 a span.active {background:url(images/gloval_menu_010_active.gif) no-repeat left top;}
#GlovalNavigationSection ul.navigation li a span.text {
position: absolute;
top: -99999px;
left: -99999px;
overflow: hidden;
font-size: 0;
height: 0;
width: 0;
}


#GlovalNavigationSection .GenreSelect {
float:right;
margin:0 10px 0 0;
}
	#GlovalNavigationSection .GenreSelect:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #GlovalNavigationSection .GenreSelect {
	display: inline-block;
	}
	*+html #GlovalNavigationSection .GenreSelect {
	display: inline-block;
	}
#GlovalNavigationSection .GenreSelect .title {
float:left;
margin:0;
}
#GlovalNavigationSection .GenreSelect .SelectButton {
position:relative;
float:left;
width:105px;
height:18px;
margin:5px 0 0 2px;
padding:4px 0 0 5px;
background:#FFF;
font-size:1.4em;
line-height:1;
}
#GlovalNavigationSection .GenreSelect .SelectButton img {
position:absolute;
display:block;
left:88px;
top:0;
}

/* GlovalNavigationSection-02 ----------------- */
#GlovalNavigationSection-02 {
width:970px;
margin:0 0 10px 0;
}
	#GlovalNavigationSection-02:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #GlovalNavigationSection-02 {
	display: inline-block;
	}
	*+html #GlovalNavigationSection-02 {
	display: inline-block;
	}

#GlovalNavigationSection-02 ul.navigation {
float:left;
width:960px;
margin:0;
padding:0 0 0 10px;
background: #1e5799;
background: -moz-linear-gradient(top,  #1e5799 0%, #2676c4 0%, #2676c4 0%, #63abe2 100%);
background: -webkit-linear-gradient(top,  #1e5799 0%,#2676c4 0%,#2676c4 0%,#63abe2 100%);
background: linear-gradient(to bottom,  #1e5799 0%,#2676c4 0%,#2676c4 0%,#63abe2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#63abe2',GradientType=0 );
border-radius: 0px 0px 3px 3px; 
-moz-border-radius: 0px 0px 3px 3px; 
-webkit-border-radius: 0px 0px 3px 3px; 
border: 0px solid #fff;
}
	#GlovalNavigationSection-02 ul.navigation:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #GlovalNavigationSection-02 ul.navigation {
	display: inline-block;
	}
	*+html #GlovalNavigationSection-02 ul.navigation {
	display: inline-block;
	}
#GlovalNavigationSection-02 ul.navigation li {
float:left;
width:96px;
padding:0;
}
#GlovalNavigationSection-02 ul.navigation li a {
cursor:pointer;
display:block;
padding:8px 0 7px 0;
font-size:1.5em;
line-height:1.1;
color:#fff;
font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
text-align:center;
}
#GlovalNavigationSection-02 ul.navigation li a {
display:block;
border-right:1px solid #4D8CC9;
border-left:1px solid #69A8E4;
}
#GlovalNavigationSection-02 ul.navigation li a:hover,
#GlovalNavigationSection-02 ul.navigation li a.active {
display:block;
border-right:1px solid #E5E5E5;
border-left:1px solid #fff;
background:#fff;color:#2C7CCD;
text-decoration:none;
}



#GlovalNavigationSection-02 ul.navigation li.menu09 a {
display:block;background: #1e5799;
background: -moz-linear-gradient(top,  #1e5799 0%, #2676c4 0%, #0c58a1 0%, #327dc7 100%);
background: -webkit-linear-gradient(top,  #1e5799 0%,#2676c4 0%,#0c58a1 0%,#327dc7 100%);
background: linear-gradient(to bottom,  #1e5799 0%,#2676c4 0%,#0c58a1 0%,#327dc7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#327dc7',GradientType=0 );
border-right:1px solid #2D71B3;
border-left:1px solid #478ACD;
}
#GlovalNavigationSection-02 ul.navigation li.menu09 a:hover,
#GlovalNavigationSection-02 ul.navigation li.menu09 a.active {
display:block;
border-right:1px solid #215586;
border-left:1px solid #255E95;
background:#185188;
color:#fff;
}

#GlovalNavigationSection-02 ul.navigation li.menu10 a {
display:block;background: #1e5799;
background: -moz-linear-gradient(top,  #1e5799 0%, #2676c4 0%, #0c58a1 0%, #327dc7 100%);
background: -webkit-linear-gradient(top,  #1e5799 0%,#2676c4 0%,#0c58a1 0%,#327dc7 100%);
background: linear-gradient(to bottom,  #1e5799 0%,#2676c4 0%,#0c58a1 0%,#327dc7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#327dc7',GradientType=0 );
border-radius: 0px 0px 3px 3px; 
-moz-border-radius: 0px 0px 3px 3px; 
-webkit-border-radius: 0px 0px 3px 3px; 
border: 0px solid #fff;
border-right:none;
border-left:1px solid #478ACD;
}
#GlovalNavigationSection-02 ul.navigation li.menu10 a:hover,
#GlovalNavigationSection-02 ul.navigation li.menu10 a.active {
display:block;
border-right:none;
border-left:1px solid #255E95;
background:#185188;
color:#fff;
}




/* SubNavigationSection ----------------- */
#SubNavigationSection {
position:relative;
margin:0 0 10px 0;
}
#SubNavigationSection .SubNavigation01 {
margin:0;
}
	#SubNavigationSection .SubNavigation01:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #SubNavigationSection .SubNavigation01 {
	display: inline-block;
	}
	*+html #SubNavigationSection .SubNavigation01 {
	display: inline-block;
	}

#SubNavigationSection .SubNavigation01 .GenreTop01, 
#SubNavigationSection .SubNavigation01 .GenreTop02 {
float:left;
width:130px;
margin:0;
background:#5BA0E3 url(images/bg_title_002.gif) repeat-x left top;
font-size:1.4em;
line-height:1.1;
color:#FFF;
text-align:center;
}
#SubNavigationSection .SubNavigation01 .GenreTop01 {
-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;/* Safari,Google Chrome */
-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;/* Firefox */
-ms-border-top-right-radius:5px;-ms-border-top-left-radius:5px;/* IE10 */ 
-o-border-top-right-radius:5px;-o-border-top-left-radius:5px;/* Opera */ 
border-top-right-radius:5px;border-top-left-radius:5px;/* CSS3 */
}
#SubNavigationSection .SubNavigation01 .GenreTop02 {
-webkit-border-radius:5px;/* Safari,Google Chrome */
-moz-border-radius:5px;/* Firefox */
-ms-border-radius:5px;/* IE10 */ 
-o-border-radius:5px;/* Opera */ 
border-radius:5px;/* CSS3 */
}
#SubNavigationSection .SubNavigation01 .GenreTop01 a,
#SubNavigationSection .SubNavigation01 .GenreTop02 a,
#SubNavigationSection .SubNavigation01 .GenreTop01 span.LinkNone,
#SubNavigationSection .SubNavigation01 .GenreTop02 span.LinkNone {
display:block;
padding:7px 0 6px 0;
color:#FFF;
}

#SubNavigationSection .SubNavigation01 ul.navigation {
float:left;
margin:8px 0 0 6px;
}
#SubNavigationSection .SubNavigation01 ul.navigation li {
display:inline;
margin:0 6px 0 0;
padding:0 0 0 17px;
/*
background:url(images/arrow_001.gif) no-repeat 4px center;
*/
font-size:1.2em;
line-height:1;
}

#SubNavigationSection .SubNavigation01 .search {
position:absolute;
width:300px;
right:0;
top:5px;
}
#SubNavigationSection .SubNavigation01 .search .text {
width:170px;
height:14px;
border: 1px solid #7F7F7F;
vertical-align:middle;
font-size:12px;
}
#SubNavigationSection .SubNavigation01 .search .submit {
margin:0 0 0 2px;
vertical-align:middle;
}
#SubNavigationSection .SubNavigation01 .search img {
margin:0 0 0 2px;
vertical-align:middle;
}


#SubNavigationSection .SubNavigation02 {
padding:7px 0 7px 10px;
border:1px solid #E6E6E6; 
-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-right-radius:5px;/* Safari,Google Chrome */
-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topright:5px;/* Firefox */
-ms-border-bottom-right-radius:5px;-ms-border-bottom-left-radius:5px;-ms-border-top-right-radius:5px;/* IE10 */ 
-o-border-bottom-right-radius:5px;-o-border-bottom-left-radius:5px;-o-border-top-right-radius:5px;/* Opera */ 
border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;/* CSS3 */
background: #F3F3F3;
background:#FFF url(images/bg_title_001.gif) repeat-x left top;
}

#SubNavigationSection .SubNavigation02 ul.navigation {
margin:0;
font-size:1.4em;
line-height:1;
border-left:1px solid #E5E5E5;
}
	#SubNavigationSection .SubNavigation02 ul.navigation:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
	}
	* html #SubNavigationSection .SubNavigation02 ul.navigation {
	display: inline-block;
	}
	*+html #SubNavigationSection .SubNavigation02 ul.navigation {
	display: inline-block;
	}
#SubNavigationSection .SubNavigation02 ul.navigation li {
float:left;
padding:0 10px;
border-right:1px solid #E5E5E5;
}

#SubNavigationSection .SubNavigation02 ul.navigation li a.active {
color:#4D4D4D;
}