@charset "utf-8";


/* CSS Document */

/*----------------------------------
	import
----------------------------------*/
@import url("common_css.php");/* ブラウザリセット・基本設定用CSS */
@import url("base_css.php");/* 共通設定・共通レイアウト用CSS */
@import url("advanced_css.php");/* 拡張用CSS */


/*----------------------------------
	home
----------------------------------*/

#wrap_home{
	background: url(/terry3ds/img/home_12053101/bg.jpg) no-repeat center top;
    width: 100%;
    min-width: 982px;
    margin: 0;
}


/* header --------------------------------------------*/
#header_home{
	position: relative;
	width: 982px;
	height: 391px;
    margin: 0 auto;
}

#header_home h1{
	position: absolute;
    width: 282px;
    height: 145px;
    overflow: hidden;
    top: 0px;
    left: 0px;
	z-index: 100;
}


#header_home #flash_bg{
	position: relative;
	background: url(/terry3ds/img/home_12053101/flash_bg.png) no-repeat bottom;
    width: 586px;
    height: 343px;
    margin: 0 auto;
    padding: 36px 0 0 0;
    z-index: 10;
}

#header_home #flash_bg #swf_area{
	padding:13px;
}
#header_home #flash_bg #swf_area #swf{
	margin:0;
	padding:0;
	width:560px;
	height:320px;
}
/* IE9のみの適用。これが無い場合、ウィンドウ幅を変えるとflashコンテンツのサイズが変動する。*/
#header_home #flash_bg #swf_area #swf:not(:target){
	width:560.5px\9;
	height:320.5px\9;
}

#nav_bg{
	position: relative;
	width: 982px;
    margin: 0 auto;
}

#cha_watabou{
	position: absolute;
	top: -195px;
    left: 41px;
    width: 180px;
    height: 210px;
    z-index: 1200;
}

#cha_terry{
	position: absolute;
	top: -293px;
    right: 73px;
    width: 149px;
    height: 370px;
    z-index: 1000;
}

#header_nav_wrap {
    z-index: 0;
}

/* container --------------------------------------------*/
#container_bg{
	position: relative;
	width: 982px;
	margin: 0px auto 0px;
}

#container_home{
	background: url(/terry3ds/img/home_12053101/container_bg.png) no-repeat;
	position: relative;
	width: 982px;
	margin: 12px auto 0px;
    z-index: 1;
}

#cha_tanuki{
	position: absolute;
	top: 139px;
    left: -81px;
    width: 149px;
    height: 182px;
    z-index: 0;
}

#cha_mouse{
	position: absolute;
	top: -23px;
    right: 281px;
    width: 76px;
    height: 74px;
    z-index: 1;
}

#cha_cat{
	position: absolute;
	top: 155px;
    right: -100px;
    width: 149px;
    height: 163px;
    z-index: 0;
}


/* history,ranking,info,forum,diary --------------------------------------------*/
#container_home table{
	width: 100%;
    text-align: left;
}

*:first-child+html #history table{
	width: 93%;
    text-align: left;
}

#container_home td{
	vertical-align: top;
    font-size: 13px;
    border-bottom: 1px dotted #999;
}

#container_home td.new{
    width: 28px;
	padding: 8px 0px 0px;
    text-align: right;
}

*:first-child+html #container_home td.new{
	padding: 7px 0px 0px;
}

#container_home td.new img{
	vertical-align: top;
}

#container_home td.title{
	padding: 5px 10px 5px 5px;
    text-align: left;
}

#container_home td.title span.date{
	color: #990000;
}

#container_home td.title a{
	color: #323232;
    text-decoration: none;
}

#container_home td.title a:hover{
	color: #ff0000;
    text-decoration: underline;
}

*:first-child+html #center_contents table{
	width: 93%;
    text-align: left;
}

/* forum,diary --------------------------------------------*/
#container_home #right_contents td{
    border-bottom: 1px dotted #fff;
}

#container_home #right_contents td.title span.date{
	color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

#container_home #right_contents td.title a{
	color: #ffffff;
}

*:first-child+html #right_contents table{
	width: 93%;
    text-align: left;
}




/* history --------------------------------------------*/
#container_home #history{
	position: relative;
	float: left;
    width: 330px;
    height: 333px;
    text-align: left;
    z-index: 10;
}

#container_home #history h2{
	width: 100%;
    height: 39px;
    margin: 3px 0 15px 14px;
}

#container_home #history .btn{
	position: absolute;
    top: 25px;
    right: 15px;
}

#container_home #history .contents{
    height: 235px;
    margin: 0px 0 0 30px;
    overflow-y: scroll;
    padding: 0px 10px 10px;
    width: 275px;
}

#container_home #history td#nothing_history
{
	border:none;
	padding:10px;
}


/* center_contents ------------------------------------*/
#container_home #center_contents{
	float: left;
    width: 330px;
}


/* ranking --------------------------------------------*/
#container_home #ranking{
	position: relative;
    height: 169px;
    text-align: left;
    z-index: 10;
}

*:first-child+html #container_home #ranking{
    height: 177px;
}

