@charset 'UTF-8';

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

	Default Reset & Base Style Sheet
	
	Last Update 2010-01-12
	
	
	★class name etc.
	・page_base
	・content_base
	・branding
	・btn_contact
	・nav_main
	・account
	・content_brandingimage
	・content_main
	・content_left
	・content_event
	・event_map
	・event_data
	・content_right
	・content_comment
	・content_bunner
	・foot
	・goto_top
	・site_info
	・shadow_top

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

/*******************************************************************************
	Universal selector
*******************************************************************************/
*{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}


/*******************************************************************************
	Default style
*******************************************************************************/
/*=========================================================================
各要素のmargin,paddingの正規化
=========================================================================*/
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding:0;
}

/*=========================================================================
	見出し要素のフォントサイズの正規化
=========================================================================*/
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

/*=========================================================================
	リストスタイルの正規化
=========================================================================*/
dl, dt, dd, ul, li{
	list-style: none;
}

/*=========================================================================
	imageのボーダー削除
=========================================================================*/
img{
	border: 0;
	display: block;
}


/*=========================================================================
	html,body
=========================================================================*/
html{
	text-align: center;
	background: #fff url(../img/bg_sky.jpg) 50% 0 no-repeat;
}

body{
	width: 1060px;
	margin: 0 auto;
	background: url(../img/shadow_bg.jpg) 1050px 0 repeat-y;
	font-size: 12px;
	font-family: osaka,'MSPゴシック',helvena;
	color: #333;
}


/*=========================================================================
	page大枠 style
=========================================================================*/
div#page_base{
	width: 1050px;
	background: #53BAFF url(../img/bg_body.jpg) 0 0 repeat-x;
	position: relative;
	padding: 0 0 90px 0;
}

div#content_base{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

img.shadow_top{
	position: absolute;
	top: 0;
	right: -10px;
}


/*=========================================================================
	a
=========================================================================*/
/*--------------------------------------------------------------------
a_default
--------------------------------------------------------------------*/
a:active{
	color:#8BE800;
}

a:visited{
	color:#9966CC;
}

a:link{
	color:#0099FF;
}

a:hover{
	color:#8BE800;
}

/*--------------------------------------------------------------------
a_foot
--------------------------------------------------------------------*/
div.foot a:active{
	color:#0099FF;
	text-decoration: none;
}

div.foot a:visited{
	color:#fff;
	text-decoration: none;
}

div.foot a:link{
	color:#fff;
	text-decoration: none;
}

div.foot a:hover{
	color:#8BE800;
	text-decoration: underline;
}




/*******************************************************************************
	Page style
*******************************************************************************/
/*=========================================================================
branding
=========================================================================*/
/*--------------------------------------------------------------------
	ヘッダ大枠
--------------------------------------------------------------------*/
div.branding{
	height: 93px;
	display: block;
	margin: 0 0 7px 0;
}

/*--------------------------------------------------------------------
	ロゴ
--------------------------------------------------------------------*/
div.branding h1{
	position: absolute;
	top:13px;
	left: 50px;
}

/*--------------------------------------------------------------------
	キャッチ
--------------------------------------------------------------------*/
div.branding p{
	position: absolute;
	top:13px;
	left: 319px;
}

/*--------------------------------------------------------------------
	ヘッダメニュー
--------------------------------------------------------------------*/
div.branding li.btn_about{
	position: absolute;
	top:55px;
	right: 314px;
}

div.branding li.btn_cart{
	position: absolute;
	top:55px;
	right: 180px;
}

div.branding li.btn_contact{
	position: absolute;
	top:55px;
	right: 45px;
}

div.branding li.btn_twitter{
	position: absolute;
	top:63px;
	right: 319px;
}

div.branding li.btn_workshop{
	position: absolute;
	top:23px;
	right: 45px;
}


/*=========================================================================
nav_main
=========================================================================*/
div.nav_main{
	overflow: hidden;
	zoom: 1;
	margin: 0 0 5px 0;
}

div.nav_main ul {
	width: 961px;
}

div.nav_main ul li{
	height: 29px;
	float: left;
}


/*=========================================================================
account
=========================================================================*/
/*--------------------------------------------------------------------
	アカウント情報大枠
--------------------------------------------------------------------*/
div.account{
	width: 961px;
	height: 51px;
	display: block;
	overflow: hidden;
	zoom: 1;
	background: url(../img/bg_account.gif) 0 0 no-repeat;
	position: relative;
	margin: 0 0 15px 0;
}

