@charset "utf-8";

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

	memotto! / TOP STYLE

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

@import url("./common/base.css");
@import url("./common/layout.css");
@import url("./common/module.css");
@import url("./common/form.css");

/* styles
---------------------------------------------- */

div#main {
	width:860px;
	height:265px;	
	background:url(/img/top/ph_main.jpg) no-repeat;
	border:5px solid #C0ECE9;
}

div.mainFix {
	clear:both;
}

/* トップイメージ
---------------------------------------------- */
div#topimg {
	position:absolute;
}

div#registButtonContainer {
	top: 185px;
	left: 23px;
	width: 230px;
	height: 40px;
	margin: 0;
	position: absolute;
}

div#mynoteButtonContainer {
	top: 185px;
	left: 63px;
	width: 190px;
	height: 40px;
	margin: 0;
	position: absolute;
}

div#contentC {
	top: 17px;
	left: 503px;
	width:340px;
	margin:0;
	position: absolute;
}

div#contentC h2{
	margin:0 0 0 0;
}

div#contentC div#movie {
	border:solid 5px #F0F0F0;
	padding:5px 0 5px 0;
	margin:0;
	text-align:center;
}

div#contentC .top_video{
	border:solid 5px #f0f0f0;
	padding:5px;
	background:#fff;
}

div#contentC p {
	margin:0;
	padding:0;
	line-height:normal;
}

/*topnews*/
#topnews{
	border:5px solid #C0ECE9;
	border-top:none;
	margin-bottom:30px;
}

#topnews p{
	float:left;
	width:86px;
}

#topnews .topnews_txt{
	padding:3px 3px 3px 0;
}

#topnews .topnews_txt a{
	margin-left:3px;
	color:#333;
	font-size:12px;
	text-decoration:none;
}
#topnews .topnews_txt a:hover{
	color:#52C3C1;
	text-decoration:underline;
}



ul.btnEntry {
	text-align:center;
	margin:0;
	padding:0;
}

ul.btnEntry li {
	margin:0;
	padding:0;
}

/* ログイン済み
---------------------------------------------- */
div.userName {
	width:232px;
	margin:10px auto 30px;
	padding:0;
	background:url(/img/top/bg_user_m.gif) repeat-y 0 0;
}

div.userName img {
	vertical-align:top;
}

div.userNameInner {
	background:#FFFFFF;
	border-left: solid 2px #C0ECE9;
	border-right: solid 2px #C0ECE9;
	padding-bottom:5px;
}

div.userNameInnerFix {
	background:url(/img/top/bg_user_b.gif) no-repeat left bottom;
	height:10px;
}

dl.unitUser {
	padding:0 10px 10px;
}

dl.unitUser dt {
	float:left;  
 	width:21px;
	margin:0;
	padding:0;
	line-height:normal;
 	clear:both; 
}

dl.unitUser dd {
	margin:0 0 5px 27px;
	padding:0;
	line-height:normal;
	font-size:108%;
}

dl.unitUser dd.name {
	font-weight:bold;
}

div#topLogin ul.btnLoginTop {
}

div#topLogin ul.btnLoginTop li {
	text-align:center;
	margin:0 auto 7px;
	line-height:normal;
}



/* 3カラムレイアウト
---------------------------------------------- */
div#contentTop {
	margin:0 0 30px;
}

div#contentL {
	width:274px;
	float:left;
}

div#contentLC {
	width:274px;
	float:left;
	margin-left:20px;
}


div#contentR {
	width:274px;
	float:right;
	margin-top:10px;
}

/* 左カラム
---------------------------------------------- */
div#contentTop p{margin:0;}

.goods_box{
width:266px;
	border:4px solid #C0ECE9;
	border-top:none;
	padding:10px 0 0 0;
}

.goods_box .goods{
	width:242px;
	height:65px;
	padding:5px;
	margin:0 auto 7px;
}

