@charset "UTF-8";
/*基本設定*/
body {
	width: 720px;
	margin: 0px;
	/*margin: 0px auto 0px auto;*/
	padding: 0px;
	font-size: 10px;
	color: #555555;
	/*
	scrollbar-3dlight-color:	#D3B16D;
	scrollbar-arrow-color:		#D3B16D;
	scrollbar-darkshadow-color:	#D3B16D;
	scrollbar-face-color:		#F2DDB7;
	scrollbar-highlight-color:	#FFF4E0;
	scrollbar-shadow-color:		#FFF4E0;
	*/
}

td { word-break : break-all; }

img , a {
	border: none 0px ;
}

hr {
 	width: 100% ;
 	height: 1px ;
 	border-top: 2px #CCCDCE solid ;
 	border-right: none 0px ;
 	border-bottom: none 0px ;
 	border-left: none 0px ;
 	color: #ffffff;
 	background: transparent ;
}
#all{
	width: 720px;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
}
.blank{
	font-size:2px;
	width:7px;
	height:7px;
}
.tbl_outer{
	border: 1px solid #CCCCCC;
	padding: 7px;
}
.collapse{
	border-collapse: collapse;
}
.arrow_ico_1{
	background:url(/skin/dummy.gif);
}
/*行間設定*/

.lh_120 { line-height: 120% }

.lh_130 { line-height: 130% }

.lh_140 { line-height: 140% }

.lh_150 { line-height: 150% }

.lh_200 { line-height: 200% }

/*主要なパディングの一括指定*/

.padding_ss {
	padding: 2px ;
}

.padding_s {
	padding: 5px ;
}

.padding_m {
	padding: 9px ;
}

.padding_l {
	padding: 14px ;
}

.padding_w_s {
	padding: 10px 30px ;
}

.padding_w_m {
	padding: 10px 60px ;
}

.padding_w_l {
	padding: 20px 90px ;
}

/*サイドバナー用パディング*/
.padding_side_banner {
	padding-left: 5px ;
}


/*リンク関連*/

a:link {
	color: #026CD1;
}

a:visited {
	color: #004A95;
}

a:hover ,
a:active {
	color: #76AFE6;
}

/*フォーム関連*/

form {
	margin:0px;
	padding:0px;
}

input ,
textarea ,
select {
	font-size: 10pt;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #888888;
	vertical-align: middle;
}

input.submit {
	cursor: pointer;
}

input.no_bg {
	background-color: transparent;
	border: 0px none;
}

/* パーツとパーツの間に空きを作る */

img.v_spacer_s {
	display: block ;
	width: 100% ;
	height: 3px ;
}

img.v_spacer_m {
	display: block ;
	width: 100% ;
	height: 5px ;
}

img.v_spacer_l {
	display: block ;
	width: 100% ;
	height: 8px ;
}

/* 空のセルに挿入するダミー画像 */

img.dummy {
	display: block ;
}

img.dot {
	height: 1px;
	width: 1px;
}

img.square {
	height: 7px;
	width: 7px;
}

/*その他*/

.w_screen {
	display: block ;
	position: relative ;
	top: 0px ;
	left: 0px ;
	right: 0px ;
	bottom: 0px ;
	width: 100% ;
	height: 100% ;
	overflow: hidden ;
}

/* ページャー */
.pager{
	color: #666666;
}
.pager .number,
.pager a:link,
.pager a:visited{
	font-family: Verdana, sans-serif;
}
.pager .number{
	margin: 0px 2px;
}/*ページ全体メインのレイアウトテーブル*/
table.mainframe {
	width: 720px;
	height: auto ;
	margin: 0px ;
	padding: 0px ;
}

/*ページ全体メインのレイアウトテーブル：コンテンツ段用*/
table.mainframe td.container ,
table.mainframe td.container table.container {
	width: 720px ;
	height: auto ;
}

/*フルサイズの幅*/
table.container td.full_content {
	width: 720px ;
	height: auto ;
}

/*ページ左段の幅*/
table.container td.left_content {
	width: 270px ;
	height: auto ;
	padding: 5px 0px ;
}

