@charset "utf-8";

body {
	padding:0; 
	margin:0;
}

ul li {
	list-style:none;
}

form, fieldset, input, textarea,{
margin:0; padding:0;
}

#ContentsIn{
margin-bottom:30px;	
}

/*----------------------------------------------------------
	デバイス切り替え
----------------------------------------------------------*/
 .PcOnly {
	display:none;
 }
 .SpOnly {
 }

 div,p,li { background: url(/common/images_sp/s.gif) no-repeat; }


/*----------------------------------------------------------
	Index for flickslide
----------------------------------------------------------*/
#TopA{
	position:relative;
	margin:0 auto;
	width:100%;
	text-align:center;
}
#slider, #black{
	width:100%;	
	text-align:center;
	}

.bx-next{
		text-indent:-9999px;
		background:url(/images/btn_next.png) no-repeat;
		display:inline-block;
		position:absolute;
		top:35%;
		left:88%;
		width:40px;
		height:40px;
}
.bx-prev{
		text-indent:-9999px;
		background:url(/images/btn_prev.png) no-repeat;
		display:inline-block;
		position:absolute;
		top:35%;
		left:0%;
		width:40px;
		height:40px;		
}

/*----------------------------------------------------------
	Navigation
----------------------------------------------------------*/

.pagetop {
	text-align: right;
	font-size: 81.25%;
	margin-right:14px;
	padding:25px 0 16px 0;
	text-decoration:underline;
}

/*----------------------------------------------------------
	Header
----------------------------------------------------------*/
#Header_logoCampany h1{
	margin:11px 14px 0 8px;
	text-align:center;
}
#Header_logoCampanyR {
	text-align:center;
	margin-top:5px;	
	margin-bottom:11px;
}
/*#Header_logoCampanyR p#head_txt01{
	text-align:left;
	font-weight:bold;
	margin:0 14px;
	font-size:105%;
	line-height:150%;
}*/
#Header_logoCampanyR p#head_txt01{
	font-weight:bold;
	margin:0 14px;
	font-size:105%;
	line-height:150%;
}

#head_txt01{
	text-align:center;
}

#Header_logoCampanyR p#head_txt02{
	text-align:left;
	margin:0 14px;
	line-height:150%;
}

/*#Header_logoCampanyR #head_btn01{
	text-align:right;
	margin-right:14px;
	margin-top:20px;
}*/
#Header_logoCampanyR #head_btn01{
	margin-right:0;
	margin-top:5px;
}

#Containar #HeaderArea #Gnavi_AreaIn {
	display:none;
}

#Containar #HeaderArea #Header_logo {
	width:100%;
	padding:0%;
}

#Containar #HeaderArea #Header_logo h1,#Containar #HeaderArea #Header_logo .fb {
	display:none;
}
#HeaderArea h2#h2_ttl{
	margin:0 0 3px 14px;
	
}
#Containar #HeaderArea #Header_logo ul {
	margin:0;
	padding:0;
	margin:6% 3% 6% 3%;
	width:94%;
	cursor:pointer;
}
#Containar #HeaderArea #Header_logo li {
	padding:0;
	margin:0;
	float:left;
	line-height:0;
}
#Containar #HeaderArea #Header_logo li img { width:100%;}
#Containar #HeaderArea #Header_logo li#logo_8in1 { width:16%; height:auto; padding-right:3.5%;}
#Containar #HeaderArea #Header_logo li#logo_kong { width:17%; height:auto; padding-right:3.5%;}
#Containar #HeaderArea #Header_logo li#logo_dingo { width:17%; height:auto; padding-right:3.5%;}
#Containar #HeaderArea #Header_logo li#logo_natures { width:17%; height:auto; padding-right:4%;}
#Containar #HeaderArea #Header_logo li#logo_firstrax { width:18%; height:auto;}


#sm_search {
	padding:3%;
	border-bottom:#CCCCCC 1px solid;
}
#sm_search .inputText {
	background:url(/common/images/search_inputBg.gif) no-repeat left 5px;
	border:#CCCCCC 1px solid;
	padding:5px 0 5px 25px;
}
#sm_search .inputText input {
	background:none;
	border:none;
	font-size:100%;
	outline:0;
	width:100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}


