/* -------------------------------
			蜈ｱ騾�
------------------------------- */
body{
	margin:0;
	padding:0;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:small;
	color:#333;
	background-color:#fffde5;
	background-image: url(../img/bg_cnt.gif);
}
.gram {	font-family:"�ｭ�ｳ �ｰ譏取悃", "MS PMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", serif;}

h1, h2, ul, ol, li, img, map, dl, dd, dt, p { margin:0; padding:0; list-style:none; text-indent:0; margin-block-start:0; }

#body_top {}

.hover-opacity { transition-property: opacity; transition-duration: 0.1s; }
.hover-opacity:hover { opacity: 0.7; }

.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt50 { margin-top:50px;}
.mtb50 { margin:50px 0;}
.mb20 { margin-bottom: 20px;}
.m_rl { margin-left:1em; margin-right:1em;}
.f_l { float:left;}
.f_r { float:right;}
.txt_r { color:#F33; font-weight:bold;}
.mp0 { margin:0; padding: 0; line-height: 0;}

#header_link { width:100%;}
#header_link p { position: relative; top:2px; left:5px; float: left;}
#header_link ul { text-align: right;}
#header_link li { display: inline-block;}

footer {
	width:100%;
	height:20px;
	text-align:center;
	margin:0;
	padding:15px 0;
	clear:both;
	color:#fff;
	font-weight:bold;
	background-color: #00a0e9;;
	font-size:90%;
}

body#index footer { margin-top:0;}

div#MainCnt { width:1200px; margin:0 auto;}
div#MainCnt ul#sns li { width:25%; display:inline-block;}

.disp_pc { display:block;}
.disp_sp { display:none;}

@media screen and (max-width: 640px) {
div#MainCnt { width:100%;}

.disp_pc { display:none;}
.disp_sp { display:block;}

}


/* -------------------------------
			index
------------------------------- */
#MainBody h1 { background-color: #d8effd;}
#MainBody h1 img { width: 1000px; margin: 0 100px;}

.main_pc { background-image: url("../img/bg_main.gif"); background-repeat: repeat-x; width: 1200px; margin: 0;}
.main_pc span img { width: 1000px; margin: 0 100px;}
.main_sp { display: none;}

/* 繝懊ち繝ｳ */
ul.btn_navi { width: 1000px; margin: 20px auto;}
ul.btn_navi li { width: 244px; display: inline-block;}
/* ul.btn_navi li:last-child { margin: 0;} */

#MainBody h2,
#MainBody h3,
#MainBody p img { width:1000px; margin: 0 100px;}

/*縲€繝昴う繝ｳ繝� */
ul.point { width: 1010px; margin: 20px auto;}
ul.point li { width: 500px; display: inline-block;}

.disp_pc div.zbtn { margin: 30px auto; width: 1000px; height: 730px; background-image: url("../img/img03_bg.png"); background-repeat: no-repeat; background-position:0 100px; }
.disp_pc div.zbtn ul { width: 600px; margin-left: 400px;}
.disp_pc div.zbtn ul li { display: inline-block;}

.disp_pc div.ongr { margin: 30px auto; width: 1000px; height: 427px; background-image: url("../img/img04_bg.png"); background-repeat: no-repeat; background-position:0; }
.disp_pc div.ongr ul { width: 600px; margin-left: 400px; padding-top: 40px;}
.disp_pc div.ongr ul li { display: inline-block;}





p.btn_products { text-align: right; }
p.btn_products img { width: 625px; }

@media screen and (max-width: 640px) {
#MainBody h1 img { width: 94%; margin: 0 3%;}

.main_pc { display: none;}
.main_sp { display: block;}
.main_sp span img { width: 100%; margin: 0;}

/* 繝懊ち繝ｳ */
ul.btn_navi { width: 94%; margin: 20px 3%;}
ul.btn_navi li { width: 49%; margin-bottom: 10px;}

#MainBody h2,
#MainBody h3,
#MainBody p img { width: 94%; margin: 0 3%;}

/*縲€繝昴う繝ｳ繝� */
ul.point { width: 94%; margin: 20px 3%;}
ul.point li { width: 100%; margin-bottom: 20px; display: block;}

ul.flow { width: 100%; margin: 20px 0;}
ul.flow li { background-image: url("../img/bg_flow_sp.gif"); margin: 0 0 1em 0; padding: 3%;}

dl.disp_sp { width: 100%;}
dl.disp_sp dt { width: 100%; margin: 10px 0;}
dl.disp_sp dd { width: 43%; display: inline-block; margin: 10px 3%;}

p.btn_products  { text-align: center;}
p.btn_products img { width: 94%; margin: 20px 3%;}


}




/* -------------------------------
			back button
------------------------------- */
.page-top{ display: none;}

.page-top p
{	margin: 0 ;	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}

.move-page-top
{
	display: block ;
	background: #959595 ;
	width: 50px ;
	height: 50px ;
	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	border-radius:50%;
	opacity:0.8;
}