@charset "utf-8";

/* --------------------------------------------- */
/* ▼リセットCSS */
/* --------------------------------------------- */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}


/* clearfix floatを使うブロック要素にあらかじめclass=cfを設定しておく。*/
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }


body{
	color: #222;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	_font-size: 100%;
	line-height: 1.2em;
}
/* --------------------------------------------- */
/* 16pxを基準としたフォントem対応 */
/* -6px37.50%5pt font-size:0.375em;- */
/* -7px43.80%5pt font-size:0.438em;- */
/* -8px50.00%6pt font-size:0.500em;- */
/* -9px56.30%7pt font-size:0.563em;- */
/* -10px62.50%8pt font-size:0.625em;- */
/* -11px68.80%8pt font-size:0.688em;- */
/* -12px75.00%9pt font-size:0.750em;- */
/* -13px81.30%10pt font-size:0.813em;- */
/* -14px87.50%11pt font-size:0.875em;- */
/* -15px93.80%11pt font-size:0.938em;- */
/* -16px100.00%12pt font-size:1.000em;- */
/* -17px106.30%13pt font-size:1.063em;- */
/* -18px112.50%14pt font-size:1.125em;- */
/* -19px118.80%14pt font-size:1.188em;- */
/* -20px125.00%15pt font-size:1.250em;- */
/* -21px131.30%16pt font-size:1.313em;- */
/* -22px137.50%17pt font-size:1.375em;- */
/* -23px143.80%17pt font-size:1.438em;- */
/* -24px150.00%18pt font-size:1.500em;- */
/* http://pxtoem.com/- */
/* --------------------------------------------- */
	   
img {
    max-width: 100%;
    height: auto;
	border: 0;
}
a {
  color:#0331CD;
  text-decoration:none;
}
a:hover {
	color:#FF9900;
	text-decoration: underline;
}
a:visited {
	color: #0331CD;
	text-decoration: none;
	font-size: 0.9em;
}

.orangebold{
	color: #FF6600;
	font-weight: bold;
	font-size: 1.5em;
}
.redbold{
	color: #FF0000;
	font-weight:bold;
}
.greenbold{
	color: #6BA80F;
	font-weight: bold;
	font-size: 1.2em;
}
.bluebold{
	color: #0099FF;
	font-weight: bold;
}

h1{
	color: #666;
	font-size: 0.75em;
	margin: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
h2{
	font-size:1.063em;
	font-weight:bold;
	color: #0331CD;
	padding: 5px 10px;;
	margin: 5px;
	background-color: #EFF2FC;
	text-align:left;
}
h3{
	font-weight: bold;
	color: #F90;
	padding: 5px;
	text-align: left;
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #F90;
	border-left-color: #F90;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

/* -------------------ヘッダー-------------------- */
header {
	max-width: 100%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #0331CD;
}

/* -------------------レフト-------------------- */
.lefttitle{
	display:none;
}
#leftnavi{
}

#leftnavi li{
	display:none;
}
.leftgrouptitle{
	max-width: 100%;
	background-color:#0331CD;
	color:#FFF;
	font-weight:bold;
	font-size:1.125em;
	padding:3px;
	text-align:center;
	display:block;
}
.leftgroup{
	margin:10px;
	text-align:center;
}

.leftjigyoubox{
	margin:10px;
	border: 1px solid #0331CD;
}
.leftjigyoutitle{
	max-width: 100%;
	background-color: #EFF2FC;
	color: #0331CD;
	font-weight: bold;
	font-size: 1.125em;
	padding: 3px;
	text-align: center;
	border-bottom: 1px solid #0331CD;
}
.leftjigyoucom{
	padding:5px;
}

/* -------------------フッター-------------------- */
footer {
	clear:both;
	max-width: 100%;
	background-image: url(../../image/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #EFF3FC;
}
#footnavi{
	margin-top:5px;
	margin-bottom:5px;
}
#footnavi li{
	list-style-type:none;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	
}	


.copyright{
font-style:italic;
word-wrap: break-word;
text-align:center;
}



/* -------------------コンテンツ-------------------- */

/* ------------------sliderbox------------------ */
#sliderbox {
	background-color: #FFFFFF;
