@charset "UTF-8";

@font-face {
	font-family: 'Noto Sans JP';
	src: url('/common/fonts/NotoSansJP-VariableFont_wght.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto';
	src: url('/common/fonts/Roboto-Thin.ttf') format('truetype'),
	url('/common/fonts/Roboto-Light.ttf') format('truetype');
}


@media screen{
	#wrapper.fixed{
		padding-top: 150px;
	}

	#wrapper.fixed #header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		/*
		height: 48px;
		*/
		height: 150px;

		z-index: 999;
	/*	background: #FF7E00;*/
	}
	/*
	#wrapper.fixed #header .header_inner .h_area01,
	#wrapper.fixed #header .header_inner .h_logo01,
	#wrapper.fixed #header .header_inner .h_sub_navi,
	#wrapper.fixed #header .header_inner .h_txt01,
	#wrapper.fixed #header .header_inner .h_txt02,
	#wrapper.fixed #header .header_inner .h_tel01,
	#wrapper.fixed #header .header_inner .h_contact01{
		display: none;
	}
	#wrapper.fixed #header .header_inner .gnavi{
		top: 0;
	}
	*/
}

@media print{
	#wrapper{
		min-width: 1200px;
	}
}


@media print,screen{
	/* reset start ----------------------------------------------------------------*/

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}

	body {
		line-height:1;
	}

	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}

	ul,ol,dl{
		list-style:none;
	}

	blockquote, q {
		quotes:none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}

	a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}

	a:link,
	a:visited{
		color:#000;
	}

	a:hover,
	a:active{
		color:#FF8C19;
	}

	/* change colours to suit your needs */
	ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none;
	}

	/* change colours to suit your needs */
	mark {
		background-color:#ff9;
		color:#000; 
		font-style:italic;
		font-weight:bold;
	}

	del {
		text-decoration: line-through;
	}

	abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help;
	}

	table {
		border-collapse:collapse;
		border-spacing:0;
	}

	/* change border colour to suit your needs */
	hr {
		display:block;
		height:1px;
		border:0;   
		border-top:1px solid #cccccc;
		margin:1em 0;
		padding:0;
	}

	input, select {
		vertical-align:middle;
	}

	html{
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
		word-break: break-all;
	}

	img{
		display: inline;
		vertical-align: top;
	}

/*
.pcmode{display: inline-block !important;}
*/
.spmode{display: none !important;}

}


/* reset end ----------------------------------------------------------------*/



#header{
	height:150px;
	font-family: 'Noto Sans JP', sans-serif;
	background-color:#FF7E00;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF7E00, endColorstr=#FFFFFF);
	background-image:-moz-linear-gradient(top, #FF7E00 2%, #FFFFFF 2%,#FFFFFF 68%,#FF7E00 68%,#FF7E00 84%,#ED7600 84%,#ED7600 99%,#934900 99%,#934900 100%);
	background-image:linear-gradient(top, #FF7E00 2%, #FFFFFF 2%,#FFFFFF 68%,#FF7E00 68%,#FF7E00 84%,#ED7600 84%,#ED7600 99%,#934900 99%,#934900 100%);
	background-image:-webkit-linear-gradient(top, #FF7E00 2%, #FFFFFF 2%,#FFFFFF 68%,#FF7E00 68%,#FF7E00 84%,#ED7600 84%,#ED7600 99%,#934900 99%,#934900 100%);
	background-image:-o-linear-gradient(top, #FF7E00 2%, #FFFFFF 2%,#FFFFFF 68%,#FF7E00 68%,#FF7E00 84%,#ED7600 84%,#ED7600 99%,#934900 99%,#934900 100%);
	background-image:-ms-linear-gradient(top, #FF7E00 2%, #FFFFFF 2%,#FFFFFF 68%,#FF7E00 68%,#FF7E00 84%,#ED7600 84%,#ED7600 99%,#934900 99%,#934900 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(2%,#FF7E00), color-stop(2%,#FFFFFF),color-stop(68%,#FFFFFF),color-stop(68%,#FF7E00),color-stop(84%,#FF7E00),color-stop(84%,#ED7600),color-stop(99%,#ED7600),color-stop(99%,#934900),color-stop(100%,#934900));
}

#header .header_inner{
	position: relative;
	width:1080px;
	margin: 0 auto;
}

#header .header_inner a:link,
#header .header_inner a:visited{
	color:#000;
}

#header .header_inner a:hover,
#header .header_inner a:active{
	color:#FF8C19;
}

#header .header_inner .h_area01{
	position: absolute;
	top:17px;
	left: 0;

	font-size: 11px;
}

#header .header_inner .h_area01 img{
	position: absolute;
	top:37px;
	left:-10px;
}

#header .header_inner .h_logo01{
	position: absolute;
	top:40px;
	left:2px;
}

#header .header_inner .h_txt01{
	position: absolute;
	top:42px;
	left:589px;
}

#header .header_inner .h_txt02{
	position: absolute;
	top:62px;
	left:570px;
}


#header .header_inner .h_tel01{
	position: absolute;
	top:52px;
	left:635px;

	display: grid;
	/*
    grid-template-rows: 18px 24px;
    grid-template-columns: 36px 1fr;
	*/

	grid-template-columns: repeat(36px, 1fr);
	grid-template-rows: repeat(18px, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	
}

#header .header_inner .h_tel01 .tel_date{
	grid-area: 1 / 1 / 2 / 3;

	padding-bottom:4px;

	font-size: 10px;
}

#header .header_inner .h_tel01 .tel_img{
	grid-area: 2 / 1 / 3 / 2;

	padding-right:4px;

	font-size: 10px;
}

#header .header_inner .h_tel01 .tel_num{
	grid-area: 2 / 2 / 3 / 3;

	font-size: 20px;
	font-family: "Roboto";
	color:#4D4D4D;
	font-weight: 500;
}

#header .header_inner .h_tel01 .tel_num a{
	text-decoration: none;
}

@media print, screen and (767px < width){
	a[href^="tel:"] {
		pointer-events: none;
		text-decoration: none;
	}
}

