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

/* ===================================================================
CSS information
11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%

COLOR
コーポレートカラー：#201084
サブ水色：#6BC8EE
サブ赤：#E91901
サブ水色:#008EDB

タブレット用のスタイルを普通に書く
@media screen and (min-width: 481px) and (max-width: 800px) {
}
@media screen and (min-width: 721px) and (max-width: 1080px) {
}
モバイル用のスタイルを普通に書く
@media screen and (min-width: 0px) and (max-width: 720px) {
}
@media screen and (min-width: 0px) and (max-width: 720px) {
}


=================================================================== */


/* header TOP
------------------------------------------------------------ */
.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../img/header/top_h_bg_w.png) top center repeat-x;
	z-index: 9999;
	height: 60px;
	/*overflow: hidden;*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	border-bottom:#ddd solid 1px;
	letter-spacing:0px;
}

.cbp-af-header .cbp-af-inner {
	/*width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em;*/
	width:1000px;
	min-width:1024px;
	margin:0 auto;
	padding:0 10px;
}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header .logo { width:155px; height:60px; background:url(../img/header/logo.png) 0 46% no-repeat;}
.cbp-af-header .logo {
	display: inline-block !important;
	margin: 0;
	float: left;
	padding:0;
}
.cbp-af-header .logo span{ display:none;}
.cbp-af-header .logo a{ width:150px; height:60px; display:block;}

.cbp-af-header nav { display:block; float:right; position:relative;}
.cbp-af-header nav #me li{ display:inline-block;}

.cbp-af-header nav #me li a{ margin: 0 0 0 34px; font-size: 77%;height:60px; line-height:76px;}
.cbp-af-header nav #me li a:link,
.cbp-af-header nav #me li a:visited{ color:#000;}
.cbp-af-header nav #me li a:hover { color:#E91901;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

/* Transitions and class for reduced height */
.cbp-af-header,
.cbp-af-header .logo,
.cbp-af-header nav #me li a,
.cbp-af-header .pd-menu{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header nav #me .pd-menu{ position:absolute; top:61px; left:70px; background:#F2EFEB; padding:0; margin:0; display:none;}
.cbp-af-header nav #me .pd-menu li{ border-top:#E5E2DF solid 1px; margin:0; display:block !important; height:45px !important; font-size:90%;}
.cbp-af-header nav #me .pd-menu li a{ margin:0 !important; padding:0 8px; line-height:45px !important; text-align:left; height:45px !important; width:180px;}
.cbp-af-header nav #me .pd-menu li a:hover{
background: rgb(234,231,227); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTdlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRiZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(234,231,227) 0%, rgb(222,219,216) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(234,231,227)), color-stop(100%,rgb(222,219,216))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae7e3', endColorstr='#dedbd8',GradientType=0 ); /* IE6-8 */
	}

.cbp-af-header .about{ background:url(../img/header/icon_menu_b.png) right 60% no-repeat; padding-right:25px;}
.cbp-af-header .about:hover{ background:url(../img/header/icon_menu_b_on.png) right 60% no-repeat;}

.pd-menu{
box-shadow:rgba(136, 137, 138, 0.298039) 0px 3px 7px -1px;
-webkit-box-shadow:rgba(136, 137, 138, 0.298039) 0px 3px 7px -1px;
-moz-box-shadow:rgba(136, 137, 138, 0.298039) 0px 3px 7px -1px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999,direction=0,strength=4,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999,direction=0,strength=4,enabled=true); /* IE5.5+ */
	}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}


.cbp-af-header.cbp-af-header-shrink .logo{ width:140px; height:85px; background:url(../img/header/logo2.png) 0 46% no-repeat; }

.cbp-af-header.cbp-af-header-shrink { letter-spacing:0px; height: 85px; background: url(../img/header/top_h_bg_w.png) top center repeat-x; border-bottom:#ddd solid 1px;
-moz-box-shadow: 0px 0px 1px #000; /* FireFox */
-webkit-box-shadow: 0px 0px 1px #000; /* webkit */
box-shadow: 0px 0px 1px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=270,strength=1,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=270,strength=1,enabled=true); /* IE5.5+ */
}
.cbp-af-header.cbp-af-header-shrink nav #me li a{ height:85px; line-height: 102px; margin:0 0 0 30px;}
.cbp-af-header.cbp-af-header-shrink nav #me li a:link,
.cbp-af-header.cbp-af-header-shrink nav #me li a:visited{ color:#000;}
.cbp-af-header.cbp-af-header-shrink nav #me li a:hover{ color:#E91901;}

