/* 3dmyhomepro7new.css 2011.04.08 */

/*============目次============
　最終更新日：2011/05/18
１）共通
２）PRO7トップページ
３）下層ページ
バージョンアップポイント
動作環境
============================*/

/*=====================================================
１）共通
=====================================================*/

/*--------------------------
	リセット・HTML再定義
---------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	color:#222;
	background:#eff0f7;
}

/*--------------------------
	基本レイアウト
---------------------------*/
#MainImage {
	margin:0 auto;
	text-align:center;
	background:url(img_top/bk_pro7top.jpg) repeat-x;
}
#Outline {
	width: 100%;
	background:#eff0f7;
}
#MainArea960_row1 {
	margin:0 auto;
	text-align:left;
	width: 960px;
}
#MainArea960_row1 .Contents {
	clear:both;
	float:none;
	width:960px;
}
DIV#MainArea960_row1 .ContentInner {
	clear:both;
	margin:0 15px 20px 15px;
	width:930px;
	background:#fff;
}
DIV#MainArea960_row1 .Section {
	clear: both;
	width:900px;
	padding: 10px 0 0 0;
	margin:10px 15px 0 15px;
}
DIV#MainArea960_row1 .Section_full {
	clear: both;
	width:960px;
}
DIV#MainArea960_row1 .Section_bottom {
	clear: both;
	width: 930px;
	margin-bottom:0;
}

/*--------------------------
	回り込み解除
---------------------------*/
.clear0 {
	clear: both;
	font-size: 1px;
	height: 1px;
}

/*--------------------------
	パンくず上書き（下余白無し）
---------------------------*/
div#StatusArea {
	margin-bottom:0;
}

/*=====================================================
２）敏腕トップページ
=====================================================*/

/*------------------------------------
	メインビジュアル
-------------------------------------*/
.topsummary {
	margin:20px 10px 0 0;
	padding: 0;
	float: left;
	clear: left;
}
.topsummary h1, .topsummary p {
	display:none;
}
.topsummary .btn_promotion {
	text-indent:-9999px;
}

.topsummary .topimg_03{
	position:relative;
	height:346px;
	background:url(img/topimg_03.jpg) no-repeat;
	
}

/* IE6,7 */
.topsummary img{
	/vertical-align: bottom;
 }


/*------------------------------------
	タブメニュー
-------------------------------------*/

ul.tabmenu {
	position:absolute;
	top:279px;
	left:16px;
	width:562px;
	height:66px;
}

.tabmenu li {
	display:block;
	float:left;
}

.tabmenu li.kinou a {
	display:block;
	margin-right:10px;
	width:286px;
	height:67px;
	text-indent:-9999px;
	background:url(img/bk_tabmenu.png) left -84px no-repeat;
}

.tabmenu li.other a {
	display:block;
	width:263px;
	height:67px;
	text-indent:-9999px;
	background:url(img/bk_tabmenu.png) -298px -84px no-repeat;
}

/* ON状態 */
.tabmenu li.kinou a.on {
	background:url(img/bk_tabmenu.png) left top no-repeat;
}

.tabmenu li.other a.on {
	background:url(img/bk_tabmenu.png) -298px top no-repeat;
}

/* オーバー */
.tabmenu li.kinou a:hover {
	background:url(img/bk_tabmenu.png) left top no-repeat;
}

.tabmenu li.other a:hover {
	background:url(img/bk_tabmenu.png) -298px top no-repeat;
}


/*------------------------------------
	トップのダウンロードボタン
-------------------------------------*/
div.topdownload a{
     position:absolute;
     width:160px;
     height:120px;
     top:220px;
     left:800px;
	 text-indent:-9999px;
}

/*------------------------------------
	トップのキャンペーンボタン
-------------------------------------*/
div.bnr_campaign a{
	position:absolute;
	width:319px;
	height:90px;
	top:174px;
	left:26px;
	text-indent:-9999px;
}

div.bnr_word a{
	position:absolute;
	width:319px;
	height:90px;
	top:174px;
	left:355px;
	text-indent:-9999px;
}


/*------------------------------------
	インフォメーション
-------------------------------------*/
div.infomation{
	position:absolute;
	top:210px;
	left:30px;
	width:560px;
	height:60px;
	overflow:auto;
}

div.infomation li{
	background: url(/common/img/tool/navi_yaji_2.gif) left top no-repeat;
	padding-left:14px;
	margin-bottom: 10px;
	font-size:80%;
	list-style:none;
	line-height:1.2;
}