#header .header_inner .h_contact01{
	position: absolute;
	top:44px;
	left:802px;
}
#header .header_inner .h_contact01.stop{
	top: 40px;
	width: 220px;
	max-height: 56px;
	padding: 5px 10px;
	color: #FF3333;
	font-size: 10px;
	letter-spacing: 0;
	font-weight: bold;
	line-height: 1.4;
	background-color: #FFEAEA;
	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* 2026-10-27 緊急: 事例等を外したGナビを中央寄せ */
#header .gnavi.gnavi-maint{
	left: 0;
	right: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#header .gnavi.gnavi-maint > li{
	float: none;
}
#header .gnavi.gnavi-maint > li > a,
#header .gnavi.gnavi-maint > li > span{
	width: auto !important;
	padding-left: 28px;
	padding-right: 28px;
}
#header .gnavi.gnavi-maint > li:first-child:before{
	display: none;
}

#header .header_inner .h_contact01:hover{
	opacity: 0.7;
}


#header .header_inner .h_sub_navi{
	position: absolute;
	top:16px;
	right:0;
	color:#4D4D4D;
}

#header .header_inner .h_sub_navi:after{
	clear: both; content: ""; height: 0; display: block;
}

#header .header_inner .h_sub_navi li{
	float:left;
}

#header .header_inner .h_sub_navi li.online{
	margin-top: -13px;
	transition: ease .25s opacity;
}
#header .header_inner .h_sub_navi li.online:hover{
	opacity: .6;
}


#header .header_inner .h_sub_navi li a{
	padding:2px 15px 2px 18px;
}

#header .header_inner .h_sub_navi li a{
	float:left;
	padding:2px 15px 2px 32px;
	font-size: 12px;
	background-image: url(../img/header/arrow01.png);
	background-repeat: no-repeat;
	background-position:15px 50% ;
	border-left:1px solid #CCCCCC;
	text-decoration: none;
}

#header .header_inner .h_sub_navi li .eng-language{

	background-image: url(../img/header/earth.png);
}
#header .header_inner .h_sub_navi li:first-child a{
	float:left;
	padding:2px 15px 2px 18px;
	background-position: 0 50%;
	border-left:none;
}
#header .header_inner .h_sub_navi li:last-child a{
	padding-right: 0;
}


#header .gnavi{
	position:absolute;
	top:102px;
	left:0;
}

#header .gnavi:after{
	clear: both; content: ""; height: 0; display: block;
}
#header .gnavi > li{
	position: relative;
	float:left;
}

#header .header_inner .gnavi > li > span:hover,
#header .header_inner .gnavi > li > a:hover,
#header .header_inner .gnavi > li > a:active{
/*	height:48px;*/
	color:#FF8C19;
	background-color:#FFF;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF7E00, endColorstr=#FFFFFF);
	background-image:-moz-linear-gradient(top, #FFFFFF 2%, #FFF5CC 98%, #934900 98%, #934900 100%);
	background-image:linear-gradient(top, #FFFFFF 2%, #FFF5CC 98%, #934900 100%);
	background-image:-webkit-linear-gradient(top, #FFFFFF 2%, #FFF5CC 98%, #934900 98%, #934900 100%);
	background-image:-o-linear-gradient(top, #FFFFFF 2%, #FFF5CC 98%, #934900 98%, #934900 100%);
	background-image:-ms-linear-gradient(top, #FFFFFF 2%, #FFF5CC 98%, #934900 98%, #934900 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(2%,#FFFFFF), color-stop(98%,#FFF5CC),color-stop(98%,#934900),color-stop(100%,#934900));
}
#header .gnavi > li:before{
	position: absolute;
	top:16px;
	left:0;
	content: " ";
	width: 1px;
	height: 18px;
	background-color: #FFF;
}

#header .header_inner .gnavi > li span,
#header .header_inner .gnavi > li a{
	text-decoration: none;
	color:#FFF;
	font-weight: 500;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.025rem;
}


#header .gnavi > li > a,
#header .gnavi > li > span{
	display: block;
	padding:17px 0 17px;
}

#header .gnavi > li > a img{
	display: block;
	margin:0 auto;
}

/*
#header .gnavi > li:nth-child(1) > a{ width:173px; }
#header .gnavi > li:nth-child(2) > a{ width:106px; }
#header .gnavi > li:nth-child(3) > a{ width:145px; }
#header .gnavi > li:nth-child(4) > a{ width:228px; }
#header .gnavi > li:nth-child(5) > a{ width:158px; }
#header .gnavi > li:nth-child(6) > a{ width:160px; }
#header .gnavi > li:nth-child(7) > a{ width:102px; }

#header .gnavi > li:nth-child(1) > span{ width:173px; }
#header .gnavi > li:nth-child(2) > span{ width:106px; }
#header .gnavi > li:nth-child(3) > span{ width:145px; }
#header .gnavi > li:nth-child(4) > span{ width:228px; }
#header .gnavi > li:nth-child(5) > span{ width:158px; }
#header .gnavi > li:nth-child(6) > span{ width:160px; }
#header .gnavi > li:nth-child(7) > span{ width:102px; }
*/

#header .gnavi > li:nth-child(1) > a{ width:173px; }
#header .gnavi > li:nth-child(2) > a{ width:106px; }
#header .gnavi > li:nth-child(3) > a{ width:145px; }
#header .gnavi > li:nth-child(4) > a{ width:220px; }
#header .gnavi > li:nth-child(5) > a{ width:158px; }
#header .gnavi > li:nth-child(6) > a{ width:160px; }
#header .gnavi > li:nth-child(7) > a{ width:118px; }

#header .gnavi > li:nth-child(1) > span{ width:173px; }
#header .gnavi > li:nth-child(2) > span{ width:106px; }
#header .gnavi > li:nth-child(3) > span{ width:145px; }
#header .gnavi > li:nth-child(4) > span{ width:220px; }
#header .gnavi > li:nth-child(5) > span{ width:158px; }
#header .gnavi > li:nth-child(6) > span{ width:160px; }
#header .gnavi > li:nth-child(7) > span{ width:118px; }