clear:both;
	width: 100%;
	margin: 0px;
	text-align: center;
}
#sliderbox {
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 235px;
}
.slider-wrapper {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.topcombox{
	clear:both;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow:hidden;
}
.topcombox .imgleft{
	float:none;
	margin-right: 0px;
	
}
.topbtnbox{
	font-size:0.8em;
}

.combox{
	clear:both;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow:hidden;
}
.comlinebox{
	clear: both;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #0331CD;
	padding:10px;
}

.contactbox{
	clear: both;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #0331CD;
	padding:10px;
}
.contactbox .title{
	font-size: 1.2em;
	font-weight: bold;
	color: #0331CD;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.contactbox p{
	margin-left: 20px;
}


.system{
	float: none;
	border: 1px solid #0331CD;
	padding: 3px;
	margin: 3px;
	font-size: 1em;
	width: 98%;
}
.system .title{
	float: left;
	width: 120px;
	font-size: 1em;
	font-weight: bold;
	color: #F00;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 5px;
	padding-bottom: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	text-align: center;
}
.sankaku{
	float: none;
	padding: 3px;
	width: 0;
	height: 0;
	border-top: 20px solid #f00;
	border-right: 80px solid transparent;
	border-left: 80px solid transparent;
	display: block;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
}
.esalist{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0331CD;
}


.gaiyoutable{
	width: 100%;
	padding:0px;
	margin: 0px;
}
.gaiyoutable th{
	border: 1px solid #F2F2F2;
	background-color: #EFF2FC;
	padding: 5px;
	color: #0331CD;
	text-align: left;
	display: block;
}
.gaiyoutable td{
	border:1px solid #F2F2F2;
	padding:5px;
	display:block;
	text-align:left;
}
.gaiyoutable td.centertd{
	border:1px solid #F2F2F2;
	padding:5px;
	text-align:center;
}







/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */
@media screen and (min-width: 768px) {

h2{
	height: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #0331CD;
	text-shadow: 1px 1px 1px #FFF;
	background-color: #EFF2FC;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 20px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
	background-image: url(../../image/h2_bg.jpg);
	background-position: right 8px;
	border: 1px solid #0331CD;
}	
	
h3{
	font-size: 1.5em;
	font-weight: bold;
	color: #FF9900;
	padding-left: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	clear: both;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #F90;
}



/* -------------------ヘッダー-------------------- */
header {
}


/* -------------------レフト-------------------- */
.lefttitle{
	max-width: 100%;
	background-color:#0331CD;
	color:#FFF;
	font-weight:bold;
	font-size:1.125em;
	padding:3px;
	text-align:center;	
	display:block;
}
#leftnavi{
	margin-bottom:10px;
}

#leftnavi li{
	display:block;
	max-width: 100%;
	height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	list-style-type:none;
}
#leftnavi li a{
	background-image: url(../../image/navi_bg_on.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#leftnavi li a:hover{
	background-image: url(../../image/navi_bg_rv.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.leftgrouptitle{
	max-width: 100%;
	background-color:#0331CD;
	color:#FFF;
	font-weight:bold;
	font-size:1.125em;
	padding:3px;
	text-align:center;
	display:block;
}
.leftgroup{
	margin:10px;
	text-align:center;
}

.leftjigyoubox{
	margin:10px;
	border: 1px solid #0331CD;
}
.leftjigyoutitle{
	max-width: 100%;
	background-color: #EFF2FC;
	color: #0331CD;
	font-weight: bold;
	font-size: 1.125em;
	padding: 3px;
	text-align: center;
	border-bottom: 1px solid #0331CD;
}
.leftjigyoucom{
	padding:5px;
}
/* -------------------フッター-------------------- */
footer {
	clear: both;
	height: 100px;
	background-color: #EFF3FC;
}
#footnavi{
	margin-top:30px;
	margin-bottom:20px;
	text-align:center;
}
#footnavi li{
	margin-top:10px;
	padding-left:20px;
	padding-right:20px;
	list-style-type:none;
	display:inline;
	border:none;
}	
#footnavi li+li{
	border-left:1px solid #999;
}

/* -------------------コンテンツ-------------------- */

/* ------------------sliderbox------------------ */
#sliderbox {
	background-color: #FFFFFF;
clear:both;
	width: 100%;
	margin: 0px;
	text-align: center;
}
#sliderbox {
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 270px;
}
.slider-wrapper {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



.topcombox{
	clear:both;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow:hidden;
}
.topcombox .imgleft{
	float:left;
	margin-right: 20px;
}
.topcombox p{
	margin-left: 270px;
}


.topbtnbox{
	text-align: right;
	top: 10px;
	right: 5px;
	font-size: 0.8em;
}






.gaiyoutable{
	width: 90%;
	border:none;
	padding:0px;
	margin-left: 0px;
}
.gaiyoutable th{
	border: 1px solid #F2F2F2;
	background-color: #EFF2FC;
	padding: 5px;
	color: #0331CD;
	font-weight: bold;
	text-align: left;
	display: table-cell;
	width: 20%;
}
.gaiyoutable td{
	border:1px solid #F2F2F2;
	padding:5px;
	display:table-cell;
	width:80%;
}
.gaiyoutable td.centertd{
	border:1px solid #F2F2F2;
	padding:5px;
	text-align:center;
}




}




/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media screen and (min-width: 961px) {



/* -------------------コンテンツ-------------------- */
/* ------------------sliderbox------------------
 */
#sliderbox {
	background-color: #FFFFFF;
clear:both;
	width: 100%;
	margin: 0px;
	text-align: center;
}
#sliderbox {
	width: 100%;
	margin: auto;
	padding: 0px;
	height: 340px;
}
.slider-wrapper {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



}