/*------------------------------------
	主な機能
-------------------------------------*/
#MainArea960_row1 .topInner {
	clear:both;
	background:#fff;
	font-size:85%;
	line-height:140%;
	padding-bottom:10px;
	padding-top:10px;
}
#MainArea960_row1 h2 {
	width:930px;
	height:60px;
	margin:0 15px 15px 15px;
	padding:0;
	text-indent:-9999px;
}
#MainArea960_row1 .topInner h2.kinou {
	background:url(img/ttl_kinou.jpg) left top no-repeat;
}

/*----- 主な特長 3つの枠 -----*/
#MainArea960_row1 .topInner .content {
	clear:both;
	width:900px;
	margin:0 30px 30px 30px;
	background:#f8f2e3 url(img/bk_bottom.jpg) left bottom no-repeat;
	background-color:#f8f2e3;
}
#MainArea960_row1 .topInner .content h3 {
	display:none;
}
#MainArea960_row1 .topInner .content .boxL {
	float:left;
	width:470px;
	padding-left:30px;
	padding-bottom:30px;
}
#MainArea960_row1 .topInner .content .boxL p {
	margin-top:110px;
	font-weight:bold;
}
#MainArea960_row1 .topInner .content .boxR {
	float:right;
	width:350px;
	margin-top:20px;
	padding-right:20px;
}

/* タイトル別バック画像 */
#MainArea960_row1 .topInner .content .game {
	background:url(img/bk_top_game.jpg) left top no-repeat;
}
#MainArea960_row1 .topInner .content .digest {
	background:url(img/bk_top_digest.jpg) left top no-repeat;
}
#MainArea960_row1 .topInner .content .score {
	background:url(img/bk_top_score.jpg) left top no-repeat;
}

/*----- このページのトップへ -----*/
p.gototop {
	margin:10px 0 20px 0;
	text-align:right;
}
p.gototop02 {
	margin:0 30px 20px 0;
	text-align:right;
}

/*------------------------------------
	その他の機能
-------------------------------------*/
#MainArea960_row1 .otherInner {
	clear:both;
	background:#fff;
	font-size:85%;
	line-height:140%;
}
#MainArea960_row1 h2.sonota {
	background:url(img/ttl_other.jpg) left top no-repeat;
}
#MainArea960_row1 .otherInner .content {
	clear:both;
	width:900px;
	margin:0 30px 0 30px;
	background-image:none;
}
#MainArea960_row1 .otherInner .content .Box {
	clear:both;
	width:870px;
	margin:0 15px 30px 15px;
	background-image:none;
}
#MainArea960_row1 .otherInner h3 {
	padding:10px 0 30px 40px;
	font-size:170%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#0047d5;
	line-height:50%;
	background:url(img/ttl_bk_other.jpg) no-repeat;
}
#MainArea960_row1 .otherInner .boxL {
	float:left;
}
#MainArea960_row1 .otherInner .boxR {
	float:right;
}
#MainArea960_row1 .otherInner .boxL.waiwai li {
	width:620px;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	background:#f0fdff;
	border:2px solid #a0d3ff;
	list-style:none;
}
#MainArea960_row1 .otherInner .boxL.waiwai li h4 {
	padding-bottom:4px;
}
#MainArea960_row1 .otherInner .boxL.waiwai li img {
	padding-right:7px;
}

/*----- 草野球あるある -----*/
#MainArea960_row1 .content .aruaru {
	width:492px;
	height:134px;
	color:#333;
	font-size:90%;
	background:url(img/bk_aruaru.png) left top no-repeat;
	line-height:140%;
}

#MainArea960_row1 .content .aruaru h4 {
	margin-left:78px;
	margin-right:20px;
	padding-top:35px;
	padding-bottom:5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	border-bottom:1px dotted #222;
}
#MainArea960_row1 .content .aruaru p.aru {
	margin-left:78px;
	margin-right:20px;
	margin-top:8px;
	font-weight:normal;
}
#MainArea960_row1 .content .aruaru_l {
	width:640px;
	height:134px;
	color:#333;
	font-size:90%;
	background:url(img/bk_aruaru_l.png) left top no-repeat;
	line-height:130%;
}
#MainArea960_row1 .content .aruaru_l h4 {
	margin-left:78px;
	margin-right:20px;
	padding-top:35px;
	padding-bottom:5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	border-bottom:1px dotted #222;
}
#MainArea960_row1 .content .aruaru_l p.aru {
	margin-left:78px;
	margin-right:20px;
	margin-top:8px;
	font-weight:normal;
}

#MainArea960_row1 .content .aruaru.large {
	height:145px;
	background:url(img/bk_aruaru_ll.png) left top no-repeat;
}


/*----- 点線枠（補足） -----*/