table.container td.left_content_165 {
	width: 165px ;
	height: auto ;
}

table.container td.left_content_175 {
	width: 175px ;
	height: auto ;
}

/*ページ右段の幅*/
table.container td.right_content {
	width: 440px ;
	height: auto ;
	padding: 5px 0px ;
}

table.container td.right_content_535 {
	width: 535px ;
	height: auto ;
}

table.container td.right_content_540 {
	width: 540px ;
	height: auto ;
}

/*フォントに適用するカラーの設定*/
.c_00{
	color: #595E62;
}
.c_01{
	color: #595E62;
}
.c_02{
	color: #D92C49;
}
.c_03{
	color: #2C65D9;
}


/*フォントに適用するサイズの設定*/

/*ミドルサイズ：全体（*）の設定もここで行う。*/
* ,
.s_m{
	font-size : 10pt;
}

/*極小サイズ*/
.s_ss{
	font-size : 8pt;
}

/*小サイズ*/
.s_s{
	font-size : 9pt;
}

/*大サイズ*/
.s_l{
	font-size : 11pt;
}

/*極大サイズ*/
.s_ll {
	font-size : 12pt;
}

/*フォントに適用する太さの設定*/
.b_n{
	font-weight: normal;
}
.b_b {
	font-weight: bold;
}

/*その他汎用font関連*/
.caution{
	color: #ff0000;
}
.impact{
	font-size: 110%;
	font-weight: bold;
}


/*page_header矩形エリアの位置情報*/
td.inc_page_header,
div.inc_page_header{
	width: 720px;
	height: 96px;
}

td.inc_page_header div.before_login{
	height: 125px;
}

td.inc_page_header div.after_login{
	height: 96px;
}

/*********************/
/*page_header内のaタグをレイヤー状に扱う為の共通設定*/

div.inc_page_header a{
	display: block;
	position: absolute;
}
div.inc_page_header a img{
	width: 100%;
}

/*背景画像の位置情報*/
div.inc_page_header img.bg{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 96px;
	z-index: 0;
}
div.inc_page_header img.bg_before{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 125px;
	z-index: 0;
}

/*バナー画像の位置情報*/
div.inc_page_header div.banner,
div.inc_page_header a.banner{
	display: block;
	position: absolute;
	left: 247px;
	top: 5px;
	width: 468px;
	height: 60px;
	z-index: 200;
}
div.inc_page_header div.banner a{
	display: inline;
	position: static;
}

div.inc_page_header a.banner img{
	width: 468px;
	height: 60px;
}

/*ロゴに貼るアンカーの位置情報*/
a.logo_home{
	left: 0px;
	top: 5px;
	width: 240px;
	height: 60px;
	z-index: 500;
	display: block;
	position: absolute;
}
a.logo_home img{
	height: 60px;
	width: 240px;
}

/*** メインボタン共通の位置情報 ***/
div.inc_page_header div.navi_global a{
	height: 25px;
	width: 72px;
	top: 71px;
}

div.inc_page_header div.navi_global a img{
	height: 20px;
}

/*マイホームボタンの位置情報*/
div.inc_page_header div.navi_global a.navi_global_4{
	left: 270px;
	z-index: 10;
	width: 71px;
}

/*友人招待の位置情報*/
div.inc_page_header div.navi_global a.navi_global_5{
	left: 341px;
	z-index: 20;
	width: 71px;
}

/*新着日記一覧の位置情報*/
div.inc_page_header div.navi_global a.navi_global_6{
	left: 412px;
	z-index: 30;
	width: 71px;
}

/*ランキングの位置情報*/
div.inc_page_header div.navi_global a.navi_global_7{
	left: 483px;
	z-index: 40;
	width: 71px;
}

/*設定変更ボタンの位置情報*/
div.inc_page_header div.navi_global a.navi_global_8{
	left: 554px;
	z-index: 50;
	width: 71px;
}

/*ログアウトボタンの位置情報*/
div.inc_page_header div.navi_global a.navi_global_9{
	left: 625px;
	z-index: 60;
	width: 71px;
}
div.inc_page_header div.navi_global a.navi_global_10{
	left: 696px;
	width: 24px;
	z-index: 100;
}

