@charset "UTF-8";

/* ---------------------------------------------------
   File: common.css
   Version: 1.0.0
   Update: 2014-01-10
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */






/* ===========================================================================
   Common */


* {
	margin: 0;
	padding: 0;
}
body {
	color: #111;
	font-size: 0.9em;
	line-height: 1.6em;
	background: url(../img_common/bg_body.gif) 0 0 repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}
ul,
ol {
	list-style: none;
}
a {
	color: #009245;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}


/* Font */
.txt_s	{ font-size: 0.7em;}
.txt_m	{ font-size: 0.85em;}
.bold		{ font-weight: bold;}


/* Text */
.txt_l	{ text-align: left;}
.txt_r	{ text-align: right;}
.txt_c	{ text-align: center;}


/* Image */
img			{	border: none;}
.img_l	{ float: left;}
.img_r	{ float: right;}


/* IEPNG FIX */
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/* Space */
.pddTop10		{ padding-top: 10px;}




/* ===========================================================================
   Page Layout */


div#wrapper {
	margin: 0 auto;
}
div.row {
	width: 1000px;
	margin: 0 auto;
}
header {
	width: 1000px;
	margin: 20px auto;
}
#footer_area {
	color: #FFF;
}
#footerBox {	
	background: #8bba49;
	padding: 20px 0;
}
#footerInfoBox {
	width: 540px;
	border-right: #A2C86D 1px solid;
	float: left;
}






/* ===========================================================================
   Header */


/* --------------------------------------------------
   LOGO
-------------------------------------------------- */

#logo,
#logo a {
	width: 214px;
	height: 74px;
	display: block;
	overflow: hidden;
}
#logo	{
	padding-top: 25px;
	float: left;
}
#logo a {
	background: url(../img_common/logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#logo a:hover {
	background-position: 0 -74px;
}



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

nav#gnavi {
	width: 741px;
	height: 120px;
	background: url(../img_common/gnavi.gif) right top no-repeat;
	display: block;
	overflow: hidden;
	float: right;
}
nav#gnavi li,
nav#gnavi li a {
	width: 100px;
	height: 120px;
	display: block;
}
nav#gnavi li {
	margin-right: 6px;
	float: left;
}
nav#gnavi li#gnavi_entry	{
	margin-right: 0;
	float: right;
}
nav#gnavi li a {
	background: url(../img_common/gnavi.gif);
	text-indent: -9999px;
}
/* Nomal */
nav#gnavi li#gnavi_about a						{ background-position:      0      0;}
nav#gnavi li#gnavi_function a					{ background-position: -105px      0;}
nav#gnavi li#gnavi_price a						{ background-position: -210px      0;}
nav#gnavi li#gnavi_support a					{ background-position: -315px      0;}
nav#gnavi li#gnavi_voice a						{ background-position: -420px      0;}
nav#gnavi li#gnavi_distributor a { background-position: -525px
0;}
nav#gnavi li#gnavi_entry a						{ background-position: -636px      0;}
/* Over */
nav#gnavi li#gnavi_about a:hover			{ background-position:      0 -120px;}
nav#gnavi li#gnavi_function a:hover		{ background-position: -105px -120px;}
nav#gnavi li#gnavi_price a:hover			{ background-position: -210px -120px;}
nav#gnavi li#gnavi_support a:hover		{ background-position: -315px -120px;}
nav#gnavi li#gnavi_voice a:hover			{ background-position: -420px -120px;}
nav#gnavi li#gnavi_distributor a:hover { background-position: -525px -120px;}
nav#gnavi li#gnavi_entry a:hover			{ background-position: -636px -120px;}







/* ===========================================================================
   Contents */


/* --------------------------------------------------
   Page Title
-------------------------------------------------- */

h1#tit_page {
	width: 1000px;
	height: 57px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin: 50px auto 35px auto;
}

/* Title - Bar */
.tit_bar {
	border-left: #333 8px solid;
	padding-left: 5px;
	line-height: 1em;
}




/* ===========================================================================
   Footer */


/* --------------------------------------------------
   LOGO
-------------------------------------------------- */

#logo_footer,
#logo_footer img,
#logo_footer a {
	width: 207px;
	height: 72px;
	display: block;
}
#logo_footer {
	margin: 20px 0;
}


/* --------------------------------------------------
   Btn - Entry
-------------------------------------------------- */

