@charset "UTF-8";
/* base.css */
/* style */
* {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	line-height: 150%;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
body,h1,h2,h3,h4,h5,h6,p,form,ol,ul,li,dl,dt,dd {
	margin:0px;
	padding:0px;
}
img {vertical-align:bottom; border:0;}
li {list-style-type:none;}
a {outline:0;}
.clear {clear:both;}
a:link {color:#000000; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
a:hover {color:#ca4168; text-decoration:underline;}
a:active {color:#ca4168; text-decoration:underline;}
.imglink a:link img {border:1px solid #cccccc;}
.imglink a:visited img {border:1px solid #cccccc;}
.imglink a:hover img {border:1px solid #ca4168;}
.imglink a:active img {border:1px solid #ca4168;}
body {
	text-align:center;
	line-height:150%;
	color:#333333;
	background-color: #FFFFFF;
}
/* ==================== 特集 ==================== */
/* === 各ページ背景設定 === */
#main_area_sp {
	width:1000px;
	margin:0px auto;
	text-align:left;
	position: relative;
	background-image: url(../img/headerbg_sp.gif);
	background-repeat: no-repeat;
	background-color:#83ccd2;
}
/* === header === */
#header{
	width: 1000px;
	height: 98px;
}
#header h1 {
	background-image: url(../img/logo.gif);
	text-indent:-9999em;
	text-decoration:none;
	width: 403px;
	height: 98px;
	background-repeat: no-repeat;
	float: left;
}
#header h1 a {
	display: block;
	text-indent: -9999px;
	width: 403px;
	height: 98px;
	position: static;
}
#header #global {
	float: right;
	height: 73px;
	width: 584px;
}
/* ==================== contents_area 特集==================== */
#main_area_sp #contents {
	width: 1000px;
	background-image: url(../img/sp_leftbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:0;
}
/* 特集：タイトル */
#main_area_sp #contents #contents_title {
	background-image: url(../img/sp_title_cleartaste.png);
	behavior: expression(IEPNGFIX.fix(this));
	background-repeat: no-repeat;
	height: 93px;
	width: 1000px;
	position: relative;
}
* html div#main_area_sp div#contents div#contents_title{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}
#main_area_sp #contents #contents_title h2 {
	top: 31px;
	left: 0px;
	position: absolute;
	height: 62px;
	width: 1000px;
	display: block;
	text-indent: -9999px;
}
#main_area_sp #contents #contents_title #tab {
	height: 31px;
	width: 150px;
	float: right;
}
#main_area_sp #contents #contents_title #tab a  {
	display: block;
	overflow: hidden;
	width: 150px;
	height: 0 !important;
	height /**/: 31px;
	padding-top: 31px;
	background-image: url(../img/sp_bt_all.gif);
	background-repeat: no-repeat;
}
#main_area_sp #contents #contents_title  #tab a:hover { background-position: right top;}
/* 特集：左column */
#main_area_sp #contents #leftcolumn {
	float: left;
	width: 404px;
	position: relative;
	height: 600px;
	display: inline;
}
#main_area_sp #contents #leftcolumn #spread {
	font-size: 12px;
	color: #FFFFFF;
	width: 223px;
	margin-top: 15px;
	margin-left: 174px;
	line-height: 130%;
}
#main_area_sp #contents #leftcolumn #pagebk {
	height: 43px;
	width: 95px;
	position: absolute;
	top: 510px;
	right: 0px;
}
#main_area_sp #contents #leftcolumn #pagebk a  {
	display: block;
	overflow: hidden;
	width: 95px;
	height: 0 !important;
	height /**/: 43px;
	padding-top: 43px;
	background-image: url(../img/sp_bt_bk.gif);
	background-repeat: no-repeat;
}
#main_area_sp #contents #leftcolumn #pagebk a:hover { background-position: right top;}
/* 特集右：column */
#main_area_sp #contents #rightcolumn {
	padding: 20px;
	width: 526px;
	background-color: #FFFFFF;
	float: right;
	margin-top: 15px;
	margin-right: 18px;
	display: inline;
}
#main_area_sp #contents #rightcolumn #entrylist img {
	float: left;
	margin-right: 20px;
}
#main_area_sp #contents #rightcolumn #entrylist .date {
	font-size: 10px;
	float: left;
	width: 400px;
}
#main_area_sp #contents #entrylist h3 a{
	font-size: 12px;
	color: #1c96d5;
	letter-spacing: 0.05em;
	text-decoration: underline;
	float: left;
	width: 400px;
}
#main_area_sp #contents #entrylist h3 a:hover{
	color: #c73265;
	text-decoration: underline;
}
#main_area_sp #contents #entrylist .txt {
	margin-top: 10px;
	float: left;
	width: 400px;
	font-size: 11px;
}
#main_area_sp #contents #entrylist .txt a{
	color: #c73265;
	text-decoration: underline;
}
#main_area_sp #contents #entrylist .txt a:hover{
	color: #258dc5;
	text-decoration: underline;
}
#margin10 {
	margin-top: 10px;
}
#main_area_sp #contents #rightcolumn #line {
	background-color: #CCCCCC;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1px;
	line-height: 0px;
}
/* ==================== インフォメーション ==================== */
/* === 背景設定 === */
#main_area_info {
	width:1000px;
	margin:0px auto;
	text-align:left;
	position: relative;
	background-image: url(../img/headerbg_info.gif);
	background-repeat: no-repeat;
	background-color:#e0eff5;
}
/* ==================== contents_area インフォメーション==================== */
#main_area_info #contents {
	width: 952px;
	margin-left: 25px;
	margin-bottom: 10px;
}
/* インフォメーション：枠 */
#main_area_info #contents #infotop {
	background-image: url(../img/info_bg_top.gif);
	background-repeat: no-repeat;
	height: 43px;
	width: 952px;
	background-position: bottom;
	position: relative;
}
#main_area_info #contents #infocontents {
	background-image: url(../img/info_bg_center.gif);
	background-repeat: repeat-y;
	width: 952px;
}
#main_area_info #contents #infounder {
	background-image: url(../img/info_bg_under.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 952px;
}
/* インフォメーション：タブ */
#main_area_info #contents #infotop #tab {
	height: 31px;
	width: 202px;
	position: absolute;
	right: 5px;
	bottom: 12px;
}
#main_area_info #contents #infotop #tab a  {
	display: block;
	overflow: hidden;
	width: 202px;
	height: 0 !important;
	height /**/: 31px;
	padding-top: 31px;
	background-image: url(../img/info_bt_all.gif);
	background-repeat: no-repeat;
}
#main_area_info #contents #infotop #tab a:hover { background-position: right top;}
/* インフォメーション：タイトル */
#main_area_info #contents #infocontents #leftcolumn h2 {
	background-image: url(../img/info_title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 157px;
	padding-top: 11px;
	padding-left: 48px;
	text-indent: -9999px;
	position: absolute;
	left: 48px;
	top: 11px;
}
/* インフォメーション：column */
#main_area_info #contents #infocontents #leftcolumn {
	float: left;
	width: 250px;
	position: relative;
}
#main_area_info #contents #infocontents #rightcolumn {
	float: right;
	width: 635px;
	margin-right: 40px;
	display: inline;
}
/* インフォメーション：entrycolumn */
#main_area_info #contents #infocontents #rightcolumn .date {
	font-size: 11px;
	color: #c73265;
	font-weight: bold;
}
#main_area_info #contents #infocontents #rightcolumn  h3 {
	font-size: 12px;
	color: #333333;
	letter-spacing: 0.05em;
}
#main_area_info #contents #infocontents #rightcolumn .txt {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#main_area_info #contents #infocontents #rightcolumn .entrybk{
	font-size: 11px;
	text-decoration: underline;
	float: left;
	width: 100px;
	text-align: left;
}
#main_area_info #contents #infocontents #rightcolumn .entrynext{
	font-size: 11px;
	float: right;
	width: 100pt;
	text-align: right;
}
/* インフォメーション：allcolumn */
#main_area_info #contents #infocontents #rightcolumn h2 {
	background-image: url(../img/info_title_all.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 185px;
	padding-top: 11px;
	padding-left: 48px;
	text-indent: -9999px;
	margin-top: 12px;
}
#main_area_info #contents #infocontents #rightcolumn #infolist {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#main_area_info #contents #infocontents #rightcolumn #infolist .listdate{
	font-size: 11px;
	color: #c73265;
	font-weight: bold;
}
#main_area_info #contents #infocontents #rightcolumn #infolist h4 a{
	font-size: 12px;
	color: #333333;
	letter-spacing: 0.05em;
	text-decoration: underline;
}
#main_area_info #contents #infocontents #rightcolumn #infolist h4 a:hover {
	color: #c73265;
}
#main_area_info #contents #infocontents #rightcolumn #infolist .listtxt a{
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}
#main_area_info #contents #infocontents #rightcolumn .listnext {
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
#main_area_info #contents #infocontents #rightcolumn .listnext a{
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: underline;
}
#info-listGroup a {
	text-decoration:underline;
}
/* ==================== 主婦動画 ==================== */
/* === 背景設定 === */
#main_area_movie {
	width:1000px;
	margin:0px auto;
	text-align:left;
	position: relative;
	background-image: url(../img/headerbg_movie.jpg);
	background-repeat: no-repeat;
}
/* ==================== contents_area 主婦動画==================== */
#main_area_movie #contents {
	background-image: url(../img/movie_bookbg.jpg);
	background-repeat: no-repeat;
	background-position: right 5px;
	position: relative;
	width:1000px;
}
#main_area_movie #contents #leftcolumn {
	width: 280px;
	float: left;
	display: inline;	
}
#main_area_movie #contents #rightcolumn {
	width: 690px;
	float: right;
	margin-right: 25px;
	display: inline;
}
#main_area_movie #contents #rightcolumn:after{
	clear:both;
	visibility:hidden;
}
/* 主婦動画：タイトル */
#main_area_movie #contents #leftcolumn h2 {
	background-image: url(../img/movie_title.png);
	behavior: expression(IEPNGFIX.fix(this));
	background-repeat: no-repeat;
	height: 357px;
	width: 279px;
	text-indent: -9999px;
	margin-top: 20px;
}
* html div#main_area_movie div#contents div#leftcolumn h2{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}
#main_area_movie #contents #leftcolumn h2 a{
	display: block;
	text-indent: -9999px;
	width: 250px;
	height: 130px;
	position: static;
	margin-top: 10px;
}
#main_area_movie #contents #character {
	position: absolute;
	height: 157px;
	width: 207px;
	left: 0px;
	bottom: 0px;
	text-indent: -9999px;
	background-image: url(../img/movie_character.gif);
	background-repeat: no-repeat;
}
/* 主婦動画：column */
#main_area_movie #contents #rightcolumn #movietitle {
	height: 67px;
}
#main_area_movie #contents #rightcolumn #movietitle h2 {
	float: left;
	width: 300px;
	text-indent: -9999px;
}
#main_area_movie #contents #rightcolumn #movietitle #movieread {
	float: left;
	font-size: 10px;
	margin-top: 35px;
}
/* 主婦動画：動画リスト */
#main_area_movie #contents #rightcolumn #movielist {
	float: left;
	width: 92px;
	margin-right: 20px;
	text-align: center;
	display: inline;
	background-image: url(../img/movie_comingsoon.gif);
	background-repeat: no-repeat;
	height:99px;
	overflow:hidden;
}
#main_area_movie #contents #rightcolumn #movielist img {
	border: 1px solid #dddddd;
	margin-bottom: 3px;
}
#main_area_movie #contents #rightcolumn #movielist .titletxt{
	font-size: 11px;
	line-height: 1.2;
}
#main_area_movie #contents #rightcolumn #movielist .titletxt b{
	margin:0;
	font-size: 11px;
	font-weight: bold;
}
/* 主婦動画：戻るbutton */
#main_area_movie #contents #rightcolumn #pagebk {
	height: 59px;
	width: 208px;
	margin: 10px 0px;
	margin-left: 250px;
}
#main_area_movie #contents #rightcolumn #pagebk a  {
	display: block;
	overflow: hidden;
	width: 208px;
	height: 0 !important;
	height /**/: 59px;
	padding-top: 59px;
	background-image: url(../img/movie_bt_bk.jpg);
	background-repeat: no-repeat;
}
#main_area_movie #contents #rightcolumn #pagebk a:hover { background-position: right top;}
/* ==================== マイページ ==================== */
/* === 背景設定 === */
#main_area_friend {
	background-image: url("../img/headerbg_friend.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:1000px;
	margin:0px auto;
	text-align:left;
	position: relative;
	overflow:hidden!important; _overflow:visible;
	overflow /**/: hidden;
}

