@charset "euc-jp";

/* =======================================================
	Title : minsta.css
	Description : �����X�^�z���m�y�[�W #minsta_main
	Created : 2011-11-15
	Author : takimoto
	Last Up Date: 2012-2-16(takimoto)
======================================================= */

/* =======================================================
	���
		��K���Q�[��������m
			1. ���
			2. .header
			3. .access
		��X�}�z��������m
			1. ���
			2. .header
			3. .access
======================================================= */


/*=======================================================
��K���Q�[��������m
======================================================= */


/* =======================================================
1.��� (11/11/15 takimoto)
======================================================= */
#minsta_main {
	position	:	relative;
	background	:	#000 url("../image/minsta/minsta_head_bg.jpg") no-repeat 0 0;
}
/* =======================================================
2.header (11/11/15 takimoto) #minsta_main .header
======================================================= */

#minsta_main .header{
	position	:	relative;
	width	:	960px;
	height	:	464px;
}
#minsta_main .header h1 {
	position	:	absolute;
	width	:	511px;
	height	:	154px;
	top	:	4px;
	left	:	30px;
}
#minsta_main .header p{
	position	:	absolute;
	width	:	489px;
	height	:	175px;
	top	:	211px;
	left	:	47px;
}
#minsta_main .header .shear{
	position	:	absolute;
	top	:	428px;
	left	:	47px;
}
#minsta_main .header .shear ul li{
	float	:	left;
	margin	:	0 14px 0 0;
}

#minsta_main .header a.minsta_btn_sp {
	position	:	absolute;
	width	:	284px;
	height	:	47px;
	top	:	25px;
	left	:	634px;
}
/* =======================================================
3.access (11/11/15 takimoto) #minsta_main .access
======================================================= */
#minsta_main .access {
	position	:	relative;
	background	:	#000 url("../image/minsta/minsta_access_bg_01.jpg") no-repeat 0 0;
	width	:	900px;
	height	:	169px;
	margin	:	auto auto 12px;
}
#minsta_main .access img.qr_code_01 {
	position	:	absolute;
	top	:	30px;
	left	:	18px;
}
#minsta_main .access h2 {
	position	:	absolute;
	top	:	17px;
	left	:	152px;
}
#minsta_main .access p.url_img {
	position	:	absolute;
	top	:	46px;
	left	:	152px;
}
#minsta_main .access p.url_intro {
	position	:	absolute;
	top	:	113px;
	left	:	152px;
}
/* =======================================================
4.minsta_content_list (11/11/15 takimoto) #minsta_main ul.minsta_content_list
======================================================= */
#minsta_main ul.minsta_content_list {
	width	:	901px;
	margin	:	auto ;
	padding	:	0 0 44px;
}
#minsta_main ul.minsta_content_list li {
	position	:	relative;
	width	:	291px;
	height	:	478px;
	float	:	left;
	display	:	inline;
}
#minsta_main ul.minsta_content_list li p.content_text {
	position	:	absolute;
	left	:	19px;
	top	:	386px;
}
#minsta_main ul.minsta_content_list li h2 {
	position	:	absolute;
	top	:	8px;
	left	:	9px;
}
#minsta_main ul.minsta_content_list li.content_01 p.caption {
	position	:	absolute;
	left	:	17px;
	top	:	336px;
}
#minsta_main ul.minsta_content_list li.content_02 p.caption {
	position	:	absolute;
	left	:	14px;
	top	:	321px;
}


#minsta_main ul.minsta_content_list li.content_01 {
	background	:	url("../image/minsta/minsta_content_bg_01.png") no-repeat 0 0;
	margin	:	0 14px 0 0;
}
#minsta_main ul.minsta_content_list li.content_02 {
	background	:	url("../image/minsta/minsta_content_bg_02.png") no-repeat 0 0;
	margin	:	0 14px 0 0;
}
#minsta_main ul.minsta_content_list li.content_03 {
	background	:	url("../image/minsta/minsta_content_bg_03.png") no-repeat 0 0;
}


/* =======================================================
5.minsta_bottom_block (11/11/15 takimoto) .minsta_bottom_block
======================================================= */
body#minsta .minsta_bottom_block {
	background	:	#000;
	padding	:	0 0 56px;
}
body#minsta .minsta_bottom_block p.minsta_bottom_txt_01 {
	margin	:	0 0 24px;
}
body#minsta .minsta_bottom_block p img {
	margin	:	auto;
}
/* =======================================================
6.footer_minsta (11/11/15 takimoto) #footer_minsta
======================================================= */
#footer_minsta {
	background	:	#4d4d4d;
	height	:	40px;
	position	:	relative;
}
#footer_minsta img.foot_txt_01 {
	position	:	absolute;
	left	:	273px;
	top	:	14px;
}
#footer_minsta img.foot_txt_02 {
	position	:	absolute;
	left	:	470px;
	top	:	14px;
}


/*=======================================================
��X�}�z��������m
======================================================= */

/* =======================================================
1.��� (11/11/15 takimoto)
======================================================= */
#minsta_sp_main {
	position	:	relative;
	background	:	#000 url("../image/minsta/sp_minsta_head_bg.jpg") no-repeat 0 0;
	padding	:	0 0 34px;
}
/* =======================================================
2.header (11/11/15 takimoto) #minsta_sp_main .header
======================================================= */

