@charset "UTF-8";

@font-face {
    font-family: 'db_helvethaica';
   src: url('../fonts/db_helvethaica.eot');
    src: url('../fonts/db_helvethaica.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica.woff2') format('woff2'),
         url('../fonts/db_helvethaica.woff') format('woff'),
         url('../fonts/db_helvethaica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	letter-spacing: 1px;
}

/* =Layout
-------------------------------------------------------------- */
#main{
	background: #FFFFFF;
}
#main,
.container{
	width: 960px;
	margin: 0 auto;
	font-family: 'db_helvethaica';
	font-size: 18px;
}
#content{ width: 605px; float: left; padding: 30px 0}
#sidebar{ width: 330px; float: right; padding: 30px 0}
#sidebar-products, #sidebar-guidebook{ width: 330px; float: left; padding: 30px 0; margin-right: 25px;}
/**General Setting
*****************************************/

html, body {
	height: 100%;
    width: 100%;
}
body{
	min-width: 1200px;
}
body {
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	background-color: #FFFFFF;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

/** Typography
*****************************************/

h1, h2, h3, h4, h5, h6 { 
	color: #333; 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	padding: 0;
	margin: 0;
	font-family: 'db_helvethaica';
}
.green{ color: #01602E;}
/** Link
*****************************************/
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/** Link
*****************************************/
a {
	color: #0A5F32;
	word-wrap: break-word;
	text-decoration: none;

}
a:hover{ opacity: 0.8;}

a:hover{ cursor: pointer; color: #7b7b7b; outline: 0; text-decoration: none; }
a:focus { cursor: pointer; color: #7b7b7b; outline: 0; text-decoration: none; }

/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/
/*　マージン調整　*/

.top-1 { margin-top:1px !important;}
.top-5 { margin-top:5px !important;}
.top-8 { margin-top:8px !important;}
.top-10 { margin-top:10px !important;}
.top-11 { margin-top:11px !important;}
.top-15 { margin-top:15px !important;}
.top-20 { margin-top:20px !important;}
.top-25 { margin-top:25px !important;}
.top-30 { margin-top:30px !important;}
.top-35 { margin-top:35px !important;}
.top-40 { margin-top:40px !important;}
.top-50 { margin-top:50px !important;}
.top-60 { margin-top:60px !important;}
.top-100 { margin-top:100px !important;}
.ntop-5 { margin-top: -5px !important;}

.bottom-0 { margin-bottom: 0px !important;}
.bottom-5 { margin-bottom: 5px !important;}
.bottom-8 { margin-bottom: 8px !important;}
.bottom-10 { margin-bottom: 10px !important;}
.bottom-13 { margin-bottom: 13px !important;}
.bottom-15 { margin-bottom: 15px !important;}
.bottom-20 { margin-bottom: 20px !important;}
.bottom-25 { margin-bottom: 25px !important;}
.bottom-30 { margin-bottom: 30px !important;}
.bottom-40 { margin-bottom: 40px !important;}
.bottom-50 { margin-bottom: 50px !important;}
.bottom-70 { margin-bottom: 70px !important;}
.bottom-80 { margin-bottom: 80px !important;}

.left-0 { margin-left: 0px !important;}
.left-1 { margin-left: 1px !important;}
.left-3 { margin-left: 3px !important;}
.left-5 { margin-left: 5px !important;}
.left-6 { margin-left: 6px !important;}
.left-7 { margin-left: 7px !important;}
.left-8 { margin-left: 8px !important;}
.left-10 { margin-left: 10px !important;}
.left-13 { margin-left: 13px !important;}
.left-14 { margin-left: 14px !important;}
.left-15 { margin-left: 15px !important;}
.left-18 { margin-left: 18px !important;}
.left-20 { margin-left: 20px !important;}
.left-25 { margin-left: 25px !important;}
.left-28 { margin-left: 28px !important;}
.left-30 { margin-left: 30px !important;}
.left-35 { margin-left: 35px !important;}
.left-40 { margin-left: 40px !important;}
.left-50 { margin-left: 50px !important;}

.right-0 { margin-right: 0px !important;}
.right-5 { margin-right: 5px !important;}
.right-8 { margin-right: 8px !important;}
.right-10 { margin-right: 10px !important;}
.right-15 { margin-right: 15px !important;}
.right-18 { margin-right: 18px !important;}
.right-20 { margin-right: 20px !important;}
.right-23 { margin-right: 23px !important;}
.right-25 { margin-right: 25px !important;}
.right-30 { margin-right: 30px !important;}
.right-40 { margin-right: 40px !important;}
.right-46 { margin-right: 46px !important;}
.right-50 { margin-right: 50px !important;}




/* 画像スタイル */
img { border: 0;}
.f-left { float: left;}
.f-right { float: right;}


/*　整列系　*/
.ta-center { text-align: center !important;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}


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


/*indent*/
.indent {
	text-indent: -1em;
	padding-left: 1em;
}


.last{
	margin-right: 0 !important;
}

/*クリア*/
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.clearfix{display: inline-table;}
 /* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
 /* End hide from IE-mac */

*:first-child+html .clearfix { /* IE7用 */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

/*  \*/
* html #layout{
	height: 1%;
}
/*  */


.clear{
	clear:both;
}


/* フッターのJSのスペース消し */
.footer-js-box {
	height: 1px;
	overflow: hidden;
}