.cbp-af-header.cbp-af-header-shrink nav #me .pd-menu{ position:absolute; top:86px; left:70px; background:#F2EFEB; padding:0; margin:0;}
.cbp-af-header.cbp-af-header-shrink nav #me .pd-menu li a:link,
.cbp-af-header.cbp-af-header-shrink nav #me .pd-menu li a:visited{ color:#000 !important;}
.cbp-af-header.cbp-af-header-shrink nav #me .pd-menu li a:hover{ color:#E91901 !important;}

.cbp-af-header.cbp-af-header-shrink .about{ background:url(../img/header/icon_menu_b.png) right 60% no-repeat; padding-right:25px;}
.cbp-af-header.cbp-af-header-shrink .about:hover{ background:url(../img/header/icon_menu_b_on.png) right 60% no-repeat;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}



/* header SEC
------------------------------------------------------------ */
.cbp-af-header-sec {
	letter-spacing:0px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../img/header/top_h_bg_w.png) top center repeat-x;
	z-index: 9999;
	height: 85px;
	/*overflow: hidden;*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	border-bottom:#ddd solid 1px;
}

.cbp-af-header-sec .cbp-af-inner-sec {
	/*width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em;*/
	width:1000px;
	min-width:1024px;
	margin:0 auto;
	padding:0 10px;
}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header-sec .logo { width:155px; height:85px; background:url(../img/header/logo.png) 0 46% no-repeat;}
.cbp-af-header-sec .logo {
	display: inline-block !important;
	margin: 0;
	float: left;
	padding:0;
}
.cbp-af-header-sec .logo span{ display:none;}
.cbp-af-header-sec .logo a{ width:150px; height:85px; display:block;}

.cbp-af-header-sec nav { display:block; float:right; position:relative;}
.cbp-af-header-sec nav #me li{ display:inline-block;}

.cbp-af-header-sec nav #me li a{ margin: 0 0 0 34px; font-size: 77%;height:85px; line-height:101px;}
.cbp-af-header-sec nav #me li a:link,
.cbp-af-header-sec nav #me li a:visited{ color:#000;}
.cbp-af-header-sec nav #me li a:hover { color:#E91901;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

/* Transitions and class for reduced height */
.cbp-af-header-sec,
.cbp-af-header-sec .logo,
.cbp-af-header-sec nav #me li a,
.cbp-af-header-sec .pd-menu,
.bread-set .bread-inner p a{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header-sec nav #me .pd-menu{ position:absolute; top:85px; left:70px; background:#F2EFEB; padding:0; margin:0; display:none;}
.cbp-af-header-sec nav #me .pd-menu li{ border-top:#E5E2DF solid 1px; margin:0; display:block !important; height:45px !important; font-size:90%;}
.cbp-af-header-sec nav #me .pd-menu li a{ margin:0 !important; padding:0 8px; line-height:45px !important; text-align:left; height:45px !important; width:180px;}
.cbp-af-header-sec nav #me .pd-menu li a:hover{
background: rgb(234,231,227); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTdlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRiZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(234,231,227) 0%, rgb(222,219,216) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(234,231,227)), color-stop(100%,rgb(222,219,216))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(234,231,227) 0%,rgb(222,219,216) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae7e3', endColorstr='#dedbd8',GradientType=0 ); /* IE6-8 */
	}

.cbp-af-header-sec .about{ background:url(../img/header/icon_menu_b.png) right 60% no-repeat; padding-right:25px;}
.cbp-af-header-sec .about:hover{ background:url(../img/header/icon_menu_b_on.png) right 60% no-repeat;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}

/* bread */
.bread-set{ background: #F2EFEB; width:100%; padding:0; border-bottom:#ddd 1px solid; position:fixed; top:86px; clear:both; letter-spacing:0px; z-index:9998;}
.bread-set .bread-inner{ width:1040px; min-width:1040px; margin:0 auto; text-align:left;}
.bread-set .bread-inner p{ font-size:60%; float:left;}
.bread-set .bread-inner .bread1{ background:#E6E0D9; padding:5px 20px;}
.bread-set .bread-inner .bread2{ background:#ECE7E2; padding:5px 15px;}
.bread-set .bread-inner .bread3{ background:#EFEBE6; padding:5px 15px;}
.bread-set .bread-inner .breadlast{ font-weight:700; padding:5px 15px;}
.bread-set .bread-inner p a:link,
.bread-set .bread-inner p a:visited,
.bread-set .bread-inner p{ color:#666;}
.bread-set .bread-inner p a:hover{ color:#E91901;}

/* sp */ 
@media screen and (min-width: 0px) and (max-width: 720px) {

}