#main_area_friend_no {
	background-image: url("../img/headerbg_friend_no.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:1000px;
	margin:0px auto;
	text-align:left;
	position: relative;
	overflow:hidden!important;
	overflow /**/: hidden;
}

/* ==================== contents_area マイページ==================== */
#main_area_info #contents {
	width: 952px;
	margin-left: 25px;
	margin-bottom: 10px;
}
/* マイページ：枠 */
#main_area_info #contents #infotop {
	background-image: url(../img/info_bg_top.gif);
	background-repeat: no-repeat;
	height: 43px;
	width: 952px;
	background-position: bottom;
	position: relative;
}
#main_area_info #contents #infocontents {
	background-image: url(../img/info_bg_center.gif);
	background-repeat: repeat-y;
	width: 952px;
}
#main_area_info #contents #infounder {
	background-image: url(../img/info_bg_under.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 952px;
}
/* friend：タイトル回り */
#main_area_friend #pagetitle_list {
	background-image: url(../img/friend_topimg_list.jpg);
	background-repeat: no-repeat;
	height: 187px;
	margin-top: 22px;
	position: relative;
}
#main_area_friend #pagetitle_my {
	background-image: url(../img/friend_topimg_my.jpg);
	background-repeat: no-repeat;
	height: 187px;
	margin-top: 22px;
	position: relative;
}
#main_area_friend_no #pagetitle_entry {
	background-image: url(../img/friend_topimg_entry.jpg);
	background-repeat: no-repeat;
	height: 187px;
	margin-top: 22px;
	position: relative;
}
#main_area_friend_no #pagetitle_login {
	background-image: url(../img/friend_topimg_login.jpg);
	background-repeat: no-repeat;
	height: 187px;
	margin-top: 22px;
	position: relative;
}
#main_area_friend_no #pagetitle_password {
	background-image: url(../img/friend_topimg_password.jpg);
	background-repeat: no-repeat;
	height: 187px;
	margin-top: 22px;
	position: relative;
}