/*フレンド検索の位置情報(検索メニュー)*/
div.inc_page_header div.navi_global a.navi_global_1{
	width: 90px;
	left: 0;
	z-index: 70;
}

/*コミュニティ検索の位置情報(検索メニュー)*/
div.inc_page_header div.navi_global a.navi_global_2{
	width: 90px;
	left: 90px;
	z-index: 80;
}

/*レビュー検索の位置情報(検索メニュー)*/
div.inc_page_header div.navi_global a.navi_global_3{
	width: 90px;
	left: 180px;
	z-index: 90;
}

td.inc_search_box{
	width: 720px ;
	height: auto ;
}

/*背景パターン*/

td.inc_search_box div.bg_search {
	border-bottom: solid #CBCBCB 1px ;
}

/************* 検索ボックス *************/

td.inc_search_box table.search_bar img ,
td.inc_search_box table.search_bar input ,
td.inc_c_com_topic_find table.search_bar img ,
td.inc_c_com_topic_find table.search_bar input ,
td.inc_c_com_topic_find table.search_bar select {
	vertical-align: middle;
}

td.inc_search_box table.search_bar input.button {
	border: none ;
	border-width: 0px;
	margin-left: 2px;
}
td.inc_info {
	width: 700px;
	height: auto;
	padding-top: 5px;
}
td.inc_info table.info_body{
	width: 710px;
	border-collapse: collapse;
}
td.inc_info table.info_body td.bg_a {
}

td.inc_info table.info_body ul {
	margin: 0px ;
	padding: 0px ;
	list-style-image: none ;
}

td.inc_info table.info_body ul li {
	margin: 0px ;
	padding: 0px ;
	padding-left: 14px ;
	list-style-type: none ;
}
/*inc_navi矩形エリア位置情報*/
td.inc_navi ,
div.inc_navi {
	width: 720px ;
	height: 29px ;
}
div.inc_navi_before{
	position: absolute;
	left: 1px;
	top: 96px;
	width: 720px;
	height: 29px;
}

td.inc_navi img.bg {
	display: block ;
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 720px ;
	height: 29px ;
	z-index: 0 ;
}

/***共通設定***/

td.inc_navi a {
	display: block ;
	position: absolute ;
	top: 0 ;
	height: 29px ;
}

/**/

td.inc_navi a img {
	display: block ;
	width: 100% ;
	height: 29px ;
}

/** h系ボタン共通設定 **/

td.inc_navi div.h a {
}

td.inc_navi div.h a.navi_h_1 {
	left: 0px ;
	width: 80px ;
	z-index: 10 ;
}

td.inc_navi div.h a.navi_h_2 {
	left: 80px ;
	width: 80px ;
	z-index: 20 ;
}

td.inc_navi div.h a.navi_h_3 {
	left: 160px ;
	width: 80px ;
	z-index: 30 ;
}

td.inc_navi div.h a.navi_h_4 {
	left: 240px ;
	width: 80px ;
	z-index: 40 ;
}

td.inc_navi div.h a.navi_h_5 {
	left: 320px ;
	width: 80px ;
	z-index: 70 ;
}

td.inc_navi div.h a.navi_h_6 {
	left: 400px ;
	width: 80px ;
	z-index: 60 ;
}

td.inc_navi div.h a.navi_h_7 {
	left: 480px ;
	width: 80px ;
	z-index: 50 ;
}

td.inc_navi div.h a.navi_h_8 {
	left: 560px ;
	width: 80px ;
	z-index: 80 ;
}

td.inc_navi div.h a.navi_h_9 {
	left: 640px ;
	width: 80px ;
	z-index: 90 ;
}


/** f系ボタン共通設定 **/

td.inc_navi div.f a {
}

td.inc_navi div.f a.navi_f_1 {
	left: 0 ;
	width: 80px ;
	z-index: 10 ;
}

td.inc_navi div.f a.navi_f_2 {
	left: 80px ;
	width: 80px ;
	z-index: 20 ;
}

