@charset "utf-8";
/* CSS Document */
/*@import url(default_v2.css);*/
/*@import url(header_v2.css);*/
/*@import url(footer_v2.css);*/
/*//////////link/////////*/
/*#wrap {
	position: relative;
    left: 0;
    overflow-x: hidden;
}*/

p.linkArrow a,
li.linkArrow a,
li.linkArrow_unique a {
	background: url(../images/listmark_arrow01.gif) left top .4rem no-repeat!important;
/*	font-weight: bold;*/
	padding-left: 10px!important;
}

p.linkArrow02 { background: url(../images/listmark_arrow01.gif) left center no-repeat; padding-left: 10px; margin: 0 15px; font-size: 12px; }

ul.linkList01 { margin-bottom: 20px;}
ul.linkList01 li {
	background: url(../../common/images/listmark_arrow01.gif) left center no-repeat;
	padding-left: 10px;
	margin-bottom: 15px;
}

dl.slideDownList dt {
	position: relative;
	padding: 10px 15px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	background: #ffedef url(../../common/images/listmark_arrow01.gif) left center no-repeat;
	font-weight: bold;
	margin-top: 10px;
}

dl.slideDownList dd {
	position: relative;
	padding: 10px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #ffedef;
	margin-bottom: 14px;
}


.taC { text-align: center; }
.taR { text-align: right; }
.taL { text-align: left; }

strong { font-weight: normal}

/* -------------------------------------------------- link elements */
a, a:link,
a:active,
a:visited,
a:hover {
	color: #005982;
	text-decoration: underline;
}

a.alpha:hover ,
a.floatLink:hover {filter:alpha(opacity=70)!important; /*IE*/ -moz-opacity:0.70!important; /*FF*/ opacity:0.70!important;}

.nobg { background: none!important; }

html {position: relative; background:#fff;}


img { height: auto;max-width: 100%; width /***/: auto;}
.pc { display: block; }
.sp { display: none; }

/*#wrap {border-top:5px solid #333; width:100%;}*/
#wrapInnerSP { margin:0 auto; padding:0; min-height: 300px;}


#lowerCol { background:#e60012; padding-top:0rem; padding-bottom: 10rem; /*min-height: 620px;*/margin-top: 3rem; }
#lowerColInner { width: 100%; max-width:974px; margin:0 auto 30px; background:#fff;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;/*min-height: 600px*/; }
#lowerContentArea { padding:10px 30px; }
#lowerContentAreaBasic { padding: 30px; }

#lowerCol div#mainImg {
	margin: 0 auto 20px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	position: relative;
	background-color: #e70010;
	padding: 30px 30px 10px;
}
#lowerCol div#mainImg h1 { font-size: 200%; font-weight: nomal; margin-bottom: 17px; color: #fff; }
#lowerCol div#mainImg ul { width: 49%; margin-bottom: 20px }
#lowerCol div#mainImg ul li,
#lowerCol div#mainImg p { color: #fff; font-weight: nomal;}
#lowerCol div#mainImg p { margin-bottom: 20px;  }

.contentInner { margin-bottom: 20px; }

.col4Box li{  width: 25%; float: left; }
.col4Box li .col4Inner { margin: 0 10px }

.col3Box li{  width: 33.33333%; float: left; }
.col3Box li .col3Inner { margin: 0 10px }
.col3Box li .col3Inner h3 { margin-bottom: 15px;}
.col3Box li .col3Inner img { margin-bottom: 15px;}

