@charset "Shift_JIS";

/* +++++++++++++++++++++++++++++++++++++++++++
	Title:CSS CLUB HARLEY
	Modify: 2010/2/21
  +++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++
	======INDEX=====
	1. Content
	2. topBanner
	3. topNewsBlog
	4. topSideColumn
	5. lotation  bnr
  +++++++++++++++++++++++++++++++++++++++++++ */

/*----------------------------------------------------------------------------------------
	1. Content
---------------------------------------------------------------------------------------- */
#main #contentLeft {
	width:605px;
	margin:0 15px 15px 15px;
	background:#FFF;
	float:left;
}
#main #contentRight {
	width:300px;
	float:right;
		margin:0 15px 5px 0;
		background:#FFF;
}

#logo_underbar{
		background: url(http://www.runningstyle.jp/common/img/bar.gif) repeat-x;
		height:16px;
		margin-bottom:0px;
}
/*BPMへ移動したから消してＯＫ

#main  #wide_ttl_bpm {
	width:920px;
	margin:0 15px 0 15px;
	text-align:left;
	background-color:#cc0066;
	font-size:24px;
}*/
  
/*----------------------------------------------------------------------------------------
	2-1. Content  エリア　　左カラム　と　右カラム　共通
---------------------------------------------------------------------------------------- */
#main #CheckFormLeft {
	width:660px;
	margin:0 20px 0 15px;
	background:#FFF;
	float:left;
}
#main #CheckFormRight {
	width:240px;
	float:right;
		margin:0 15px 0 0;
		background:#FFF;
}


/*----------------------------------------------------------------------------------------
	2. topBanner EVENTカレンダーエリア　1月〜12月
---------------------------------------------------------------------------------------- */
ul#Calendar {
	width:600px;
	margin:0 0 10px 0;
}
ul#topBanner li {
	width:97px;
	height:80px;
	float:left;
	margin:2px 2px 0 0;
}
ul#topBanner li.right {
	/*margin:20px 0 0;*/
}
ul#topBanner li img {
	/*margin:1px;*/
	/*margin:0px 1px;*/
}

ul#topBanner li a:hover img{
color:#fff;
text-decoration:none;
	opacity:0.6;
	filter: alpha(opacity=60);
}

/*
.topBanner01 img{
text-decoration:none;
	opacity:0.4;
	filter: alpha(opacity=40);
}
*/


.end img{
text-decoration:none;
	opacity:0.2;
	filter: alpha(opacity=20);
}

/*----------------------------------------------------------------------------------------
	2. topBanner EVENTカレンダーエリア　1月〜12月
---------------------------------------------------------------------------------------- */

ul#topBanner_reglar li {
	width:97px;
	height:38px;
	float:left;
	margin:2px 2px 0 0;
}
ul#topBanner_reglar li.right {
	/*margin:20px 0 0;*/
}
ul#topBanner_reglar li img {
	/*margin:1px;*/
	/*margin:0px 1px;*/
}

ul#topBanner_reglar li a:hover img{
color:#fff;
text-decoration:none;
	opacity:0.6;
	filter: alpha(opacity=60);
}

.topBanner_reglar img{
text-decoration:none;
	opacity:0.4;
	filter: alpha(opacity=40);
}


/*----------------------------------------------------------------------------------------
	3. topNewsBlog
---------------------------------------------------------------------------------------- */
#topNewsBlog {
	width:580px;

	margin:0 0px;
		top:310px; left:0;
}
#topNewsBlog h2 {
	margin:10px 0 10px 0;
}
#topNewsBlog ul li {
	width:540px;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #ccc;
}

#topNewsBlog ul li p {
	font-size:1.2em;
	line-height:1.4;
	margin:0 0 0 90px;
}
#topNewsBlog ul li p.ic_newsBlog {
	width:70px;
	float:left;
	margin:0 20px 0 0;
}
#topNewsBlog ul li p.newsDate {
	width:84px;
	background:#CCCAC1;
	color:#FFF;
	padding:0;
	margin:0 0 5px 90px;
	font-size:1.0em;
	text-align:center;
}
#topNewsBlog ul li h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0 90px;
}
#topNewsBlog ul li h3 a {
	color:#B31E1E
}