td.inc_navi div.f a.navi_f_3 {
	left: 160px ;
	width: 80px ;
	z-index: 30 ;
}

td.inc_navi div.f a.navi_f_4 {
	left: 240px ;
	width: 80px ;
	z-index: 40 ;
}

td.inc_navi div.f a.navi_f_5 {
	left: 320px ;
	width: 80px ;
	z-index: 90 ;
}

td.inc_navi div.f a.navi_f_6 {
	left: 400px ;
	width: 80px ;
	z-index: 80 ;
}

td.inc_navi div.f a.navi_f_7 {
	left: 480px ;
	width: 80px ;
	z-index: 60 ;
}

td.inc_navi div.f a.navi_f_8 {
	left: 560px ;
	width: 80px ;
	z-index: 50 ;
}

td.inc_navi div.f a.navi_f_9 {
	left: 640px ;
	width: 80px ;
	z-index: 70 ;
}


/** c系ボタン共通設定 **/

td.inc_navi div.c a {
}

td.inc_navi div.c a.navi_c_1 {
	left: 0;
	width: 103px;
	z-index: 10;
}

td.inc_navi div.c a.navi_c_2 {
	left: 103px;
	width: 103px;
	z-index: 20;
}

td.inc_navi div.c a.navi_c_3 {
	left: 206px;
	width: 103px;
	z-index: 60;
}

td.inc_navi div.c a.navi_c_4 {
	left: 309px;
	width: 103px;
	z-index: 30;
}

td.inc_navi div.c a.navi_c_5 {
	left: 412px;
	width: 103px;
	z-index: 40;
}

td.inc_navi div.c a.navi_c_6 {
	left: 515px;
	width: 103px;
	z-index: 50;
}

td.inc_navi div.c a.navi_c_7 {
	left: 618px;
	width: 101px;
	z-index: 50;
}
td.inc_page_footer,
td.inc_page_footer td.bg_page_footer{
	width: 720px;
	height: 91px;
}

td.inc_page_footer td.bg_page_footer{
	padding: 5px 12px 8px 12px;
}

td.inc_page_footer a{
	padding: 2px 1px;
	font-size: 12px;
}
td.inc_page_footer a:link{
	color:#004A95;
}
td.inc_page_footer a:visited{
	color: #026CD1;
}
td.inc_page_footer a:hover,
td.inc_page_footer a:active{
	color: green;
}
td.inc_page_footer .footer_menu{
	text-align: center;
}
td.inc_page_footer .copyright{
	text-align: right;
	padding-top: 20px;
	font-size: 11px;
	font-family: Verdana;
}
td.inc_page_footer .copyright a{
	font-size: 11px;
	font-family: Verdana;
}div#container_login {
	display: block ;
	margin: 0px auto 0px 0px ;
	width: 720px ;
	height: 563px ;
	padding: 0px ;
}

/******* メインボタン共通の位置情報 *******/

div#container_login img.bg {
	display: block ;
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 720px ;
	height: 563px ;
	z-index: 0 ;
}

/*********************/

div#container_login a img {
	width: 100% ;
	height: 100% ;
}

div#container_login a * {
}

/**/

div#container_login div.header {
}

/******* バナーの位置情報 *******/

div#container_login div.banner ,
div#container_login a.banner {
	display: block ;
	position: absolute ;
	left: 247px ;
	top: 5px ;
	width: 468px ;
	height: 60px ;
	z-index: 200 ;
}

/******* メインボタン共通の位置情報 *******/

div#container_login div.header a.main_menu {
	display: block ;
	display: none ;
	position: absolute ;
	height: 22px ;
	top: 0px ;
}

div#container_login input ,
div#container_login a {
}

/******* ログインパネル位置情報ズ *******/

/*ログインIDフォームの位置情報*/

div#container_login input#username {
	display: block ;
	position: absolute ;
	left: 504px ;
	top: 246px ;
	width: 185px ;
	height: 23px ;
	font-size: 10pt ;
	z-index: 100 ;
}

/*パスワードフォームの位置情報*/