#header .gnavi > li:last-child:after{
	position: absolute;
	top:16px;
	right:0;
	content: " ";
	width: 1px;
	height: 18px;
	background-color: #FFF;
}


/* child */
#header .gnavi li:hover > .child{
	display: block;
}

#header .gnavi li > .child{
	display: none;
	position: absolute;
	z-index: 999;
	top: 100%;
	left: 0;

	width: 100%;
	border-bottom: 1px solid #CCC;
}
#header .gnavi li:nth-child(3) > .child{
	width: 270px;
}


#header .gnavi li > .child li{
}
#header .gnavi li > .child li a{
	display: block;
	padding: 16px 5px 16px 20px;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	letter-spacing: 0   ;
	line-height: 160%;
	text-align: left;
	color:#000;
	background: rgba(255,255,255,0.9);
	border: 1px solid #CCC;
	border-top: 0;
	border-bottom: 1px dotted #CCC;
}
#header .gnavi li > .child li:last-child a{
	border-bottom: 0;
}

#header .gnavi li > .child li a:hover,
#header .gnavi li > .child li a:active{
	color:#FF8C19;
}



#header .header_inner .h_sns{
	display:flex;
	position: absolute;
	top:50px;
	left: 380px;
}

#header .header_inner .h_sns li{
	margin-right:10px;
}

#header .header_inner .h_sns img{
	width:30px;
	vertical-align: middle;
}

#header .header_inner .h_sns li:nth-child(3) a img{
	padding-top:4px;
}



/*
@keyframes gnavi_hover {
    from {
        left: 0;
        padding:0;
    }
    20% {
        padding:10px;
    }
    70% {
        padding:5px;
    }
    to {
        padding:15px;
    }
}
*/


/*      library-class
------------------------------*/


.content_inner p.caption {
	font-size: 12px;
	text-align: right;
}
.content_inner p.red {
	color: #D80000;   
}




/*      h1_title
------------------------------*/

div.h1_title {
	width: 100%;
	background: url(../img/header/h1_title_bg01.png) repeat-x 0 0,url(../img/header/h1_title_bg02.png) repeat-x 0 bottom,#F2F2F2;
}
div.h1_title h1,
div.h1_title .h1 {
	position: relative;
	width: 1080px;
	margin: 0 auto;
	padding: 0 0 4px;
	line-height: 180%;
	letter-spacing: 1px;
	box-sizing: border-box;
}
div.h1_title h1 span,
div.h1_title .h1 span {
	font-size: 12px;
	font-weight: normal;
}
div.h1_title h1 span:before,
div.h1_title .h1 span:before{
	content: "";
	display: none;
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
	height: 15px;
	background: #FF7E00;
}

/*      pankuzu
------------------------------*/

div.pankuzu {
	padding: 11px 0;
}
div.pankuzu ul {
	width: 1080px;
	margin: 0 auto;
	padding: 0px 0;
	box-sizing: border-box;
}
div.pankuzu ul li {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding-right: 14px;
	line-height: 100%;
	vertical-align: top;
	margin: 0;
	background: url(../img/icon/arrow_icon01.png) no-repeat 100% 40%;
}
div.pankuzu ul li:last-child {
	background: none;
}
div.pankuzu ul li a {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
}
div.pankuzu ul li a img {
	display: inline-block;
	vertical-align: top;
}


/*      content_inner
------------------------------*/

.content_inner {
	width: 1080px;
	margin: 0 auto 80px;
	padding: 40px 60px;
	border: solid 2px #E7E7E7;
	border-top: 0;
	background: #FFF;
	box-sizing: border-box;
}


/*      banner_links
------------------------------*/
#container #banner_links{
	background: #E0E0E0;
}
#container #banner_links ul{
	display: block;
	margin: 0 auto;
	padding: 30px 0 10px;
	width: 1080px;
	text-align: center;
}
@media screen and (max-width: 1080px){
	#container #banner_links ul{
		width: auto;
	}
}
#container #banner_links ul li{
	display: inline-block;
	width:254px;
	margin:0 8px 20px 0;
	padding:0;
}
#container #banner_links ul li a{
	display: block;
	transition: 0.25s opacity ease;
}
#container #banner_links ul li a:hover{
	opacity: 0.6;
}




/*      banner_links02
------------------------------*/
#container #banner_links02{
	margin: 36px 0 6px;
}

#container #banner_links02 ul{
	display: block;
	margin: 0 auto;
	width:760px;
	text-align: center;
}
#container #banner_links02 ul li{
	display: inline-block;
	width: 368px;
	margin: 0 15px 30px 0;
	padding:0;
}
#container #banner_links02 ul li:nth-child(2) {
	margin-right: 0;
}
#container #banner_links02 ul li:nth-child(3) {
	width: 760px;
}
#container #banner_links02 ul li a{
	display: block;
	transition: ease 0.25s opacity;
}
#container #banner_links02 ul li a:hover{
	opacity: 0.6;
}




/*      pagination
------------------------------*/


#container .content_inner ul.pagination {
	margin: 0 auto;
	text-align: center;
}

#container .content_inner ul.pagination li {
	display: inline-block;
	width: 42px;
	margin: 0 10px 0 0;
	border: solid 1px #D5D5D5;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #ffffff, #d5d5d5);
	background-image: -webkit-gradient(linear, 59% 20%, 60% 140%,
		from(rgb(255, 255, 255)), to(rgb(213, 213, 213)));
	background-image: linear-gradient(top, #ffffff, #d5d5d5);
	background-clip: padding-box;
	text-align: center;
	font-size: 14px;

	transition: opacity 0.25s ease;
}

#container .content_inner ul.pagination li:last-child {
	margin-right: 0;
}
#container .content_inner ul.pagination li:empty{
	border: 0;
	background: none;
}

#container .content_inner ul.pagination:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#container .content_inner ul.pagination li a {
	display: block;
	padding: 12px 0;
	text-decoration: none;
	color: #999999;
}

