@charset "euc-jp";

/* =======================================================
	Title : umail_defalt.css
	Description : うまいるスタジアム告知ページ
	Created : 2010-02-17
	Author : takimoto
	Last Up Date: 2010-04-07(Kobayashi)
	Last Up Date: 2011-03-30(takimoto)
======================================================= */

/* =======================================================
	目次
		1. 共通
			（リンク色）
		2.ヘッダー #header_umasta
		3.フッター #footer_umasta
======================================================= */

/* =======================================================

1.共通 (10/2/17 takimoto)

======================================================= */
body {
	line-height	:	1.4;
}
img {
	vertical-align	:	bottom;
}
hr {
	display	:	none;
}

.clearfix
{
	display: block;
	min-height: 1%;
}
.clearfix:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*--------------------------------------------------------
*テキストとばし
-------------------------------------------------------- */
span.none {
	display				:	block;
	text-indent			:	-9867em;
}

/* ===== ページTOP ====== */
.area_bottom{
	clear				:	both;
	background			:	url("../image/bg_area_bottom.gif") no-repeat bottom left;
	height				:	36px;
}
p#page_top a{
	float				:	right;
	margin-right		:	20px;
	margin-bottom		:	10px;
	background			:	url("../image/totop_arrow.gif") no-repeat 0 0;
	padding-left		:	27px;
	color				:	#808080;
}
/* =======================================================
2.ヘッダー #header_txt (10/4/15 kobayashi)
======================================================= */
#header_txt{
	width	:	960px;
	text-align	:	left;
}
#header_txt h1{
	font-size	:	11px;
	font-weight	:	bold;
}
#header_txt p{
	font-size	:	11px;
}

/* =======================================================
3.うまスタcrew body#umasta_crew (12/3/13 takimoto)
======================================================= */
body#umasta_crew {
	text-align	:	center;
	line-height	:	1.4;
}
body#umasta_crew #contents {
	background	:	#45990a;
}
/*-- .head_area --*/
body#umasta_crew .head_area {
	position	:	relative;
	width	:	960px;
	padding	:	371px 0 0;
	background	:	url("../image/umasta_crew_02/umasta_c_head_bg02.png") no-repeat 0 0;
	
}
body#umasta_crew .head_area h1 {
	position	:	absolute;
	width	:	337px;
	height	:	165px;
	top	:	15px;
	left	:	304px;
	z-index	:	-1;
}
body#umasta_crew .head_area .twitter_area {
	position	:	absolute;
	padding: 4px;
	width	:	238px;
	height	:	306px;
	top	:	37px;
	left	:	697px;
	z-index	:	10;
	background-color: #f6f6f6;
}
body#umasta_crew .head_area img.head_txt_01 {
	position	:	absolute;
	top	:	187px;
	left	:	500%;

}
/*
body#umasta_crew .head_area img.head_img_01 {
	position	:	absolute;
	top	:	92px;
	left	:	708px;
}*/

/*-- .head_area .access_block --*/
body#umasta_crew .head_area .access_block {
	position	:	relative;
	margin	:	auto;
	width	:	800px;
	height	:	195px;
	background	:	url("../image/umasta_crew_02/umasta_c_access_bg_01.png") no-repeat 0 0;
	background-size: 100% 195px;
}
body#umasta_crew .head_area .access_block h2 {
	position	:	absolute;
	width	:	231px;
	height	:	255px;
	top	:	-48px;
	left	:	4px;
}
body#umasta_crew .head_area .access_block ul.fc {
	position	:	absolute;
	top	:	13px;
	left	:	115px;
	right: 0;
	margin: auto;
	width: 433px;
}
body#umasta_crew .head_area .access_block ul.clearfix li {
	float: left;
}
body#umasta_crew .head_area .access_block ul.fc li .btn_area li p{
	font-size:0.9em;
}


