@charset "utf-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}



/* all
=================================================================== */
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;} 
/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hack */ 


.fwB{ font-weight: bold !important; }
.fz10{ font-size: 10px !important; }
.fz12{ font-size: 12px !important; }
.fz14{ font-size: 14px !important; }
.fz16{ font-size: 16px !important; }
.fz18{ font-size: 18px !important; }
.fz24{ font-size: 24px !important; }
.fz36{ font-size: 36px !important; }
.fz48{ font-size: 48px !important; }
.taC { text-align: center !important; }
.taL { text-align: left !important; }
.taR { text-align: right !important; }
.w40 { width: 40px !important; }
.w60 { width: 60px !important; }
.w120 { width: 120px !important; }
.w260 { width: 260px !important; }
.w300 { width: 300px !important; }
.w380 { width: 380px !important; }
.w500 { width: 500px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }

html { font-size: 14px; }
body {
	/*font-family: 'Open Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family: Calibri, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 300;
	line-height: 2em;
	text-align: left;
	word-break: normal;
	word-wrap: break-word;
	/*-webkit-font-smoothing: antialiased;*/
	color: #555;
	position: relative;
}

a,
a:link,
a:visited {
	color: #555;
	text-decoration: none;
}
a:hover {
	color: #1b82c8;
	opacity: .8;
}

img {vertical-align: bottom;}

p{
	line-height: 1.8;
}

.fixed{
	width: 100%;
	top: 0 !important;
	position: fixed !important;
	z-index: 10000;
}

.underconstraction{
	padding: 100px 0;
	text-align: center;
}

/* header
=================================================================== */
#headWrap{
	padding: 20px;
	text-align: center;
}

/* contents
=================================================================== */
.block.bg{ background: url(../img/bg/bg_net01.png) repeat; }

.btnWrap{
	margin: 20px auto;
	text-align: center;
}

.btn,
a.btn{
	margin-bottom: 1px;
	padding: 10px 20px;
	color: #fff;
	background: #1b82c8;
	border: none;
	display: inline-block;
}
.btn:hover,
a.btn:hover{
	color: #fff;
	cursor: pointer;
}
.btn.gray,
a.btn.bray{
	background: #999999;
}

a.zoom .zoomTarget img{
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out;
}
a.zoom:hover .zoomTarget img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
a.zoom .zoomTarget.pic{ overflow: hidden; }

#notfound{
	padding: 100px 0;
	text-align: center;
}

.caution{
	color: #cc0000;
	font-weight: bold;
}

/* sideBar
=================================================================== */

/* footer
=================================================================== */
i.border{
	padding: 3px 3px 1px 3px;
	font-size: 10px;
	line-height: 1;
	color: #1b82c8;
	border-radius: 2px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
#footSocial{
	display: inline;
}
#footSocial li{
	display: inline-block;
}
#footSocial .facebook a,
#footSocial .twitter a,
#footSocial .googleplus a,
#footSocial .youtube a{
	width: 20px;
	height: 20px;
	padding: 5px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	color: #ffffff;
	border-radius: 50px;
	display: inline-block;
}
#footSocial .facebook a{ background: #104d8b; }
#footSocial .twitter a{ background: #0092bb; }
#footSocial .googleplus a{ background: #e71825; }
#footSocial .youtube a{ background: #e71825; }
#copy{
	color: #999999;
	display: inline-block;
}

/* 納品前に調整 */
@font-face {
	font-family: 'takarabelmont';
	src:url('../fonts/takarabelmont.eot?gls4wr');
	src:url('../fonts/takarabelmont.eot?gls4wr#iefix') format('embedded-opentype'),
		url('../fonts/takarabelmont.ttf?gls4wr') format('truetype'),
		url('../fonts/takarabelmont.woff?gls4wr') format('woff'),
		url('../fonts/takarabelmont.svg?gls4wr#takarabelmont') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'takarabelmont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-globe:before {
	content: "\e900";
}
.icon-mail:before {
	content: "\e901";
}
.icon-window:before {
	content: "\e902";
}
.icon-chevron-left:before {
	content: "\f053";
}
.icon-chevron-right:before {
	content: "\f054";
}
.icon-plus:before {
	content: "\f067";
}
.icon-minus:before {
	content: "\f068";
}
.icon-chevron-up:before {
	content: "\f077";
}
.icon-chevron-down:before {
	content: "\f078";
}
.icon-twitter:before {
	content: "\f099";
}
.icon-facebook:before {
	content: "\f09a";
}
.icon-menu:before {
	content: "\f0c9";
}
.icon-googleplus:before {
	content: "\f0d5";
}
.icon-angle-right:before {
	content: "\f105";
}
.icon-youtube:before {
	content: "\f167";
}