@charset "utf-8";
/* CSS Document */

/* Reset
----------------------------------------------------*/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table,th,td {font-size: 100%;line-height: 1.6;}
caption,th {text-align: left;font-weight: normal;}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
img,abbr,acronym,fieldset {border: 0;}
ul,li {list-style-type: none;}
img,a img{border:none;background:transparent;vertical-align:bottom;}

/* font
----------------------------------------------------*/
body {
	font: 62.5% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, "MS PGothic", sans-serif;
	color: #333;
	width:100%; 
	
}
html>/**/body { font-size: 10px; } /* Except IE */
* html body { /* IE6用フォント指定 */
	font: 62.5% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, "MS PGothic", sans-serif;
}

/*--- default */
body {
	text-align: center;
}

/* Link
----------------------------------------------------*/
a {
	color: #00F;
}
a:hover {
	text-decoration: none;
}





/* float,clear
----------------------------------------------------*/
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
}
.cf { /* clearfix */
	zoom: 1;
}
.cf:after {
	content:'';
	display: block;
	clear: both;
}


/* margin
---------------------------------------- */
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}

.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.m10 { margin-bottom:10px;}
.m15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}
.mb90 { margin-bottom:90px;}

.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}

.mml15{margin-left:-15px;}
.mmt250{margin-top: -250px;}
.mmt10{margin-top: -10px;}

/* padding
---------------------------------------- */
.pt10 { padding-top:10px;}

.pr10 { padding-right:10px;}

.pb20 { padding-bottom:20px;}
.pb90 { padding-bottom:90px;}

.pl10 { padding-left:10px;}




/* text
---------------------------------------- */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.txt_narrow {
	letter-spacing: -1px;
}
.txt_space {
	letter-spacing: 1px;
}
.txt_indent {
	text-indent: 1em;
}


/* その他
---------------------------------------- */
/*画像透過*/
a.imgHover:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

a.imgHover:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
/* wrapper
----------------------------------------------------*/
#wrapper {
	width: 1000px;
	width:1300px;
	width:100%;
	margin: 0 auto;
} 



/* content
---------------------------------------- */
#content {
	width: 900px;
	width: 100%;
	font-size: 120%;
}
p.gotop {
	clear: both;
	text-align: right;
	font-size: 0;
}


/* nav
---------------------------------------- */
#nav {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}


/* main
---------------------------------------- */
#main {

	width: 1000px; /*width: 680px;float: right;*/
	width:1300px;
	width:100%;
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.6;
}

/*  ========================= locus */
#content ol#locus {
	margin-bottom: 10px;
}
#content ol#locus li {
	display: inline;
	padding-left: 20px;
	background: url(../img/common/bg_locus.gif) no-repeat center left;
	line-height: 1;
}
#content ol#locus li.firstChild {
	padding-left: 0;
	background: none;
}
#pagetitletext {
	font-size: 16px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, "MS PGothic", sans-serif;
	}

/* general
----------------------------------------------------*/
#content .last {
	margin-bottom: 0;
}

/*  ========================= text */
#content p {
	margin-bottom: 1em;
}
#content .emphasis {
	color: #f00;
	font-weight: bold;
}

/*  ========================= img */
#content .imgL {
	float: left;
	margin-right: 1em;
	margin-bottom: 0;
}
#content .imgLbtm {
	float: left;
	margin-right: 1em;
}
#content .imgR {
	float: right;
	margin-left: 15px;
	margin-bottom: 0;
}
#content .imgRbtm {
	float: right;
	margin-left: 1em;
}

/*  ========================= box */
.section {
	margin: 0 10px;
}

/*  ========================= title */
#main h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
#main h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}
#main h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}
#main h3.firstChild,
#main h4.firstChild,
#main h5.firstChild {
	margin-top: 0;
}

/*  ========================= table */
#main table {
}
#main table th,
#main table td {
}
#main table th {
}
#main table td {
}

/*  ========================= defalt list */
#main p.defList,
#main .defList li,
#main .defList dt {
	padding-left: 15px;
	background: url(../img/common/icon.gif) no-repeat 0 5px;
}
#main .defList dd {
	padding-left: 15px;
}

/*  ========================= attention */
#main p.attention,
#main .attention li,
#main .attention dt {
	padding-left: 15px;
	background: url(../img/common/icon_attention.gif) no-repeat 0 5px;
}
#main .attention dd {
	padding-left: 15px;
}