div.account_inner{
	padding: 9px 0 0 20px;
}

/*--------------------------------------------------------------------
	アカウント名
--------------------------------------------------------------------*/
div.account .account_name{
	width: 160px;
	float: left;
	overflow: hidden;
	zoom: 1;
}

div.account .account_name img{

	float: left;
	margin: 0 7px 0 0;
}

div.account .account_name h4{
	width: 110px;
	float: left;
	padding: 15px 0 0 0;
}


/*--------------------------------------------------------------------
	ポイント
--------------------------------------------------------------------*/
div.account .account_points{
	width: 150px;
	float: left;
}

div.account li.account_point{
	background: url(../img/icon_point.gif) 0 2px no-repeat;
	padding: 0 0 0 18px;
}

/*--------------------------------------------------------------------
	スタンプ
--------------------------------------------------------------------*/
div.account li.account_stamp{
	background: url(../img/icon_stomp.gif) 0 2px no-repeat;
	padding: 0 0 0 18px;
}

/*--------------------------------------------------------------------
	参加中のイベント
--------------------------------------------------------------------*/
div.account .account_event{
	width: 210px;
	float: left;
	background: url(../img/icon_event.gif) 0 5px no-repeat;
}

div.account .account_event dl{
	padding: 0 0 0 40px;
}

/*--------------------------------------------------------------------
	新着コメント
--------------------------------------------------------------------*/
div.account .account_comment{
	width: 210px;
	float: left;
	background: url(../img/icon_comment.gif) 0 5px no-repeat;
}

div.account .account_comment dl{
	padding: 0 0 0 40px;
}

/*--------------------------------------------------------------------
	マイページ＆ログアウトボタン
--------------------------------------------------------------------*/
div.account li.btn_mypage{
	position: absolute;
	bottom: 8px;
	right: 123px;
}

div.account li.btn_logout{
	position: absolute;
	bottom: 8px;
	right: 18px;
}



/*=========================================================================
login
=========================================================================*/
/*--------------------------------------------------------------------
	ログイン＆新規登録ボタン大枠
--------------------------------------------------------------------*/
div.login{
	width: 961px;
	height: 51px;
	display: block;
	background: url(../img/bg_login.gif) 0 0 no-repeat;
	position: relative;
	margin: 0 0 7px 0;
}

div.login_inner{
	padding: 9px 0 0 20px;
}


/*--------------------------------------------------------------------
	マイページ＆ログアウトボタン
--------------------------------------------------------------------*/
div.login li.btn_newentry{
	position: absolute;
	bottom: 8px;
	left: 25px;
}

div.login li.btn_login{
	position: absolute;
	bottom: 8px;
	left: 200px;
}


/*=========================================================================
foot
=========================================================================*/
div.foot{
	height: 90px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	zoom: 1;
}

/*--------------------------------------------------------------------
goto_top
--------------------------------------------------------------------*/
div.foot p.goto_top{
	width: 1050px;
	border-bottom: #fff solid 1px;
	text-align: right;
	padding: 0 0 7px 0;
}

div.foot p.goto_top a{
	padding: 0 45px 0 0;
	
}

/*--------------------------------------------------------------------
site_info
--------------------------------------------------------------------*/
div.foot div.site_info{
	width: 1060px;
	height: 50px;
	padding: 7px 0 0 0;
	color: #fff;
}

div.foot div.site_info ul{
	float: right;
	margin: 0 35px 0 0;
}

div.foot div.site_info p{
	float: left;
	margin: 0 0 0 45px;
}

div.foot div.site_info ul li{
	float: left;
	padding: 0 20px 0 0;
}



/*************************************************************************
userentry_btn_list
*************************************************************************/
div.content_main ul.userentry_btn_list{
	margin: 40px 0 0 0;
}

div.content_main ul.userentry_btn_lists{
	margin: 40px 0 40px 0;
	height:45px;
}
div.content_main ul.userentry_btn_list li.btn_position_left{
	float: left;
}



div.content_main ul.userentry_btn_list li.btn_position_lefts{
	float: left;
	margin:0 0 0 30px;
}

div.content_main ul.userentry_btn_list li.btn_position_right{
	float: right;
}


div.content_main ul.userentry_btn_lists li.btn_position_right{
	float: right;
}