#main_area_friend_no #pagetitle_welcome {
	background-image: url(../img/friend_topimg_welcome.jpg);
	background-repeat: no-repeat;
	height: 187px;
	margin-top: 22px;
	position: relative;
}

#main_area_friend #pagetitle_list h2,
#main_area_friend #pagetitle_my h2 ,
#main_area_friend_no #pagetitle_entry h2,
#main_area_friend_no #pagetitle_login h2,
#main_area_friend_no #pagetitle_password h2,
#main_area_friend_no #pagetitle_welcome h2{
	text-indent: -9999px;
}
#main_area_friend #pagetitle_list #oubobt,
#main_area_friend #pagetitle_my #oubobt{
	position:absolute;
	height: 126px;
	width: 255px;
	top: -47px;
	left: 551px;
	background-image: url(../img/friend_bt_leed.jpg);
}
#main_area_friend #pagetitle_list #oubobt a ,
#main_area_friend #pagetitle_my #oubobt a  {
	/*display: block;*/
	overflow: hidden;
	width: 255px;
	height: 0 !important;
	height /**/: 126px;
	padding-top: 126px;
	background-image: url(../img/friend_bt_oubo.jpg);
	background-repeat: no-repeat;
	display:none;
}
#main_area_friend #pagetitle_list #oubobt a:hover,
#main_area_friend #pagetitle_my #oubobt a:hover { background-position: right top; display:none; }