#MainArea960_row1 .remark {
	border:1px dotted #333;
	padding:7px;
	font-size:90%;
	color:#333;
}

/*----- Facebookへの案内 -----*/
#MainArea960_row1 .topInner .fb {
	margin:0 20px 40px 20px;
	padding:10px 0 10px 0;
	background:#ebfbff;
}
#MainArea960_row1 .topInner .fb h4 {
	padding:20px 0;
	background:url(img/img_fb_ttl.jpg) left 5px no-repeat;
	text-indent:-9999px;
}
#MainArea960_row1 .topInner .content .fb .boxL {
	width:570px;
	padding-left:15px;
	background:url(img/img_fb_01.jpg) 20px 50px no-repeat;
}
#MainArea960_row1 .topInner .content .fb .boxR {
	width:240px;
	margin-top:0;
	text-align:right;
}
#MainArea960_row1 .topInner .content .fb .boxL p {
	margin-top:0;
	margin-left:140px;
	font-weight:normal;
}


/*------------------------------------
	ダウンロード
-------------------------------------*/
#MainArea960_row1 .dlArea a {
	display:block;
	width:960px;
	height:290px;
	background:url(img/bk_download.jpg) no-repeat;
	text-indent:-9999px;
}
#MainArea960_row1 .dlArea a:hover {
	background:url(img/bk_download.jpg) left -296px no-repeat;
}

/*------------------------------------
	SNSボタン（ページ下部）
-------------------------------------*/
div.sharelink {
padding:7px 0px 7px 15px;
background:#fff;
border:1px dotted #7381E4;
}

div.sharelink .snsbtn{
	margin:10px 0 0px 7px;
}

/*div.sharelink .snsbtn a{
	padding-right:10px;

}

/*------------------------------------
	フッター
-------------------------------------*/
.FootNavi {
	padding-top:5px;
	background:#fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px; /*Firefox*/
	-moz-border-radius-topright: 6px; /*Firefox*/
	-webkit-border-bottom-left-radius: 6px; /*Safari*/
	-webkit-border-bottom-right-radius: 6px; /*Safari*/
}
.FootNavi li {
	list-style:none;
}

/*-- リンク設定 --*/
.FootNavi li a {
	text-decoration:none;
	color:#000099;
}
.FootNavi li a:visited {
	text-decoration:none;
}
.FootNavi li a:hover {
	text-decoration:underline;
}
.FootNavi li a:active {
	text-decoration:underline;
}

/*-- 2重線 --*/
.FootNavi div.line_double {
	height:1px;
	border-top:1px solid #d9d9d9;
}

/*-- トップ部分 --*/
.FootTop {
	border-bottom:1px solid #ddd;
}
.FootTop li.left {
	margin:4px 0 0 15px;
	float:left;
}
.FootTop li.right {
	margin:0px 5px 0 0;
	float:right;
	padding:0;
}

/*-- 敏腕マネージャー用フッタ --*/
.footnavi_binwan {
	width:930px;
	padding:5px 15px 0 15px;
	margin:0 0 10px 0;
}
.footnavi_binwan div {
	float:left;
	width:280px;
}
.footnavi_binwan h3 {
	padding:0 0 0 10px;
	margin:10px 0 6px 0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:90%;
	color:#333;
	background:url(img/tool/ttl_footbar_blue.gif) left top no-repeat;
}
.footnavi_binwan li {
	background:url(/common/img/tool/navi_yaji_2.gif) no-repeat left center;
	padding-left:14px;
	line-height:1.6em;
	font-size:75%;
	color:#222;
}
.footnavi_binwan li.ora {
	background:url(/common/img/tool/navi_yaji_o.gif) no-repeat left center;
}

/*-- その他用フッタ --*/
.footnavi_other {
	width:930px;
	padding:5px 15px 20px 15px;
	background:#d9d9d9;
}
.footnavi_other div {
	float:left;
	width:232px;
}
.footnavi_other h3 {
	padding:0 0 0 10px;
	margin:10px 0 6px 0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:90%;
	color:#333;
	background:url(img/tool/ttl_footbar_gray.gif) left top no-repeat;
}
.footnavi_other li {
	background:url(/common/img/tool/navi_yaji_2.gif) no-repeat left center;
	padding-left:14px;
	line-height:1.6em;
	font-size:75%;
	color:#222;
}
.footnavi_other .fn_other li {
	display:inline-block;
	clear:both;
	width:220px;
	padding:0 0 0 2px;
	margin:0 0 4px 0;
	background:none;
}
.footnavi_other .fn_other img {
	float:left;
	margin-right:4px;
}