/*  ========================= text Link */
#main p.txtLink {
	margin-top: 5px;
	text-align: right;
}
#main p.txtLink a {
	display: block;
	padding-left: 20px;
	background: url(../img/common/icon_arrow.gif) no-repeat left center;
	/zoom: 1;
}
.marketing_ttl{
padding-top: 20px;
text-align: center;
font-size: 28px;
font-weight: bold;
}
p.marketing{
text-align: center;
font-size: 14px;
margin-bottom: 20px;
}
.pagettl_index_inner{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align:left;
position: relative;
}
#pagettl_index {

	height:420px;
	width: 100%;
    background: url(../images/common/indexBannerBack.png) no-repeat;
    background-size:cover;
	border-top:4px solid #f02310;
	

}

/*#pagettl_index::after {
width:1000px;
margin-left: auto;
margin-right: auto;
    margin-top: -20px;
    content: '';
    height: 40px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(../images/common/pagebannerindex2.png);
}
#ban::before {
width:200px;
left: 100px;
    margin-top: -20px;
    content: '';
    height: 40px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(../images/common/pagebannerindex2.png);
}*/
.carsel_imgtab{
width:1000px;
height: 20px;
margin-left: auto;
margin-right: auto;
}
.carsel_imgtab img{
margin-top: -35px;
margin-bottom: 60px;
/*margin-left: 20px;*/

}
.pagettl_img{
float: left;
display: inherit;
/* padding: 20px 0; */
height: 400px;
text-align: left;
}
.catch_txt{
vertical-align: top;
	margin-top: 10px;
}
.btn_index1 {
	position: absolute;
	top: 205px;
	left: 0;
	float: left;
/*width:500px;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: -240px;
float: left;*/
}
.btn_index1 a {
	float: left;
}
.innerbox{
	margin: 2px 0;
	background-repeat: no-repeat;
	background-image:url(../images/common/content-image-box-demo1.png);
	width:329px;
	min-height:282px;
	float: left;
}
.mcimage{

	padding:20px;
	}
.mctxt {
	color:#333;
text-align: left;
	font-size: 14px;
	font-family:"Hiragino Kaku Gothic Std";
	padding:2px;
	margin-top:10px;	
	}
.mcdetail {
    color: #ed2319;
    display: inline-block;
    /* width: 80px; */
    /*height: 25px;*/
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic Std";
    text-align: right;
    padding: 2px 18px;
    float: right;
    /* margin-left: 170px; */
	background: url(../images/common/content-image-box-arrow.png) no-repeat right center;
	margin-bottom: 10px;
}
	
/*.mcdetail::after {
   
    margin-top: -16px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-image: url(../images/common/content-image-box-arrow.png);
}*/
.mcinfo{
    text-align: left;
height: 15px;
 clear: both;
width: 100%;
display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
.mcinfo1 {
font-weight: bold;
height: 14px;
display: inline;
    color:#fff;
	width: 25px;
	font-size:11px;
	font-family:"Hiragino Kaku Gothic Std";
	text-align:center;
	background-color: #ff9a16;
	padding: 3px ;
	}	
.mcinfo2 {
height: 14px;
display: inline;
	color:#333;
	font-size:11px;
	font-family:"Hiragino Kaku Gothic Std";
	text-align:left;
	padding:3px;
	}	
.mcinfo3 {
font-weight: bold;
height: 14px;
display: inline;
    color:#fff;
	width: 50px;
	font-size:11px;
	font-family:"Hiragino Kaku Gothic Std";
	text-align:center;
	background-color: #ff9a16;
	padding: 3px ;
	}
#Page #wrapper #pagetitletext {
	font-family: "Hiragino Kaku Gothic StdN";
}

.bigcontentbox {
	width:1000px;
	margin-left: auto;
	margin-right: auto; 
}
.case_box{
width: 100%;
padding: 10px 0 50px 0;
background-color: #f8f7f7;
}

/* ========== ban style ========== */