#main_area_friend #pagetitle_list #login,
#main_area_friend #pagetitle_my #login {
	position:absolute;
	height: 126px;
	width: 194px;
	top: -47px;
	right: 0px;
	background-image: url(../img/friend_log_basic.jpg);
}
#main_area_friend #pagetitle_list #logout ,
#main_area_friend #pagetitle_my #logout {
	position:absolute;
	height: 126px;
	width: 194px;
	top: -47px;
	right: 0px;
	background-image: url(../img/friend_log_basic.jpg);
}
#main_area_friend_no #pagetitle_entry #login {
	position:absolute;
	height: 108px;
	width: 216px;
	top: -30px;
	right: 38px;
	background-image: url(../img/friend_entry_login.jpg);
	background-repeat: no-repeat;
}
#main_area_friend_no #pagetitle_entry #login p{
	position:absolute;
	height: 60px;
	width: 85px;
	top: 20px;
	right: 10px;
	line-height: 120%;
	font-size: 11px;
}
#main_area_friend_no #pagetitle_entry #login p a{
	color:#ca4168;
}
#main_area_friend_no #pagetitle_entry #login p a:hover{
	color:#1c96d5
	}
	
	
#main_area_friend #pagetitle_my #golist  {
	position:absolute;
	height: 80px;
	width: 167px;
	bottom: 28px; _bottom: 27px;
	right: 75px;
}