#container .content_inner ul.pagination li:hover {
	background: #FF7E00;
	border:solid 1px #C66300;
	opacity: 0.6;
}

#container .content_inner ul.pagination li:hover a {
	color: #FFF;
}

#container .content_inner ul.pagination li.prev {
	width: 79px;
	margin-right: 20px;
}
#container .content_inner ul.pagination li.next {
	width: 79px;
	margin-left: 10px;
}

#container .content_inner ul.pagination li.prev a,
#container .content_inner ul.pagination li.next a {
	color: #000;
}

#container .content_inner ul.pagination li.prev:hover,
#container .content_inner ul.pagination li.next:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #d5d5d5);
	background-image: -webkit-gradient(linear, 59% 20%, 60% 140%,
		from(rgb(255, 255, 255)), to(rgb(213, 213, 213)));
	background-image: linear-gradient(top, #ffffff, #d5d5d5);
	background-clip: padding-box;

	opacity: 0.5;
}

#container .content_inner ul.pagination li.prev a > span {
	padding-left: 22px;
	background: url(../../common/img/icon/prev_icon01.png) no-repeat 0% 50%;
}
#container .content_inner ul.pagination li.next a > span {
	padding-right: 22px;
	background: url(../../common/img/icon/next_icon01.png) no-repeat 100% 50%;
}

#container .content_inner ul.pagination li.on {
	background: #FF7E00;
	border:solid 1px #C66300;
}

#container .content_inner ul.pagination li.on a {
	color: #FFF;
}

#container .content_inner ul.pagination li.list_back{
	width: 120px;

	color: #FFF;

	background: #FF7E00;
	border-color: #C66300;

}
#container .content_inner ul.pagination li.list_back a{
	display: block;
	color: #FFF;
}

/* template parts */

/* caption */

#container .c02_01{
	position: relative;

	margin: 0 0 30px;

	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	border-bottom: 2px solid #ECECEC;
	background: url(../img/container/c02_bg02.jpg) repeat-x 0 4px,url(../img/container/c02_bg03.jpg) repeat-x 0 bottom;
}
#container .c02_01 span{
	display: inline-block;

	padding: 20px 20px 9px;
	font-size: 20px;
	font-weight: bold;
	line-height: 155%;
}
#container .c02_01:before{
	content: "";
	position: absolute;
	top: 0;
	left: -1px;

	display: block;
	width: 100%;
	width: calc(100% + 2px);
	height: 4px;
	background:url(../img/container/c02_bg01.jpg) repeat-x 0 0;
}

#container .c02_02,
#container .c02_03{
	margin: 0 0 30px;
	text-align: center;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 160%;
}
#container .c02_02 span{
	display: inline;
	padding: 0 8px;

	background: url(../img/icon/c02_border.jpg) repeat-x 0 85%;
}
#container .c02_03 span{
	color: #FE0000;
}

#container .c02_02.fukidashi{
	margin-bottom: 60px;
}

#container .c02_02.fukidashi div{
	position: relative;
	display: inline-block;
}
#container .c02_02.fukidashi div:after,
#container .c02_02.fukidashi div:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;

	width: 42px;
	height: 61px;

	background: no-repeat 0 0;
}
#container .c02_02.fukidashi div:before{
	right: 110%;
	background-image: url(../img/container/c02_lf.png);
}
#container .c02_02.fukidashi div:after{
	left: 110%;
	background-image: url(../img/container/c02_rf.png);
}







#container .c03_01{
	margin: 0 0 20px;
	padding: 0 0 0 33px;

	color: #000;
	font-size: 24px;
	font-weight: bold;
	line-height: 180%;

	background: url(../img/icon/circle_img02.png) no-repeat 0 40%;
}
#container .c03_01 .small{
	font-size: 18px;
}
#container .c03_01 .verysmall{
	font-size: 14px;
}




/* arrow list */

#container .r_arrow01{
	display: inline-block;
	padding: 0 0 0 23px;

	color:#000;
	font-size: 14px;
	text-decoration: underline;
	background: url(../img/icon/right_arrow01_01.png) no-repeat left center;
}


/* circle_list */

#container .circle_list01{
}
#container .circle_list01 li{
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
}
#container .circle_list01 li:before{
	display: inline-block;
	content: "●";

	margin: 0 4px 0 0;

	font-size: 20px;
	font-weight: bold;

	vertical-align: middle;
}
#container .circle_list01.color01 li:before{
	color:#FF7E00;
}
#container .circle_list01.color02 li:before{
	color:#44B4C2;
}

/* table .normal_table */

#container .normal_table{
	table-layout: fixed;
	border-top: 1px solid #BFBFBF;
}

#container .normal_table tr{
	border-bottom: 1px solid #BFBFBF;
}

#container .normal_table th,
#container .normal_table td{
	padding: 13px 30px;
}

#container .normal_table th{
	position: relative;
	width: 318px;

	line-height: 150%;
	vertical-align: top;

	font-size: 14px;
	font-weight: normal;
	text-align: left;


	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #EFF0F3;
}
#container .normal_table th span.required,
#container .normal_table th span.any{
	position: absolute;
	top: 13px;
	right: 30px;

	display: inline-block;

	width: 46px;

	color: #EFF0F3;
	font-size: 12px;
	font-weight: bold;

	text-align: center;
	line-height: 18px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#container .normal_table th span.required{
	background: #C00;
}

#container .normal_table th span.any{
	background: #777777;
}


#container .normal_table td{
	width: 642px;


	font-size: 14px;
	line-height: 150%;
	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


}


#container .normal_table.type02,
#container .normal_table.type02 tr{
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #DBDBDB;
}

#container .normal_table.type02 th{
	font-weight: bold;
	border-right: 1px solid #DBDBDB;
	background-color: #EEEEEE;
}




/* interview_layout */

.content_inner.interview_layout{
	padding: 0;
}

.content_inner .interview_box{
	padding: 40px 58px;
	background: #FAFAF0;
}

