@charset "UTF-8";


/*Everydayメニュー*/

.tab_submenu {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 115px;
	clear: both;
	width:720px;
}

.tab_submenu ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style:none;
}

.tab_submenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 77%;
	font-weight: normal;
	text-align: center;
	width: 16%;
}
.tab_submenu .menuA{
	background: url(../images/mainmenu/EmenuA.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuB{
	background: url(../images/mainmenu/EmenuB.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuC{
	background: url(../images/mainmenu/EmenuC.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuD{
	background: url(../images/mainmenu/EmenuD.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuE{
	background: url(../images/mainmenu/EmenuE.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuF{
	background: url(../images/mainmenu/EmenuF.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuG{
	background: url(../images/mainmenu/EmenuG.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuH{
	background: url(../images/mainmenu/EmenuH.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuI{
	background: url(../images/mainmenu/EmenuI.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}

.tab_submenu .menuJ{
	background: url(../images/mainmenu/EmenuJ.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}






.tab_submenu .menuLA{
	background: url(../images/mainmenu/longterm_menuA.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuLB{
	background: url(../images/mainmenu/longterm_menuB.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuLC{
	background: url(../images/mainmenu/longterm_menuC.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuLD{
	background: url(../images/mainmenu/longterm_menuE.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuLE{
	background: url(../images/mainmenu/longterm_menuF.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_submenu .menuLF{
	background: url(../images/mainmenu/longterm_menuG.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}




.tab_submenu .input {
	width: 90px;
	line-height: 95px;
	font-size: 93%;
	text-align: center;
	background: url(../images/common/icon_next.gif) no-repeat right center;
	margin-left: 7px;
}
.tab_submenu li a {
	color: #333;
	display: block;
	padding-top: 93px;
	color: #333;
	display: block;
	padding-left: 0px;
	margin: 0px;
	line-height: 17px;
}
.tab_submenu li a:hover {
	color: #000;
	display: block;
	border: 1px solid #CCC;
}


.tab_submenuS {/*小メニュー*/
	background: url(../images/mainmenu/dialy_menu.png) no-repeat;
	margin: 0px 0px 15px;
	padding: 0px;
	display: block;
	width: 160px;
	height: 90px;
	float: right;
}
.tab_submenuS ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

.tab_submenuS li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 77%;
	font-weight: normal;
	text-align: center;
}
.tab_submenuS .input {
	width: 90px;
	line-height: 95px;
	font-size: 93%;
	text-align: center;
	background: url(../images/common/icon_next.gif) no-repeat right center;
	margin-left: 7px;
}
.tab_submenuS li a {
	color: #333;
	display: block;
	margin-left: 0px;
	padding-top: 80px;
	color: #333;
	width: 80px;
	display: block;
	margin-right: 0px;
}
.tab_submenuS li a:hover {
	color: #09F;
	display: block;
}


.people_submenu {
	background: url(../images/mainmenu/friend_menu.png) no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 280px;
	float: right;
	height: 95px;
}
.people_submenu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

.people_submenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 77%;
	font-weight: normal;
	text-align: center;
}
.people_submenu .input {
	width: 90px;
	line-height: 95px;
	font-size: 93%;
	text-align: center;
	background: url(../images/common/icon_next.gif) no-repeat right center;
	margin-left: 7px;
}
.people_submenu li a {
	color: #333;
	display: block;
	margin-left: 0px;
	padding-top: 76px;
	color: #333;
	width: 70px;
	display: block;
	margin-right: 0px;
}
.people_submenu li a:hover {
	color: #09F;
	display: block;
}
/*tabmenuend*/


/*大メニュー*/
/*
.tab_longterm {
	margin: 0px;
	padding: 0px;
	background: url(../images/mainmenu/everyday_menu_back.png) repeat-x;
	display: block;
	height: 110px;
	clear: both;
}
.tab_longterm ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style:none;
}
.tab_longterm li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 77%;
	font-weight: normal;
	text-align: center;
	width: 16%;
}
.tab_longterm .menuA{
	background: url(../images/mainmenu/EmenuA.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_longterm .menuB{
	background: url(../images/mainmenu/EmenuB.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_longterm .menuC{
	background: url(../images/mainmenu/EmenuC.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_longterm .menuD{
	background: url(../images/mainmenu/EmenuD.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_longterm .menuE{
	background: url(../images/mainmenu/EmenuE.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_longterm .menuF{
	background: url(../images/mainmenu/EmenuF.png) no-repeat center 20px;
	margin: 0px;
	padding: 0px;
}
.tab_longterm li a{
	width: 82px;
	color: #666;
	display: block;
	margin-left: 11px;
	padding-top: 78px;
}
.tab_longterm li a:hover {
	color: #09F;
	display: block;
}
*/

/*中メニュー*/

.head_manage {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #333;
	font: bolder 13px arial, helvetica, clean, sans-serif;
}
.head_manage .usernames{
	margin: 0px;
	float: left;
	padding: 0px;
	font-weight: normal;
}
.head_manage ul{
	list-style: none;
	float: right;
	margin: 0px;
	padding: 0px;
}
.head_manage li{
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-weight: normal;
}
.head_manage list{
}

/*中メニュー*/

/*大メニュー*/

.main_longterm {/***/
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.main_longterm ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style:none;
}
.main_longterm li {
	margin: 0px 0px 5px;
	padding: 10px 0px 5px;
	clear: left;
	border-bottom: 1px solid #CCC;
}
.main_longterm li .icon {
	float: left;
	margin: 0px;
	padding: 0px;
}
.main_longterm li .icon img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.main_longterm li .show {
	margin: 0px;
	padding: 0px 0px 0px 50px;
	float: left;
}
.main_longterm li .show p {
	font-size: 93%;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	color: #333;
}
.main_longterm li .show p span {
	font-weight: bold;
	color: #000;
}
.main_longterm li a{
	color: #333;
	display: block;
}
.main_longterm li a:hover {
	color: #09F;
	display: block;
}

/*トップメニュー説明*/
.menutext{
	margin: 2px 0px 2px 2px;
	padding: 0px;
	clear: both;
}
.menutext p{
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size: 85%;
	color: #666;
}
.showmenuA{
	background: url(../images/mainmenu/show_menuA.png) no-repeat;
	text-indent: 30px;
	line-height: 25px;
}
.showmenuB{
	background: url(../images/mainmenu/show_menuB.png) no-repeat;
	text-indent: 30px;
	line-height: 25px;
}
.showmenuC{
	background: url(../images/mainmenu/show_menuC.png) no-repeat;
	text-indent: 30px;
	line-height: 25px;
}
.showmenuD{
	background: url(../images/mainmenu/show_menuD.png) no-repeat;
	text-indent: 30px;
	line-height: 25px;
}
.showmenuE{
	background: url(../images/mainmenu/show_menuE.png) no-repeat;
	text-indent: 30px;
	line-height: 25px;
}
.showmenuF{
	background: url(../images/mainmenu/show_menuF.png) no-repeat;
	text-indent: 30px;
	line-height: 25px;
}
.showmenuK{
	background: url(../images/mainmenu/show_menuK.png) no-repeat;
	text-indent: 30px;
	line-height: 25px;
}




/*各種入力画面*/
.schedule_frame{
	border: 1px solid #CCC;
	font-weight: normal;
	color: #000;
	height: 20px;
}
.schedule_title{
	font-weight: bold;
	color: #333;
	float: left;
	width: 80px;
	margin: 0px;
}
div.schedule_title, x:-moz-any-link { 
	width: 90px;/* Fx 1.0 以降に適用される */
	font-size: 85%;
}

#startdateform{
	float:left;
	clear: left;
	margin-right: 0px;
	padding: 0px;
	font-size: 93%;
	line-height: 20px;
	color: #333;
}
#enddateform{
	float:left;
	clear: left;
	margin-right: 0px;
	padding: 0px;
	font-size: 93%;
	line-height: 20px;
	color: #333;
}

/*表示メニュー*/

.output {/**/
	margin: 0px;
	padding: 0px;
	width: 720px;
}
.output .frame {/**/
	margin: 0px 0px 5px;
	padding: 3px;
	clear: both;
}

.diary_box .input .day {
	font-size: 11px;
	font-weight: bold;
	color:#FFF;	
}
.diary_box .comments {/**/
	margin: 3px 3px 3px 10px;
	padding: 0px;
	float: left;
}
.diary_box span #select {/**/
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
.diary_box .inputareaD {/**/
	width: 450px;
	font-size: 12px;
}
.diary_box .editarea{/**/
	width: 400px;
	font-size: 12px;
	float: left;
	margin-bottom: 5px;
}
.diary_box .input p{/**/
	color: #333333;
	line-height: 1.6em;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 1px 1px 1px 25px;
	width: 110px;
}
#DiaryInputFormCommentLabel span {
	float: left;
	font-weight: bold;
	font-size: 108%;
}
#DiaryInputFormCommentLabel p {
	font-size: 77%;
	text-shadow: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px;
	color: #333;
	width: 600px;
}
#form_container_asset_type span{
	float: left;
	font-weight: bold;
	font-size: 108%;
}
#display_input_memo span {
	font-weight: bold;
	font-size: 108%;
	margin: 10px 0px 0px;
	padding: 0px;
	float: left;
}

#display_input_memo p {
	font-size: 77%;
	text-shadow: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px;
	color: #333;
	width: 600px;
}

.set {
	clear: left;
	font-size: 108%;
	font-weight: bold;
	margin: 10px 0px 0px;
	padding: 0px;
	display: block;
	color: #000;
	text-shadow: #D9D9D9 0 1px 0;
	line-height: 1.4em;
}

.set2 {
	font-size: 85%;
	margin: 3px 0px 0px 20px;
	padding: 0px;
	clear: left;
	line-height: 16px;
	font-weight: bold;
}
.diary_box .setselect {
	float: left;
	font-size: 77%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	line-height: 11px;
}
.diary_box .up_condition{
	color: #333333;
	margin: 1px 0px 0px 1px;
	padding: 0px;
	width: 67px;
	float: left;
	height: 74px;
}
.diary_box .up_photo{
	color: #333333;
	margin: 1px 0px 0px;
	padding: 0px;
	width: 67px;
	float: right;
	height: 74px;
}
.diary_box .up_items{
	color: #333333;
	margin: 1px 0px 0px 1px;
	padding: 0px;
	width: 67px;
	float: left;
	height: 74px;
}
.diary_box .up_checks{
	color: #000;
	clear: left;
	padding-bottom: 8px;
	font-weight: normal;
}
.up_checks #checkbox{
	margin: 1px 0px 0px;
	padding: 0px;
}
.diary_box .up_checks p {
	color: #333333;
}

/*表示メニューend*/


/*プライベートフレーム用*/
.private_reply{
	margin: 5px;
	padding: 0px;
	float: left;
}

.private_edit{
	margin: 5px;
	padding: 0px;
	float: left;
}
.private_erase{
	margin: 5px;
	padding: 0px;
	float: left;
}
.private_small{
	margin: 2px 2px 2px 0px;
	padding: 0px;
	float: right;
}

.comment_timemove {
	margin: 0px;
	padding: 0px;
	float:right;
}
.comment_timemove ul {
	margin: 0px;
	padding: 0px;
}
.comment_timemove li {
	float: left;
	text-align: center;
	margin: 0px 10px;
	padding: 0px;
}
.comment_timemove .pre a {
	margin: 0px;
	font-size: 85%;
	color: #666;
	background: url(../images/common/icon_pre.gif) no-repeat left center;
	display: block;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
}
.comment_timemove .pre a:hover {
	display: block;
	background: #CCC;
}
.comment_timemove .next a {
	margin: 0px;
	display: block;
	font-size: 85%;
	color: #666;
	text-align: center;
	background: url(../images/common/icon_next.gif) no-repeat right center;
	padding: 0px 10px 0px 0px;
	font-weight: normal;
}
.comment_timemove .next a:hover {
	display: block;
	background: #CCC;
}
.comment_timemove .long a {
	margin: 0px;
	font-size: 85%;
	color: #666;
	display: block;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
#target_current_average img {/*追加*/
	width:16px;
}
#posteddata #date_of_schedule{
	clear: left;
}
#posteddata .sche_frame{
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	width: 570px;
}
#posteddata #startdate{/*スケジュール*/
	color: #FF3D00;
	float: left;
	font: bold 108%/18px Arial, Helvetica, sans-serif;
}
#posteddata #enddate{
	color: #FF3D00;
	float: left;
	font: bold 108%/18px Arial, Helvetica, sans-serif;
}
#posteddata #froms{
	color: #306189;
	font: bold 108%/18px Arial, Helvetica, sans-serif;
	margin-right: 10px;
	margin-left: 10px;
}

#posteddata #content_of_schedule{
	clear: left;
	padding-top: 3px;
}
#posteddata #comment{
	margin: 0px;
	float: left;
	width: 350px;
}
.output_box .buttons{
	margin: 5px;
	padding: 0px;
	float: left;
	font-size: 77%;
	font-weight: bolder;
	color: #000;
	width: 50px;
}


#startdateform span{/*予定関係*/
	margin: 0px;
	padding:2px 6px;
	font: normal 93%/24px Arial, Helvetica, sans-serif;
	-webkit-border-bottom-left-radius: 0px 0px;
	-webkit-border-bottom-right-radius: 0px 0px;
	-webkit-border-top-left-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
}
#enddateform span{/*予定関係*/
	margin: 0px;
	padding:2px 6px;
	font: normal 93%/24px Arial, Helvetica, sans-serif;
	-webkit-border-bottom-left-radius: 0px 0px;
	-webkit-border-bottom-right-radius: 0px 0px;
	-webkit-border-top-left-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
}
.timeEntry_wrap span{
	margin: 0px;
	padding:0px;
}
.timeEntry_control{
	width:49px;
	padding:0px;
}


/*プライベートフレーム用end*/


/*共有フレーム用*/

.common_image{
	margin: 5px;
	padding: 0px;
	float: left;
}
.common_image img{
	width:50px;
}
.common_subframe{
	margin: 0px;
	padding: 0px;
	float: left;
}
.common_subframeD{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 600px;
}
.common_subframeL{
	padding: 0px;
	min-width:600px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 590px;
}
.common_subframeS{
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 295px;
}
.common_username{
	margin: 5px;
	padding: 0px;
	float: left;
	font-size: 93%;
	font-weight: bolder;
	color: #09C;
	line-height: 20px;
}
.common_usertime{
	margin: 5px 0px 5px 5px;
	padding: 0px;
	float: left;
	color: #333;
	font: bolder 93%/20px Arial, Helvetica, sans-serif;
}
.common_userdate{
	margin: 5px 0px 5px 5px;
	padding: 0px;
	float: left;
	font: 85%/20px Arial, Helvetica, sans-serif;
}

.common_reply{
	margin: 0px 5px 5px;
	padding: 0px;
	float: left;
	clear: left;
}
.common_useritem{
	margin: 5px;
	padding: 0px;
	float: left;
	font-size: 108%;
	font-weight: bolder;
	color: #09C;
	line-height: 20px;
}
.common_userprice{
	margin: 5px 0px 5px 5px;
	padding: 0px;
	float: left;
	color: #333;
	font: bolder 116%/20px Arial, Helvetica, sans-serif;
}
.common_userbrand{
	font-size: 77%;
	float: left;
	margin: 5px;
}
.common_buylike{
	margin: 5px 0px 0px;
	padding: 0px;
	float: left;
	clear: left;
}


.common_sns{
	margin: 3px 0px 0px;
	padding: 0px;
	float: left;
	color: #000;
	width: 50px;
	clear: left;
}
.common_edit{
	margin: 5px;
	padding: 3px;
	font-size: 85%;
	line-height: 116%;
	float: right;
}
.common_erase{
	margin: 5px;
	padding: 3px;
	font-size: 85%;
	line-height: 116%;
	float: right;
}

.response_box{
	width: 600px;
	margin: 0;
	background: #EFEFEF;
	padding: 10px;
}
.response_box textarea{
	width: 360px;
}
#target_life_contents textarea{
	width: 300px;
}

.comment_common_userimage{
	margin: 5px 5px 5px 0px;
	padding: 0px;
	float: left;
	width: 30px;
}
.comment_common_userimage img{
	width:30px;
}
.comment_common_username{
	margin: 5px;
	padding: 0px;
	float: left;
	font-size: 85%;
	font-weight: bolder;
	line-height: 30px;
}
.comment_common_username a{
	color: #39F;
}
.comment_common_text{
	font-size: 85%;
	margin-left: 5px;
	float: left;
	width: 500px;
}
.comment_common_img{
	margin: 5px;
	float: left;
	clear: left;
}
.comment_common_reply{
	margin: 5px;
	padding: 0px;
	font-size: 77%;
	line-height: 30px;
	float: left;
	font-weight: bold;
}
.comment_common_edit{
	margin: 5px;
	padding: 3px;
	float: right;
}
.comment_common_erase{
	margin: 5px;
	padding: 3px;
	float: right;
}

.comment_common_time{
	padding-top: 5px;
}
.comment_common_time{
	padding-top: 5px;
}
.item_name{
	font-size: 100%;
	font-weight: bolder;
	color: #09C;
	line-height: 20px;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
}
.item_detail{
	margin: 2px 0px 0px 10px;
	float: left;
	font-size: 77%;
	font-weight: bolder;
	text-align: center;
}
.item_detail a{
	padding: 0px 20px;
	color: #333;
	background: #CCC;
	display:block;
	padding-top: 2px;
	padding-bottom: 1px;
}
.item_detail a:hover{
	color: #FFF;
	background: #000;
	display:block;
}
.item_image{
	padding: 5px;
	clear: left;
	margin: 0px;
}
.item_type{
	font-size: 77%;
	font-weight: bold;
	padding-right: 20px;
	line-height: 20px;
}
.item_comment{
	font-size: 85%;
	padding-right: 20px;
	line-height: 14px;
}



/*表示用で利用*/

.output_box {/**/
	margin: 5px;
	padding: 0px;
	word-break: break-all;
	float: left;
	font-size: 100%;
	clear: both;
}

.longtime_box {
	margin: 0px;
	padding: 0px;
	word-break: break-all;
}
.longtime_box img{
	border:0px;
}
/*共有フレーム用end*/


/*トップページ共有フレーム用*/

.data .common_image{
	margin: 5px;
	padding: 0px;
	float: left;
	clear: left;
}
.data .common_image img{
	width:50px;
}
.data .common_subframe{
	margin: 0px;
	padding: 0px;
	float: left;
}
.data .common_subframeD{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 600px;
}
.data .common_subframeL{
	margin: 0px;
	padding: 0px;
	width:600px;
	float: left;
}
.top_announce .common_subframeS{
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width:305px;
}
.typeCommon .common_subframeS{
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 650px;
}
.data .common_username{
	margin: 5px;
	padding: 0px;
	float: left;
	font-size: 93%;
	font-weight: bolder;
	color: #09C;
	line-height: 20px;
}
.data .common_usernameA{
	margin: 5px 5px 0px;
	padding: 0px;
	float: left;
	font-size: 93%;
	font-weight: bolder;
	color: #09C;
	line-height: 20px;
}
.data .common_userimageA{
	margin: 5px 5px 0px;
	padding: 0px;
	float: left;
	clear: left;
}
.data .common_usertime{
	margin: 5px 0px 5px 5px;
	padding: 0px;
	float: left;
	color: #333;
	font: bolder 93%/20px Arial, Helvetica, sans-serif;
}
.data .common_userdate{
	margin: 5px 0px 5px 5px;
	padding: 0px;
	float: left;
	font: 85%/20px Arial, Helvetica, sans-serif;
}
.top_announce .common_usertext{
	font-size: 77%;
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	width: 300px;
}
.typeCommon .common_usertext{
	font-size: 77%;
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	width:500px;
	clear: left;
}
.data .common_reply{
	margin: 0px 5px 5px;
	padding: 0px;
	float: left;
	clear: left;
}
.data .common_useritem{
	margin: 5px 5px 0px;
	padding: 0px;
	float: left;
	font-size: 93%;
	font-weight: bolder;
	color: #09C;
	line-height: 20px;
	text-align: left;
}
.data .common_userprice{
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	color: #333;
	font: bolder 93%/20px Arial, Helvetica, sans-serif;
}
.data .common_userbrand{
	font-size: 77%;
	float: left;
	margin: 5px 5px 0px;
	line-height: 1.8em;
	clear: left;
	width: 250px;
}
.common_usertext{
	font-size: 77%;
	margin-left: 5px;
	float: left;
	/*width: 290px;*/
	text-align: left;
	clear: left;
	width: 200px;
}
/*トップページ共有フレーム用/end*/


/*diary関係*/
.diary_box .input {/**/
	margin: 5px 0px;
	padding: 10px;
	border: 1px solid #DADADA;
	background: #F2F1F0;
}
.diary_box .input textarea {/**/
	font-size: 100%;
	float: left;
	margin-bottom: 5px;
	background: #FFF;
	margin-right: 10px;
	width: 80%;
	border: 1px solid #CCC;
}

.diary_box .button_input{
	float: left;
	margin-top: 8px;
	clear: left;
}
.shadowsinput {/*遺産*/
	display: block;
}
/*diary関係end*/

/*表示用テーブル内クラス*/

/*diary_d用*/
.headtext {
	margin: 0px;
	padding: 10px 2px 5px;
	color: #333333;
	/*	vertical-align: top;*/
	text-align: left;
	width: 130px;
	font-size: 85%;
	font-weight: bold;
}
/*everyday用*/
.headtextP {
	margin: 0px;
	padding: 10px 2px 5px;
	color: #333333;
	/*	vertical-align: top;*/
	text-align: left;
	width: 120px;
	font-size: 85%;
	font-weight: bold;
}
/*year,month用*/
.headtextL {
	margin: 0px;
	padding: 2px 2px 2px 20px;
	color: #005F9E;
	/*	vertical-align: top;*/
	text-align: left;
	width: 120px;
	font-size: 77%;
}
.headtextS {
	margin: 0px;
	padding: 2px;
	font-size: 93%;
	font-weight: bold;
	color: #333333;
	text-align: left;
	width: 130px;
}

.memo_textT {
	margin: 0px;
	padding: 5px 2px;
	font: bold 93%;
	color: #333333;
	vertical-align: top;
	text-align: left;
	width: 100px;
}
.memo_textC {
	color: #333333;
	text-align: left;
	text-decoration: none;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 10px;
}
/*過去用*/
.oldtextP {
	margin: 0px;
	padding: 5px 0px 2px 5px;
	color: #333333;
	text-align: left;
	width: 150px;
	font-size: 85%;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.oldtextT {
	margin: 0px;
	padding: 5px 0px 2px 0px;
	color: #333333;
	vertical-align: top;
	text-align: left;
	width: 480px;
	font-size: 85%;
	border-bottom: 1px solid #CCC;
}
.olddate {
	color: #333333;
	text-align: left;
	text-decoration: none;
	font-size: 85%;
	background: url(../images/common/icon_next.gif) no-repeat right 7px;
	padding: 5px 10px 2px 0px;
	border-bottom: 1px solid #CCC;
}
/*year,month用*/
.memo_textL {
	color: #333333;
	text-align: left;
	text-decoration: none;
	font-size: 77%;
	padding-top: 3px;
	width: 450px;
}

.mailtextA {
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-align: right;
	width: 110px;
	font: bolder 77%;
}
.timetext {
	width: 75px;
	padding-left: 1px;
}
.timetextB {
	font-weight: bold;
	color: #003;
}
/*月別用*/
.longtime_box .timetextB {
	font-weight: bold;
	color: #004F79;
	float:left;
	clear: left;
	width: 150px;
}
.longtime_box .memo_textL div {
	line-height: 15px;
}
/*表示用テーブル内クラス/end*/


/*まとめメール*/
.mail_service{
	margin: 5px 0px;
	padding: 0px;
}
.mail_service .linkA{
	float:right;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}
.mail_service .linkA a{
	width: 130px;
	height: 23px;
	line-height: 23px;
	font-size: 85%;
	background: url(../images/common/button_mailserviceA.gif) no-repeat 0 0px;
	display: block;
	color: #848073;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	text-indent: 25px;
}
.mail_service .linkA a:hover{
	background: url(../images/common/button_mailserviceAh.gif) no-repeat 0 0px;
	display: block;
}


/*細かいボタン関連*/

.search_button {
	width: 102px;
	height: 19px;
	border: 0;
	background: url(../images/common/button_search.gif) no-repeat 0 0px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 19px;
	font-size: 85%;
	color: #FFF;
	font-weight: bold;
	clear: left;
	text-indent: 12px;
}
.search_button a{
	color: #FFF;

}

.button_middle a {/**/
	list-style: none;
	margin: 1px 0px;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-size: 77%;
	display: block;
	line-height: 26px;
	padding: 0px;
	background: #E4E4E4;
	clear: both;
	border: 1px solid #CCC;
}
.button_middle a:hover {/**/
	background: #333;	
	color: #FFF;
	display: block;
}

.button_50 a{
	font-weight: bolder;
	font-size: 77%;
	color: #333;
	width: 50px;
	text-align: center;
	line-height: 18px;
	background: url(../images/common/corner_50_18.png) no-repeat;
	display:block;
	overflow: hidden;
}
.button_50 a:hover{
	background: url(../images/common/corner_50_18H.png) no-repeat;
	display:block;
}

.button_80 a{
	font-weight: bolder;
	font-size: 77%;
	color: #333;
	width: 80px;
	text-align: center;
	line-height: 18px;
	background: url(../images/common/corner_80_18.png) no-repeat;
	display:block;
	overflow: hidden;
}
.button_80 a:hover{
	background: url(../images/common/corner_80_18H.png) no-repeat;
	display:block;
}



/*細かいボタン関連/既出*/


a.gray_button {
	padding-right: 18px;   /* ボタン高さ */
	background: url(../images/common/graybutton.png) no-repeat right top;
	cursor: pointer;
	margin-right: 1px;   /* ボタン外　右側余白*/
	outline: none;       /* FireFox:点線を非表示 */
	color: #FFF;
	font: bold 85%/18px Arial, Helvetica, sans-serif;
}

a.gray_button span { 
  display: block; 
  padding-left: 18px;  /* ボタン内　左側余白*/ 
  background: url(../images/common/graybutton.png) left top no-repeat; 
  background-color: #FFFFFF; /* 透過部分の背景色 */ 
} 
a.gray_button:hover { 
  background-position: right -18px; 
} 
 
a.gray_button:hover span { 
  background-position: left -18px; 
} 
 
a.gray_button:active { 
  background-position: right bottom; 
} 
 
a.gray_button:active span { 
  background-position: left bottom; 
}

a.open_buttonB {
	padding-right: 18px;   /* ボタン高さ */
	background: url(../images/common/whitebuttonB.png) no-repeat right top;
	cursor: pointer;
	margin-right: 1px;   /* ボタン外　右側余白*/
	outline: none;       /* FireFox:点線を非表示 */
	color: #666;
	font: bold 85%/18px Arial, Helvetica, sans-serif;
}

a.open_buttonB span {
	display: block;
	padding-left: 22px;  /* ボタン内　左側余白*/
	background: url(../images/common/whitebuttonB.png) left top no-repeat;
	background-color: #FFFFFF; /* 透過部分の背景色 */
} 
a.open_buttonB:hover { 
  background-position: right -18px; 
} 
 
a.open_buttonB:hover span { 
  background-position: left -18px; 
} 
 
a.open_buttonB:active { 
  background-position: right bottom; 
} 
 
a.open_buttonB:active span { 
  background-position: left bottom; 
} 

a.blue_button {
	float: left;
	padding-right: 18px;   /* ボタン高さ */
	background: url(../images/common/bluebutton.png) no-repeat right top;
	cursor: pointer;
	margin-right: 1px;   /* ボタン外　右側余白*/
	outline: none;       /* FireFox:点線を非表示 */
	color: #FFF;
	font: bold 85%/18px Arial, Helvetica, sans-serif;
} 
a.blue_button span { 
  display: block; 
  padding-left: 18px;  /* ボタン内　左側余白*/ 
  background: url(../images/common/bluebutton.png) left top no-repeat; 
  background-color: #FFFFFF; /* 透過部分の背景色 */ 
} 
a.blue_button:hover { 
  background-position: right -18px; 
} 
 
a.blue_button:hover span { 
  background-position: left -18px; 
} 
 
a.blue_button:active { 
  background-position: right bottom; 
} 
 
a.blue_button:active span { 
  background-position: left bottom; 
} 

.side_gray_button {
	width: 240px;
	background: url(../images/common/side_graybutton.png) bottom;
	clear: both;
	margin: 0px;
	padding: 0px 0px 5px;
}
.side_gray_button p{
	font-size: 85%;
	font-weight: bold;
	line-height: 1.2em;
	color: #333;
	background: #FFF url(../images/common/side_graybutton.png) top;
	padding: 6px 15px 0px;
	margin: 1px 0px 0px;
	text-align: center;
}
.side_gray_button a{
	color: #333;
}

.formaction a {/**/
	list-style: none;
	margin: 2px 2px 0px 0px;
	background: #d3d3d3 url(../images/common/button_back_smallgray.gif) repeat-x;
	font-weight: bold;
	color: #000;
	text-align: center;
	border: 1px solid #c6c6c6;
	font-size: 10px;
	display: block;
	float: left;
	line-height: 16px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
}
.formaction a:hover {/**/
	background: #333;	
	color: #FFF;
	display: block;
}
.formactionA a {/**/
	margin: 0px;
	font-weight: bold;
	color: #4891DE;
	text-align: center;
	border: 1px solid #B7B7B7;
	font-size: 77%;
	display: block;
	float: left;
	line-height: 16px;
	padding: 1px 10px 0px;
	background: #FFF;
}
.formactionA a:hover {/**/
	background: #333;	
	color: #FFF;
	display: block;
}
.formactionB a {/**/
	margin: 0px;
	font-weight: bold;
	color: #4891DE;
	text-align: center;
	border: 1px solid #B7B7B7;
	font-size: 77%;
	display: block;
	float: right;
	line-height: 16px;
	padding: 1px 10px 0px;
	background: #FFF;
	white-space: nowrap;
}
.formactionB a:hover {/**/
	background: #333;	
	color: #FFF;
	display: block;
}
.formactionC a {/**/
	list-style: none;
	background: #FFF;
	font-weight: bold;
	color: #000;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #999;
	font-size: 10px;
	display: block;
	width: 70px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	margin-right: 1px;
}
.formactionC a:hover {/**/
	background: #333;	
	color: #FFF;
	display: block;
}
.formactionD a {/**/
	list-style: none;
	margin: 2px 2px 0px 0px;
	background: #d3d3d3 url(../images/common/button_back_smallbroun.gif) repeat-x;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 1px solid #c6c6c6;
	font-size: 10px;
	display: block;
	float: left;
	line-height: 17px;
	padding-right: 5px;
	padding-left: 5px;
}
.formactionD a:hover {/**/
	background: #333;	
	color: #FFF;
	display: block;
}

.formactionMA a {/**/
	list-style: none;
	margin: 5px 0px 0px;
	background: #000 url(../images/common/button_mailtabAh.gif) repeat-x;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	font-size: 85%;
	display: block;
	padding: 4px 10px 3px;
	float: right;
	border: 1px solid #c6c6c6;
}
.formactionMA a:hover {/**/
	background: #333;	
	color: #FFF;
	display: block;
}


/*細かいボタン関連/end*/



/*日本語ボタン関連*/
.button_detailsAsset a{
	margin: 0px 0px 0px 1px;
	font-weight: bold;
	color: #4891DE;
	text-align: center;
	border: 1px solid #B7B7B7;
	font-size: 85%;
	display: block;
	float: right;
	line-height: 16px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
}
.button_detailsAsset a:hover{
	background: #333;	
	color: #FFF;
	display: block;
}
.button_registrationSR a{
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	text-align: center;
	width: 80px;
	border: 1px solid #B7B7B7;
	float: left;
}
.button_registrationSR a:hover{
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	width: 80px;
	border: 1px solid #B7B7B7;
	float: left;
}
/*ボタン、skin.cssより移動*/
.button_registerS a{
	display: block;
	text-align: center;
	width: 100px;
	line-height: 16px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #B7B7B7;
}
.button_registerS a:hover{
	background: #000;
	display: block;
	border: 1px dotted #666;
}
/*ボタン、skin.cssより移動end*/


/*日本語ボタン関連/end*/




/*サブメニュー/既出*/
#sub_menu {
	margin: 5px 0px;
	padding: 0px;
	float: left;
	clear: left;
	width: 720px;
}
#sub_menu ul {
	margin: 0px;
	padding: 0px;
}
#sub_menu li {
	float: left;
}
#sub_menu span {
	color: #FFF;
	margin: 0px 0px 0px 16px;
	padding: 0px;
	white-space: nowrap;
	width: 113px;
	text-align: center;
	line-height: 40px;
	display: block;
	font-size: 9px;
}
#sub_menu li a{
	color: #333;
	font-weight: bold;
	font-size: 85%;
	padding: 0px;
	margin: 0px 20px 0px 0px;
	white-space: normal;
	line-height: 1.6em;
}
#sub_menu li a:hover{
	color: #06F;
	display: block;
}

#sub_menu ul li a:active,
#sub_menu ul li a.active{
	color:#000;
}
#sub_menu ul li a.selected{
	color:#000;
}

#sub_menu p {
	float: left;
	margin: 0px 0px 5px;
	padding: 0px;
}
.sub_menu_you {
	float: left;
	background: url(../images/common/submenu_you_on.gif) 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 145px;
}
.sub_menu_world {
	float: left;
	background: url(../images/common/submenu_world_on.gif) 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 145px;
}
.sub_menu_search {
	float: left;
	background: url(../images/common/submenu_search_on.gif) 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 145px;
}
.sub_menu_other {
	float: left;
	background: url(../images/common/submenu_other_on.gif) 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 145px;
}

#sub_menuS {
	margin: 0px;
	padding: 10px 0px 0px;
	float: left;
	height: 60px;
}
#sub_menuS p {
	float: left;
	margin: 0px 0px 5px;
	padding: 0px;
}
#sub_menuS ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#sub_menuS li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 45px;
}
#sub_menuS li a{
	color: #036FAB;
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 40px;
	white-space: normal;
	vertical-align: middle;
	line-height: 45px;
	display: block;
}
#sub_menuS li a:hover{
	color: #000;
	display: block;
}
#sub_menuS ul li a:active,
#sub_menuS ul li a.active{
  	color:#000;
}
#sub_menuS ul li a.selected{
	color:#000;
}

