@charset "utf-8";

.link01 {
	display: inline-block;
	padding-right: 10px;
	background:url(/guide/common/images/icn_external_01.gif) right 0.5em no-repeat;
}

#aside .sideNav ul > li.guideSideNav01 > a {
    padding-top: 22px;
    padding-bottom: 21px;
}

.guideTop ul {
	display: table;
	width: 100%;
}
.guideTop li {
	display: table-cell;
	height: 100%;
	background-color: #edf1f3 !important;
}
.guideTop li.part {
	background-color: #fff !important;
}
.guideTop li.active {
	background-color: #004da1 !important;
}
.guideTop li span {
	display: block;
	padding-top: 1.5em;
}
.guideTop li span img {
	width: 90%;
	max-width: 84px;
}
.guideTop li a {
	display: block;
	color: #333 !important;
	font-weight: bold;
	text-align: center !important;
	text-decoration: none !important;
	padding: 1em 0;
}
.guideTop li a:hover {
	text-decoration: underline !important;
}
.guideTop li.active a {
	color: #fff !important;
}

.guideTop.guideTop01 li {
	width: 16%;
}
.guideTop.guideTop01 li.part {
	width: 1%;
}

.guideTop.guideTop02 li {
	width: 30%;
}
.guideTop.guideTop02 li.part {
	width: 1.25%;
}

.guideContent {
	border: solid 1px #dcdcdc;
	border-top: solid 2px #004da1;
	background:url(/guide/common/images/tab_arw_01.png) left top no-repeat;
	padding-top: 7% !important;
}

.guideNav01_01 {
	background-position: 7% top;
}
.guideNav01_02 {
	background-position: 24% top;
}
.guideNav01_03 {
	background-position: 42% top;
}
.guideNav01_04 {
	background-position: 59% top;
}
.guideNav01_05 {
	background-position: 77% top;
}
.guideNav01_06 {
	background-position: 94% top;
}

.guideNav02_01 {
	background-position: 8.5% top;
}
.guideNav02_02 {
	background-position: 29.5% top;
}
.guideNav02_03 {
	background-position: 50% top;
}
.guideNav02_04 {
	background-position: 70.5% top;
}
.guideNav02_05 {
	background-position: 91.5% top;
}

.guideContent .numHeadingTypeA01 {
	padding: 6px 10px 10px 100px;
	margin-bottom: 20px;
	border-bottom: none;
	color: #004da1;
}
.guideContent .numHeadingTypeA01.num01 {
	background: transparent url("/guide/common/images/mod_bg_numHeading_01.gif") no-repeat scroll 0px 0px / 88px auto;
}
.guideContent .numHeadingTypeA01.num02 {
	background: transparent url("/guide/common/images/mod_bg_numHeading_02.gif") no-repeat scroll 0px 0px / 88px auto;
}
.guideContent .numHeadingTypeA01.num03 {
	background: transparent url("/guide/common/images/mod_bg_numHeading_03.gif") no-repeat scroll 0px 0px / 88px auto;
}
.guideContent .numHeadingTypeA01.num04 {
	background: transparent url("/guide/common/images/mod_bg_numHeading_04.gif") no-repeat scroll 0px 0px / 88px auto;
}
.guideContent .numHeadingTypeA01.num05 {
	background: transparent url("/guide/common/images/mod_bg_numHeading_05.gif") no-repeat scroll 0px 0px / 88px auto;
}
.guideContent .numHeadingTypeA01.num06 {
	background: transparent url("/guide/common/images/mod_bg_numHeading_06.gif") no-repeat scroll 0px 0px / 88px auto;
}

