@charset "UTF-8";
/*///////////////////////////////////////////
// リスト関係
///////////////////////////////////////////*/

/*------------------------------------------
Basic
------------------------------------------*/
#contents a {
	color: #6f6333;
	font-weight: inherit;
	line-height: inherit;
}
#contents a:hover {
	color: #165e83;
	text-decoration: underline;
}

/*pdf*/
#contents a.pdf,
#contents a span.pdf {
	display: inline-block;
	padding: 0 16px 0 0;
	background-image: url(../img/marker/icon-pdf-01.png);
	background-position: right 0.1em;
	background-repeat: no-repeat;
	font-weight: inherit;
}

/*Word*/
#contents a.word, #contents a.doc,
#contents a span.word, #contents a span.doc,
#contents a.file[href$=".docx"],
#contents a span.file[href$="..docx"]  {
	display: inline-block;
	padding: 0 16px 0 0;
	background-image: url(../img/marker/icon-word-01.gif);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}

/*Excel*/
#contents a.excel,
#contents a span.excel,
#contents a.file[href$=".xlsx"],
#contents a span.file[href$=".xlsx"] {
	display: inline-block;
	padding: 0 16px 0 0;
	background-image: url(../img/marker/icon-excel-01.gif);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}

/*PowerPoint*/
#contents a.ppt,
#contents a span.ppt,
#contents a.file[href$=".pptx"],
#contents a span.file[href$=".pptx"] {
	display: inline-block;
	padding: 0 16px 0 0;
	background-image: url(../img/marker/icon-ppt-01.gif);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}

/*Other File*/
#contents a.file,
#contents a span.file {
	display: inline-block;
	padding: 0 16px 0 0;
	background-image: url(../img/marker/icon-file-01.gif);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}

/*Blank*/
a.blank,a span.blank {
	display: inline-block;
	padding: 0 12px 0 0;
	background: url(../img/marker/icon-blank-02.png) no-repeat right center;
	font-weight: inherit !important;
}

/*------------------------------------------
Btn Style
------------------------------------------*/

/*bnt-01*/
#contents a.btn-01 {
	display: inline-block;
	padding: 12px 20px;
	width: 260px;
	background: #165e83 url(../img/marker/icon-arrow-04-r.png) 15px center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}
#contents a.btn-01:hover {
	background: #203744 url(../img/marker/icon-arrow-04-r.png) 15px center no-repeat;
	color: #FFF;
	text-decoration: none;
}
a.btn-01 span.blank {
	display: inline-block;
	padding: 0 12px 0 0;
	background: url(../img/marker/icon-blank-05.png) no-repeat right center;
}

/*bnt-01*/
#contents a.btn-02 {
	display: inline-block;
	padding: 7px 26px 5px 16px;
	background: #4c4c4c url(../img/marker/icon-arrow-06-r.png) right center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#contents a.btn-02:hover {
	background: #b0b0b0 url(../img/marker/icon-arrow-07-r.png) right center no-repeat;
	color: #FFF;
	text-decoration: none;
}
a.btn-02 span.blank {
	display: inline-block;
	padding: 0 12px 0 0;
	background: url(../img/marker/icon-blank-03.png) no-repeat right center;
}

/*btn-03*/
#contents a.btn-03 {
	display:block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	background:url(../img/marker/icon-btn-03.png) no-repeat center center;
	text-indent: -9999px;
}

/*btn-04*/
#contents a.btn-04 {
	display: inline-block;
	padding: 7px 26px 5px 16px;
	background: #4c4c4c url(../img/marker/icon-arrow-06-r.png) right center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width:　100%;
}
#contents a.btn-04.blank {
	background-image: url(../img/marker/icon-blank-04.png);
	background-position: right center;
	background-repeat: no-repeat;
}
a.btn-04 span.blank {
	display: inline-block;
	padding: 0 12px 0 0;
	background: url(../img/marker/icon-blank-03.png) no-repeat right center;
}
#contents a.btn-04.pdf {
	background-image: url(../img/marker/icon-pdf-01.png);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}
#contents a.btn-04.word {
	background-image: url(../img/marker/icon-word-01.png);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}
#contents a.btn-04.excel {
	background-image: url(../img/marker/icon-excel-01.png);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}
#contents a.btn-04.ppt {
	background-image: url(../img/marker/icon-ppt-01.png);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}
#contents a.btn-04:hover {
	background-color: #808080;
}

/*a.btn-05*/
#contents a.btn-05 {
	display: inline-block;
	padding: 12px 20px;
	background: #0e384e url(../img/marker/icon-arrow-06-r.png) right center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}
#contents a.btn-05:hover {
	background: #4c4c4c url(../img/marker/icon-arrow-06-r.png) right center no-repeat;
	color: #FFF;
	text-decoration: none;
}

a.btn-05 span.blank {
	display: inline-block;
	padding: 0 12px 0 0;
	background: url(../img/marker/icon-blank-05.png) no-repeat right center;
}
	
/*.block-01*/
#contents a.block-01 {
	display: block;
	padding: 15px 25px 15px 5px;
	background: url(../img/marker/icon-arrow-09-r.png) no-repeat right center;
	color: #17262e;
	color: #000;
	text-decoration: none;
	text-decoration: none;
	font-weight: bold;
}
#contents a.block-01:hover {
	background: #D5D5D5 url(../img/marker/icon-arrow-09-r.png) no-repeat right center;
}
#contents a.block-01 h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}

/*.faq-01-q*/
#contents a.faq-01-q {
	display: block;
	padding: 0 0 0 28px;
	background: url(../img/marker/icon-faq-01-q.png) no-repeat 0 3px;
	font-weight: normal;
	line-height:1.5;
}

/*.mail*/
#contents a.btn-mail-01 {
	display: inline-block;
	padding: 9px 20px 9px 45px;
	background: #0e384e url(../img/marker/icon-mail.png) 20px center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}
#contents a.btn-mail-01:hover {
	background-color: #165e83;
}

#contents a.btn-mail-02 {
	display: inline-block;
	padding: 9px 20px 9px 45px;
	background: #4c4c4c url(../img/marker/icon-mail.png) 20px center no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}
#contents a.btn-mail-02:hover {
	background-color: #2d2d2d;
}

a.btn-mail-01 span.blank, a.btn-mail-02 span.blank {
	background: url(../img/marker/icon-blank-05.png) no-repeat right top;
}

@media screen and (max-width: 600px) {/*sp*/
#contents a.btn-01,
#contents a.btn-02,
#contents a.btn-04,
#contents a.btn-05 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
}