/*サブメニュー/既出end*/


/*右メニュー/既出*/
.rightsubmenu{
	margin: 0px;
	padding: 0px;
	float: right;
}
.rightsubmenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.rightsubmenu li{
	float: right;
	font-size: 77%;
	margin: 0px 1px 0px 0px;
	font-weight: bold;
	line-height: 36px;
}
.rightsubmenu li a{
	font-weight: bold;
	padding: 0px 8px;
	color: #333;
	text-decoration: none;
}
.rightsubmenu li a:hover{
	color: #09F;
	text-decoration: none;
}
/*右メニュー/既出end*

/*メッセージ関連/一部よくわからない*/
.message_attention {
	margin: 50px 0px 5px 5px;
	width: 620px;
	background: #ECECEC url(../images/common/infomation_back.jpg) repeat-x;
	border: 2px solid #2770A1;
	padding: 0px;
	clear: both;
}
.message_attention p {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	color: #036;
	padding: 10px 20px 10px 30px;
	background: url(../images/common/exclamation.gif) no-repeat 10px 8px;
	margin: 0px;
}
.message_info {
	margin: 5px 0px 10px 10px;
	float: left;
	width: 620px;
	background: #FFFFFF;
	border: 2px solid #0066FF;
}
.message_info p{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: #3366CC;
	padding: 8px 15px 8px 25px;
	background: url(../images/common/info01.gif) no-repeat 5px 8px;
	margin: 0px;
}