#minsta_sp_main .header{
	position	:	relative;
	width	:	960px;
	height	:	528px;
}
#minsta_sp_main .header h1 {
	position	:	absolute;
	width	:	512px;
	height	:	108px;
	top	:	7px;
	left	:	24px;
}
#minsta_sp_main .header p.txt_copy_01 {
	position	:	absolute;
	width	:	522px;
	height	:	131px;
	top	:	218px;
	left	:	126px;
}
#minsta_sp_main .header p.txt_copy_02 {
	position	:	absolute;
	width	:	509px;
	height	:	65px;
	top	:	378px;
	left	:	139px;
}
#minsta_sp_main .header a.sp_minsta_btn_fp {
	position	:	absolute;
	width	:	284px;
	height	:	47px;
	top	:	36px;
	left	:	665px;
}
/* --- �A�N�Z�X��@ --- */
#minsta_sp_main .header .head_access {
	position	:	absolute;
	width	:	277px;
	height	:	383px;
	top	:	119px;
	left	:	666px;
	background	:	#000 url("../image/minsta/sp_minsta_access_bg_01.png") no-repeat 0 0;
}
#minsta_sp_main .header .head_access h2 {
	width	:	250px;
	margin	:	13px auto 7px;
}
#minsta_sp_main .header .head_access ul {
	width	:	234px;
	margin	:	0 auto;
}
#minsta_sp_main .header .head_access ul li {
	margin	:	0 auto 10px;
}
#minsta_sp_main .header .head_access ul dl dt {
	margin	:	0 0 5px;
}
#minsta_sp_main .header .head_access ul dl dd {
	margin	:	0 0 0 14px;
}
#minsta_sp_main .header .head_access ul dl dd form {
	padding	:	0;
	text-align	:	left;
}
#minsta_sp_main .header .head_access ul dl dd form input{
	padding	:	1px;
}



/* =======================================================
3.sp_minsta_content (12/2/17 takimoto) #minsta_sp_main .sp_minsta_content
======================================================= */
#minsta_sp_main .sp_minsta_content {
	margin	:	auto auto 40px;
}
#minsta_sp_main .sp_minsta_content h2 {
	width	:	936px;
	margin	:	auto auto 40px;
}
#minsta_sp_main ul.minsta_content_list {
	width	:	901px;
	margin	:	auto ;
}
#minsta_sp_main ul.minsta_content_list li {
	position	:	relative;
	width	:	291px;
	height	:	478px;
	float	:	left;
	display	:	inline;
}
#minsta_sp_main ul.minsta_content_list li img.no_img {
	position	:	absolute;
	left	:	7px;
	top	:	-18px;
}
#minsta_sp_main ul.minsta_content_list li p.content_text {
	position	:	absolute;
	left	:	19px;
	top	:	336px;
}
#minsta_sp_main ul.minsta_content_list li h3 {
	position	:	absolute;
	top	:	15px;
	left	:	9px;
}
#minsta_sp_main ul.minsta_content_list li.content_01 {
	background	:	url("../image/minsta/sp_minsta_content_bg_01.png") no-repeat 0 0;
	margin	:	0 14px 0 0;
}
#minsta_sp_main ul.minsta_content_list li.content_02 {
	background	:	url("../image/minsta/sp_minsta_content_bg_02.png") no-repeat 0 0;
	margin	:	0 14px 0 0;
}
#minsta_sp_main ul.minsta_content_list li.content_03 {
	background	:	url("../image/minsta/sp_minsta_content_bg_03.png") no-repeat 0 0;
}
/* =======================================================
4.sp_minsta_charge_block (12/2/17 takimoto) #minsta_sp_main .sp_minsta_charge_block
======================================================= */
#minsta_sp_main .sp_minsta_charge_block {
	width	:	930px;
	margin	:	auto auto 40px;
}
#minsta_sp_main .sp_minsta_charge_block h2 {
	margin	:	0 0 25px;
}
#minsta_sp_main .sp_minsta_charge_block p {
	width	:	910px;
	margin	:	auto auto 25px;
}
#minsta_sp_main .sp_minsta_charge_block ul {
	width	:	690px;
	margin	:	auto;
}
#minsta_sp_main .sp_minsta_charge_block ul li.charge_image_01 {
	float	:	left;
}
#minsta_sp_main .sp_minsta_charge_block ul li.charge_image_02 {
	float	:	right;
}


/* --- ��A�N�Z�X��@ --- */
#minsta_sp_main .foot_access {
	position	:	relative;
	width	:	900px;
	min-height	:	212px;
	background	:	#000 url("../image/minsta/sp_minsta_access_bg_02.png") no-repeat 0 0;
	margin	:	auto;
	padding	:	24px 0 0;
}
#minsta_sp_main .foot_access h2 {
	position	:	absolute;
	top	:	-15px;
	left	:	12px;
}
#minsta_sp_main .foot_access ul {
	width	:	630px;
	margin	:	0 auto;
}
#minsta_sp_main .foot_access ul li {
	margin	:	0 auto;
	width	:	315px;
	float	:	left;
	padding	:	0 ;
}
#minsta_sp_main .foot_access ul dl dt{
	margin	:	0 0 2px;
}

#minsta_sp_main .foot_access ul dl dd {
	margin	:	0 0 0 21px;
}
#minsta_sp_main .foot_access ul dl dd .mail_area {
	padding	:	10px 0 0;
}
#minsta_sp_main .foot_access ul dl dd form {
	padding	:	0;
	text-align	:	left;
}
#minsta_sp_main .foot_access ul dl dd form input{
	padding	:	1px;
}