.goods_box .bg_common{
	background:url(../img/top/bg_common.gif) no-repeat 0 0;
}
.goods_box .bg_common_no_image{
	background:url(../img/top/bg_common_no_image.gif) no-repeat 0 0;
}

.goods_box .bg_common_on {
background:url(/img/top/bg_common_o.gif) no-repeat scroll 0 0;
}

.goods_box .bg_common_no_image_on{
	background:url(/img/top/bg_common_no_image_o.gif) no-repeat 0 0;
}

.goods_box .goods .goods_image{
	float:left;
	width: 60px;
	height: 60px;
	margin:0 10px 0 0;
	padding: 0;
}

.goods_box .goods .goods_image .goods_image_inner{
	margin:0;
	padding: 0;
}

.goods_box .goods .goods_image .goods_image_inner img{
	padding:1px;
	border:1px solid #ccc;
}

.goods_box .goods p{
	font-size:92%;
	color:#000;
	line-height:1;
	margin:0 0 0 0 !important;
	padding:4px 4px 0 4px !important;
	height:26px;
}

.goods_box .goods span{
	color:#FF6633;
	font-size:92%;
}

.goods_box .goods_inner {
	width:242px;
	height:65px;
	position:absolute;
}

.goods_box .goods_inner .goods_icon {
	position:absolute;
	right:0px;
	bottom:0px;
	width: 20px;
	height: 20px;
}

.goods_box .goods_inner a {
	color: #000;
	text-decoration:none;
	line-height:1;
}

.goods_box .goods_inner a:hover {
	color:#52c3c1;
}

/* 右カラム
---------------------------------------------- */
div#contentTop div#contentR h3{
	margin:0 0 2px 0;
	background:none;
	padding:0;
	border:none;
}

div#contentR .top_bnr{
	width:250px;
	margin:0 auto 30px;
}

div#contentR .top_bnr li{
	margin:8px 0 0 0;
	line-height:0;
	font-size:0;
}

/* 広告バナー
---------------------------------------------- */
div.banner {
	clear:both;
	margin:0 0 10px;
}

div.bannerL {
	width:595px;
	float:left;
}

div.bannerR {
	width:250px;
	float:right;
}

div.bannerL p,
div.bannerR p {
	border:solid 1px #CCCCCC;
}


/* センターカラム　告知版
---------------------------------------------- */
div#content div#contentC div.groupNews {
	border:solid 5px #E6F5F2;
	padding:10px;
}

div#content div#contentC h3.ttlTopNews {
	font-size:138.5%;
	font-weight:bold;
	color:#333333;
	margin:0 0 10px;
	line-height:normal;
}

div#content div#contentC div.groupNews p {
	margin:0 0 10px;
	line-height:1.3;
}

div#content div#contentC ul.naviLinkTop {
	margin:0 0 20px;
}

div#content div#contentC ul.naviLinkTop li {
	background:url(/img/common/ico_arrow.gif) no-repeat 0 7px;
	padding:0 0 0 15px;
	line-height:normal;
	text-align:left;
}

/* ----------------------------------------------
		hacks
---------------------------------------------- */

/* Clearfix
---------------------------------------------- */
div#main,
div#contentTop,
div#contentL,
div#contentC,
div#contentR,
div.banner,
div.bannerL,
div.bannerR
#footer_info
#footer_info_wrap {
		zoom: 1;/*for IE 5.5-7*/
}
div#main:after,
div#contentTop:after,
div#contentL:after,
div#contentC:after,
div#contentR:after,
div.bannerL:after,
div.banner:after,
div.bannerR:after
#footer_info
footer_info_wrap {
		display: block;
		clear: both;
		visibility: hidden;
		content: ".";
		height: 0px;
}
* html div#main,
* html div#contentTop,
* html div#contentL,
* html div#contenC,
* html div#contentR,
* html div.banner,
* html div.bannerL,
* html div.bannerR
* html #footer_info
* html footer_info_wrap {
	display: inline-table;
	/*\*/display: block;/**/
}