.content_inner .interview_box .cap_photovisual{
	position: relative;
	z-index: 0;

	margin-bottom: 40px;
}
.content_inner .interview_box .cap_photovisual .photo{
}
.content_inner .interview_box .cap_photovisual .text{
	position: absolute;
	bottom: 30px;

	display: block;

	padding: 30px 0;

	width: 100%;

	color: #FFF;
	line-height: 180%;
	text-align: center;
	letter-spacing: 2px;

	background: rgba(63,163,173,0.9);
}
.content_inner .interview_box .cap_photovisual .text .main{
	display: block;

	margin: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
}
.content_inner .interview_box .cap_photovisual .text .sub{
	display: block;
	font-size: 14px;
	font-weight: normal;
}


.content_inner .interview_box .image_set{
	position: relative;
	z-index: 100;

	margin: 0 auto 110px;
	width: 921px;
}
.content_inner .interview_box .image_set:after{
	content: " "; display: block; height: 0; clear: both;
}
.content_inner .interview_box .image_set.last{
	margin-bottom: 60px;
}
.content_inner .interview_box .image_set.border{
	padding-bottom: 55px;
	margin-bottom: 55px;

	border-bottom: 2px solid #DFDFDF;

}


.content_inner .interview_box .image_set .left_image,
.content_inner .interview_box .image_set .left_text{
	float: left;
}
.content_inner .interview_box .image_set .right_image,
.content_inner .interview_box .image_set .right_text{
	float: right;
}

.content_inner .interview_box .image_set .left_image,
.content_inner .interview_box .image_set .right_image{
	width: 364px;
}

.content_inner .interview_box .image_set .left_text,
.content_inner .interview_box .image_set .right_text{
	margin-top: -60px;
	padding: 40px 47px;

	width: 556px;

	line-height: 180%;

	background: #FFF;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content_inner .interview_box .image_set h3{
	margin: 0 0 20px;
	padding: 0 0 10px;

	color: #FF7E00;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	letter-spacing: 1px;

	border-bottom: 2px solid #E7E7E7;
}

.content_inner .interview_box .image_set dl{
}
.content_inner .interview_box .image_set dl dt{
	font-size: 16px;
	font-weight: bold;
}
.content_inner .interview_box .image_set dl dt.alpha{
	color: #45B6BF;
}

.content_inner .interview_box .image_set dl dd{
	margin: 0 0 24px;
	font-size: 14px;
	line-height: 180%;
}


.content_inner .interview_box .cap_photovisual.last{
	margin: 0 auto 75px;
	width: 760px;
}
.content_inner .interview_box .cap_photovisual.last .text{
	left: auto;
	right: 0;
	width: 524px;

	padding-left: 30px;

	text-align: left;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content_inner .interview_box .cap_photovisual.last .text .main{
	margin-bottom: 0;
	font-size: 16px;
}


/* ottoo_common_reset */
.content_inner.ottoo_box.two_column {
	width: 1080px;
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 100px;
}
.content_inner.ottoo_box.two_column:after{
	content: " "; display: block; height: 0; clear: both;
}

/* ottoo_main_box */
div.ottoo_main_box {
	width: 840px;
	float: left;
}

div.ottoo_main_box ul.list01 {
	margin: 0 0 60px;
}
div.ottoo_main_box ul.list01:after {
	content: " "; display: block; height: 0; clear: both;
}

div.ottoo_main_box ul.list01 li {
	float: left;
	width: 268px;
	margin: 0 0 25px 15px;
}

div.ottoo_main_box ul.list01 li:first-child,
div.ottoo_main_box ul.list01 li:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}

div.ottoo_main_box ul.list01 li a {
	display: block;
	text-decoration: none;
}

div.ottoo_main_box ul.list01 li a dl {}

div.ottoo_main_box ul.list01 li a dl dt {
	display: table-cell;
	margin-bottom: 12px;

	width: 268px;
	height: 178px;
	text-align: center;
	vertical-align: middle;
}

div.ottoo_main_box ul.list01 li a dl dt img {
	width: auto;
	height: auto;

	max-width: 268px;
	max-height: 178px;
}

div.ottoo_main_box ul.list01 li a:hover dt img {
	opacity: 0.5;   
}

div.ottoo_main_box ul.list01 li a dl dd {
	margin: 10px 0 0;
	font-size: 12px;
	text-align: center;
	line-height: 155%;
}

div.ottoo_main_box ul.list01 li a dl dd span {}

div.ottoo_main_box ul.list01 li a dl dd span.new {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 4px 0 0;
	padding: 3px 6px;
	text-align: center;
	vertical-align: middle;
	position: relative;

	background-color: #FFEE33;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 100%;
}

div.ottoo_main_box ul.list01 li a dl dd span.size { font-weight: 700; }
div.ottoo_main_box ul.list01 li a dl dd span.size span { margin-left: 4px; font-size: 10px; }
div.ottoo_main_box ul.list01 li a dl dd span.name {}
div.ottoo_main_box ul.list01 li a dl dd span.service {}


/* works detials */
div.ottoo_main_box .works_area {
	margin: 0 auto 60px;
	width: 640px;
}
div.ottoo_main_box .works_area.second{
	width: auto;
}

div.ottoo_main_box dl.works_main {
	margin-bottom: 50px;
}

div.ottoo_main_box dl.works_main dt {
	margin-bottom: 50px;
	text-align: center;
}

div.ottoo_main_box dl.works_main dt img {
	max-width:100%;
}

div.ottoo_main_box dl.works_main dd {
	/*width: 640px;*/
	/*padding: 32px 46px;*/
	box-sizing: border-box;
	/*background: #F9F9EE;*/
}
#container div.ottoo_main_box dl.works_main dd .normal_table,
#container div.ottoo_main_box dl.works_main dd .normal_table tr{
	border-color: #DDD;
}

#container div.ottoo_main_box dl.works_main dd .normal_table th{
	width: 180px;
	background: #FDF5B5;
}


div.ottoo_main_box dl.works_main dd p {
	font-size: 14px;
	line-height: 180%;
}


