body {
	color:#000;
	color:#333;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, sans-serif;
	font-size:14px;
	line-height:1.5;
	margin:0;
	padding:0;
}

a {
	color:#103BAB;
	text-decoration:none;
}

address {
	font-style:normal;
	padding:5px 15px;
	background:#F6F6F6;
}

dl.terms {
	
}

dl.terms dt {
	font-size:1.15em;
	font-weight:bold;
}

dl.terms dd {
	color:#666;
	margin:0 0 1.0em;
	padding:0 0 1.0em;
	border-bottom:1px dotted #CCC;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1;
	margin:0;
	padding:0;
}

img {
	border:none;
}

ul.horizontal {
	margin:0;
	padding:0;
	list-style:none;
}

ul.horizontal:after {
	content: " ";
    display: table;
	clear:both;
}

ul.horizontal > li {
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
}

.alignleft {
	text-align:left;
}

.aligncenter {
	text-align:center;
}

.alignright {
	text-align:right;
}
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.clearfix:after,
.cf:after {
    clear: both;
}
.clearfix,
.cf {
    *zoom: 1;
}

.floatleft {
	float:left;
}

.floatright {
	float: right ;
}

.hidden {
	display:none;
}

img.floatleft {
	margin-right:20px;
}

img.floatright {
	margin-left:20px;
}
.imgfloatright {
	float: right ;
	padding: 0;
	margin: 0 0 1.5em 1.5em ;
}

.colorRed {
	color:#C00;
}

.search-result {
	margin-bottom:25px;
	padding:10px;
	background:#F6F6F6;
}

.paging {
	margin:0 0 25px;
	padding:5px 10px;
	background:#F6F6F6;
}

.paging span {
	margin:0 10px;
	display:inline-block;
}

.paging span.disabled {
	display:none;
}

.paging span.current {
	color:#CCC;
	padding:5px 10px;
}

.paging span a {
	padding:5px 10px;
	display:block;
}

.paging span a:hover {
	opacity:0.5;
}
.small {
	font-size: 85.7% ;
}
/* staging-header */
#staging-header {
	color:#FFF;
	font-size:0.8em;
	text-align:center;
	width:100%;
	padding:5px;
	background:#333;
	border-bottom:1px solid #C00;
	border-top:1px solid #C00;
	position:fixed;
	bottom:0;
	z-index:9999;
}

#staging-header a {
	color:#FFF;
}
/* staging-header */

.page {
	
}



#slider {
	text-align:center;
	margin:0 auto;
	box-shadow:0 3px 3px -3px #000;
	background: #dce6fd;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #A6C0FF));
	background: -webkit-linear-gradient(#A6C0FF, #FFF);
	background: -moz-linear-gradient(#A6C0FF, #FFF);
	background: -o-linear-gradient(#A6C0FF, #FFF);
	background: -ms-linear-gradient(#A6C0FF, #FFF);
	background: linear-gradient(#A6C0FF, #FFF);
	-pie-background:linear-gradient(#A6C0FF, #FFF);
	behavior:url("/js/PIE.htc");
	position:relative;
	/*z-index:-2;*/
	
	height: 280px ;
	overflow: hidden ;
}

#slides {
	max-width:960px;
	margin:0 auto;
	/*z-index:-1 !important;*/
}

#slides a img {
	vertical-align:bottom;
}

#slides #progress {
	width:0;
	height:2px;
	background:#FFF;
	position:absolute;
	bottom:0;
	z-index:500;
	opacity:0.5;
}

#contents {
	width:960px;
	margin:20px auto 0;
}

.layout-single-column h1,
.layout-two-columns h1,
.parent-title {
	color:#0F3CAA;
	font-size:2.5em;
	font-weight:normal;
	letter-spacing:0.05em;
	margin:0.5em 0 1.0em;
}

.layout-single-column h2,
.layout-two-columns h2 {
	color:#0F3CAA;
	font-size: 1.75em;
	font-weight:normal;
	letter-spacing: 0.03em ;
	margin:0 0 1.0em;
	padding:0 0 7px;
	border-bottom:1px solid #CCC;
	line-height: 1.2 ;
}

.layout-two-columns .column-right h2 {
	margin:0 0 1.0em;
}

.layout-single-column h3,
.layout-two-columns h3 {
	color:#0F3CAA;
	font-size:1.25em;
	line-height: 1.2 ;
	margin:0 0 1.0em;
}

.layout-single-column h4,
.layout-two-columns .column-right h4 {
	color:#0F3CAA;
	font-size:1.25em;
	line-height: 1.2 ;
	margin:0 0 1.0em;
}

.layout-single-column h5,
.layout-two-columns .column-right h5 {
	font-size:1.0em;
	line-height: 1.2 ;
	margin:0 0 1.0em;
}

.layout-single-column table,
.layout-two-columns table {
	width:100%;
	border-collapse:collapse;
}

.layout-single-column table th,
.layout-two-columns table th,
.layout-single-column table td,
.layout-two-columns table td {
	padding:10px;
	border:1px solid #EEE;
}

.layout-single-column table th,
.layout-two-columns table th {
	background:#F6F6F6;
	padding:5px 10px;
}

.layout-single-column table td,
.layout-two-columns table td {
	
}

.layout-single-column table.flat,
.layout-two-columns table.flat {
	
}

.layout-single-column table.flat th,
.layout-single-column table.flat td,
.layout-two-columns table.flat th,
.layout-two-columns table.flat td {
	vertical-align:top;
	padding:0;
	background:none;
	border:none;
}

.layout-two-columns > .column-right {
	width:76%;
	float:right;
}

.layout-two-columns > .column-left {
	width:22%;
	float:left;
}

.layout-two-columns > .column-left nav,
#rightNav > nav {
	margin-bottom:1.5em;
	padding:20px 10px;
	border:1px solid #CCC;
}