#container_home #ranking h2{
	width: 100%;
    height: 33px;
    margin: 9px 0 12px -2px;
}

#container_home #ranking .btn{
	position: absolute;
    top: 16px;
    right: 19px;
    z-index: 100;
}

*:first-child+html #container_home #ranking .btn{
    top: 24px;
}

#container_home #ranking .contents{
    height: 109px;
    margin: 0px 0 0 12px;
    overflow-y: scroll;
    padding: 0px 10px 10px;
    width: 275px;
}

#container_home #ranking td#nothing_ranking
{
	border:none;
	padding:10px;
}




/* info --------------------------------------------*/
#container_home #info{
	position: relative;
    height: 147px;
    text-align: left;
    z-index: 10;
}

#container_home #info h2{
	width: 100%;
    height: 33px;
    margin: 8px 0 1px 21px;
}

#container_home #info .btn{
	position: absolute;
    top: 24px;
    right: 19px;
}

#container_home #info .contents{
    height: 77px;
    margin: 0px 0 0 12px;
    overflow-y: scroll;
    padding: 0px 10px 10px;
    width: 275px;
}

#container_home #info td#nothing_info{
	border:none;
	padding:10px;
}



/* right_contents ------------------------------------*/
#container_home #right_contents{
	float: right;
    width: 312px;
    text-align: left;
}

#container_home #right_contents h2{
	width: 100%;
    height: 23px;
    margin: 18px 0 0px 21px;
}

#container_home #right_contents .btn{
	position: absolute;
    top: 20px;
    right: 24px;
}

#container_home #right_contents h3{
	width: 100%;
    margin: 6px 0 0px 0px;
    text-align: center;
}

#container_home #forum,#container_home #diary{
	position: relative;
    height: 131px;
    text-align: left;
    z-index: 10;
}
#container_home #forum #nothing_forum{
	color:white;
	border-bottom:none !important;
}

#container_home #diary #nothing_diary{
	color:white;
	border-bottom:none !important;
}

#container_home #right_contents .contents{
    width: 265px;
    height: 97px;
    margin: -5px 0 0 12px;
    padding: 0 10px 10px 5px;
    overflow-y: scroll;
}





/* product_info --------------------------------------------*/
#container_home #product_info{
	position: relative;
    clear: both;
    text-align:left;
}

a#info_appli{
	display: block;
    margin: -7px 0 5px 22px;
}


/* bnr --------------------------------------------*/
#bnr_area_home{
	background: url(/terry3ds/img/home_12053101/bnr_area_bg.png) no-repeat;
    clear: both;
    width: 960px;
    height: 100px;
    margin: 0px auto 0px;
}

#bnr_area_home .box{
	background: url(/terry3ds/img/home_12053101/bnr_box_bg.png) no-repeat;
    float: left;
    width: 234px;
    height: 85px;
    margin: 9px 0px 0px 2px;
    text-align: center;
}

#bnr_area_home .box img{
	margin-top: 1px;
}



/* footer_text --------------------------------------------*/
#footer_text_home{
    clear: both;
    width: 960px;
    margin: auto;
    overflow: hidden;
    text-align: left;
    line-height: 1.3;
}

#footer_text_home p#annotation{
	float: right;
    margin: 5px 0 0;
}

#footer_text_home p#trademark_rights{
	float: left;
    margin: 5px 0 0;
}

#footer_text_home p#caution{
	clear: both;
    padding: 5px 0;
}



/* effect --------------------------------------------*/

#header_home .monster{
        position: absolute;
        z-index: 0;
}

#news_01{ top: 48px; right: 211px;}
#news_02{ top: 81px; left: 211px;}
#news_03{ top: 154px; right: 211px;}

#game_01{ top: 307px; left: 211px;}
#game_02{ top: 103px; left: 211px;}
#game_03{ top: 56px; right: 211px;}

#detailed_contents_01{ top: 232px; right: 211px;}
#detailed_contents_02{ top: 48px; left: 211px;}
#detailed_contents_03{ top: 257px; left: 211px;}

#haisin_01{ top: 274px; right: 211px;}
#haisin_02{ top: 48px; right: 211px;}
#haisin_03{ top: 81px; left: 211px;}

#blog_01{ top: 109px; left: 211px;}
#blog_02{ top: 255px; left: 211px;}
#blog_03{ top: 154px; right: 211px;}

#battle_01{ top: 159px; left: 211px;}
#battle_02{ top: 237px; right: 211px;}
#battle_03{ top: 48px; right: 211px;}

#download_01{ top: 43px; left: 100px;}
#download_02{ top: 82px; right: 211px;}
#download_03{ top: 150px; left: 211px;}

#monster_01{ top: 186px; right: 211px;}
#monster_02{ top: 225px; right: 211px;}
#monster_03{ top: 35px; left: 211px;}

#wifi_01{ top: 161px; left: 211px;}
#wifi_02{ top: 125px; right: 211px;}
#wifi_03{ top: 228px; right: 211px;}

#movie_01{ top: 117px; left: 211px;}
#movie_02{ top: 232px; right: 211px;}
#movie_03{ top: 182px; right: 211px;}