div.ottoo_main_box ul.works_sub {
	margin-bottom: 50px;
}
div.ottoo_main_box ul.works_sub:after{
	content: " "; display: block; height: 0; clear: both;
}

div.ottoo_main_box ul.works_sub li {
	float: left;
	margin: 0 0 40px 15px;

	width: 412px;

}
div.ottoo_main_box ul.works_sub li:first-child,
div.ottoo_main_box ul.works_sub li:nth-child(2n+1){
	clear: both;
	margin-left: 0;
}

div.ottoo_main_box ul.works_sub li span.photo{
	display: table-cell;
	width: 412px;
	height: 274px;

	vertical-align: bottom;
	text-align: center;
}
div.ottoo_main_box ul.works_sub li span.photo img {
	width: auto;
	height: auto;
	max-width: 412px;
	max-height: 274px;
}


div.ottoo_main_box ul.works_sub li span.text {
	display: inline-block;
	margin: 14px 0 0;
	width: 100%;

	font-size: 12px;
	text-align: center;
	line-height: 140%;
}
div.ottoo_main_box ul.works_sub li span.text:empty{
	display: none;
}
div.ottoo_main_box div.point {
	position: relative;
	width: 640px;
	border: solid 3px #F66C14;
	border-radius: 5px 5px 0 0;
	margin-bottom: 60px;
}

div.ottoo_main_box div.point dl {
	padding: 28px 35px 78px;
}

div.ottoo_main_box div.point dl dt {
	margin: 0 0 10px;
}

div.ottoo_main_box div.point dl dt img {}

div.ottoo_main_box div.point dl dd {
	font-size: 14px;
	line-height: 180%;
	width: 570px;
	margin: 0 auto;
}

div.ottoo_main_box div.point dl dd .profile_details{
	position: absolute;
	left:0;
	bottom: 0;

	width: 100%;

	padding: 5px 35px;

	background: #F66C14;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


div.ottoo_main_box div.point dl dd div.text{
	margin: 0;
	font-size: 14px;
	line-height: 180%;
}
div.ottoo_main_box div.point dl dd .right {
	float: left;
	width: 40px;
	height: 40px;

	border: 2px solid #FFF;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.ottoo_main_box div.point dl dd .right img{
	width: 100%;
	height: auto;
}
div.ottoo_main_box div.point dl dd .right img {}

div.ottoo_main_box div.point dl dd .left {
	position: relative;
	float: left;
	width: 510px;
	margin: 0 0 0 20px;
	box-sizing: border-box;
}
/*
div.ottoo_main_box div.point dl dd .left:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: -7px;
    width: 7px;
    height: 10px;
    background: url(../img/container/point_img03.png) no-repeat;
    }*/

    div.ottoo_main_box div.point dl dd:after {
    	content: "";
    	display: block;
    	height: 0;
    	clear: both;
    }
    div.ottoo_main_box div.point dl dd .left dl {
    	margin-bottom: 20px;
    	padding: 0;
    }
    div.ottoo_main_box div.point dl dd .left dl:after{
    	content: " "; display: block; height: 0; clear: both;
    }

    div.ottoo_main_box div.point dl dd .left dl:last-child {
    	margin-bottom: 0;
    }

    div.ottoo_main_box div.point dl dd .left dl dt {
    	float: left;
    	margin: 10px 0 0;
    	padding: 0;
    	width: 60px;
    	color: #FFF;
    	font-size: 14px;
    }
    div.ottoo_main_box div.point dl dd .left dl dt:before {
    	content: "●";
    	display: inline-block;
    	margin: 0 5px 0 0;
    	color: #FFF;
    	font-size: 14px;
    	font-weight: bold;
    }
    div.ottoo_main_box div.point dl dd .left dl dd {
    	float: left;
    	margin: 5px 0 0 10px;
    	width: 440px;
    	color: #FFF;
    }
    div.ottoo_main_box div.point dl dd .left dl dd .name{
    	float: left;
    	display: inline-block;
    	margin: 5px 10px 0 0;

    	font-size: 18px;
    	font-weight: bold;
    	letter-spacing: 1px;
    }
    div.ottoo_main_box div.point dl dd .left dl dd .link{
    	float: right;
    	display: inline-block;
    }
    div.ottoo_main_box div.point dl dd .left dl dd .link a{
    	display: inline-block;

    	color: #FFF;
    	font-size: 12px;

    	padding: 3px 10px;

    	text-decoration: none;

    	border: 1px solid #FFF;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;

    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	-ms-border-radius: 4px;
    	-o-border-radius: 4px;
    	border-radius: 4px;

    	transition: background-color 0.25s ease;
    }
    div.ottoo_main_box div.point dl dd .left dl dd .link a:hover{
    	color: #F66C14;
    	background: #FFF;
    }




    div.ottoo_main_box div.voice {
    	width: 640px;
    	border: solid 3px #44B4C2;
    	border-radius: 5px;
    	margin-bottom: 70px;
    }

    div.ottoo_main_box div.voice dl {
    	padding: 28px 35px;
    }

    div.ottoo_main_box div.voice dl dt {
    	margin-bottom: 0;
    }

    div.ottoo_main_box div.voice dl dt img {}

    div.ottoo_main_box div.voice dl dd {
    	width: auto;
    	height: auto;
    	background: #ECF7F9;

    }

    div.ottoo_main_box div.voice dl dd div {
    	padding: 24px 20px;
    }

    div.ottoo_main_box div.voice dl dd div p {
    	font-size: 14px;
    	line-height: 160%;
    }

    div.ottoo_main_box .contact {
    	margin: 0 0 60px;
    	width: auto;
    	text-align: center;
    }

    div.ottoo_main_box .contact a {
    	display: block;
    }

    /* works ottoo_side_box */
    div.ottoo_side_box {
    	width: 210px;
    	float: right;
    }

    div.ottoo_side_box .search_box {
    	width: 210px;
    	border: solid 1px #E1E1E1;
    	margin-bottom: 20px;
    }

    div.ottoo_side_box .search_box dl {
    }

    div.ottoo_side_box .search_box dl dt {
    	width: 100%;
    	padding: 8px 0 8px 10px;
    	background: url(../img/container/side_dt_bg.png) repeat;
    	color: #FFF;
    	font-size: 14px;
    	font-weight: bold;
    	line-height: 140%;
    	box-sizing: border-box;
    }

    div.ottoo_side_box .search_box dl dd {}

    div.ottoo_side_box .search_box dl dd ul {}

    div.ottoo_side_box .search_box dl dd ul li {
    	font-size: 12px;
    	line-height: 166%;
    	width: 195px;
    	padding: 4px 0;
    	margin: 0 auto;
    	border-bottom: solid 1px #DDD;
    	box-sizing: border-box;
    }

    div.ottoo_side_box .search_box dl dd ul li input {
    	display: block;
    	float: left;
    }

    div.ottoo_side_box .search_box dl dd ul li span {
    	display: inline-block;
    	padding-left: 5px;
    	font-size: 11px;
    }

    div.ottoo_side_box .search_box dl dd ul li span span{
    	padding-left: 0;
    	font-size: 10px;
    }


    div.ottoo_side_box .search_box dl dd div.btn {
    	position: relative;
    	width: 190px;
    	height: 26px;
    	margin: 10px auto 0;
    }

    div.ottoo_side_box .search_box dl dd div.btn img {
    	position: absolute;
    	right: 0;
    }

    div.ottoo_side_box .search_box dl.service_box dd ul li input {
    	margin-top: 2px;
    }

    div.ottoo_side_box .search_box dl.service_box dd ul li:nth-child(3) input ,
    div.ottoo_side_box .search_box dl.service_box dd ul li:last-child input {
    }
    div.ottoo_side_box .search_box dl.type_box dd{
    	margin: 10px 0;
    }

    div.ottoo_side_box .search_box dl.type_box dd ul {}

    div.ottoo_side_box .search_box dl.type_box dd ul li {
    	padding-top: 0;
    	border: none;
    }

    div.ottoo_side_box .search_box dl.type_box dd ul li input {
    	margin-top: 45px;
    }

    div.ottoo_side_box div#btn04 {
    	width: 154px;
    	margin: 0 auto 20px;
    }

    div.ottoo_side_box div#btn04 img {}

    div.ottoo_side_box div#word_search {
    	position: relative;
    	box-sizing: border-box;
    }

    div.ottoo_side_box div#word_search input {
    	float:left;
    	padding: 0px 0px 0px 12px;
    	height: 32px;
    	width: 177px;
    	outline: none;
    	border: solid 1px #E1E1E1;
    	box-sizing: border-box;
    }