#topNewsBlog ul li a:hover {

	}
	

/*----------------------------------------------------------------------------------------
	3-2. NET　APPLY　EVENT
---------------------------------------------------------------------------------------- */
#topApplyEvent {
	width:580px;
	margin:0 0px;
		/*top:310px; left:0;*/
}

#topApplyEvent h2 {
	margin:15px 0 10px 0;
}
#topApplyEvent ul li {		
	margin: 3px 7px 3px 0px;
	padding: 0px 0px 3px 26px;
	color: #333333; /*ffffff added by ao*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #fff solid;
	background: url(http://www.runningstyle.jp/common/img/entry_arrow.gif) no-repeat 9px 5px;
}

#topApplyEvent ul li h3 a {
	margin: 3px 7px 3px 0px;
	padding: 0px 0px 3px 0;
	color: #333; /*ffffff added by ao*/
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #fff solid;
}

#topApplyEvent a:hover ul li{
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	color: #ccc; /*ffffff added by ao*/
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #fff solid;	

}


/*----------------------------------------------------------------------------------------
	4. topSideColumn
---------------------------------------------------------------------------------------- */
/*--ＮＥＷＳフィードＣＳＳ-- */

.newInfo_scroll{
	margin: 10px 10px 0 0;
	width: 600px;
	height: 100px;
	overflow: auto;
	/*background-color:#f5f3f3; */
	scrollbar-track-color:#ffffff;
	scrollbar-face-color: #cccccc;
	scrollbar-arrow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#efefef;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-3dlight-color:#ffffff;
}


#feed_runstyle p {
	margin: 3px 7px 3px 0px;
	padding: 0px 0px 3px 26px;
	color: #333333; /*ffffff added by ao*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #fff solid;
	background: url(http://www.runningstyle.jp/common/img/entry_arrow.gif) no-repeat 9px 5px;
	

}

#feed_runstyle a{
	margin: 3px 7px 3px 0px;
	padding: 0px 0px 3px 0;
	color: #666; /*ffffff added by ao*/
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #fff solid;

}

#feed_runstyle a:hover{
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	color:#EF9B01;
	text-decoration:underline;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #f5f3f3 solid;

	

}


.color_red {
	color: red;
}

/*--スタッフブログフィードＣＳＳ-- */

.newInfo_scroll_02{
	margin: 10px 10px 0 0;
	width: 600px;
	height: 60px;
	overflow: auto;
	/*background-color:#f5f3f3; */
	scrollbar-track-color:#ffffff;
	scrollbar-face-color: #cccccc;
	scrollbar-arrow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#efefef;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-3dlight-color:#ffffff;
}



#feed_runstyle_news p {
	margin: 3px 7px 3px 0px;
	padding: 0px 0px 3px 26px;
	color: #333333; /*ffffff added by ao*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #f5f3f3 solid;
	background: url(http://www.runningstyle.jp/common/img/entry_arrow.gif) no-repeat 9px 5px;
	

}

#feed_runstyle_news a{
	margin: 3px 7px 3px 0px;
	padding: 0px 0px 3px 0;
	color: #666; /*ffffff added by ao*/
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #fff solid;

}

#feed_runstyle_news a:hover{
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	color:#EF9B01;
	text-decoration:underline;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #fff solid;

	

}


/*----------------------------------------------------------------------------------------
	4. topSideColumn
---------------------------------------------------------------------------------------- */

#topNewMagazine {
	margin:0 0 25px　0;
	background-color:#efefef;
	text-align:center;

}
#topNewMagazine h2 {
	margin:0 0 10px;
}
#topNewMagazine dl {
	font-size:1.2em;
}
#topNewMagazine dl dt {
	margin:0 0 3px　0;
}
#topNewMagazine dl dd {
	line-height:1.4;
}
#topNewMagazine dl dd.date {
	font-weight:bold;
	color:#B31E1E;
	margin:0 0 5px;

}
#topNewMagazine dl dd.date_text{
	margin: 0 10px;	
	text-align:left;
	font-size:12px;
	line-height:1.2em;		}



ul#topSideBanner li {
	width:265px;
	margin:0 0 3px 0;
}


#topSideBanner_outer a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/*----------------------------------------------------------------------------------------
	4. topSideColumn
