@charset "utf-8";

/* ****************************************************
Title: base.css
Created: 2010-10-15
Last Modified: 2010-10-16
Editor(s): Kenta Uota - liberal design
Last Editor: Kenta Uota - liberal design
***************************************************** */


/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# header
# nav
# topicPath
# keyvisual
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */
#spNav {
	display: none;
}


/* # body
---------------------------------------------------------------------------- */


/* # layout
---------------------------------------------------------------------------- */


/* # header
---------------------------------------------------------------------------- */



/* # nav
---------------------------------------------------------------------------- */


/* # topicPath
---------------------------------------------------------------------------- */


/* # content
---------------------------------------------------------------------------- */
#content {
	padding-top: 30px;
}
section.slider {
	width: 726px;
	width: 95%;
	margin: 0 auto;
	overfloaw: hidden;
}

section.slider .flexslider {
	background-color: #fff;
	padding: 1.3%;
	width: 97.4% !important;
}

.flex-control-nav {
	width: 706px !important;
	width: 97.4% !important;
	background-color: #fff;
	padding: 15px 0 !important;
}


/* aside */

aside {
	/*width: 230px;*/
}

section.hirubeerbu {
	width: 95%;
	height: 100%;
	margin:23px auto 17px;
}
section.hirubeerbu img {
	max-width:100%;
}

section.fblikebox {
	margin: 0 auto 10px;
	/*width: 230px;*/
		width: 726px;
		width: 95%;
}

section.news {
	width: 726px;
	width: 95%;
	margin: auto;
	margin-bottom: 10px;
}

section.news h2 {
	background:#D80C18 url(../../images/ttl_news.png) 0 0 no-repeat;
	/*width: 230px;*/
	height: 60px;
	text-indent: -9999px;
}

section.news ul {
	background-color: #fff;
	/*width: 230px;*/
	font-size: 93%;
}

section.news ul li {
	padding: 15px 10px;
	border-top: 1px solid #ccc;
}

section.news ul li.first {
	border-top: none;
}

section.news ul li span {
	display: block;
	display: inline-block;
	width: 8em;
	font-weight: bold;
	color: #d80c18;
}

section.news p.more {
margin: 0 0 20px;
}

section.news p.more a {
	display: block;
	/*width: 230px;*/
	padding: 15px 0;
	text-align: center;
	color: #a6937c;
	background-color: #f8f7ed;
	text-decoration: none;
}

section.news p.more a:hover {
	color: #a6937c;
	background-color: #f2f0e0;
}
section.bnrRecruit {
	width: 95%;
	height: 100%;
	margin: auto auto 30px auto;
}
section.bnrRecruit img {
	max-width:100%;
}

/* artice */
article {

}

article section {

}

article section ul {

}

article section ul li {

	float: left;
	margin-bottom: 1.3%;
	margin-left: 1.3%;
	width: 32.3%;
}

article section ul li.pnl01,
article section ul li.pnl04,
article section ul li.pnl07,
article section ul li.pnl08,
article section ul li.pnl10 {
	margin-left: 0;
}

article section ul li a {
	display: block;
	background-color: #fff;
	/*width: 221px;*/
}

article section ul li a:hover img {
	opacity: 0.8;
}

article section ul li a img{
	width: 100%;
	height: auto;
}
article section ul.bnr li {

	width: 100%;
	display: inline-block;
}
article section ul.bnr{
	width: 682px;
	width: 100%;
	margin: 0 0 -1em;
}
article section ul.bnr li a{
	/*width: 100%;*/
}
article section ul.bnr li.pnl07 a{
	width: 100%;
}
article section ul.bnr li.pnl08 ,article section ul.bnr li.pnl09 {
	width: 49.2%;
}


/* # footer
---------------------------------------------------------------------------- */




/* # clearfix
---------------------------------------------------------------------------- */
.cFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cFix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac */
* html .cFix {
	height: 1%;
}
.cFix {
	display: block;
}
/* End hide from IE-mac */


/* # common classes
---------------------------------------------------------------------------- */
#mqJudge {
	display: none;
}
.rhino-toggle, .rhino-btn, .disabled, .rhino-play {
	display: none !important;
}

#adv {
	height: 0;
	font-size: 0;
	display: none;
}

#adv img {
	height: 0;
	font-size: 0;
	display: none;
}

/* # overlide
---------------------------------------------------------------------------- */
.pcNav-social{
	display: none;
}

.sp-socialNav{
	display: none;
}

div.miniNav-social{
	width: 84%;
	margin: 0 auto;
}

div.miniNav-social p{
	color: #d80c18;
	font-size: 18px;
	font-family: Helvecica;
	font-weight: 700;
	text-align: center;
	margin: 16px 100px 0px;
	padding-bottom: 6px;
	border-bottom: 1px solid;
}

div.miniNav-social ul.social-nav{
	margin: 0px auto;
	width: 74%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/* -webkit-box-pack: justify; */
	-ms-flex-pack: justify;
	/* -webkit-justify-content: space-between; */
	/* justify-content: space-between; */
}

div.miniNav-social ul.social-nav li{
	margin: 14px;
}

div.miniNav-social ul.social-nav li a {
	display:block;
}

div.miniNav-social ul.social-nav li a img{
	width: 100%;
	margin-left: 2px;
}

body.top div#allWrap div#content div.miniNav-social ul.social-btn a:hover li img {
	opacity: 0.8;
}