.message_forecast {
	margin: 0px 0px 10px;
	text-align: center;
	padding: 0px 0px 20px;
	background: #A8CBE4 url(../images/common/diary_back01.gif) repeat-x left top;
}

.message_forecast .season {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	color: #FFF;
}
.message_forecast h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	color: #FFF;
	padding: 20px;
	margin: 0px;
}
.message_forecast p {
	font-size: 11px;
	line-height: 1.6em;
	color: #000;
	margin: 0px;
	padding: 15px 35px 4px;
	text-shadow: #FFF 0 1px 0;
}
.message_forecast .frame {
	font-size: 12px;
	line-height: 1.3em;
	color: #000;
	margin: 10px 45px 0px;
	padding: 5px 8px;
	background: #F3F3F3;
	border: 1px solid #666;
}
.message_forecast .forecast_box {
	color: #FFF;
	width: 550px;
	background: #888 url(../images/common/barimg_metal02.gif) repeat-x left top;
	padding: 2px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666;
}

.message_forecastC {
	background: #FFFFFF url(../test/future_back2.jpg) no-repeat;
	border: 1px solid #999;
	margin: 5px 0px 10px;
	text-align: center;
	padding: 20px 0px;
}

.message_forecastC .bargraph_box {
	font-size: 11px;
	font-weight: bold;
	background: #D7D7D7;
	clear: none;
	float: none;
	width: 560px;
	margin: 10px auto 0px;
	padding: 10px;
	border: 1px solid #666;
}
.message_forecastC .bargraph_box p {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding-left: 20px;
	width: 110px;
}
.message_items {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
.message_items p{
	font-size: 131%;
	font-weight: bold;
	line-height: 30px;
	color: #000;
	background: url(../images/icons/fugue-icons/counter.png) no-repeat left center;
	margin: 0px;
	padding-left: 20px;
}

/*メッセージ関連/一部よくわからないend*/


/*商品一覧/一部よくわからない*/

.thumb_container ul {
	margin: 5px 0px 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}
.thumb_container li {
	margin: 0px;
	padding: 10px 0px;
	clear: both;
	border-bottom: 1px solid #CCC;
	width: 720px;
}

.thumb_name {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:center;
	width: 80px;
}
.thumb_name img {
	width: 30px;
} 
.thumb_name .smallname {
	text-align:center;
	padding-top: 2px;
	word-break: break-all;
	font-weight: bold;
	font-size: 10px;
	color: #333;
}

.thumb_img {
	margin: 0px;
	padding: 0px;
	width: 80px;
	float: left;
}
.thumb_img img {
	width: 80px;
} 
.thumb_container {
	margin: 0px;
	padding: 0px;
	width: 720px;
}

.thumb_detail {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 610px;
}
.thumb_detail .smalltitle {
	padding: 0px;
	clear: left;
	font: bold 108%/20px Arial, Helvetica, sans-serif;
	color: #1E8BD7;
}
.thumb_detail .smallprice {
	margin: 0px;
	padding: 0px;
	color: #333;
	font: bold 108%/20px Arial, Helvetica, sans-serif;
	clear: left;
}
.thumb_detail dl {
	clear: both;
	line-height: 15px;
	font-size: 77%;
	margin: 10px 0px 0px;
	padding: 0px;
}
.thumb_detail dt {
	float: left;
	width: 100px;
	overflow: hidden;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px;
}
.thumb_detail dd {
	float: left;
	color: #333;
	overflow: hidden;
	width: 180px;
	margin: 0px;
	padding: 0px;
}
.thumb_detail dd img {
	margin: 5px 0px 0px;
	padding: 0px;
	border: 1px solid #666666;
}

/*商品一覧/一部よくわからないend*/



/*未確定*/

.output .date {
	text-align: center;
	float: left;
	width: 60px;
	border-collapse: collapse;
	clear: left;
	margin: 0px 20px 0px 5px;
	padding: 0px;
	font: bold 85% helvetica, Arial, sans-serif;
	word-spacing:normal;
}
.output_box ul {/**/
	list-style: none;
	margin: 0px;
	padding: 2px;
}
table .name {/**/
	list-style: none;
	margin: 0px 0px 0px 2px;
	padding: 1px 10px;
	border: 1px solid #CCC;
	float: left;
	font-size: 77%;
	text-align: center;
	font-weight: bold;
}
table .name a:link{
	text-decoration:none;
	color: #F30;
}

table .name a:visited{
	text-decoration:none;
	color: #F60;
}
table .thmbs {/**/
	padding: 1px;
}
table .thmbs img {/**/
	float: left;
	padding: 1px;
}
table .day {/**/
	font-size: 197%;
	font-weight: bold;
	color: #333333;
}
table .month {/**/
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	width: 70px;
}
table .year {/**/
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	width: 60px;
}
table .times {/**/
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	width: 70px;
}
table .timed {/**/
	font-size: 10px;
	color: #3E586D;
	font-weight: bold;
}
table .related {/**/
	font-weight: bold;
	color: #093;
	padding-top: 5px;
}
table .timeageA {/**/
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
table .timeageB {/**/
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
table .timeageC {/**/
	font-size: 9px;
	color: #3E586D;
}
table .dayframe {
	color: #666;
	font: normal 50px Arial, Helvetica, sans-serif;
}
table .dayframeS {
	color: #666;
	font: normal 20px Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
}
/*.output table .today {
	color: #59B;
}
.output table .specially {
	color: #F30;
	font-size: 10px;
}
.output table .tomorrow {
	color: #F60;
}*/

/*未確定/end*/




/*invite*/
.invite_box {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	clear: both;
}
.invite_box table {
	margin: 0px;
	padding: 0px;
	width: 620px;
}
.invite_box .detail {
	margin: 0px 0px 5px 8px;
	padding: 0px;
	float: left;
	width: 400px;
}

/*mail_message*/
.message_box {
	margin: 0px;
	padding: 0px;
	width: 720px;
	clear: both;
}
.message_box ul {
	list-style: none;
}
.message_box .left {
	margin: 10px 0px 0px;
	padding: 0px;
	float: left;
}
.message_box .right {
	margin: 10px 0px 0px;
	padding: 0px;
	float: right;
}

.message_box li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.message_box li a{
	margin: 0px 1px 0px 0px;
	float: left;
	font-size: 85%;
	font-weight: bold;
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 26px;
	border: 1px solid #CCC;
}
.message_box .left li a{
	background: url(../images/common/backimage_subtitle.gif) repeat-x;
}
.message_box .right li a{
	color: #333;
	font-weight: normal;
	background: #FFF url(none);
}
.message_box li a:hover{
	background: #CCC url(none);
	color: #FFF;
}
.message_box li a.selected{
	background: url(../images/common/button_mailtabh.gif) repeat-x;
	color: #FFF;
}
.message_box .right li a:hover{
	background: #999;
	color: #FFF;
}
.message_box .right li a.selected{
	background: url(../images/common/button_mailtabAh.gif) repeat-x;
}

.message_box table {
	margin: 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 630px;
}
.message_box .detail {
	margin: 0px 0px 5px 8px;
	padding: 0px;
	float: left;
	width: 400px;
}
.table_messageform {
	margin: 10px 0px 5px;
	padding: 0px;
	float: left;
	width: 630px;
	font-size: 11px;
}
.table_messageform td {
	margin: 0px;
	padding: 5px 3px;
}
.table_messageform .headtext {
	margin: 0px;
	width: 80px;
	vertical-align: top;
	font-size: 12px;
}
.table_messageform .headmatchtext {
	margin: 0px;
	width: 200px;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.table_messageform .headtextM {
	margin: 0px;
	width: 80px;
	font-size: 12px;
}
.message_container {
	margin: 20px 0px 0px 10px;
	padding: 0px;
}