@charset "UTF-8";

.mb20 {margin-bottom: 20px;}
.mr0 {margin-right: 0 !important;}
.mt10 {margin-top: 10px;}

.h2_ttl {
    font-size: 20px;
    z-index: 100;
    top: 30px;
    left: 0;
    position: absolute;
}

.h2_ttl span {
    font-size: 14px;
    padding-left: 15px;
}

html {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}


.wrap {
	/*overflow: hidden;*/
	max-width: 100%;
}


@media screen and (max-width: 950px) {
	
	html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

	
.hide {
		display: none;
	}

#inpage{
    line-height: 24px;
}
    @media screen and (max-width: 950px){	
#inpage{
    text-align: center;
}
}
#inpage #top_link2 {
		display: none
	}
	
.category ul {
	
}

.category ul li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-right: 10px;
}

.category ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    background: #aaa;
    padding: 5px 10px;
}
	
li.list_box {
    display: inline-block;
    margin-bottom: 20px;
}

.work_wrap ul li.list_box:nth-child(4n){
	margin-right:0;
}

/*
li.list_box:hover {
    opacity: 0.6;
}
*/

.work_wrap ul li {
    width: 220px;
}

.work_wrap ul li h4 {
    color: #fff;
    font-size: 1.3em;
    padding-top: 5px;
	margin-bottom: 6px;
}
	
	#caution2 {
		display: block;
		width: 90%;
		margin: 20px 5% 0;
		font-size: 1em;
		text-align: left;
	}
	#caution2 ul li {
		font-size: 1em;
		text-align: left;
	}


}/*@media screen and (max-width: 950px)*/
@media screen and (min-width: 950px) {
	
	

#inpage #top_link2 {
  font-size: 10px;
  color: #777777;
  margin-bottom: 20px;
}

#inpage #top_link2 a { text-decoration: underline; }
#inpage #top_link2 a:hover { text-decoration: none; }
	
	
.category ul {
    float: left;
}

.category ul li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-right: 10px;
}

.category ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    background: #aaa;
    padding: 5px 10px;
}
	
li.list_box {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 19px;
}

.work_wrap ul li.list_box:nth-child(4n){
	margin-right:0;
}

/*
li.list_box:hover {
    opacity: 0.6;
}
*/	
	
	.icon2 {
		height: 86px;}
	
	
.work_wrap ul li {
    width: 220px;
}

.work_wrap ul li h4 {
    color: #fff;
    font-size: 16px;
    padding: 7px 0 7px 15px;
}

	
}/*@media screen and (min-width: 950px)*/

.pdf_box:hover {
    opacity: 0.6;}


ul.work li a {
    background: #294d70;
}

ul.work li a:after {
    content: "";
    background: url(../../img/manual/icon01.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.chair li a {
    background: #80a0ce;
}

ul.chair li a:after {
    content: "";
    background: url(../../img/manual/icon02.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.space01 li a {
    background: #58681a;
}

ul.space01 li a:after {
    content: "";
    background: url(../../img/manual/icon03.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.space02 li a {
    background: #98a74b;
}

ul.space02 li a:after {
    content: "";
    background: url(../../img/manual/icon04.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.space03 li a {
    background: #e4b944;
}

ul.space03 li a:after {
    content: "";
    background: url(../../img/manual/icon05.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.space04 li a {
    background: #d0862a;
}

ul.space04 li a:after {
    content: "";
    background: url(../../img/manual/icon06.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.space05 li a {
    background: #bc3930;
}

ul.space05 li a:after {
    content: "";
    background: url(../../img/manual/icon07.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.space06 li a {
    background: #f5a79b;
}

ul.space06 li a:after {
    content: "";
    background: url(../../img/manual/icon08.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul.space07 li a {
    background: #e4b944;
}

ul.space07 li a:after {
    content: "";
    background: url(../../img/manual/icon05.gif) center center no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}

ul li a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.work_wrap .hl_h3_02 {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 30px;
    padding: 14px 0 8px;
    border-bottom: 1px solid #294d70;
    color: #294d70;
    background: url(../../img/inpage/bg_hl_h3.gif) no-repeat top left;
}

.work_wrap .hl_h3_03 {
    color: #80a0ce;
    border-bottom: 1px solid #80a0ce;
    background: url(../../img/manual/line02.gif) no-repeat top left;
}

.work_wrap .hl_h3_04 {
    color: #58681a;
    border-bottom: 1px solid #58681a;
    background: url(../../img/manual/line03.gif) no-repeat top left;
}

.work_wrap .hl_h3_05 {
    color: #58681a;
    border-bottom: 1px solid #98a74b;
    background: url(../../img/manual/line04.gif) no-repeat top left;
}

.work_wrap .hl_h3_06 {
    color: #e4b944;
    border-bottom: 1px solid #e4b944;
    background: url(../../img/manual/line05.gif) no-repeat top left;
}

.work_wrap .hl_h3_07 {
    color: #d0862a;
    border-bottom: 1px solid #d0862a;
    background: url(../../img/manual/line06.gif) no-repeat top left;
}

.work_wrap .hl_h3_08 {
    color: #bc3930;
    border-bottom: 1px solid #bc3930;
    background: url(../../img/manual/line07.gif) no-repeat top left;
}

.work_wrap .hl_h3_09 {
    color: #f5a79b;
    border-bottom: 1px solid #f5a79b;
    background: url(../../img/manual/line09.gif) no-repeat top left;
}


li.txt_box {
    background: #294d70;
    padding-bottom: 15px;
}

li.txt_box02 {
    background: #80a0ce;
    padding-bottom: 15px
} 

li.txt_box03 {
    background: #58681a;
    padding-bottom: 15px
}

li.txt_box04 {
    background: #98a74b;
    padding-bottom: 15px
}

li.txt_box05 {
    background: #e4b944;
    padding-bottom: 15px
}

li.txt_box06 {
    background: #d0862a;
    padding-bottom: 15px
}

li.txt_box07 {
    background: #bc3930;
    padding-bottom: 15px
} 

li.txt_box08 {
    background: #f5a79b;
    padding-bottom: 15px
} 

.pdf_box span {
    display: block;
}

.pdf_box span:before {
    content: "";
    background: url(../../manual/img/dlicon.png) no-repeat center center;
	margin-right: 10px;
    padding-right: 21px
}

.pdf_box {
    display: block;
    background: #333;
    width: 190px;
    margin: 0 auto;
	font-weight: bold;
	font-size: 1.5em;
    text-align: center;
    border-radius: 3px;
    padding: 7px 0;
    color: #fff;
}

/*
.pdf_box span {
    display: block;
    background: #fff;
    width: 190px;
    margin: 0 auto;
    text-align: center;
    border-radius: 3px;
    padding: 7px 0;
    color: #333;
}

.pdf_box span:before {
    content: "";
    background: url(../../img/manual/pdf_icon.gif) no-repeat center center;
    padding-right: 24px
}
*/


.box_border01 {
    border: 1px solid #294d70;
} 

.box_border02 {
    border: 1px solid #80a0ce;
}

.box_border03 {
    border: 1px solid #58681a;
} 

.box_border04 {
    border: 1px solid #98a74b;
} 

.box_border05 {
    border: 1px solid #e4b944;
} 

.box_border06 {
    border: 1px solid #d0862a;
} 

.box_border07 {
    border: 1px solid #bc3930;
} 

.box_border08 {
    border: 1px solid #f5a79b;
} 

.br:before {
	content: "\A" ;
	white-space: pre ;
}

.linkbox {
	display: block;
}