.layout-two-columns > .column-left nav > ul,
#rightNav > nav > ul {
	margin:0;
	padding:0;
	list-style:none;
}

.layout-two-columns > .column-left nav > ul > li,
#rightNav > nav > ul > li {
	margin-bottom:2em;
}

.layout-two-columns > .column-left nav > ul > li:last-child,
#rightNav > nav > ul > li:last-child {
	margin-bottom:0;
}

.layout-two-columns > .column-left nav > ul > li > h4,
#rightNav > nav > ul > li > h4 {
	font-size:1.1em;
	margin:0 0 0.5em;
}

.layout-two-columns > .column-left nav > ul > li ul,
#rightNav > nav > ul > li > ul {
	padding-left:1.0em;
	list-style:url("/img/sidebar/arrow_grey.png");
}

.layout-two-columns > .column-left nav.product_categories > ul > li ul {
	list-style:url("/img/sidebar/arrow_blue.png");
}

.layout-two-columns > .column-left nav > ul > li ul > li,
#rightNav > nav > ul > li > ul > li {
	line-height: 1.3 ;
	margin-bottom:0.4em;
}

.layout-two-columns > .column-left nav > ul > li ul > li:last-child,
#rightNav > nav > ul > li > ul > li:last-child {
	margin-bottom:0;
}

.layout-two-columns > .column-left nav > ul > li ul > li > a,
#rightNav > nav > ul > li > ul > li > a {
	color:#333;
	display:block;
	padding: 0.1em 0 ;
}

.layout-two-columns > .column-left nav > ul > li ul > li.current > a,
.layout-two-columns > .column-left nav > ul > li ul > li > a:hover,
#rightNav > nav > ul > li > ul > li.current > a,
#rightNav > nav > ul > li > ul > li > a:hover {
	background:#AAD5FF;
}

.layout-two-columns > .column-left nav > ul > li > ul > li > ul {
	margin:10px 0;
	padding:0 0 0 15px;
}

.column-left .newstopics {
	margin-bottom:1.5em;
	padding:20px 10px;
	border:1px solid #CCC;
}

.column-left .newstopics h4 {
	font-size:1.1em;
	margin:0 0 0.5em;
}

.column-left .newstopics > ul {
	margin:0;
	padding:0;
	list-style:none;
}

.column-left .newstopics > ul > li {
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px dotted #CCC;
}

.column-left .newstopics > ul > li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.column-left .newstopics > ul > li > .date {
	font-size:0.85em;
	display:block;
}

.column-left .newstopics > ul > li > a {
	
}
.column-right > section {
	margin-bottom: 4em ;
}


.banners {
	text-align:center;
	border-top:1px solid #0F3CAA;
	margin:30px 0;
	padding:20px 0 0;
}

.banners > ul {
	margin:0;
	padding:0;
}

.banners > ul > li {
	width:220px;
	margin:0 10px 15px;
	float:left;
	list-style:none;
}

.banners > ul > li > a {
	line-height:1.0em;
	display:block;
}

.banners > ul > li > a > img {
/*	padding:1px;
	border:1px solid #CCC;
*/
	background:#FFF;
}

.banners > ul > li > a:hover {
	text-decoration:underline;
}