.col2Box { padding-bottom: 20px; }
.col2Type1-30 { float:right; width:32%; }
.col2Type1-70 { float:left; width:66%; }
.blueBoxTitle {  margin-bottom: 10px; text-align: left; color: #333;font-weight: bold; font-size:1.3em;}
.blueBox {background:#429cd6;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:10px;}
.col2Type2-40 { float:left; width:42%; }
.col2Type2-60 { float:right; width:56%; }
.col2Type2-60 p {color:#fff; }

.col2Half { float: left; width:50%; }
.col2Half p,
.col2Half h3 { margin-left: 15px; }
.col2Half h3 { margin-bottom: 10px; }

.col2Half:first-child p,
.col2Half:first-child h3 { margin-right: 15px; margin-left: 0; }

.col2Type1-70 .buttonBlack { width: 30%;}
.col2Half .buttonBlack { width: 50%;}


ul.verticleList01 li { margin-bottom: 12px;}


/*ModalWin*/
#floatbg {position: absolute; width: 100%; top: 0; left: 0; display: none; z-index: 9999; background: #000; }
#floatcontent { position: absolute; opacity: 0; filter: alpha(opacity=0); -moz-opacity:0; opacity:0; width: 100%; max-width: 974px; z-index: 9999; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;  background: #fff;}
#closefloat { position : absolute; display: none; z-index: 9999; cursor: pointer; }
img#closefloat{ width: auto; }
#floatmovtitle { z-index: 9997; display: none; }

div#wrapD1 { padding: 20px; background: none; }
div#wrapD2 { padding: 20px; background: none; margin:0 auto; overflow: auto; }

/* snsAreaBread */
/*
#breadcrumb { width: 100%; max-width: 974px; margin:10px auto;}
#breadcrumb { position:relative; }

#breadcrumb a,
#breadcrumb p { color:#fff;width:70%; }

#breadcrumb a,
#breadcrumb span { padding: 0 10px; }*/

#snsAreaBread{ /*position:absolute;top:0;right:0;*/position: relative;max-width: 974px; margin: 0 auto 1rem; text-align: right;letter-spacing: -.4em; }
#snsAreaBread ul li { display: inline-block; text-align: left; vertical-align: top;letter-spacing: normal; }
#snsAreaBread ul li:nth-child(1) { margin-right: .5rem; }


/* table */

table.tablestyle01 {
	border: none;
}
table.tablestyle01 th {
	background-color: #ffebed;
	vertical-align: top;
	font-weight: bold;
	border-right: 2px solid #fff;
	width: 24%;
}
table.tablestyle01 td {
	background-color: #f6f6f6;
	width: 75%;
}
table.tablestyle01 td,
table.tablestyle01 th {
	text-align: left;
	padding: 10px;
	border-bottom: 2px solid #fff;
}

h1.h2basic{
	height: auto;
}
h1.h2basic, h2.h2basic {
  clear: both;
  position: relative;
  border: 1px solid #ce0010;
  padding: 10px;
  overflow: hidden;
  text-align: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e60012;
  margin-bottom: 20px;
  color: #fff;
  font-weight: nomal;
  font-size: 16px;
  line-height: 1;
}

h1.h2basic a, h2.h2basic a,
h1.h2basic a:hover, h2.h2basic a:hover,
h1.h2basic a:active, h2.h2basic a:active,
h1.h2basic a:visited, h2.h2basic a:visited {
color: #fff; text-decoration: none;
}

h3 { font-weight: bold; }
h3.h3basic {
  clear: both;
  border-bottom: 1px solid #e60012;
  margin-bottom: 15px;
  padding: 4px 0 5px 10px;
  border-left: 4px solid #e60012;
  text-align: left;
  font-weight: nomal;
}

h4.h4basic {
  clear: both;
  margin-bottom: 15px;
  text-align: left;
  color: #333;
  font-weight: bold;
}

#lowerColInner p { margin-bottom: 20px;}

/******* button *******/


.buttonGreen {
	font-size: 18px;
	color: #fff;
	padding: 15px 20px;
	background:#1abc9c;
	display: block;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #108b72;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px -3px 0px rgba(255,255,255,0);
	color:#fff;
}

.buttonOrange {
	font-size: 18px;
	color: #fff;
	padding: 15px 20px;
	background: #f39a00;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #e57b01;
	display: block;
	text-align: center;

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px -3px 0px rgba(255,255,255,0);
	color:#fff;
}

.buttonBlack {
	font-size: 14px;
	color: #fff;
	padding: 6px 0px;
	background: #222;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000;
	display: block;
	text-align: center;

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px -3px 0px rgba(255,255,255,0);
	color:#fff;
}
a.buttonBlack,
a.buttonGreen,
a.buttonOrange,
a.buttonBlack:hover,
a.buttonGreen:hover,
a.buttonOrange:hover { color:#fff; text-decoration: none; }

.buttonOrange span.outer,
.buttonGreen span.outer,
.buttonBlack span.outer { padding-left: 20px; background: url(../images/icon_linkmark_outer.png) left center no-repeat; }
.buttonOrange span.delta,
.buttonGreen span.delta,
.buttonBlack span.delta { padding-left: 20px; background: url(../images/icon_linkmark_delta.png) left center no-repeat; }

/* //////////////////////////////////////
	conversion button
////////////////////////////////////// */

.contactBtnArea { background:url(../../service/images/btnarea_bg.gif) no-repeat; padding:10px 0 20px 278px;}

.cvAreaCinnerWrap { margin-bottom: 30px; width: 100%; background:#ccc;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 0;  }
.cvAreaCinner { margin: 0 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.cvAreaCinner p.cvcatch { width: 26%; float: left; padding: 13px 0 0 13px; font-weight: bold; color: #454545; }
.cvAreaCinner p.cvcatch2 { width: 47%; float: left; padding: 24px 0 0 13px; font-weight: bold; color: #454545; }

.cvAreaCinner2 { margin: 0 10px 10px 10px;}
.cvAreaCinner2 p.cvcatch { width: 20%; float: left; padding: 0 0 0 13px; font-weight: bold; color: #454545; }
.cvAreaCinner2 p.cvcatch2 { width: 70%; float: left; padding: 6px 0 0 13px; font-weight: bold; color: #454545; }

.contactBtnArea_s { padding:10px 10px 10px 0; float: right; width: 69%;}
.contactBtnArea_s li { float: right; width: 57%; }
.contactBtnArea_s li:first-child { float: left; width: 100%; }
/*.contactBtnArea_s li:first-child { float: left; width: 41%; }*/

.contactBtnArea_s li a.buttonOrange,
.contactBtnArea_s li a.buttonGreen { padding: 10px 0; }

.contactBtnArea_one { padding:10px; float: right; width: 47%;}
.contactBtnArea_one li { float: right; width: 100%; }

.contactBtnArea_oneS {float: right; width: 25%;}
.contactBtnArea_oneS li { float: right; width: 100%; }

.contactBtnArea_one li a.buttonOrange{ padding: 10px 0; }
.bgGrayBox { background:#f6f6f6; padding:20px;}

/* //////////////////////////////////////
 footer
////////////////////////////////////// */

.contactBox { background:#e2e2e2; width: 100%; max-width: 974px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 auto;  }
.contactBoxInner { padding: 30px; padding-bottom: 20px; }
.contactBox .netArea { width:68%; float: left;}
.contactBox .telArea { width:29%; float: right;}
.contactBox h2 { font-size:120%; background:#333; color:#fff; padding:10px; border-radius: 3px;/* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px;   /* Firefox用 */ margin-bottom:10px; }
.contactBox .netArea ul li.greenB { float: left; width:40%; }
.contactBox .netArea ul li.orangeB { float: right; width:58%; }
.contactBox .netArea p { margin-top: 10px; }

/*---------------------------------------------------------------------------toggle*/
@media screen and (max-width: 767px) {

	/* //////////////////////////////////////
	 common
	////////////////////////////////////// */

	#wrapInnerSP { margin:0 auto; padding:10px; min-height: 300px;}

	.pc { display: none!important;}
	.sp { display: block!important;}

	/*#breadcrumb { display: none; }*/
	#snsAreaBread{ padding-right: 1rem; }

	#lowerCol { background:#e60012; padding-top:0; padding-bottom: 0; min-height: inherit; }
	#lowerColInner { width: 100%; max-width:974px; margin:0 auto 30px; background:#fff;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;min-height: initial;}
	#lowerContentArea { padding: 0px;}
	#lowerContentAreaBasic { padding: 0px; }

	#lowerCol div#mainImg {
		padding: 20px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-top: 2px solid #fff;
	}

	#lowerCol div#mainImg h1 { font-size: 1.3rem; font-weight: nomal; margin-bottom: 10px; color: #fff; }
	#lowerCol div#mainImg ul { width: auto; }
	#lowerCol div#mainImg ul li,
	#lowerCol div#mainImg ul p { color: #fff; font-weight: nomal; }


	.col4Box li{ clear: both; float: none; width: auto; /*margin-bottom: 10px;*/ padding: 1.5rem 0; border-bottom: dotted 1px #999; }
	.col4Box li .col4Inner { margin: 0; }

	.col3Box li{ clear: both; float: none; width: auto; margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 1px #999; }

	.col3Box li .col3Inner { text-align: center; margin: 0; }
	.col3Box li .col3Inner h3 { text-align: left; margin-bottom: 15px;}
	.col3Box li .col3Inner p { text-align: left;}
	.col3Box li .col3Inner img { margin: 0 auto 15px; width: 80%; }

	.col2Box .col2Type1-30 { clear: both; float: none; width: auto; text-align: center; }
	.col2Box .col2Type1-30 img { margin: 0 auto 15px; width: 80%;  }
	.col2Box .col2Type1-70 { clear: both; float: none; width: auto;  }

	.col2Box .col2Type2-40 { clear: both; float: none; width: auto; text-align: center; }
	.col2Box .col2Type2-40 img { margin: 0 auto 15px; width: 100%;  }
	.col2Box .col2Type2-60 { clear: both; float: none; width: auto;  }

	.col2Half { clear: both; float: none; margin-bottom: 20px; width: auto; }
	.col2Half img { margin: 0 20px; }
	.col2Half p,
	.col2Half h3 { margin-left: 0px; }
	.col2Half h3 { margin-bottom: 10px; }

	.col2Half:first-child p,
	.col2Half:first-child h3 { margin-right: 0px; margin-left: 0; }


	.col2Box .buttonBlack,
	.col2Box .col2Type1-70 .buttonBlack  { width: auto;  }


	/* //////////////////////////////////////
	conversion button
	////////////////////////////////////// */

	.cvAreaCinner p.cvcatch,
	.cvAreaCinner p.cvcatch2 { width: auto; float: none; padding: 10px 10px 0 10px; font-weight: bold; color: #333; margin-bottom: 0!important; }
	.cvAreaCinner p.cvcatch br { display: none; }

	.cvAreaCinner2 p.cvcatch,
	.cvAreaCinner2 p.cvcatch2 { width: auto; float: none; padding: 10px 10px 0 10px; font-weight: bold; color: #333; margin-bottom: 0!important; }
	.cvAreaCinner2 p.cvcatch br { display: none; }

	.contactBtnArea_s { padding:10px; float: none; width: auto; }
	.contactBtnArea_s li { float: none; margin-bottom: 10px; width: auto; }
	.contactBtnArea_s li:first-child { float: none; width: auto; }
	.contactBtnArea_s li a.buttonOrange,
	.contactBtnArea_s li a.buttonGreen { padding: 7px 0;}

	.contactBtnArea_one { padding:10px; float: none; clear: both; width: auto; }
	.contactBtnArea_one li { margin-bottom: 10px; float: none; clear: both; }
	.contactBtnArea_one li a.buttonOrange{ padding: 7px 0; }

	.contactBtnArea_oneS { padding:10px; float: none; clear: both; width: auto; }
	.contactBtnArea_oneS li {float: none; clear: both; }
	.contactBtnArea_oneS li a.buttonBlack{ padding: 7px 0; }

/* //////////////////////////////////////
 footer
////////////////////////////////////// */

.contactBox .netArea p { margin-top: 10px; }




	.contactBox { background:#e2e2e2; width: 100%; max-width: 974px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 auto;  }
	.contactBoxInner { padding: 20px 10px; }

	.contactBox .netArea ul li{ margin-bottom: 10px;  }
	.contactBox h2 { font-size:120%; background:#333; color:#fff; padding:10px; border-radius: 3px;/* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px;   /* Firefox用 */ margin-bottom:10px; }
	.contactBox .netArea { float: none; width: auto; margin-bottom:20px;}
	.contactBox .telArea { float: none; width: auto;  text-align: center; }
	.contactBox .netArea ul li.greenB,
	.contactBox .netArea ul li.orangeB { float: none; width:auto; }
	.contactBox .netArea p { margin-top:0; }

	#floatcontent{  width:100%; height: 65%; overflow:auto;}

}


/*////////// IE8 attention/////////*/

#browseAttention { background: #ccc; padding: 20px; text-align: center;}

/*//////////clearfix/////////*/

.clearfix:after,
.locator:after{
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix,
.locator{ display: inline-block; }

/* Hides from IE Mac \*/
* html .clearfix,
* html .locator { height: 1%; }
.clearfix,
.locator { display: block; }
/* End Hack */