.infotell,.infotell_right{
	position:static;
	width:100%;
	text-align:center;
}
.infotell img,.infotell_right img{
	display:block;
	width:90%;
	margin:0 auto;
}

/*----------------------------------------------------------
	sp Footer navi
----------------------------------------------------------*/

div#fLinkNavi ul{
	width:100%;
	background-color:#FFF;
	padding:1px 0;
}
div#fLinkNavi ul li {
	border-top:#ccc 1px solid;
	margin:0px;
	padding:0px;
	background:#fff url(/images/contents_ularrow.gif) no-repeat; 
	background-position:96% 50%;
}
div#fLinkNavi ul li a{
	text-decoration:none;
	padding:12px 14px;
	display:block;
}


/*----------------------------------------------------------
	Footer
----------------------------------------------------------*/

/*PDFの表示、非表示*/
.mid .article {
	margin:0 0 3px 24px;
	padding:0;
}
	
.mid .article ul {
	margin:0px 0 7px 0;
}

.mid .article ul li {
	list-style:none;
	padding-left:2em;
	margin-bottom:5px;
}
	
.mid .button {
	background:url(http://frente.co.jp/profile/images/btn_torug.gif) right top no-repeat;
	height:12px;
	cursor:pointer;
	padding:0 17px 5px 0 !important;
	margin:0 !important;
	display:inline;
	text-decoration:underline;
}

.mid .on { 
	background-position:right bottom;
}

#FooterArea {
	background-color:#EFEFEF;
}
#FooterArea .menuCategory_btn {
	background-color:#9E9E9E;
	padding:7px 4% 5px 2%;
	color:#FFFFFF;
}
#FooterArea .menuCategory_btn span {
	display:block;
	background:url(/common/images_sp/index_Ficon_arrow1.gif) no-repeat right;
}
#FooterArea .active span {
	display:block;
	background:url(/common/images_sp/index_Ficon_arrow2.gif) no-repeat right;
}
#FooterArea .menuCategory_btn img {
	vertical-align:bottom;
	padding-right:5px;
	padding-top:2px;
}

#FooterArea .menuCategory_txt {
	padding:0 3% 20px 5%;
}
#FooterArea .menuCategory_txt li {
	background:url(/common/images_sp/index_Ficon_arrow3.gif) no-repeat left 0.3em;
	padding-left:18px;
	margin-top:10px;
}
@media all and (orientation:portrait){
#FooterArea .menuCategory_txt .menuCategory_img {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#FooterArea .menuCategory_txt .menuCategory_img img {
	width:100%;
}
}
@media all and (orientation:landscape){
#FooterArea .menuCategory_txt .menuCategory_img {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
#FooterArea .menuCategory_txt .menuCategory_img img {
	width:100%;
}
}
#FooterArea .menuCategory_txt li a,
#FooterArea .menuCategory_txt li a:link,
#FooterArea .menuCategory_txt li a:hover {
	text-decoration:none;
}

#footer_Btntop div {
	display:none;
}
#footer_Btntop p {
	border-top:#CCC 1px solid;
	text-align:center;
	padding:10px 0;
}
#FooterArea #footerAqua,
#FooterArea #footerTetra {
	margin-bottom:1px;
}

.pc {
	display:none;
}

/*----------------------------------------------
		AQUA TOP用
-----------------------------------------------*/
#aqua #Header_logo li#logo_8in1 img { display:block; text-align:center; padding:0; margin-left:auto; margin-right:auto; width:100%;}


#Containar #HeaderArea #Header_logo {
	width:100%;
	padding:0%;
}

#aqua #Containar #HeaderArea #Header_logo ul {
	margin:0;
	text-align:center;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	width:100%;
	cursor:pointer;
}

#aqua #Containar #HeaderArea #Header_logo li {
	padding:0;
	margin:0;
	float:none;
	line-height:0;
	display:block;
	margin:6% auto;
	width:40%;
	height:auto;
	}

#aqua #Containar #HeaderArea #Header_logo li#logo_8in1 img {
	width:100%;
	height:auto;
	}



.GlidColumn1 {
width:100%;
}
.GlidColumn2 {
width:100%;
}

.ico_film {
margin-left: 10px;
vertical-align: middle;
}

.saiyou{
	margin:0 0 0 0;
	text-align:center;
}

.aqua_saiyou{
	margin:10px 0 0 0;
	text-align: center;
}