.banners > ul > li > a:hover > img {
/*	border:1px solid #0F3CAA; */
}
/*
nav.sub {
	width:100%;
	margin:0 0 10px;
	border-radius:5px;
}

nav.sub > ul {
	width:100%;
	margin:0;
	padding:0;
	display:table;
	border-radius:5px;
	box-shadow:0 2px 2px -2px #000;
}

nav.sub > ul > li {
	font-size:1.1em;
	line-height:1.0em;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #FFF;
	border-right-color:#CCC;
	border-left:none;
	display:table-cell;
}

nav.sub > ul > li > a {
	color:#111;
	line-height:1.2em;
	text-decoration:none;
	vertical-align:middle;
	padding:0 10px;
	display:block;
	background:#EEE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #eee);
	background: -moz-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
	-pie-background:linear-gradient(#FFF, #EEE);
	behavior:url("/js/PIE.htc");
	position:relative;
	min-width: 2em ;
}

nav.sub > ul > li > a:hover {
	color:#999;
}

nav.sub > ul > li > a:active {
	background:#EEE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #EEE));
	background: -webkit-linear-gradient(#EEE, #FFF);
	background: -moz-linear-gradient(#EEE, #FFF);
	background: -o-linear-gradient(#EEE, #FFF);
	background: -ms-linear-gradient(#EEE, #FFF);
	background: linear-gradient(#EEE, #FFF);
	-pie-background:linear-gradient(#EEE, #FFF);
	behavior:url("/js/PIE.htc");
}
*/
.textbutton a {
	background:#f6f8fc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #ebf0f8));
	background: -webkit-linear-gradient(#ffffff, #ebf0f8);
	background: -moz-linear-gradient(#ffffff, #ebf0f8);
	background: -o-linear-gradient(#ffffff, #ebf0f8);
	background: -ms-linear-gradient(#ffffff, #ebf0f8);
	background: linear-gradient(#ffffff, #ebf0f8);
	-pie-background: linear-gradient(#ffffff, #ebf0f8);
	behavior:url("/js/PIE.htc");

	box-shadow: 1px 1px 1px #d3d8df;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	border: 1px solid #cccccc ;
	border-radius: 3px;
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	color: #595959 ;


	display: inline-block ;
	font-weight: bold ;
	padding: 0.5em 1.5em 0.5em 2em ;
	text-align: left ;
	vertical-align: middle ;
}
.textbutton a:hover {
	background:#f6f8fc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeff8), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#eaeff8, #fff);
	background: -moz-linear-gradient(#eaeff8, #fff);
	background: -o-linear-gradient(#eaeff8, #fff);
	background: -ms-linear-gradient(#eaeff8, #fff);
	background: linear-gradient(#eaeff8, #fff);
	-pie-background: linear-gradient(#eaeff8, #fff);
	behavior:url("/js/PIE.htc");
	color: #0f3caa ;
}
.textbutton a > span {
	background: url(/img/common/arw_textbutton.gif) no-repeat 0em 0.3em;
	display: inline-block ;
	height: 0 ;
	margin-left: -1em ;
	padding-top: 1em ;
	overflow: hidden ;
}
.arwUp {
	width:0;
	height:0;
	border: 0.4em solid transparent;
	border-bottom-color: #0f3caa;
	display: inline-block ;
	line-height: 1em ;
	position: relative;
	top: 0.4em;
}
.dot-list {
	margin: 0 ;
	padding: 0 ;
}
.dot-list li {
	margin: 0 0 0.25em 1.8em ;
	padding: 0 ;
}
.bnr-three-list {
	margin: 1em 0 3em ;
}
.bnr-three-list h2 {
	border-bottom: none ;
    color: #0f3caa;
    font-size: 1.75em;
    font-weight: normal;
	margin-bottom: 0.5em ;
	padding-bottom: 0 ;
	
}
.bnr-three-list ul {
	width: 103% ;
	margin: 0 ;
	padding: 0 ;
}
.bnr-three-list li {
	display: inline-block ;
	list-style: none ;
	width: 33.1% ;
}
.bnr-three-list li a {
	display: block ;
	width: 95% ;
}
.bnr-three-list li a img {
	max-width: 100% ;
}

/* カタログ表示
---------- */
.brochures-container > ul {
	margin:0;
	padding:0;
	list-style:none;
}

.brochures-container > ul > li {
	text-align:center;
	width:50%;
	margin:0 0 15px;
	list-style:none !important;
	float:left;
}

.brochures-container > ul > li > a {
	text-align:left;
	padding:10px;
	display:block;
}

.brochures-container > ul > li > a:hover {
	background:#EEE;
}

.brochures-container > ul > li > a > img {
	max-width:180px;
	max-height:100px;
	margin-right:15px;
	border:1px solid #CCC;
	float:left;
}

.brochures-container > ul > li > a:after {
	content:" ";
	display:table;
	clear:both;
}