body#umasta_crew .head_area .access_block ul.fc li dt {
	height	:	50px;
}
body#umasta_crew .head_area .access_block ul.fc li dd img {
	margin	:	auto;
}
body#umasta_crew .head_area .access_block ul.fc li dd .QR_code_box {
	margin-top: 15px;
	text-align: center;
}
body#umasta_crew .head_area .access_block ul.fc li dd .QR_code_box img {
	display	:	inline;
	
}
body#umasta_crew .head_area .access_block ul.fc li dd.mail_form_area {
	padding	:	18px 0 0;
}
body#umasta_crew .head_area .access_block ul.fc li dd.mail_form_area .mail_area {
	width	:	234px;
	height	:	51px;
	padding	:	16px 16px;
	background	:	url("../image/umasta_crew_02/umasta_c_access_dd_03.png") no-repeat 0 0;
}
.mr10{ margin-right: 10px !important; }
.mb10{ margin-bottom:10px !important; }

/*-- .main_area --*/
body#umasta_crew .main_area {
	background	:	#a6d751 url("../image/umasta_crew_02/umasta_c_content_bg_01.png") no-repeat 0 0;
	padding	:	14px 0 30px;
}
body#umasta_crew .umasta_point_info_box {
	position	:	relative;
	width	:	960px;
	margin	:	auto;
	z-index	:	10;
}
body#umasta_crew img.umasta_c_abt_info_image {
	margin	:	0 0 20px;
}

body#umasta_crew .main_area h2 {
	width	:	937px;
	margin	:	0 auto 6px;
}
body#umasta_crew .main_area ul {
	margin	:	0 0 0 30px;
	padding	:	0 0 16px;
}
body#umasta_crew .main_area ul li {
	position	:	relative;
	float	:	left;
	width	:	291px;
	margin	:	0 12px 0 0;
}
body#umasta_crew .main_area ul li h3 {
	position	:	absolute;
	top	:	-9px;
	left	:	9px;
}
body#umasta_crew .main_area ul li p {
	position	:	absolute;
	top	:	242px;
	left	:	9px;
}
body#umasta_crew .main_area ul li a.umasta_c_content_img_btn,
body#umasta_crew .main_area ul li span.umasta_c_content_img_btn {
	position	:	absolute;
	top	:	306px;
	left	:	15px;
}
body#umasta_crew .main_area ul.umasta_crew_info_list_01 li {
	height	:	387px;
	background	:	url("../image/umasta_crew_02/umasta_c_content_li_bg_01.png") no-repeat 0 0;
}
body#umasta_crew .main_area ul.umasta_crew_info_list_02 li {
	height	:	387px;
	background	:	url("../image/umasta_crew_02/umasta_c_content_li_bg_02.png") no-repeat 0 0;
}
body#umasta_crew .main_area ul.umasta_crew_info_list_03 li {
	height	:	322px;
	background	:	url("../image/umasta_crew_02/umasta_c_content_li_bg_03.png") no-repeat 0 0;
}
body#umasta_crew .main_area ul.umasta_crew_info_list_02 li.new_point h3 {
	top	:	-9px;
	left	:	-9px;
}
body#umasta_crew .main_area ul.umasta_crew_info_list_03 {
	padding	:	10px 0 0;
}
/*-- .bottom_area --*/
body#umasta_crew .bottom_area {
	background	:	url("../image/umasta_crew_02/umasta_c_bottom_01.png") no-repeat 0 0;
	padding	:	80px 0 40px;
}
body#umasta_crew .bottom_area img{
	margin	:	auto;
}
#footer_umasta {
	clear	:	left;
	text-align	:	center;
	width	:	960px;
	padding	:	0 0 .5em;
}
#footer_umasta #copyright {
	text-align:center;
	color	:	#333;
	line-height	:	3;
	background	:	#69bc00 url("") repeat 0 0;
}