---------------------------------------------------------------------------------------- */

#topNewMagazine_01 {
	margin:0 0 25px　0;
	background-color:#efefef;
	text-align:center;

}
#topNewMagazine_01 h2 {
	margin:0 0 10px;
}
#topNewMagazine_01 dl {
	font-size:1.2em;
}
#topNewMagazine_01 dl dt {
	margin:0 0 3px　0;
}
#topNewMagazine_01 dl dd {
	line-height:1.4;
}
#topNewMagazine_01 dl dd.date {
	font-weight:bold;
	color:#B31E1E;
	margin:0 0 5px;

}
#topNewMagazine_01 dl dd.date_text{
	margin: 0 10px;	
	text-align:left;
	font-size:12px;
	line-height:1.2em;		}



ul#topSideBanner li {
	width:265px;
	margin:0 0 3px 0;
}


#topSideBanner_outer a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/*----------------------------------------------------------------------------------------
	4.-2 雑誌新刊エリア  調整はここで
---------------------------------------------------------------------------------------- */


#NEW_released_Magazine{
	height:300px; /*changed*/
	margin:0 0 5px 0;
	background-color:#efefef;
	text-align:left;
	line-height:1.1em;
	border-bottom:#CC0066;
	border-left:#CC0066;
	border-right:#CC0066;
	border-top:#CC0066;	

}


#NEW_released_Magazine img{
margin: 7px 10px  5px 0;
text-align:left;
}

#mag_waku{
width:280px;
margin-bottom:3px;
margin-left:10px;
}

#mag_table{
width:280px;
margin:0 0px; /*0 12*/
color:
}


#mag_table02 table{
text-align:left;
}

/*
.mag01 td{
text-align:left;
}*/


#NEW_released_Magazine td{
line-height:1.2em;

}


.mag_table01 a:hover img{
color:#FF0066;
text-decoration:none;
	opacity:0.6;
	filter: alpha(opacity=60);
}


 #topNewMagazine a:hover {
color:#FF0066;
text-decoration:none;
}




/*----------------------------------------------------------------------------------------
	4.-2 雑誌新刊エリア  調整はここで
---------------------------------------------------------------------------------------- */


#NEW_released_Magazine01{
	height:430px; /*changed*/
	margin:0 0 5px 0;
	background-color:#efefef;
	text-align:left;
	line-height:1.1em;
	border-bottom:#CC0066;
	border-left:#CC0066;
	border-right:#CC0066;
	border-top:#CC0066;	

}


#NEW_released_Magazine01 img{
margin: 7px 10px  5px 0;
text-align:left;
}


/*
.mag01 td{
text-align:left;
}*/


#NEW_released_Magazine01 td{
line-height:1.2em;

}


.mag_table01 a:hover img{
color:#FF0066;
text-decoration:none;
	opacity:0.6;
	filter: alpha(opacity=60);
}
	/*
#NEW_released_Magazine a:hover img{
color:#FF0066;
text-decoration:none;
	opacity:0.6;
	filter: alpha(opacity=60);
}
*/

 #topNewMagazine01 a:hover {
color:#FF0066;
text-decoration:none;
}


/*----------------------------------------------------------------------------------------
	6.　2階層目のコンテンツバナーエリア　＆　　FORM　CHECK　のCSS
---------------------------------------------------------------------------------------- */

#imageContentsBnr {
	position:relative;
	margin:auto;
	width:600px; /*画像の横幅 796*/
	height:260px;/*画像の高さ*/
	/*399*/
	border:0px solid #000; /*画像のまわりのボーダー*/
}
/*
#imageContentsBnr img {
	display:none;
	position:absolute;
	top:0; left:0;
	float:left;
}	*/

/*----------------------------------------------------------------------------------------
	5. lotation banner　あとから追加
---------------------------------------------------------------------------------------- */



#imageContainer {
	position:relative;
	margin:auto;
	width:600px; /*画像の横幅 796*/
	height:260px;/*画像の高さ*/
	/*399*/
	border:0px solid #000; /*画像のまわりのボーダー*/
}
	
#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
	float:left;
	z-index:1;
}


#twtr-doc{
font-size:12px;
line-height:1.2em;
}

.twtr-tweets p{
font-size:12px;
}