div#container_login input#password {
	display: block ;
	position: absolute ;
	left: 504px ;
	top: 299px ;
	width: 185px ;
	height: 23px ;
	font-size: 10pt ;
	z-index: 110 ;
}

/*ログインボタンの位置情報*/

div#container_login input#button_login {
	display: block ;
	position: absolute ;
	left: 536px ;
	top: 384px ;
	width: 120px ;
	height: 24px ;
	border: none 0px ;
	background-color: transparent ;
	z-index: 120 ;
}

/*新規登録ボタンの位置情報*/

div#container_login a#button_new_regist {
	display: block ;
	position: absolute ;
	left: 536px ;
	top: 414px ;
	width: 120px ;
	height: 24px ;
	border: none 0px ;
	z-index: 130 ;
}

/*エラーメッセージの位置情報*/
/*パスワード忘れた人リンクの位置情報*/

div#container_login div.msg {
	display: block ;
	position: absolute ;
	border: none 0px ;
	padding: 3px 0px ;
	left: 504px ;
	top: 327px ;
	width: 185px ;
	height: 42px ;
	font-size: 9pt ;
	text-align: center ;
	z-index: 140 ;
}

div#container_login div.msg * {
	font-size: 8pt ;
}

div#container_login div.msg a.password_query {
	font-size: 5pt ;
}

/******* フッターの位置情報 *******/

div#container_login .footer {
	display: block ;
	position: absolute ;
	left: 0px ;
	top: 542px ;
	width: 720px ;
	height: 21px ;
	font-size: 8pt ;
	text-align: right ;
	padding: 5px 0px ;
	padding-right: 12px ;
	z-index: 300 ;
}

div#container_login .footer a {
	font-size: 8pt ;
}

#login_area{
	width: 720px;
}
#login_area .header_area{
	background: url(/img/design/login_header.gif) top left no-repeat;
	height: 72px;
}
#login_area .header_area .banner{
	display: block;
	position: absolute;
	left: 247px;
	top: 5px;
	width: 468px;
	height: 60px;
	z-index: 200;
}
#login_area .list_outer{
	border: 1px solid #2E426C;
}
.login_inner #username{
	position: absolute;
	left: 560px;
	top: 116px;
	width: 128px;
	height: 21px;
	border:none;
	padding: 3px 2px 2px 2px;
}
.login_inner #password{
	position: absolute;
	left: 560px;
	top: 156px;
	width: 128px;
	height: 21px;
	border:none;
	padding: 3px 2px 2px 2px;
}
.login_inner .login_msg_box{
	position: absolute;
	left: 532px;
	top: 188px;
	width: 179px;
	text-align: center;
}
.login_inner #button_login{
	display: block;
	position: absolute;
	left: 564px;
	top: 233px;
	width: 119px;
	height: 23px;
	border: none 0px;
	background-color: transparent;
	z-index: 120;
}
.login_inner #button_mypage{
	display: block;
	position: absolute;
	left: 559px;
	top: 181px;
	width: 124px;
	height: 25px;
	border: none 0px;
	background-color: transparent;
	z-index: 120;
}
/*----------------------------------------------*/
#login_area .body_area{
	/*background: url(/img/design/login_bg.gif) repeat-y #658FE6;*/
	background: #658FE6;
}
.body_area .left_area{
	float: left;
	width: 525px;
}
.body_area .left_area .left_inner{
	padding: 7px 0px 5px 5px;
}
.body_area .right_area{
	margin-left: 525px;
}
.body_area .right_area .right_inner{
	padding: 7px 5px 5px 0px;
}
/*-------------------*/
.invitation_out{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	padding: 0px 10px 10px 0px;
	background: #F0F4FF;
}
.invitation_out .invitation{
	background:url(/img/design/prius_img.gif) right bottom no-repeat #F0F4FF;
	padding: 8px 15px 15px 15px;
}
/*-------------------*/
.login_inner .my_data{
	width: 160px;
	text-align: left;
	position: absolute;
	left: 540px;
	top: 100px;
	color: #222222;
}
.login_inner .my_data a:hover,
.login_inner .my_data a:active{
	color: #0000ff;
}
.commu_list_out{
	
}
.commu_list_out h2{
	font-size: 14px;
	margin: 0px;
	background: url(/img/design/open_commu_title_bg.gif) #BDAD29;
	padding: 5px 15px 3px 15px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #2E426C;
	border-left: 1px solid #ffffff;
	/*width: 520px;*/
}
.commu_list_out .commu_list{
	background: #F9F4D7;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	padding: 8px 15px 15px 15px;
}
.commu_list_out .commu_line{
	background: url(/img/design/open_commu_line.gif) bottom left repeat-x;
	padding: 6px 8px 3px 10px;
}
.commu_list a:hover,
.commu_list a:active{
	color: #0000ff;
}
/*-------------------*/
.commu_list_out .cs_head{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #CCA60D;
	height: 22px;
	background: url(/img/design/commu_search_head.gif) top left repeat-x #ECD876;
}
.commu_list_out .cs_body{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background: url(/img/design/commu_search_bg.gif) top left repeat-x #F9EDBF;
	padding: 5px 0px 5px 0px;
}
.commu_list_out .cs_q_input{
	width: 200px;
	border: 1px solid #CCA60D;
}
.commu_list_out .cs_submit{
	width: 75px;
	border: 1px solid #2E426C;
	background: url(/img/design/commu_search_button_bg.gif) top left repeat-x #ECD97A;
}
.login_goto_top{
	padding: 0px 10px 5px 10px;
	font-weight:bold;
}
.login_goto_top a:link,
.login_goto_top a:visited{
	color: gold;
	font-family: Verdana, sans-serif;
}
.login_goto_top a:hover,
.login_goto_top a:active{
	color: orange;
	font-family: Verdana, sans-serif;
}