/*
div.ottoo_side_box div#word_search:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 29px;
    background-color: #D4D4D4;
    background-image: url(../img/index/icon_img01.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: solid 1px #CCCCCC;
}
*/
div.ottoo_side_box div#word_search #word_search_btn {
	float:right;
	display: block;
	width: 33px;
	height: 32px;
	padding:8px;
	background-color: #D4D4D4;
    /*
    background-image: url(../img/index/icon_img01.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    */
    border: solid 1px #CCCCCC;
    box-sizing: border-box;
    cursor: pointer;
  }

  div.ottoo_side_box div#word_search:after{
  	clear: both; content: " "; height: 0; display: block;
  }

  div.ottoo_side_box div#word_search > div {
  	position: absolute;
  	top: 10px;
  	left: 12px;
  	font-size: 12px;
  	color: #b5b5b5;
  }

  div.ottoo_side_box p#word_search_txt{
  	padding:4px 5px;
  	font-size: 10px;
  	line-height: 120%;
  }

  div.ottoo_side_box p.clear{
  	text-align: right;
  }
  div.ottoo_side_box p.clear a{
  	display: inline-block;
  	margin: 8px 10px 4px;
  	padding: 5px 10px;

  	font-size:10px;
  	text-decoration: none;
  	line-height: 100%;

  	border: 1px solid #CCC;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
  	border-radius: 3px;

  	background: #EEE;
  }
  div.ottoo_side_box p.clear a:hover{
  	color: #FFF;
  	background: #E9630A;
  	border-color: #E9630A;
  }




  /* otto blog */

  .content_inner.ottoo_box{
  	padding-top: 10px;
  }

  .content_inner.ottoo_box .blog_top_box{
  	margin: 0 auto;
  	width: 960px;
  }
  .content_inner.ottoo_box .blog_top_box .blog_cap01{
  	margin: 0 0 40px;
  }
  .content_inner.ottoo_box .blog_top_box .blog_cap02{
  	margin: 0 auto 30px;
  	padding: 0 0 0 34px;

  	width: 700px;

  	color: #000;
  	font-size: 20px;
  	line-height: 180%;
  	font-weight: bold;
  	background: url(../../common/img/icon/circle_img01.png) no-repeat 0 center;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list{
  	margin: 0 auto 58px;
  	width: 700px;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li{
  	border-bottom: 1px solid #E4E4E4;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li:first-child a{
  	padding-top: 0;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a{
  	position: relative;
  	display: block;
  	padding: 30px 0;

  	text-decoration: none;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a:after{
  	content: " "; display: block; height: 0; clear: both;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a .photo{
  	float: right;
  	width: 180px;
  	height: 136px;
  	line-height: 136px;
  	text-align: center;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a .photo img{
  	width: auto;
  	max-width: 180px;
  	height: auto;
  	max-height: 136px;
  	vertical-align: middle;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a:hover .photo{
  	opacity: 0.6;
  }

  .content_inner.ottoo_box .blog_top_box .blog_top_list li a .text{
  	float: left;
  	width: 500px;
  }
  .content_inner.ottoo_box .blog_top_box.news .blog_top_list li a .text{
  	float: none;
  	width: auto;
  }

  .content_inner.ottoo_box .blog_top_box .blog_top_list li a .text h4{
  	color: #FF7E00;
  	font-weight: bold;
  	font-size: 22px;
  	line-height: 160%;
  	vertical-align: middle;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a .text p{
  	margin: 0 0 40px;
  	font-size: 14px;
  	line-height: 180%;
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a .text .time{
  	/*    position: absolute;*/
  	left: 0;
  	bottom: 30px;
  	display: block;

  	color: #999999;
  	font-size: 14px;
  	font-weight: bold;
  	line-height: 180%;
  	/*    text-align: right;*/
  }
  .content_inner.ottoo_box .blog_top_box .blog_top_list li a .text .new{
  	position: relative;

  	display: inline-block;
  	width: auto;
  	height: auto;
  	margin: 5px 10px 5px 0;
  	padding: 4px 8px;

  	color: #000;
  	font-size: 12px;
  	font-weight: 700;
  	text-align: center;
  	vertical-align: middle;
  	line-height: 100%;
  	background-color: #FFEE33;
  }

  /* ottoo blog details */

  .ottoo_details_box{
  	padding-top: 30px;
  }

  .ottoo_details_box h1{
  	position: relative;
  	margin:0 0 17px;
  	padding:0 0 17px;
  	color:#333;
  	font-size: 20px;
  	font-weight: 700;
  }

  .ottoo_details_box h1:after{
  	position: absolute;
  	content: " ";
  	bottom:0;
  	left:0;
  	height:4px;
  	width:100%;
  	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF7E00, endColorstr=#FFFFFF);
  	background-image:-moz-linear-gradient(left, #FF7E00 180px, #E4E4E4 180px, #E4E4E4 100%);
  	background-image:linear-gradient(left, #FF7E00 180px, #E4E4E4 180px, #E4E4E4 100%);
  	background-image:-webkit-linear-gradient(left, #FF7E00 180px, #E4E4E4 180px, #E4E4E4 100%);
  	background-image:-o-linear-gradient(left, #FF7E00 180px, #E4E4E4 180px, #E4E4E4 100%);
  	background-image:-ms-linear-gradient(left, #FF7E00 180px, #E4E4E4 180px, #E4E4E4 100%);
  	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(180px,#FF7E00), color-stop(180px,#E4E4E4),color-stop(100%,#E4E4E4));
  }

  .ottoo_details_box #details_date{
  	margin-bottom:55px;
  	color:#BABABA;
  	font-size: 14px;
  }

  .ottoo_details_box h2{
  	margin:0 auto 28px;
  	color:#FF7E00;
  	font-size: 16px;
  }

  .ottoo_details_box .mainimg img{
  	display: block;
  	margin:0 auto;
  }


  #container .content_inner .ottoo_details_box ul.pagination li.prev,
  #container .content_inner .ottoo_details_box ul.pagination li.next{
  	width: 140px;
  }




/*------------------------------

            footer

            ------------------------------*/



            #footer{
            	padding:0;
            	background: #F7F7EE;
            }

            #footer .copy{
            	padding:12px 0;
            	font-size: 12px;
            	text-align: center;
            	background: #FFF;
            }

            #footer .footer_inner{
            	position: relative;
            	margin:0 auto;
            	width:1080px;
            	height: 232px;
            }

            #footer .footer_inner a:link,
            #footer .footer_inner a:visited{
            	color:#000;
            }

            #footer .footer_inner a:hover,
            #footer .footer_inner a:active{
            	color:#FF8C19;
            }

            #footer .footer_inner a{
            	color:#000;
            }

            #footer .footer_inner .f_logo{
            	position: absolute;
            	top:36px;
            	left: 1px;
            }

            #footer .footer_inner .f_address{
            	position: absolute;
            	top:89px;
            	left: 0;
            	font-size: 14px;
            	line-height: 150%;
            }

            #footer .footer_inner .f_address a{
            	line-height: 155%;
            	letter-spacing:0.75px;
            }

            #footer .footer_inner .f_contact{
            	position: absolute;
            	top:165px;
            	left: -5px;
            }

            #footer .footer_inner .f_txt01{
            	position: absolute;
            	top:41px;
            	left: 350px;
            }

            #footer .footer_inner .f_navi{
            	position: absolute;
            	top:88px;
            	left:354px;
            	width: 726px;
            }

            #footer .footer_inner .f_navi li{
            	float:left;
            }

            #footer .footer_inner .f_navi:after{
            	clear: both; content: ""; height: 0; display:block;
            }

            #footer .footer_inner .f_navi > li:nth-child(1){ width:157px; }
            #footer .footer_inner .f_navi > li:nth-child(2){ width:159px; }
            #footer .footer_inner .f_navi > li:nth-child(3){ width:203px; }
            #footer .footer_inner .f_navi > li:nth-child(4){ width:207px; }

            #footer .footer_inner .f_navi li ul li{
            	width: 100%;
            }

            #footer .footer_inner .f_navi li ul li a{
            	width: 100%;
            	padding:0 0 0 12px;
            	font-size: 12px;
            	line-height: 180%;
            	text-decoration: none;
            	background-image: url(../img/footer/arrow01.png);
            	background-position: 0px 50%;
            	background-repeat: no-repeat;
            }

            #footer .footer_inner .pageup{
            	position: fixed;
            	right: 5%;
            	bottom: 50px;
            	z-index: 100;
            }
            #footer .footer_inner .pageup a{
            	display: block;
            	transition: 0.25s opacity ease;
            }
            #footer .footer_inner .pageup a:hover{
            	opacity: 0.6;
            }

            iframe[name='google_conversion_frame']{
            	height: 0 !important;
            	width: 0 !important; 
            	line-height: 0 !important; 
            	font-size: 0 !important;
            	margin-top: -13px;
            	display: block;
            }



			.subcaption{
				font-size: 35px;
				color:#FFF;
				font-weight: 700;
				background-color: #FF7E00;
			}
			
			.subcaption .text{
				display: block;
				width: 1080px;
				margin:0 auto;
				padding:24px 0 20px;
				letter-spacing: 0.15rem;
			}

			.subcaption .text .col01{
				color:#FFEB3A;
			}