/*-- body#umasta_crew .popup_page ポップアップ用ページ --*/
body.umasta_pc_popup {
	background	:	#7ec11a;
}
body.umasta_pc_popup .popup_page {
	margin	:	auto;
	background	:	#7ec11a url("../image/umasta_crew_02/umasta_c_content_bg_01.png") no-repeat 0 0;
	padding	:	0 0 40px;
}
body.umasta_pc_popup .popup_page h1 {
	width	:760px;
	margin	:	auto;
}
body.umasta_pc_popup .popup_page .umasta_movie_block {
	margin	:	auto;
	width	:	326px;
	height		:	390px;
	background	:	url("../image/umasta_crew_02/umasta_movie_box_bg_01.png") no-repeat 0 0;
}
body.umasta_pc_popup .popup_page .umasta_movie_block iframe{
	width	:	312px;
	margin	:	6px 7px;
}


/* =======================================================
5.もばげー版 body id="mbga"
======================================================= */

body#mbga {
	text-align	:	center;
	line-height	:	1.4;
}
body#mbga #contents{
	background	:	#327800 url("../common/image/bg_mbga.png") no-repeat 50% top;
}
body#mbga #wrap{
	position:relative;
	width				:	861px;
	height			:1161px;
	margin				:	0 auto;
	padding				:	0;
	text-align			:	left;
}
body#mbga img {
}
body#mbga p,dt,dl {
	line-height	:	1.4;
}
body#mbga p {
	margin	:	0 0 1em 0;
}
body#mbga hr {
	display	:	none;
}
body#mbga a {
overflow: hidden;
/*\*/
overflow: hidden;
/**/
}
body#mbga li a:link, p a:link, dd a:link, td a:link,
body#mbga li a:visited, p a:visited, dd a:visited, td a:visited {
	color	:	#144296;
	text-decoration	:	none;
}
body#mbga li a:hover, p a:hover, dd a:hover, td a:hover,
body#mbga li a:active, p a:active, dd a:active, td a:active {
	color	:	#144296;
	text-decoration	:	underline;
}
body#mbga span.none {
	display				:	block;
	text-indent			:	-9867em;
}
body#mbga .area_bottom{
	clear				:	both;
	background			:	url("../image/bg_area_bottom.gif") no-repeat bottom left;
	height				:	36px;
}
body#mbga p#page_top a{
	float				:	right;
	margin-right		:	20px;
	margin-bottom		:	10px;
	background			:	url("../image/totop_arrow.gif") no-repeat 0 0;
	padding-left		:	27px;
	color				:	#808080;
}
body#mbga h1{
	position	:	absolute;
	top:0;
	left:0;
}
body#mbga img#logo{
	position	:	absolute;
	top:173px;
	left:-29px;
}
body#mbga img#QR_code{
	position	:	absolute;
	top:219px;
	left:305px;
	width:123px;
	height:123px;
}
body#mbga #shear{
	position	:	absolute;
	top:182px;
	right:0px;
}
body#mbga #shear li.twtr{
	float:left;
	width:160px;
}
body#mbga #shear li.fb{
	float:left;
	width:160px;
}
body#mbga img#Txt_Access{
	position	:	absolute;
	top:210px;
	left:436px;
}
body#mbga img#URL{
	position	:	absolute;
	top:251px;
	left:436px;
}
body#mbga img#Dmain{
	position	:	absolute;
	top:305px;
	left:438px;
}
body#mbga #access{
	position	:	absolute;
	top:278px;
	left:438px;
}
body#mbga #Mail_comp{
	position	:	absolute;
	top:241px;
	left:417px;
}
body#mbga #Mail_not{
	position	:	absolute;
	top:230px;
	left:323px;
}
body#mbga #form_back{
	position	:	absolute;
	top:290px;
	left:503px;
}
body#mbga #Contents{
	position	:	absolute;
	top:370px;
	left:0px;
}
body#mbga #Contents ul li{
	float:left;
	margin:0;
	padding:0;
}
body#mbga #Contents ul li.point{
	width:290px;
}
body#mbga #Contents ul li.point_right{
	width:281px;
}
body#mbga #footer{
	position:relative;
	padding:0 0 2em 0;
	margin:0 auto;
}
body#mbga #footer #ND{
	position	:	absolute;
	top:0;
	right:0;
}
body#mbga #footer_umasta #copyright{
	width:960px;
	text-align:center;
	color	:	#333;
	line-height	:	3;
	background	:	#69bc00 url("") repeat 0 0;
}