.right_google{
	background: #B8CFF4;
	border: 1px solid #4A6290;
	/*width: 183px;*/
	text-align: center;
	margin-left: 7px;
}
.right_google_inner{
	border: 1px solid #DEE7FF;
	padding: 5px;
}
/*-------------------*/
.progress_over{
	padding: 0px 0px 3px 0px;
	border-bottom: 3px double #CCA60D;
	text-align: right;
}
.progress_under{
	padding: 3px 0px 0px 0px;
	margin-top: 2px;
	border-top: 3px double #CCA60D;
	text-align: right;
}
/*-------------------*/
.imakoko_navi a,
.imakoko_navi{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*@import url(./main/page_twitter.css);*/
.twt_clear{
	height: 1px;
	overflow: hidden;
	clear: both;
}
#twt_area{
	height: 190px;
}
#twt_area .twt_area_in{
	margin: 5px 0px;
}
.twt_header{
	height: 24px;
	border-bottom: 1px dotted gray;
}
.twt_header #twt_connect{
	display: none;
}
.twt_header #twt_status{
	display: none;
}
#twt_status #twt_btn_area{
	height: 23px;
	float: left;
}
#twt_menu,
#twt_mask{
	position: absolute;
	margin-top: 22px;
	display: none;
}
#twt_menu{
	border: 1px solid #094B60;
	background: #3680AE;
	padding: 2px 1px;
	width: 65px;
}
#twt_menu a:link,
#twt_menu a:visited{
	font-family: Arial,sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	padding: 1px 6px;
	font-size: 12px;
	display: block;
	text-align: center;
}
#twt_menu a:hover,
#twt_menu a:active{
	background: #1D6694;
}
#twt_mask{
	width: 270px;
	height: 152px;
}
#twt_status #twt_prof{
	height: 23px;
	margin-left: 30px;
}
#twt_prof .prof_img{
	float: left;
}
#twt_prof .prof_name{
	font-family: Arial,sans-serif;
	margin-left: 23px;
	padding: 4px 0px 1px 5px;
}
#twt_prof .prof_name a:link,
#twt_prof .prof_name a:visited{
	font-family: Arial,sans-serif;
	color: #004A95;
	text-decoration: none;
}
#twt_prof .prof_name a:hover,
#twt_prof .prof_name a:active{
	text-decoration: underline;
}
#twt_box{
	width: 270px;
	height: 150px;
}