#main_area_friend #pagetitle_list #golist,
#main_area_friend_no #pagetitle_entry #golist,
#main_area_friend_no #pagetitle_login #golist,
#main_area_friend_no #pagetitle_password #golist {
	position:absolute;
	height: 80px;
	width: 167px;
	bottom: 29px; _bottom: 28px;
	right: 75px;
}




#main_area_friend #pagetitle_list #golist a,
#main_area_friend #pagetitle_my #golist a,
#main_area_friend_no #pagetitle_entry #golist a,
#main_area_friend_no #pagetitle_login #golist a,
#main_area_friend_no #pagetitle_password #golist a{
	display: block;
	overflow: hidden;
	width: 167px;
	height: 0 !important;
	height /**/: 80px;
	padding-top: 80px;
	background-image: url(../img/friend_bt_list.jpg);
	background-repeat: no-repeat;
}

#main_area_friend #pagetitle_list #golist a:hover,
#main_area_friend #pagetitle_my #golist a:hover,
#main_area_friend_no #pagetitle_entry #golist a:hover,
#main_area_friend_no #pagetitle_login #golist a:hover,
#main_area_friend_no #pagetitle_password #golist a:hover {
	background-position: right top;
}


/* 0412 */
#main_area_friend_no #pagetitle_entry #help{
	position:absolute;
	height: 52px;
	width: 40px;
	bottom: 0px;
	right: 105px;
}

#main_area_friend_no #pagetitle_entry #help a{
text-indent:-9999px;
	display: block;
	overflow: hidden;
	height: 52px;
	width: 40px;
	background-image: url(/friend/common/images/friend_bt_help.jpg);
}