.headingTypeB01.guideTitle01 {
	display: table;
	width: 100%;
	padding: 0;
}
.headingTypeB01.guideTitle01 span {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.headingTypeB01.guideTitle01 .ttl01 {
	background-color: #dce4e8;
	width: 38px;
	padding: 8px 0;
	text-align: center;
}
.headingTypeB01.guideTitle01 .ttl02 {
	padding: 8px 25px 8px 18px;
}

.guideContent hr.type1 {
	border-width: 0px 0px 1px;
	border-style: none none dashed;
	border-color: -moz-use-text-color -moz-use-text-color #999;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	margin-bottom: 30px;
}

.guideContent .boxTypeA01 {
    padding: 20px 20px;
}

.guideIndent01 {
	text-indent: -1em;
	padding-left: 1em;
}
.guideIndent02 {
	text-indent: -2em;
	padding-left: 2em;
}




.list01{
margin-left:-18px;
}
.list01 li{
display:table;
float:left;
margin-left:18px;
vertical-align:middle;
}
.list01 li a{
display:table-cell;
vertical-align:middle;
text-align:left;
font-size: 14px;
width:186px;
height:100px;
background:#004da1;
padding:20px;
color:#fff;
text-decoration:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.list01 li a:hover{
filter:alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
opacity:0.7 !important;
}
.list01 li a span{
display: inline-block;
padding-left:20px;
background:url(/feature/common/images/b01_back.png) 0em 0.4em no-repeat;
}

.list01.alt01{
margin-left: 0;
}
.list01.alt01 li{
margin-left: 200px;
}
.list01.alt01 li a span{
margin-left: 16px;
}

.list01.alt02 li{
width: 288px;
}
.list01.alt02 li a span{
margin-left: 20px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
.list01.alt02,
.list01.alt01,
.list01{
margin:0 55px;
}
.list01.alt02 li,
.list01.alt01 li,
.list01 li{
display:table;
width:100%;
float:none;
margin:0 0 20px;
}
.list01.alt02 li a,
.list01.alt01 li a,
.list01 li a{
display:table-cell;
width:100%;
height:94px;
padding:20px;
color:#fff;
text-decoration:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.list01.alt02 li a span,
.list01.alt01 li a span,
.list01 li a span{
display: inline-block;
padding-left:20px;
background:url(/feature/common/images/b01_back.png) 0em 0.4em no-repeat;
}
.list01.alt02 li a span{
margin-left: 4px;
}
}


/* add 2016/02/09 */
.cvLinkList01{
}
.cvLinkList01 li{
margin-bottom:10px;
padding-left:15px;
font-size:14px;
background:url(/common/images/mod_arw_R_03_pc.png) 0 0.4em no-repeat;
}

/* add 2016/08/01 */
.style {
    width: 286px;
    padding-left: 20px;
    font-size: 12px;
}


/* add 2016/09/28 */
.linkList{
border:1px solid #e5edf5;
padding:31px 40px 11px;
list-style:none;
margin-bottom:30px;
}
.linkList li{
display:table;
width:490px;
margin:0 0 20px;
}
.linkList li .image{
display:table-cell;
vertical-align:middle;
width:1px;
}
.linkList li .text{
display:table-cell;
padding-left:20px;
vertical-align:middle;
font-size:14px;
text-align:left;
}
.linkList li .text a{
color:#004da1;
padding-right:20px;
background:url(/common/images/mod_ico_out_01.gif) 100% 50% no-repeat;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.linkList{
padding:20px 0 0;
margin:0 0 20px;
}
.linkList li{
display:block;
width:auto;
margin:0 auto 20px;
}
.linkList li .image{
display:block;
width:auto;
padding:0 20px 10px;
}
.linkList li .text{
display:block;
padding-left:20px;
vertical-align:middle;
font-size:14px;
text-align:left;
}
}


.cameraBox01{
background:#f8f9fb;
padding:40px;
margin:15px 0 40px;
line-height:1.5;
font-size:12px;
}
.cameraBox01 em{
font-weight:normal;
}
.border01{
border-bottom:1px dotted #949494;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.cameraBox01{
padding:20px;
margin:15px 0 40px;
line-height:1.5;
font-size:12px;
}
}