@charset "Shift_JIS";

@import "modProfileAvatar.css";　/*--- ログインエリアセルフィ表示 ---*/

/*
-----------------------------------------------
12/16公開分　[weblab]
----------------------------------------------- */

html[xmlns] img {
	margin		: 0;
	padding		: 0;
	border		: 0;
	vertical-align	: baseline;
	}

/*+++++++++++++ レイアウト +++++++++++++*/

.hm_wrapper {
	width		: 936px;
	padding		: 0 12px;
	clear		: both;
	}
*html .hm_wrapper	{ width:960px; }
html>body .hm_wrapper	{ float:left; }


/*--- 1・3段目 ---*/
.hm_3col_left_area {
	width		: 202px;
	/*text-align	: center;*/
	float		: left;
	}

.hm_3col_right_area {
	width		: 721px;
	float		: right;
	}

.hm_3col_right_block_l {
	width		: 555px;
	float		: left;
	}

.hm_3col_right_block_r {
	width		: 153px;
	float		: right;
	}

/*--- 2段目 ---*/
.hm_2col_left_area {
	width		: 615px;
	float		: left;
	}

.hm_2col_right_area {
	width		: 312px;
	float		: right;
	}


.clearfix:after {
	content		: ".";  /* 新しい要素を作る */
	display		: block;  /* ブロックレベル要素に */
	clear		: both;
	height		: 0;
	visibility	: hidden;
	}

.clearfix {
	min-height	: 0%;
	}

* html .clearfix {
	height		: 1px;
	/*\*//*/
	height		: auto;
	overflow	: hidden;
	/**/
	}


/*+++++++++++++ 新着情報 +++++++++++++*/

.hm_news_box {
	margin		: 0px 0 0 0;
	}

.hm_news_box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.hm_news_box {display: inline-table;}

.hm_news_box ul {
	margin		: 2px 0 0 0;
	padding		: 0;
	}

.hm_news_box ul li {
	float:left;
	margin		: 6px 0 0 0;
	padding		: 2px 0 0 10px;
	width		: 266px;
	background	: url(../images/hm_newsbox_arrow.gif) no-repeat 0 4px;
	list-style	: none;
	line-height	: 1.2;
	font-size	: 12px;
	}
	
.hm_news_box_a ul li {
	margin		: 0;
	padding		: 4px 0 0 10px;
	background	: url(../images/hm_newsbox_arrow.gif) no-repeat 2px 4px;
	list-style	: none;
	line-height	: 1.2;
	font-size	: 12px;
	}
	
/*+++++++++++++ ピックアップコンテンツ +++++++++++++*/

#hm_pickup_block {
	float: right;
	width:154px;
	margin:6px 0;
	}

#hm_pickup_block h4 {
	margin		: 0;
	padding		: 0;
	}

#hm_pickup_block .inner {
	width:152px;
	border:1px #ccc solid;
	}

#hm_pickup_block .inner img {
	margin: 4px 0 4px 3px;
	}

#hm_pickup_block .inner h5 {
	margin		: 0;
	padding		: 0 0 0 6px;
	background	: url(../images/hm_teiban_arrow.gif) 0 0.3em no-repeat;
	font-size	: 10px;
	line-height	: 1.2;
	}

#hm_pickup_block .inner p {
	margin		: 0 0 4px 4px;
	padding		: 0;
	font-size	: 10px;
	line-height	: 1.2;
	}

/*+++++++++++++ みんな・ひとり・友だち +++++++++++++*/

.hm_slash_block {
	padding		: 3px 5px 5px 5px;
	background	: url(../images/hm_slash_bg.gif) ;
	clear		: both;
	}

.hm_slash_block h4 {
	margin		: 0;
	padding		: 0;
	}


/*+++++++++++++ セルフィ +++++++++++++*/
.selfyArea{
	width: 190px;
	background: #fff;

}

.selfyArea ul.news {

	padding		: 0;
	}

.selfyArea ul.news li {
	margin		: 0;
	list-style	: none;
	line-height	: 1.2;
	font-size	: 11px;
	}

.selfyArea .pickup{

}

.selfyArea .campaign{
	float:left;
	width:160px;
}

.selfyArea .campaign img{
	margin-top:3px;
}

.selfyArea .recom{
	float:right;
}

.selfyArea .selfyimgAbout{
	margin:2px 0;
}

ul.aboutSalfy{
	list-style-type: none;

}

ul.aboutSalfy li{
	display:inline;
}

/*-------------- 20100720以降 --------------*/

#hm_commu .inner h5{
	margin:4px 0;
}

#hm_commu .inner .news p{
	margin		: 2px 0;
	list-style	: none;
	line-height	: 1.2;
	font-size	: 11px;
}

#hm_commu .inner .pickup{
	margin-top	: 4px;
}

#hm_commu .inner .campaign{
	margin-top:4px;
	text-align:center;
}

#hm_commu .inner .campaign img{
	margin-top	: 6px;
}


