@charset utf-8;

* {
	margin:0;
	padding:0;
	border:0;
}

body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	font-size:95%;
	line-height:160%;
	-webkit-text-size-adjust:none;
	color:#333;
}


.clear {clear:both;}

/*
ul {
	margin:0 auto;
	overflow:hidden;
	list-style:none;
}
*/

ol,
ul{
	list-style:none;
}
img {
	border:none;
	vertical-align:top;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	color:#693;
	text-decoration:underline;
}
a:hover {
	color:#693;
	text-decoration:none;
}


/*　汎用
------------------------------------------------------------------*/
.fs0 {
	font-weight:normal;
	line-height:normal;
	font-size:100%;
}
.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs95 {font-size:95%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}
.fs140 {font-size:140%;}

.bold{ font-weight:bold;}


.left {float:left;}
.right {float:right;}


.f-left {
	float:left;
	width:49%;
	}
	
.f-right {
	float:right;
	width:49%;
}

.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.ln {line-height:normal;}

.w80 {width:80%;}

.kome{
	text-indent:-1em;
	margin-left:1em;
}

.img30 img {width:30%;height:auto;}
.img50 img {width:50%;height:auto;}
.img80 img {width:80%;height:auto;}
.img100 img {width:100%;	height:auto;}


/* margin-padding
----------------------------------------------------------*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt31 {margin-top:31px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:15px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr17 {margin-right:17px;}
.mr20 {margin-right:20px;}
.mr24 {margin-right:24px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr100 {margin-right:100px;}

.ml26 {margin-left:26px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}
.ml150 {margin-left:150px;}
.ml200 {margin-left:200px;}
.ml240 {margin-left:240px;}
.ml300 {margin-left:300px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt60 {padding-top:60px;}



.pl3 {padding-left:3px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}

.pl65 {padding-left:65px;}

.pd10 {padding:10px;}
.pb30 {padding-bottom:30px;}

.mb05e {margin-bottom:0.5em;}



/*　カラー
------------------------------------------------------------------*/
.red {color:#c33;}
.green {color:#4e8b17;}
.pink {color:#e56847;}

/*　list
------------------------------------------------------------------*/
.list_ul{
	list-style:disc;
	margin-left:20px;
}
.list_ol{
	list-style:decimal;
	margin-left:25px;
}

/*　btn
------------------------------------------------------------------*/
.text_link a {
	background: -moz-linear-gradient(top,#6fba2c 0%,#559d15);
	background: -webkit-gradient(linear, left top, left bottom, from(#6fba2c), to(#559d15));
	border: 1px solid #529118;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-weight:bold;
	height:42px;
	line-height:42px;
	display:block;
	zoom:1;
	padding:0 10px;
	color:#fff;
	text-decoration:none;
}
.text_link a:hover{
	background: -moz-linear-gradient(top,#8dcd54 0%,#559d15);
	background: -webkit-gradient(linear, left top, left bottom, from(#8dcd54), to(#559d15));
	border: 1px solid #529118;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-weight:bold;
	height:42px;
	line-height:42px;
	display:block;
	zoom:1;
}


.text_link2 a {
	background: -moz-linear-gradient(top,#fff 0%,#dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dddddd));
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;
	height:42px;
	line-height:42px;
	display:block;
	zoom:1;
	padding:0 10px;
	color:#333;
	text-decoration:none;
}
.text_link2 a:hover{
	background: -moz-linear-gradient(top,#fff 0%,#cecece);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cecece));
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;
	height:42px;
	line-height:42px;
	display:block;
	zoom:1;
}


/*　table
------------------------------------------------------------------*/
.table1{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.table1 th,.table1 td{
	padding:4px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.table1 th{
	background-color:#efefef;
	font-weight:normal;
	text-align:left;
}


.nw{
	width:1%;
	white-space:nowrap;
}

/*　mawarikomi
------------------------------------------------------------------*/
.mawarikomi_l .image{	
	float:left;
	margin-right:20px;
	width:45%;
}
.mawarikomi_l .image img{
	width:100%;
	height:auto;
	padding:4px;
	border-collapse:collapse;
	border:1px solid #ccc;
	background-color:#fff;
}

.mawarikomi_l .text{
	overflow:hidden;
	zoom:1;
}

/*　actionbar
------------------------------------------------------------------*/
#actionbar {
	height:45px;
	line-height:45px;
	font-family:HiraKakuProN-W6;
	font-size:13px;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: -moz-linear-gradient(top,#003e84 0%,#205288);
	background: -webkit-gradient(linear, left top, left bottom, from(#003e84), to(#205288));
}
#actionbar ul li {
	list-style:none;
	line-height:normal;
}
#actionbar .home{
	float:left;
	width:33%;
	display:block;
	border-right: 1px solid #fff;
}
#actionbar .menu{
	float:left;
	width:33%;
	display:block;
	border-right: 1px solid #fff;
}
#actionbar .pc{
	float:left;
	width:33%;
	display:block;
}

#actionbar .home img{
	vertical-align:middle;
	padding-right:3px;
}

#actionbar .menu img,
#actionbar .pc img{
	vertical-align:middle;
	padding-right:7px;
}
#actionbar ul li a {
	height:25px;
	display:block;
	text-decoration:none;
	color: #fff;
	padding:10px 0;
	text-shadow:0 -1px 0 rgba(0,0,0,.8);
}

/*　headder
------------------------------------------------------------------*/
#header {
	padding:7px 10px;
}
h1{
	width:73%;
	float:left;
	padding-top:3px;
}
#header .btn_tel{
	width:24%;
	float:right;
}
h1 img,
#header .btn_tel img{
	width:100%;
	height:auto;
}




/* midashi
----------------------------------------------------------*/
h2 {font-size:140%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:100%;}


/* ----------------------------------------
  見出し共通
---------------------------------------- */
.midashi1{
	padding:10px 10px;
	line-height:140%;
	color:#fff;
	background-color:#003e84;
}

/* 01-index
----------------------------------------------------------*/
.top_navi {margin-bottom:10px;}
.top_navi li {margin-bottom:5px;}
.top_navi li a {
	background: -moz-linear-gradient(top,#2e6199 0%,#205288);
	background: -webkit-gradient(linear, left top, left bottom, from(#2e6199), to(#205288));
	border: 1px solid #2e6199;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-weight:bold;
	font-size:110%;
	height:42px;
	line-height:42px;
	display:block;
	zoom:1;
	padding:0 10px;
	color:#fff;
	text-decoration:none;
}
.top_navi li a:hover{
	background: -moz-linear-gradient(top,#6699cc 0%,#5289bf);
	background: -webkit-gradient(linear, left top, left bottom, from(#6699cc), to(#5289bf));
	border: 1px solid #5289bf;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-weight:bold;
	height:42px;
	line-height:42px;
	display:block;
	zoom:1;
}

.top-contents1{
	background: -moz-linear-gradient(top,#191919 0%,#3c3c3c);
	background: -webkit-gradient(linear, left top, left bottom, from(#191919), to(#3c3c3c));
	border: 1px solid #3c3c3c;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding:10px;
	margin-bottom:20px;
	color:#fff;
}


.top-contents2{
	background: -moz-linear-gradient(top,#208dc3 0%,#1e98b9);
	background: -webkit-gradient(linear, left top, left bottom, from(#208dc3), to(#1e98b9));
	border: 1px solid #1d85b8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding:10px;
	margin-bottom:20px;
	color:#fff;
}

/* NEWS------- */

.news_box{
	border-bottom:1px solid #ccc;
	padding:10px 10px;
	background-color:#fff;
}
.news_box a{
	display:block;
	text-decoration:none;
	background:url(../images/icon_yaji2.png) no-repeat right center;
	padding-right:30px;
}
.news_box .date{
	margin-bottom:3px;
	font-size:85%;
}
.news_box .date img{
	vertical-align:middle;
	padding-left:5px;
	width:10%;
	height:auto;
}




/* 02　カタログ
----------------------------------------------------------*/


.border-line{
	border-bottom:1px solid #333;
	margin-bottom:20px;
}

.midashic-1{
	color:#336799;
	line-height:normal;
	padding:15px;
	border-left:5px solid #336799;
	background:#eeeeee;
	font-size:100%;
}


/*.midashi_c{
	background-color:#eee;
	color:#336799;
	padding:10px;
	line-height:normal;
	font-weight:bold;
	font-size:90%;
}

*/
.file_link a{
	background:url(../images/icon_sankaku.png) no-repeat 3% center #336699;
	background-size:10px 13px;
	padding: 10px 10px 10px 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight:bold;
	display:block;
	zoom:1;
	border:#2a5b8c;
	font-size:105%;
	color:#fff;
	text-decoration:none;
}
.file_link a:hover{
	background:url(../images/icon_sankaku.png) no-repeat 3% center #5289bf;
	background-size:10px 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#FFF;
	padding: 10px 10px 10px 30px;
	font-weight:bold;
	display:block;
	zoom:1;
	text-decoration:none;
	border:#5387b9;
}
	
.file_link img{
	padding:2px 0 0 8px;
	}


/* footer
----------------------------------------------------------*/
.pagetop{
	background-color:#333;
	padding:10px 10px;
	text-align:right;
	font-weight:bold;
}
.pagetop a{
	background:url(../images/icon_pagetop.png) no-repeat left center;
	padding:5px 0 5px 20px;
	min-height:3px;
	_height:3px;
	color:#fff;
	text-decoration:none;
}


/*map,telのbtn*/
.btn_orange a{
	background-color:#e06a3b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	padding: 10px 15px;
	display:block;
	zoom:1;
	font-size:105%;
	text-decoration:none;
	border-bottom:2px solid #f7ac8e;
	font-weight:bold;
}
.btn_orange a:hover{
	background-color:#f58558;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	padding: 10px 15px;
	display:block;
	zoom:1;
	font-size:105%;
	text-decoration:none;
	border-bottom:2px solid #ffbea4;
}

.btn_orange img{
	width:15%;
	height:auto;
	vertical-align:middle;
	padding-right:10px;
}



.foot_btn {margin:10px 0;}
.foot_btn .btn_orange{
	width:49%;
}
.foot_btn .btn_orange img{
	width:40%;
	height:auto;
}



.copy{
	background-color:#003e84;
	padding:5px 5px;
	color:#fff;
	text-align:center;
	font-size:85%;
}