@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.css
 Style : common
================================================================= */

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

		RESET CSS

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

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #333333;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 15px;
	line-height: 1.5;
}
table {
	table-layout: fixed;
}
table td img {
	max-width: 100% !important;
	height: auto !important;
}
pre {
	margin: 0;
	padding: 0;
	white-space: pre-line;
}
b,strong {
	font-weight: bold;
}
u {
	text-decoration: line-through;
}
img {
	max-width: 100%;
	height: auto !important;
}
small {
	font-size: 80%;
}
hr {
	border: none;
	height: 0;
	border-bottom: 1px dashed #B3B3B3;
}
span {
	font-weight: inherit;
}
.youtube iframe{
  width: 100%;
}
u {
	text-decoration: underline;
}

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

		Bxi Reset

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

/* sitemap */
.map {
	margin: 56px 20px 0;
}
.map li {
	border-left: 5px solid #CCCCCC;
	list-style: none;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	text-align: left;
}

/* policy */
.policy h2 {
	border-bottom: 2px solid #BBBBBB;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0 0 5px;
}
.policy p {
	margin: 0 0 20px;
}

/* input */
input[type="button"] {
	cursor: pointer;
	padding: 5px 10px;
}

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

		Layout Structure

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

.inner {
	margin: 0 auto;
	max-width: 960px;
}
#contents_wrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#contents {
	padding: 50px 0 150px;
}
.ColLeft {
	float: left;
}
.ColRight {
	float: right;
}


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

		Header

---------------------------------------------------------- */
header#global_header {
	clear: both;
	width: 100%;
	position: relative;
	z-index: 2;
}
#h1wrap {
	background: #3DBC6D;
	color: #FFFFFF;
}
#h1wrap h1, #h1wrap >div {
	font-size: 13px;
	margin: 0 auto;
	max-width: 960px;
	padding: 5px 0;
	text-align: left;
}
#headerinner {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
}
#logo {
	float: left;
}
#mainArea {
	position: relative;
	z-index: 1;
}
#gnavi{
	float: right;
	margin-top: 30px;
}
#gnavi ul li{
	float: left;
	border-right: 1px solid #000 !important;
	position: relative;
}
#gnavi ul li:nth-of-type(4){
	border-right: none !important;	
}
#gnavi ul li a{
	color: #000 !important;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 0 20px;
}
#gnavi ul li ul{
	position: absolute;
	top: 23px;
	left: 0;
	float: none;
	z-index: 1000;
}
#gnavi ul li ul li{
	border-right: none !important;
	width: 200px;
}
#gnavi ul li ul li a{
	display: block;
	color: #3dbc6d !important;
	background: #fff;
	line-height: 30px;
	padding-top: 5px;
	border-top: 1px solid #3dbc6d;
	border-left: 1px solid #3dbc6d;
	border-right: 1px solid #3dbc6d;
}
#gnavi ul li ul li:last-child{
	border-bottom: 1px solid #3dbc6d;
}
@media screen and (max-width: 768px){
	#h1wrap h1 {
		padding: 5px 20px;
	}
	#logo {
		float: none;
		text-align: center;
	}
}
@media screen and (max-width: 768px){
	#h1wrap h1 {
		padding: 5px 10px;
	}
}

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

		Footer

---------------------------------------------------------- */
footer#global_footer {
	border-top: 3px solid #3DBC6D;
	font-size: 13px;
	position: relative;
	width: 100%;
	z-index: 3;
}
footer#global_footer a {
	color: #333333;
	text-decoration: none;
}
footer#global_footer a:hover {
	text-decoration: underline;
}
#footerinner {
	padding-top: 30px;
	padding-bottom: 30px;
}
.flogo {
	font-size: 15px;
	font-weight: bold;
	margin-top: 25px;
}
#copyright {
	margin-top: 10px;
}
#pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

@media screen and (max-width: 568px){
	#footerinner .info {
		display: none;
	}
}


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

		Sidemenu