#main_area_friend_no #pagetitle_entry #help a:hover{
	background-position: 0px -52px;
}
	
	
/* 名前順＆新着順タイトル */
#main_area_friend #pagetitle_list h3.title_new{
	position:absolute;
	height: 35px;
	width: 120px;
	bottom: 0px;
	left: 110px;
	background-image: url(../img/friend_list_title_new.gif);
	text-indent: -9999px;
}
#main_area_friend #pagetitle_list h3.title_name{
	position:absolute;
	height: 35px;
	width: 120px;
	bottom: 0px;
	left: 110px;
	background-image: url(../img/friend_list_title_name.gif);
	text-indent: -9999px;
}
/* 名前順＆新着順リンク */
#main_area_friend #pagetitle_list #change_name {
	position:absolute;
	height: 30px;
	width: 71px;
	top: 119px;
	right: 102px;
	text-indent: -9999px;
}
#main_area_friend #pagetitle_list #change_name a  {
	display: block;
	overflow: hidden;
	width: 71px
	height: 0 !important;
	height /**/: 30px;
	padding-top: 30px;
	background-image: url(../img/friend_bt_name.gif);
	background-repeat: no-repeat;
}
#main_area_friend #pagetitle_list #change_name a:hover { background-position: right top;}
#main_area_friend #pagetitle_list #change_new {
	position:absolute;
	height: 30px;
	width: 71px;
	top: 119px;
	right: 102px;
	text-indent: -9999px;
}
#main_area_friend #pagetitle_list #change_new a  {
	display: block;
	overflow: hidden;
	width: 71px
	height: 0 !important;
	height /**/: 30px;
	padding-top: 30px;
	background-image: url(../img/friend_bt_new.gif);
	background-repeat: no-repeat;
}
#main_area_friend #pagetitle_list #change_new a:hover { background-position: right top;}
/* friend_contents */
#main_area_friend #contents {
	background-image: url(../img/friend_folderbk.jpg);
	background-repeat: repeat-y;
	width: 880px; _width: 1000px;
	padding-left: 120px;
	padding-bottom: 20px;
}
#main_area_friend_no #contents {
	background-image: url(../img/friend_folderbk.jpg);
	background-repeat: repeat;
	width: 880px; _width: 1000px;
	padding-left: 120px;
	padding-bottom: 20px;
}
/* friend_list　親友リスト*/
#main_area_friend #contents #friend_list {
	float: left;
	height: 140px;
	width: 365px;
	margin-right: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main_area_friend #contents #friend_list #photo {
	background-image: url(../img/friend_listphoto_bk.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 129px;
	width: 129px;
	padding-top: 11px;
	padding-left: 11px;
}
#main_area_friend #contents #friend_list h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: 14px;
	color: #1c96d5;
	padding-top: 8px;
	margin-bottom: 6px;
	padding-bottom: 3px;
}
#main_area_friend #contents #friend_list #place {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: 11px;
	color: #333333;
	margin-bottom: 6px;
	padding-bottom: 3px;
}
#main_area_friend #contents #friend_list #plof {
	font-size: 11px;
	margin-bottom: 6px;
}
#main_area_friend #contents #friend_list #more a{
	background-image: url(../img/friend_arrow_pink.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	margin-bottom: 6px;
	padding-left: 15px;
	color:#ca4168;
}
#main_area_friend #contents #friend_list #more a:hover{
	color:#1c96d5
	}
/* friend_my　親友プロフィール */
#main_area_friend #contents #friend_prof #profile {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	float: left;
	margin: 5px;
	width: 550px; _width: 550px;
    }
#main_area_friend #contents #friend_prof #profile dl {
	padding: 0;
	margin: 0;
    }
#main_area_friend #contents #friend_prof #profile dt {
	float: left;
	clear: left;
	width: 70px;
	padding: 10px;
	border-top: 1px solid #999999;
    }
#main_area_friend #contents #friend_prof #profile dd {
	width: 438px;
	float: left;
	padding: 10px;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
    }
	#main_area_friend #contents #friend_prof #profile dd a{
	font-size: 12px;
	color: #1c96d5;
	text-decoration: underline;
    }
	#main_area_friend #contents #friend_prof #profile dd a{
	font-size: 12px;
	color: #1c96d5;
	text-decoration: underline;
    }
#main_area_friend #contents #friend_prof #profile dd a:hover{
	color: #ca4168;
    }
	#main_area_friend #contents #friend_prof #photo {
	float: left;
	width: 191px;
	background-image: url(../img/friend_photo_bk_large.jpg);
	background-repeat: no-repeat;
	height: 181px;
	padding-top: 9px;
	padding-left: 9px;
}
#main_area_friend #contents #friend_comment h3 {
	background-image: url(../img/friend_title_comment.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 156px;
	text-indent: -9999px;
	margin-bottom: 10px;
	margin-top: 20px;
}
#main_area_friend #contents #friend_comment #message {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	float: left;
	margin: 5px 5px 20px;
	width: 750px;
    }
