@charset "utf-8";

/* 
	RESET - ADAPTED FROM MEYER RESET
	URL - http://meyerweb.com/eric/tools/css/reset/
	LICENSE - PUBLIC DOMAIN
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; 
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
	display: block; 
}
								  
ol, ul { 
	list-style: none; 
}
blockquote, q {
	quotes: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* 
 * ------------------------------------------------------------
 * �X�^�C��
 * ------------------------------------------------------------
 */

body {
	font-family: '���C���I', 'Meiryo', "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "�l�r �o�S�V�b�N", Osaka, sans-serif;
	color: #333;
	line-height:1.7;
	background:#ddddda;
}

.main {
	width:831px;
	margin: 0 auto 50px auto;
}

.contents {
	background:#fff;
}

.contents-pad {
	padding:10px 40px 40px 40px;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.clearfix {
	zoom:1;
}

.left {
	float:left;
	width:400px;
}


.right {
	float:right;
	width:300px;
}

.face-fig {
	width:95px;
	float:left;
}

.face-txt {
	float:right;
	width:290px;
}

.border-btm {
	border-bottom: 1px solid #333;
}

strong {
	font-weight: bolder;
}

.large-text {
	font-size:16px;
}

.middle-text {
	font-size:14px;
}

.small-text {
	font-size:12px;
}

li {
	float: left;
}

.btns {
	margin-left:-4px;
	margin-right:-4px;
}

.btns li {
	margin-left:4px;
	margin-right:4px;
}

.carousel-ctrl {
	margin-left:-4px;
	margin-right:-4px;
}

.carousel-ctrl li {
	margin-left:4px;
	margin-right:4px;
	width:69px;
	cursor:pointer;
}

.carousel-ctrl li img {
	width:100%;
	height:auto;
}

.slick-dots {
	height:0;
	overflow:hidden;
}

.fa {
	transition:0.25s;
}

.fa:hover {
	opacity:0.75;
}

.footer {
	padding-top: 20px;
}

.footer ul {
	float: left;
	border-left: 1px solid #aaa;
}

.footer ul li {
	padding-left:5px;
	padding-right:5px;
	border-right: 1px solid #aaa;
}

.footer a {
	color: #333;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

.footer p {
	float: right;
}


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

.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.pb25 {
	padding-bottom: 25px;
}
ul.contact {
	display:block;
	overflow:hidden;
	list-style-type:none;
	margin:0;
	padding:0 0 20px;
	font-size:13px;
	line-height:1.3;
}
ul.contact li {
	display:block;
	clear:both;
	padding:0 0 0.5em 1em;
	text-indent:-1em;
}



.maker_area {
	position:relative;
}
.maker_area .soon {
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;
	background:url(../img/comingsoon_tx.png) no-repeat center center;
}