/*-------------- みんな --------------*/
.hm_blue_box01 {
	margin		: 0;
	padding		: 0px 10px 10px 9px;
	background	: #fff;
	border-left	: #007fcf 1px solid;
	border-bottom	: #007fcf 1px solid;
	border-right	: #007fcf 1px solid;
	}
*html .hm_blue_box01 { padding: 0px 9px 10px 8px; }


.hm_blue_box01 table td {
	padding		: 8px 0 0 0;
	}

/*-------------- ひとり --------------*/
.hm_blue_box02 {
	margin		: 0;
	padding		: 10px 0px 0px 9px;
	background	: #fff;
	border-left	: #007fcf 1px solid;
	border-bottom	: #007fcf 1px solid;
	border-right	: #007fcf 1px solid;
	min-height	: 267px;
	height		: auto !important;
	height		: 267px;
	}
*html .hm_blue_box02 { height: 278px; padding: 10px 0px 0px 8px; }


/*--- Gameカフェ ---*/
.hm_game_cafe {
	width		: 294px;
	margin		: 0 0 0 0;
	padding		: 0 0 5px 0;
	background	: url(../images/hm_teiban_dot.gif) right top repeat-y;
	float		: left;
	}

/*--- Gameカフェ 外部読み込み仕様　---*/
.hm_game_cafe div.newTtl{
	float:left;
	width:145px;
	margin:2px 2px 2px 0;
}

.hm_game_cafe p.release{
	margin-top:3px;
	font-size:85%;
}
.hm_game_cafe p.release strong{color:#f00;}

.hm_game_cafe div.newTtl h5{
	margin		: 0 0 4px 0;
	padding		: 0 0 0 6px;
	background	: url(../images/hm_teiban_arrow.gif) 0 0.3em no-repeat;
	font-size	: 10px;
	line-height	: 1.3;
}

.hm_game_cafe div.newTtl img{
	float		: left;
	width		: 50px;
	height		: 44px;
	margin		: 0 5px 0 0;
	padding		: 0 0 0 0;
	border		: 0;
}

.hm_game_cafe div.newTtl p{
	margin		: 0;
	padding		: 0;
	font-size	: 10px;
	line-height	: 1.3;
}

/*--- Gameカフェ 旧 ---*/

.hm_game_cafe td {
	padding		: 0 6px 6px 0;
	}

.hm_game_cafe td h5 {
	margin		: 0 0 4px 0;
	padding		: 0 0 0 6px;
	background	: url(../images/hm_teiban_arrow.gif) 0 0.3em no-repeat;
	font-size	: 10px;
	font-weight	: bold;
	line-height	: 1.3;
	}

.hm_game_cafe td img {
	margin		: 0 5px 0 0;
	padding		: 0 0 0 0;
	float		: left;
	}

.hm_game_cafe td p {
	width		: 74px;
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
	float		: left;
	font-size	: 10px;
	line-height	: 1.3;
	}

/*--- 定番ゲーム ---*/
.hm_teiban_game {
	width		: 289px;
	margin		: 0;
	padding		: 0;
	float		: right;
	}

.hm_teiban_game td {
	padding		: 0 0 10px 0;
	}

.hm_teiban_game td img {
	margin		: 0 4px 0 0;
	padding		: 0 0 0 0;
	float		: left;
	}

.hm_teiban_game td h5 {
	width		: 99px;
	margin		: 0 0 0 0;
	padding		: 0 0 0 6px;
	background	: url(../images/hm_teiban_arrow.gif) 0 0.3em no-repeat;
	float		: left;
	font-size	: 10px;
	font-weight	: bold;
	line-height	: 1.3;
	}
*html .hm_teiban_game td h5 { width:105px; }

.hm_teiban_game td p {
	width		: 102px;
	margin		: 0;
	padding		: 0;
	float		: left;
	font-size	: 10px;
	line-height	: 1.2;
	}


/*-------------- 友だち --------------*/
.hm_orange_box {
	margin		: 0;
	padding		: 6px 7px 6px 8px;
	background	: #fff;
	border-left	: #ffa800 1px solid;
	border-bottom	: #ffa800 1px solid;
	border-right	: #ffa800 1px solid;
	height		: auto !important;
	_height		: 626px;
	text-align	: left;
	}
*html .hm_orange_box { eight: 633px; padding: 6px 7px 8px 8px; }

.hm_orange_box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.hm_orange_box ul.news {
	margin		: 0 0 5px 0;
	padding		: 0;
	}

.hm_orange_box ul.news li {
	margin		: 0;
	padding		: 4px 5px 0 12px;
	background	: url(../images/hm_commu_arrow.gif) 2px 0.6em no-repeat;
	list-style	: none;
	line-height	: 1.2;
	font-size	: 12px;
	}

.hm_orange_box .pickup {
	padding		: 0px 25px 0 24px;
	background	: url(../images/hm_commu_pickup_bg.gif) no-repeat;
	}

#miguru_rescue{
	float:right;
	margin-right:5px;
}


/* Rotation Banner
-------------------------------------------------------------------*/

#rotation{
	width:550px;
	height:280px;
	padding:3px;
	background-color:#bbe05d;
	z-index: 0 !important;
}