#main_area_friend #contents #friend_comment #message dl {
	padding: 0;
	margin: 0;
    }
#main_area_friend #contents #friend_comment #message dt {
	float: left;
	clear: left;
	width: 90px;
	border-top: 1px solid #999999;
	padding-top: 14px;
	padding-right: 14px;
	padding-left: 14px;
    }
#main_area_friend #contents #friend_comment #message dd {
	width: 608px;
	float: left;
	padding: 15px 10px;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
    }
#main_area_friend #contents #friend_comment #message dd.aiko h4 a{
	font-size: 12px;
	color: #1c96d5;
	text-decoration: underline;
	margin-bottom: 5px;
}
#main_area_friend #contents #friend_comment #message dd.aiko a {
	color: #ca4168;
	text-decoration: underline;
	margin-top: 10px;
}
#main_area_friend #contents #friend_comment #message dd.reiko h4 a{
	font-size: 12px;
	color: #ca4168;
	text-decoration: underline;
	margin-bottom: 5px;
}
#main_area_friend #contents #friend_comment #message dd.reiko a {
	color: #1c96d5;
	text-decoration: underline;
	margin-top: 10px;
}
#main_area_friend #contents #friend_comment #message p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#main_area_friend #friend_footer ,
#main_area_friend_no #friend_footer{
	background-image: url(../img/friend_underimg.jpg);
	background-repeat: no-repeat;
	height: 52px;
	margin: 0px;
}
#main_area_friend #bkbutton ,
#main_area_friend_no #bkbutton {
	background-image: url(../img/friend_bg.jpg);
	background-repeat: repeat;
	padding: 20px;
	text-align: center;
}
/* マイページ：戻るbutton */
#main_area_friend #bkbutton #pagebk ,
#main_area_friend_no #bkbutton #pagebk {
	height: 59px;
	width: 208px;
	margin: 0px auto;
}
#main_area_friend #bkbutton #pagebk a ,
#main_area_friend_no #bkbutton #pagebk a  {
	display: block;
	overflow: hidden;
	width: 208px;
	height: 0 !important;
	height /**/: 59px;
	padding-top: 59px;
	background-image: url(../img/friend_bt_bk.jpg);
	background-repeat: no-repeat;
}
#main_area_friend #bkbutton #pagebk a:hover,
#main_area_friend_no #bkbutton #pagebk a:hover { background-position: right top;}
#password_bkpage {
	height: 33px;
	width: 208px;
	margin: 0px 0px 0px 270px;
}
#password_bkpage a {
	display: block;
	overflow: hidden;
	width: 179px;
	height: 0 !important;
	height /**/: 33px;
	padding-top: 33px;
	background-image: url(../img/friend_bt_passbkpage.jpg);
	background-repeat: no-repeat;
}
#password_bkpage a:hover{ background-position: right top;}
/* マイページ：プロフを見る */
#profConf{
margin-left:150px;
}