/* =======================================================
6.gree版 body id="gree"
======================================================= */


body#gree {
	text-align	:	center;
	line-height	:	1.4;
}
body#gree #contents{
	background	:	#327800 url("../common_gree/image/bg_gree.png") no-repeat 50% top;
}
body#gree #wrap{
	position:relative;
	width				:	861px;
	height			:1161px;
	margin				:	0 auto;
	padding				:	0;
	text-align			:	left;
}
body#gree img {
}
body#gree p,dt,dl {
	line-height	:	1.4;
}
body#gree p {
	margin	:	0 0 1em 0;
}
body#gree hr {
	display	:	none;
}
body#gree a {
overflow: hidden;
/*\*/
overflow: hidden;
/**/
}
body#gree li a:link, p a:link, dd a:link, td a:link,
body#gree li a:visited, p a:visited, dd a:visited, td a:visited {
	color	:	#144296;
	text-decoration	:	none;
}
body#gree li a:hover, p a:hover, dd a:hover, td a:hover,
body#gree li a:active, p a:active, dd a:active, td a:active {
	color	:	#144296;
	text-decoration	:	underline;
}
body#gree span.none {
	display				:	block;
	text-indent			:	-9867em;
}
body#gree .area_bottom{
	clear				:	both;
	background			:	url("../image/bg_area_bottom.gif") no-repeat bottom left;
	height				:	36px;
}
body#gree p#page_top a{
	float				:	right;
	margin-right		:	20px;
	margin-bottom		:	10px;
	background			:	url("../image/totop_arrow.gif") no-repeat 0 0;
	padding-left		:	27px;
	color				:	#808080;
}
body#gree h1{
	position	:	absolute;
	top:0;
	left:5px;
}
body#gree img#logo{
	position	:	absolute;
	top:173px;
	left:-29px;
}
body#gree img#QR_code{
	position	:	absolute;
	top:209px;
	left:305px;
	width:123px;
	height:123px;
}
body#gree #shear{
	position	:	absolute;
	top:182px;
	right:0px;
}
body#gree #shear li.twtr{
	float:left;
	width:160px;
}
body#gree #shear li.fb{
	float:left;
	width:160px;
}
body#gree img#Txt_Access{
	position	:	absolute;
	top:210px;
	left:436px;
}
body#gree img#URL{
	position	:	absolute;
	top:251px;
	left:436px;
}
body#gree img#Dmain{
	position	:	absolute;
	top:305px;
	left:438px;
}
body#gree #access{
	position	:	absolute;
	top:278px;
	left:438px;
}
body#gree #Mail_comp{
	position	:	absolute;
	top:241px;
	left:417px;
}
body#gree #Mail_not{
	position	:	absolute;
	top:230px;
	left:323px;
}
body#gree #form_back{
	position	:	absolute;
	top:290px;
	left:503px;
}
body#gree #Contents{
	position	:	absolute;
	top:370px;
	left:0px;
}
body#gree #Contents ul li{
	float:left;
	margin:0;
	padding:0;
}
body#gree #Contents ul li.point{
	width:290px;
}
body#gree #Contents ul li.point_right{
	width:281px;
}
body#gree #footer{
	position:relative;
	padding:0 0 2em 0;
	margin:0 auto;
}
body#gree #footer #ND{
	position	:	absolute;
	top:0;
	right:0;
}
body#gree #footer_umasta #copyright{
	width:960px;
	text-align:center;
	color	:	#333;
	line-height	:	3;
	background	:	#69bc00 url("") repeat 0 0;
}

/* =======================================================
7.PCumail body id="umail"
======================================================= */
body#umail table {
	border-collapse: separate;
	border-spacing: 1;
}
body#umail #wrap{
	width:960px;
	margin				:	0 auto;
	padding				:	0;
	text-align			:	left;
}
body#umail #wrap table.greenline{
	border: 1px solid #7dc019;
}
body#umail .menu_block {
	margin:0;
}

body#umasta_crew {
	text-align:left;
}
body#umasta_crew #footer_umasta{
	text-align:left;
}