/* トレーニングピットCSS */

*{ font-family:"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3"; font-size:12px; color:#333333;}



body{
	background-image:url(../img/bk.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

/*-------------------------------------------
	▼ヘッダー▼
-------------------------------------------*/
.header {
	height: 81px;
	width:1004px;
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
}
.logo{ float:left;width:316px; height:34px; margin-top:22px; margin-bottom:25px;}
h1{ float:left;color:#666666; font-weight:100; margin-left:20px; height:14px; margin-top:20px; line-height:1.5em}

/*-------------------------------------------
	▼メニュー▼
-------------------------------------------*/
.menu_bk{ width:1004px; height:44px; margin:0px auto; background-image:url(../img/menu_bk.jpg);}
.menu{ width:1004px; height:27px; float:left; margin-top:10px;}

/*-------------------------------------------
	▼FLASH▼
-------------------------------------------*/
.flash { width:1004px; height:340px; margin:0px auto;}

/*-------------------------------------------
	▼メイン▼
-------------------------------------------*/
.main{ width:1004px; height:100%; margin:0px auto; margin-top:12px; margin-bottom:40px;}
.main_right{ width:816px; height:463px; background-image:url(../img/main_bk.jpg); background-repeat:no-repeat; float:right;}
.steps1{ height:219px; width:812px; margin-left:4px;}
.steps1_a{ height:219px; width:406px; float:left;}
.steps1_b{ height:219px; width:406px; float:left;}
.photo_box{ margin-top:16px; margin-left:20px; width:372px;}
.photo{ width:124px; height:115px; background-image:url(../img/photo_bk.jpg); background-repeat:no-repeat;}
.photo_text{ line-height:1.3em; padding-left:8px; color:#666666; font-size:10px;}
.photo img{ margin-left:11px; margin-top:8px;width:99px; height:99px;}
.photo a:hover img{
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.steps2{width:812px; margin-left:4px;}
.steps2_a{ height:100%; width:406px; float:left;}
.steps2_b{ height:100%; width:406px; float:left;}

.store{ margin-left:28px; margin-top:10px;}
.store a:hover img{
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}


.s{ background-image:url(../img/store_bk.jpg); background-repeat:no-repeat; line-height:24px; }
.s01{ width:55px;color:#993300; float:left;}
.s02{ width:185px; color:#666666; float:left;}

.s01 A:link { color: #993300; font-size:12px;}
.s01 A:visited {  color: #993300; font-size:12px;}
.s01 A:active { color: #993300; }
.s01 A:hover { color:#F42B3F;}
 
.blue{ color:#006699; padding-left:30px;}


/*-------------------------------------------
	▼自動更新▼
-------------------------------------------*/
.new{ margin-left:12px; margin-top:10px;}
.new_s{ width:380px; height:100%;}

.new_p{ width:60px;}
.new_r{ color:#F00000; padding-left:10px;} 
.new_b{ color:#666666; padding-left:10px; font-weight:bold; line-height:18px;}
.new_sh{ color:#666666; padding-left:10px; line-height:1.5em;}  

.new_b A:link { color:#0070A3; font-size:12px; font-weight:bold;}
.new_b A:visited {  color:#0070A3; font-size:12px;font-weight:bold;}
.new_b A:active { color:#0070A3;font-weight:bold;}
.new_b A:hover { color:#0070A3;font-weight:bold;}

/*-------------------------------------------
	▼自動更新2▼
-------------------------------------------*/
.automatic{ width:770px; height:100%; margin-top:15px; margin-bottom:30px;}
.automatic_leftbox{ width:300px; float:left;}
.automatic_leftbox_photo{ margin-bottom:10px; margin-left:5px;}
.automatic_rightbox{ width:450px; float:right;}
.automatic_text_bold{ font-size:16px; font-weight:bold; color:#0070A3; line-height:1.5em;}
.automatic_text_day{ font-size:14px; color:#666666; line-height:30px; font-weight:bold;}
.automatic_text_small{ font-size:12px; color:#666666; line-height:1.5em;}
.automatic_position{ width:370px; float:left; margin-bottom:5px;}
.automatic_next{ width:330px;  height:14px; text-align:right; float:right;}
.automatic_b{ 	width:770px;
	height:25px;
	margin-top:10px;
	margin-bottom:15px;
	padding:10px;}

/*-------------------------------------------
	▼フッター▼
-------------------------------------------*/
.footer_bk{ background-image:url(../img/footer_bk.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:160px;
}
.footer{
	background-image:url(../img/footer.jpg); 
	height:160px;
	width:1004px;
	margin:0px auto;
}

/*-------------------------------------------
	▼banner▼
-------------------------------------------*/
.banner{ width:188px; float:left; margin-bottom:20px;}

.banner a:hover img{
    filter: alpha(opacity: 70);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*-------------------------------------------
	▼メイン▼
-------------------------------------------*/
/*-------------------------------------------
	▼店舗情報▼
-------------------------------------------*/
.icon_map{
	vertical-align:middle;
}



/*-------------------------------------------
	▼共通▼
-------------------------------------------*/
img{ border:0px;}

.fl{ float:left;}
.fr{ float:right;}
.marginBottom60 {
margin-bottom:60px;
}
.marginBottom38 {
margin-bottom:38px;
}
.marginBottom30 {
margin-bottom:30px;
}
.marginBottom20 {
margin-bottom:20px;
}
.marginBottom15 {
margin-bottom:15px;
}
.marginBottom10 {
margin-bottom:10px;
}
.marginBottom5 {
margin-bottom:5px;
}
.marginBottom7 {
margin-bottom:7px;
}
.marginRight5 {
margin-right:5px;
}
.marginRight10 {
margin-right:10px;
}
.marginRight15 {
margin-right:15px;
}
.marginLeft2 {
margin-left:2px;
}
.marginLeft20 {
margin-left:20px;
}
.marginTop5 {
margin-top:5px;
}
.marginTop10 {
margin-top:10px;
}
.marginTop10B10 {
margin-top:10px; margin-bottom:10px;
}
.marginTop15 {
margin-top:15px;
}
.marginTop20 {
margin-top:20px;
}
.marginTop24 {
margin-top:24px;
}
.marginTop30 {
margin-top:30px;
}
.marginRight10 {
margin-right:10px;
}
.cb{ clear:both;}



A:link { color: #0070A3; font-size:10px; }   /* リンク */
A:visited {                 /* 既に見たリンク */
  color: #0070A3;
  /*text-decoration: none      下線を消す */
}
A:active { color: #0070A3; } /* クリック時のリンク */
A:hover {                   /* カーソルが上にある時のリンク */
  color: #0070A3;
 /*text-decoration: none      下線を消す */
}

