@charset "utf-8";

/* CSS Document */

/* ========================================================== Base CSS

ついっぷる（イントロ設定）

=========================================================== 2010.08.06*/


/* ▼ 設定ベース設定 ▼
------------------------------------------------------------*/

#unloginArea{
	width:950px;
	padding:0 4px 50px 4px;
	margin:0 auto;
	clear:both;
	background:url(../images/twipple_unlogin_background.gif) repeat-y left top;
}

/*調整*/
.mt_05{margin-top:-5px !important;}

#unloginAreaBack{
	width:950px;
	padding:0 0 12px 0;
	margin:0 auto 30px auto;
	clear:both;
	background:#6DAFCF url(../images/twipple_unlogin_inbackground.gif) no-repeat left bottom;
	position:relative;
}


#unloginAreaInBox{
	background:#F8FBFD url(../images/twipple_unlogin_main_back.gif) no-repeat left bottom;
	width:920px;
	padding:12px 12px 5px 12px;
	margin:0 3px;
	overflow:hidden;
}

#unloginAreaInLeftBox{
	width:568px;
	float:left;
	clear:both;
}
#unloginTextImgBox{
	width:324px;
	margin:0 0 0 15px;
	float:left;
}



#unloginTextImgBox h3{
	width:324px;
	height:78px;
	margin:0 0 15px 0;
	clear:both;
}

/*-----------------------------------------------------------*/
/* ▼ ついっぷるにログイン設定 ▼
------------------------------------------------------------*/

#twippleLogin {width:550px; height:78px; margin:10px 0 5px 0; position:relative; top:0; left:0; overflow:hidden;}
#twippleLogin a{overflow:hidden; float:left;}
#twippleLogin a:hover{position:absolute; top:-78px; left:0;}   
#twippleLogin a.selected{position:absolute; top:-78px; left:0;}   
/*-----------------------------------------------------------*/
/* ▼ 新規登録設定 ▼
------------------------------------------------------------*/

#newTwippleUnderBox{
	width:530px;
	clear:both;
	overflow:hidden;
	margin:0 10px 5px 10px;
}

#newTwipple {width:296px; height:20px; position:relative; top:0; left:0; overflow:hidden;}
#newTwipple a{overflow:hidden; float:left;}
#newTwipple a:hover{position:absolute; top:-20px; left:0;}   
#newTwipple a.selected{position:absolute; top:-20px; left:0;}  
/*-----------------------------------------------------------*/
/* ▼ smartphone設定 ▼
------------------------------------------------------------*/
#smartphoneArea{
	width:920px;
	height:136ox;
	margin:12px 15px 0px 15px;
	overflow:hidden;
	/*background-color:#FC0;*/
}

.smartphoneBox{width:242px; height:136px; float:left; position:relative; top:0; left:0; overflow:hidden;}
.smartphoneBox a{overflow:hidden; float:left;}
.smartphoneBox a:hover{position:absolute; top:-136px; left:0;} 
.smartphoneBox a:selected{position:absolute; top:-136px; left:0;} 

/*微調整*/
.mr08{margin-right:8px;}


/**/
.oldVrText{
	position:absolute;
	bottom:0px; left:10px;
}

/*-----------------------------------------------------------*/
/* ▼ バナー＆Jエリア設定 ▼
------------------------------------------------------------*/

#unloginContentsArea{
	width:920px;
	margin:0 15px;
	/*background-color:#FF9;*/
	clear:both;
	overflow:hidden;
	zoom:1;
}

/*----------------------------jQueryエリア--------------------------------------*/


#unloginContentsLeft{
	width:675px;
	margin:0 35px 0 0;
	padding:0;
	float:left;
	/*background-color:#39F;*/
}

#unloginContentsLeft h4{
	height:635px;
	height:40px;
	margin:0 0 20px 0;
	/*background-color:#C30;*/
}


.main_view {
	margin:0 20px;
	width:635px;
	height:426px;
	/*float: left;*/
	position: relative;
	background:url(../images/main_view_back.png?201105251556001) no-repeat;
}
.window {
	height:357px;
	width:595px;
	margin:0 20px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

.image_reel {
	position: absolute;
	top: 5px; left: 0;
}
.image_reel img {float: left;}


/*ページボタン*/

.paging {
	position: absolute;
	padding:0 40px;
	bottom:15px; right:25px;
	width: 515px; height:40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	back-groundbackground-color:#FF0000;
	background:url(../images/menu_number_back.png?201105251556001) no-repeat left top;
}





ul.changingMenuNumber{
	width:154px;
	height:36px;
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	background:url(../images/menu_number.png?201105251556001) no-repeat left top;
	float:left;
	}
 .changingMenuNumber li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
 .changingMenuNumber li a{background:url(../images/menu_number.png?201105251556001) no-repeat; height:36px; display:block;}

/* （下アイコン） */
	.changingMenuNumber li.changingMenuNumberOne{width:52px; height:36px;}
	.changingMenuNumber li.changingMenuNumberOne a{background-position:0 0; width:52px;}
	.changingMenuNumber li.changingMenuNumberOne a:hover{background-position:0 -36px; width:52px;}
	.changingMenuNumber li.changingMenuNumberOne a.active{background-position:0 -36px; width:52px;}

/* （上アイコン） */
	.changingMenuNumber li.changingMenuNumberTwo{width:51px; height:36px;}
	.changingMenuNumber li.changingMenuNumberTwo a{background-position:-52px 0; width:51px;}
	.changingMenuNumber li.changingMenuNumberTwo a:hover{background-position:-52px -36px; width:51px;}
	.changingMenuNumber li.changingMenuNumberTwo a.active{background-position:-52px -36px; width:51px;}

/* （縮小アイコン） */
	.changingMenuNumber li.changingMenuNumberThree{width:51px; height:36px;}
	.changingMenuNumber li.changingMenuNumberThree a{background-position:-103px 0; width:51px;}
	.changingMenuNumber li.changingMenuNumberThree a:hover{background-position:-103px -36px; width:51px;}
	.changingMenuNumber li.changingMenuNumberThree a.active{background-position:-103px -36px; width:51px;}

/*-------------------------------------------------------------------------------*/

/*----------------------------バナーエリア--------------------------------------*/
#unloginContentsRight{
	width:210px;
	margin:0;
	padding:10px 0 0 0;
	float:right;
	text-align:center;
}

#unloginContentsRight li{
	list-style-type:none;
	text-align:center;
}

/*調整*/
.mt50{margin-top:50px !important;}
.mb50{margin-bottom:50px !important;}
.mt_50{margin-top:-50px !important;}
/*-------------------------------------------------------------------------------*/

/* ▼ ドメインお知らせ設定 ▼
------------------------------------------------------------*/
.oshiraseArea{
	width:570px;
	margin:0 180px;
	padding:10px;
	line-height:130%;
	overflow:hidden;
	/**/background-color:#F4FAFB;
}

.bolTextOshirase{
	font-size:1.6em;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	margin:20px 0;
}

/*誘導ボタン*/
#btnUseOshiraseNew {width:352px; height:72px; position:relative; top:0; left:0; overflow:hidden; margin:10px auto}
#btnUseOshiraseNew a{overflow:hidden; float:left;}
#btnUseOshiraseNew a:hover{position:absolute; top:-72px; left:0; overflow:hidden;}
#btnUseOshiraseNew a.selected{position:absolute; top:-72px; left:0;}

.oshiraseOldArea{
	width:480px;
	margin:0 220px;
	padding:10px;
	line-height:130%;
	overflow:hidden;
	border:5px #6DAFCF double;
}