---------------------------------------------------------- */
#col_side1 {
	text-align: center;
}
.side_ttl {
	background: #52C7BF;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	padding: 10px 10px 10px 55px;
	position: relative;
	text-align: left;
}
.side_ttl:before {
	background: url(../images/common/notepad.png) no-repeat left top;
	content: "";
	display: block;
	height: 47px;
	width: 43px;
	position: absolute;
	top: -7px;
	left: 4px;
}
.side_menu {
	border: 1px solid #CCCCCC;
	border-top: none;
	margin: 0 0 30px;
	padding: 15px 15px 0;
}
.side_menu li {
	padding-bottom: 15px;
}
.side_menu li a {
	background: url(../images/common/icon_arrow_white.png) no-repeat right 10px center #4495D5;
	border-bottom: 3px solid #2170AF;
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	padding: 5px 30px 5px 15px;
	text-align: left;
	text-decoration: none;
}
.side_menu li.blue a {
	background: url(../images/common/icon_arrow_white.png) no-repeat right 10px center #4495D5;
	border-bottom: 3px solid #2170AF;
}
.side_menu li.red a {
	background: url(../images/common/icon_arrow_white.png) no-repeat right 10px center #F8735F;
	border-bottom: 3px solid #CE5947;
}
.side_menu li.yellow a {
	background: url(../images/common/icon_arrow_white.png) no-repeat right 10px center #EDC646;
	border-bottom: 3px solid #C3A43F;
}
.side_menu li.pink a {
	background: url(../images/common/icon_arrow_white.png) no-repeat right 10px center #F48FB3;
	border-bottom: 3px solid #BE5F81;
}
.side_menu li.purple a {
	background: url(../images/common/icon_arrow_white.png) no-repeat right 10px center #AA77C5;
	border-bottom: 3px solid #8856A2;
}
.side_menu li:hover {
	opacity: 0.7;
}
@media screen and (max-width: 768px){
	#main #col_main,
	#main #col_side1 {
		float: none;
		width: 100%;
	}
	#main #col_side1 {
		padding: 30px 0 0;
	}
}



@media screen and (max-width: 768px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */

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

		Layout Structure

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

.inner {
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}
#contents {
	padding: 30px 20px 100px;
}

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

		BXI reset

---------------------------------------------------------- */
.tb_tbl_block table td {
	display: block !important;
	width: 100% !important;
	min-width: 100% !important;
}

/* tablet END ###################################################### */
}
@media screen and (max-width: 568px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */

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

		Layout Structure

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

body {
	font-size: 15px;
}
#contents {
	padding: 20px 10px;
}
#col_main {
	padding-bottom: 20px;
	text-align: left;
}
.spnone {
	display: none;
}
.inner {
	padding: 0 10px;
}
.ColLeft,
.ColRight {
	float: none;
	width: 100% !important;
}

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

		BXI reset

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

.tbl_scroll table {
	width: auto !important;
}
.tbl_block td {
	width: 100% !important;
	margin-top: -1px;
}
.style_form th,
.style_form td {
	margin-top: -1px;
}

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

		Shop style

---------------------------------------------------------- */
.sort_catalog {
	margin: 0 !important;
	width: auto !important;
}
.sort_catalog_box {
	padding: 0 !important;
	margin: 0 0 30px !important;
	width: 100% !important;
}


/* smartphone END ################################################## */
}


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

		COMMON COSTOM STYLE

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

/* text-align */
.taR { text-align: right; } .taC { text-align: center; }

/* font-weight */
.fwn{font-weight:normal !important;}.fwb{font-weight:bold !important;}

/* margin */
.mgAuto{margin:0 auto !important;}

/* table td padding */
.tdpd0 td{padding:0 !important;}.tdpd05 td{padding:5px !important;}.tdpd10 td{padding:10px !important;}.tdpd15 td{padding:15px !important;}.tdpd20 td{padding:20px !important;}.tdpd25 td{padding:25px !important;}.tdpd30 td{padding:30px !important;}.tdpd35 td{padding:35px !important;}.tdpd40 td{padding:40px !important;}.tdpd45 td{padding:45px !important;}.tdpd50 td{padding:50px !important;}
td.pdT10 {	padding-top: 10px !important; }

/* font-family */
.mincho {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* line-height */
.lh0 { line-height: 0; }