@charset "utf-8";
/*===========================================
reset.css
===========================================*/

v\:line, v\:rect, v\:fill, v\:image, v\:stroke{ behavior: url(#default#VML); }

/*--------------------------------------------
  HTML5 Reset ::style.css
  -------------------------
  We have learned much from/been inspired by/taken code where offered from:
  Eric Meyer:http://ericmeyer.com
  HTML5 Doctor:http://html5doctor.com
  and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/

/* Let's default this puppy out
--------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/*
img,
object,
embed{max-width:100%;}
.ie8 img,
.ie8 object,
.ie8 embed{width:auto;}
*/
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none;}
a{margin:0; padding:0;  vertical-align:baseline; background:transparent;outline:none;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
th{font-weight:bold; vertical-align:top;}
td{font-weight:normal; vertical-align:top;}
hr{display:block; height:1px; border:0; border-top:1px solid #999; margin:1em 0; padding:0;}
input, select{vertical-align:top;}
pre{
  white-space:pre; /* CSS2 */
  white-space:pre-wrap; /* CSS 2.1 */
  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap:break-word; /* IE */
}
input[type="radio"]{vertical-align:middle;}
input[type="checkbox"]{vertical-align:middle; *vertical-align:baseline;}
select, input, textarea{font:99% sans-serif;}
table{font:100%;}
a:hover, a:active{outline:none;}
small{}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;}
sub, sup{line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
button{cursor:pointer;}
button, input, select, textarea{margin:0;}
button{width:auto; overflow:visible;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{vertical-align:bottom;max-width: 100%;}



/* -------------------------------------------------- */
/* Contents common */
/* -------------------------------------------------- */
.in_right {
	text-align: right;
}
.in_left {
	text-align: left;
}
.in_center {
	text-align: center;
}
.in_top {
	vertical-align: top;
}
.in_middle {
	vertical-align: middle;
}
.in_bottom {
	vertical-align: bottom;
}
.ma_center {
	margin-right: auto;
	margin-left: auto;
}

.ma_bt0 {
	margin-bottom: 0px;
}
.ma_bt5 {
	margin-bottom: 5px;
}
.ma_bt10 {
	margin-bottom: 10px;
}
.ma_bt15 {
	margin-bottom: 15px;
}
.ma_bt20 {
	margin-bottom: 20px;
}
.ma_bt25 {
	margin-bottom: 25px;
}
.ma_bt30 {
	margin-bottom: 30px;
}
.ma_r5 {
	margin-right: 5px;
}
.ma_r10 {
	margin-right: 10px;
}
.ma_r15 {
	margin-right: 15px;
}
.ma_r20 {
	margin-right: 20px;
}
.ma_l5 {
	margin-left: 5px;
}
.ma_l10 {
	margin-left: 10px;
}
.ma_l15 {
	margin-left: 15px;
}
.ma_l20 {
	margin-left: 20px;
}
.ind_10 {
	padding-left: 10px;
}
.ind_15 {
	padding-left: 15px;
}
.ind_20 {
	padding-left: 20px;
}
.ind_25 {
	padding-left: 25px;
}
.ind_30 {
	padding-left: 30px;
}

/* 追加 */
.col-main-content .ma_bt0{
	margin-bottom: 0px;
}
.col-main-content .ma_bt5 {
	margin-bottom: 5px;
}
.col-main-content .ma_bt10 {
	margin-bottom: 10px;
}
.col-main-content .ma_bt15 {
	margin-bottom: 15px;
}
.col-main-content .ma_bt20 {
	margin-bottom: 20px;
}
.col-main-content .ma_bt25 {
	margin-bottom: 25px;
}
.col-main-content .ma_bt30 {
	margin-bottom: 30px;
}
.col-main-content .ma_r5 {
	margin-right: 5px;
}
.col-main-content .ma_r10 {
	margin-right: 10px;
}
.col-main-content .ma_r15 {
	margin-right: 15px;
}
.col-main-content .ma_r20 {
	margin-right: 20px;
}
.col-main-content .ma_l5 {
	margin-left: 5px;
}
.col-main-content .ma_l10 {
	margin-left: 10px;
}
.col-main-content .ma_l15 {
	margin-left: 15px;
}
.col-main-content .ma_l20 {
	margin-left: 20px;
}
.col-main-content .ind_10 {
	padding-left: 10px;
}
.col-main-content .ind_15 {
	padding-left: 15px;
}
.col-main-content .ind_20 {
	padding-left: 20px;
}
.col-main-content .ind_25 {
	padding-left: 25px;
}
.col-main-content .ind_30 {
	padding-left: 30px;
}

/* -------------------------------------------------- */
/* Contents link style */
/* -------------------------------------------------- */
a.l_roll {
	display: block;
}
a.l_roll:hover {
	background-color: #FFFFFF;
}
a.l_roll:hover img {
	visibility: hidden;
}
a.l_line img {
	border: 1px dashed #FFFFFF;
}
a.l_line:hover img {
	border: 1px solid #027AC6;
	padding: -1px;
}
a.l_gray:link {
	color: #909090;
	text-decoration: underline;
}
a.l_gray:visited {
	color: #909090;
	text-decoration: underline;
}
a.l_gray:hover {
	color: #FF9933;
	text-decoration: underline;
}
a.l_gray:active {
	color: #FF9933;
	text-decoration: underline;
}
.link_normal {
	background: url(/common/img/icon_link.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_normal2 {
	background: url(/common/img/icon_link.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 18px;
}
.link_anchor {
	background: url(/common/img/icon_anchor.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_pdf {
	background: url(/common/img/icon_pdf.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_plus {
	background: url(/common/img/icon_plus.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_minus {
	background: url(/common/img/icon_minus.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_excel {
	background: url(/common/img/icon_excel.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_blank {
	background: url(/common/img/icon_blank.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_blank2 {
	background: url(/common/img/icon_blank.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 18px;
}
.link_twitter {
	background: url(/common/img/icon_twitter.gif) no-repeat left 2px;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.link_up {
	background: url(/common/img/icon_up.gif) no-repeat left center;
	display: inline-block;
	padding: 0px 0px 0px 16px;
}
.link_close {
	background: url(/common/img/icon_close.gif) no-repeat left center;
	display: inline-block;
	padding: 0px 0px 0px 16px;
}
/* -------------------------------------------------- */
/* Contents text style */
/* -------------------------------------------------- */
.t_red {
	color: #B00004;
}
.t_blue {
	color: #0062B0;
}
.t_light_blue {
	color: #027AC6;
}
.t_gray {
	color: #909090;
}
.t_dark_gray {
	color: #555555;
}
.t_white {
	color: #FFFFFF;
}
.t_small {
	font-size: 11px;
	line-height: 150%;
}
.catalog_header .t_small{
  font-size: 12px;
  line-height: 150%;
}
.t_normal {
	font-size: 12px;
	color: #424242;
	line-height: 180%;
}
.t_line {
	text-decoration: underline;
}
.note_indent {
	text-indent: -1em;
	margin-left: 1em;
}
.list_number li {
	list-style: decimal;
	margin: 0px 0px 0px 3em;
}
.list_number_table li {
	list-style: decimal;
	margin: 0px 0px 0px 1em;
}
.list_disc li {
	list-style: disc;
	margin: 0px 0px 0px 1.5em;
}
.list_disc_table li {
	list-style: disc;
	margin: 0px 0px 0px 0.8em;
}
.list_circle li {
	list-style: circle;
	margin: 0px 0px 0px 1.5em;
}
/* -------------------------------------------------- */
/* Contents table style */
/* -------------------------------------------------- */
.td_blue {
	background: #EDF5FA;
}
.td_blue02 {
	background: #D3E7F4;
}
.td_gray {
	background: #F4F4F4;
}
.td_nowrap {
	white-space: nowrap;
}
/* -------------------------------------------------- */
/* Contents mark style */
/* -------------------------------------------------- */
.mark_eco {
	background: url(/common/img/icon_eco.gif) no-repeat 2px 2px;
	display: inline-block;
	padding: 0px 0px 0px 19px;
}
.mark_eco02 {
	background: url(/common/img/icon_eco02.gif) no-repeat 2px 1px;
	display: inline-block;
	padding: 0px 0px 0px 49px;
}
.mark_eco03 {
	background: url(/common/img/icon_eco03.gif) no-repeat 2px 1px;
	display: inline-block;
	padding: 0px 0px 0px 28px;
}

.mark_snowflake {
	background: url(/common/img/icon_snowflake.gif) no-repeat 2px 3px;
	display: inline-block;
	padding: 18px 0px 0px 50px;
}


/* -------------------------------------------------- */
/* Contents link style */
/* -------------------------------------------------- */
.note_indent {
	text-indent: -1em;
	margin-left: 1em;
}