div#ban {
	width: 100%;
	/*background: url(../img/top/back-ban.jpg) no-repeat top center #F2F2F2;*/
	background-color: #fff;
	margin: 0 auto;
	/* height: 382px; */
	padding-bottom: 21px;
}
div#section-carrousel {
	width: 100%;
	height: 144px;
	overflow: hidden;
	position: relative;
	margin-bottom: -60px;
	margin-top: -60px;
}
div#section-carrousel ul {
	width: 2000px;
	width: 100%;
	position: absolute;
	top: 4px; /*41px;*/
	left: 0;
}
div#section-carrousel li {
	line-height: 0;
	float: left;
	width: 170px;
	height: 144px;
}
div#section-carrousel li a {
	position: relative;
	top: 0;
	left: 0;
	cursor: default;
}
div#section-carrousel li img {
	position: absolute;
	top: 0;
	left: 0;
}
div#section-ban {
	/* background: url(../img/top/back-center.gif) no-repeat top center;  off by Siraj */
	width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-top: 3px;
}
div#section-ban li {
	line-height: 0;
	float: left;
}
/* Carosol code finished */
/* Footer Contact Banner */
.footerBTN {
	margin-top:20px; 
	margin-let:40px;
	}
	
.footerBTN img {
	padding: 20px;
}
.gototop {
float: right;
margin-right: 20px;
margin-top: -30px;
}

/* News feed*/
.newsfeed{
    color: #333;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 120px;
    /* margin-top: 40px; */
    /* margin-bottom: 20px; */
    padding-bottom: 12px;
    padding-bottom: 40px;
}
.newsfeed .newsfeedleft {
	height:120px;
	width:270px;
float:left;
	margin-top:5px;
	margin-bottom:12px;
	/*padding-left:21px; */
	}

	/* .newsfeed .newsfeedleft img {
	margin-left: 147px;
    margin-top: -26px;} */
		
.newsfeed .newsfeedright {
	height:100px;
	width:700px;
	float:left;
	margin-top:12px;
	margin-bottom:12px;
	text-align:left;
	padding-left:10px;
	font-size: 14px;
	line-height:36px;  
		}
.news1  {
	width: 700px;
    background: url(../../img/common/line_3.gif) repeat-x left bottom;
    clear: both;
    overflow: hidden;
       padding-top: 10px;
    padding-bottom: 10px;
	}
.news1:first-child {
	
    padding-top: 0px;
    }		
	dl.news1 dt , dl.news2 dt , dl.news3 dt {
    float: left;
    width: 77px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
}
dl.news1 dd {
    float: left;
    line-height: 18px;
    width: 620px;
}

.news1 a {
	text-decoration: none;
	color:#333;
}
.news1 a:hover {
	text-decoration: underline;
	color:#333;
}

.red{
color: #ff0000;
}
.case_box .innerbox:hover {
	opacity:0.75;
	filter: alpha(opacity=75);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}


/* 161216 改善
-----------------------------------------*/
#columnList {
	width: 1000px;
	margin: 20px auto 50px;
	
}
#columnList .coltext {
	width: 880px;
	float: right;

/*	padding-top: 6px;*/
	text-align: left;
	color: #444;
	text-decoration: none;
}
#columnList .coltext span {
	display: block;
	font-size: 12px;

}
#columnList .coltext h4 {
	font-weight:normal;
	font-size:16px;
}

#columnList li {
border-bottom: 1px dotted #CCC;
	padding: 8px 10px;
}
#columnList img {
	width: 80px;
}
#columnList a:hover img {
	opacity: 0.7;	
}
#columnList a:hover .coltext h4 {
	text-decoration: underline;
}

#columnList li.firstList {
	border-top: 1px dotted #CCC;
}
#columnarea {
	width: 100%;
	background-color:#ffffff;


}

#newsarea {
	width: 100%;
	background-color:#f8f7f7;
	padding: 50px 0;
}

.tohabox {
	border: 1px solid #ed2319;
	width: 1000px;
	margin: 30px auto 0 auto;
}
.tohabox_inner {
	padding: 30px 40px;
	background: #FFF;
}
.tohabox_inner p {
	line-height: 2;
	font-size: 14px;
	text-align: left;
}
.tohabox_inner .imgR {
	float: right;
	margin-left: 20px;
}
.tohattl {
	background: #ed2319;
	color: #FFF;
	font-weight: bold;
	font-size: 30px;
	padding: 5px 15px;
}


/*180508追加css--------------------------------------------------*/
.btn_index2 {
    position: absolute;
    top: 95px;
    right: 0;
}
.btn_index2:hover {
	opacity: .7;
	transition: .3s;
}