#showprof{
	height: 33px;
	width: 200px;
	float: left;
}
#showprof a  {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 0 !important;
	height /**/: 33px;
	padding-top: 33px;
	background-image: url(../img/friend_bt_prof.jpg);
	background-repeat: no-repeat;
}
#showprof a:hover { background-position: right top;}
#bt_center{
/*
	margin-left: 30px;
	width: 700px;
*/
	margin-left: 30px; width: 700px;
	/*margin-left: 200px;*/
	text-align: center;
	/*margin-left: 200px;*/
}
#bt_centerform{
	margin-left: 200px;
}
/* friendフォーム */
#main_area_friend_no #contents p  {
	width: 700px;
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 11px;
}
#main_area_friend_no #contents dl#friend_form  {
	border-top:0;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	background:#fff;
	width: 700px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 11px;
}
#main_area_friend_no #contents dl#friend_form dt {
    float:left;
    clear:both;
    width:190px;
    padding:10px;
    _width:200px;    /* WinIE */
    border-top:1px solid;
    white-space:nowrap;
}
#main_area_friend_no #contents dl#friend_form dd {
    margin-left:200px;    /* = dt.width + dt.padding */
    padding:1ex;
    border-top:1px solid;
    border-left:1px solid;
    background:#fff;
	padding:10px;
}
#main_area_friend_no #contents dl#friend_form input,
#main_area_friend_no #contents dl#friend_form textarea  {
	font-size: 11px;
}
#main_area_friend_no #contents dl#friend_form .alert {
	color:#ca4168;
	margin-top: 5px;
}
#main_area_friend_no #contents table#friend_form2  {
	border-top:0;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	background:#fff;
	width: 700px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 11px;
	margin-right: 100px;
}
#main_area_friend_no #contents table#friend_form2 th {
    width:190px;
    padding:10px;
    border-top:1px solid;
}
#main_area_friend_no #contents table#friend_form2 td {
    padding:1ex;
    border-top:1px solid;
    border-left:1px solid;
    background:#fff;
	padding:10px;
	width: 480px;
}
#main_area_friend_no #contents table#friend_form2 .field-content {
height:0px;
overflow:hidden;
}
/* ==================== clearfix ==================== */
/* clearfix:start */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height:1%;
	overflow:visible;
}
/* End hide from IE-mac */
/* clearfix:end */
* html .iepngfix {
  behavior: url(iepngfix.htc);
}
#margin10 {
	margin-top: 10px;
}
/* ==================== footer ==================== */
/* footer */
#footer_area {
	background-color:#ffffff;
}
#footer {
	width:1000px;
	margin:0px auto;
	background-color:#ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#footer .menu {
	float:left;
	padding:15px 0px 5px 20px;
	font-size:12px;
}
#footer .logo {
	float:right;
	padding:15px 20px 0px 0px;
}
.copyright {
	clear:both;
	font-size:11px;
	text-align:right;
	padding:0px 20px 20px 0px;
}
#main_area {
	height:auto;
	overflow:hidden;
}
#main_area #global_area {
	padding-bottom: 30040px; 
	margin-bottom: -30000px;  
}
#main_area #archive_area {
	width:390px;
	float:left;
	padding-bottom: 30040px;
	margin-bottom: -30000px;
	background-image:url(../img/archive_area_bg.jpg);
	background-repeat:repeat-y;
	background-position:50% 660px;
}
#archive_bg {
	background-image:url(../img/archive_area.jpg);
	background-repeat:no-repeat;
	background-position:50% 660px;
	min-height:1400px;
}
* html body #archive_bg,* html body #archive_bg {
	height:1400px;
}
#archive_box {
	background-image:url(../img/archive_area_tp.jpg);
	background-repeat:no-repeat;
	background-position:50% 0px;
	min-height:660px;
	padding-left: 30px;
	padding-top: 30px;
}
#archive_box .archive_title {
	font-size:16px;
	line-height:110%;
	color:#333333;
	display:block;
	padding-left: 25px;
	font-weight:bold;
	margin-bottom: 20px;
}
#archive_box .archive_month {
	font-size:12px;
	line-height:110%;
	color:#333333;
	display:block;
	padding-left: 25px;
	font-weight:bold;
	margin-bottom: 5px;
}
#archive_box .newentry_dl {
	margin-bottom: 20px;
}
#archive_box dt {
	font-size:10px;
	line-height:120%;
	font-weight:bold;
	color:#4b93b8;
}
#archive_box dd {
	font-size:11px;
	line-height:120%;
	padding-bottom:10px;
}
#archive_box dt .date {
	font-size:10px;
	line-height:100%;
	color:#d878ad;
	display:block;
}
#main_area_friend_no #contents #complete {
	width: 640px;
	padding: 10px 10px 10px 50px;
	margin-top: 0px;
	margin-left: 30px;
}





#bt_touroku {
	height: 33px;
	width: 146px;
	margin-left: 300px;
}
#bt_touroku a  {
	display: block;
	overflow: hidden;
	width: 146px;
	height: 0 !important;
	height /**/: 33px;
	padding-top: 33px;
	background-image: url(../img/friend_bt_touroku2.jpg);
	background-repeat: no-repeat;
}
#bt_touroku a:hover { background-position: right top;}