p#btn_entry_z,
p#btn_entry_z a {
	width: 800px;
	height: 128px;
	display: block;
	overflow: hidden;
}
p#btn_entry_z {
	margin: 30px auto 80px auto;
}
p#btn_entry_z a {
	background: url(../img_common/btn_entry.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
p#btn_entry_z a:hover {
	background-position: 0 -128px;
}


/* --------------------------------------------------
   SNS
-------------------------------------------------- */

#snsBox {
	width: 500px;
}


/* --------------------------------------------------
   Page Top
-------------------------------------------------- */

#pageTop,
#pageTop a {
	width: 30px;
	height: 14px;
	display: block;
	overflow: hidden;
}
#pageTop {
	float: right;
}
#pageTop a {
	background: url(../img_common/btn_pagetop.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#pageTop a:hover {
	background-position: -30px 0;
}




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

nav#fnavi {
	width: 477px;
	height: 60px;
	display: block;
	overflow: hidden;
}
nav#fnavi li,
nav#fnavi li a {
	height: 30px;
	display: block;
	overflow: hidden;
}
nav#fnavi li {
	margin-right: 22px;
	float: left;
}
nav#fnavi li#fnavi_about, nav#fnavi li#fnavi_function, nav#fnavi li#fnavi_price, nav#fnavi li#fnavi_support {
margin-right: 32px; }
nav#fnavi li#fnavi_voice, nav#fnavi li#fnavi_top {
	margin-right: 0;
}
nav#fnavi li a {
	background: url(../img_common/fnavi.gif);
	text-indent: -9999px;
}
/* Nomal */
nav#fnavi li#fnavi_about a						{ width: 110px;	background-position:      0      0;}
nav#fnavi li#fnavi_function a					{ width:  65px;	background-position: -141px      0;}
nav#fnavi li#fnavi_price a						{ width:  65px;	background-position: -238px      0;}
nav#fnavi li#fnavi_support a					{ width:  35px;	background-position: -335px      0;}
nav#fnavi li#fnavi_voice a						{ width:  65px;	background-position: -402px      0;}
nav#fnavi li#fnavi_distributor a { width:  89px;	background-position: 0 -78px;}
nav#fnavi li#fnavi_company a					{ width:  65px;	background-position:      -112px -78px;}
nav#fnavi li#fnavi_privacy a					{ width: 155px;	background-position:  -200px  -78px;}
nav#fnavi li#fnavi_top a							{ width:  90px;	background-position: -377px  -78px;}
/* Over */
nav#fnavi li#fnavi_about a:hover			{ width: 110px;	background-position:      0  -30px;}
nav#fnavi li#fnavi_function a:hover		{ width:  65px;	background-position: -141px  -30px;}
nav#fnavi li#fnavi_price a:hover			{ width:  65px;	background-position: -238px  -30px;}
nav#fnavi li#fnavi_support a:hover		{ width:  35px;	background-position: -335px  -30px;}
nav#fnavi li#fnavi_voice a:hover			{ width:  65px;	background-position: -402px  -30px;}
nav#fnavi li#fnavi_distributor a:hover { width: 89px;background-position: 0 -108px;}
nav#fnavi li#fnavi_company a:hover		{ width:  65px;	background-position:      -112px -108px;}
nav#fnavi li#fnavi_privacy a:hover		{ width: 155px;	background-position:  -200px -108px;}
nav#fnavi li#fnavi_top a:hover				{ width:  90px;	background-position: -377px -108px;}



/* --------------------------------------------------
   Contact
-------------------------------------------------- */

#footerContactBox {
	width: 395px;
	height: 42px;
	background: url(../img_common/frame_contact.gif) 0 0 no-repeat;
	overflow: hidden;
	padding: 20px 35px;
	margin: 20px 0;
}

/* TEL */
#footerContactBox #footer_tel {
	width: 200px;
	height: 41px;
	background: url(../img_common/img_tel.gif) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* Mail */
#footerContactBox #footer_mail,
#footerContactBox #footer_mail img,
#footerContactBox #footer_mail a {
	width: 155px;
	height: 43px;
	display: block;
	overflow: hidden;
}
#footerContactBox #footer_mail {
	float: right;
}



/* --------------------------------------------------
   Copyright etc
-------------------------------------------------- */

#footerBox small {
	font-size: 0.75em;
	line-height: 1.4em;
	display: block;
	float: left;
}



/* --------------------------------------------------
   Facebook
-------------------------------------------------- */

#footerFacebookBox {
	width: 380px;
	height: 306px;
	background: url(../img_common/bg_facebook.gif) 0 0 no-repeat;
	padding: 10px;
	float: right;
}