/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
/*	border-top:#29303b solid 4px;*/
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
li {
	list-style:none;
}
a:link, a:visited {
	text-decoration:none;
	color:#29303b;
}
a:hover {
	text-decoration:none;
	color:#5f779e;
}
h1, h2, h3, h4, h5, h6, ul, dl, dt, dd, p {
	margin:0;
	padding:0;
}
/* ==========================================================================
   icon fonts
   ========================================================================== */
@font-face {
	font-family: 'xparticons';
	src:url('../fonts/xparticons.eot?-u4ee67');
	src:url('../fonts/xparticons.eot?#iefix-u4ee67') format('embedded-opentype'), url('../fonts/xparticons.ttf?-u4ee67') format('truetype'), url('../fonts/xparticons.woff?-u4ee67') format('woff'), url('../fonts/xparticons.svg?-u4ee67#xparticons') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
 font-family: 'xparticons';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-up:before {
	content: "\e600";
}
.icon-arrow:before {
	content: "\e601";
}
.icon-circledarrow:before {
	content: "\e602";
}
.icon-cloud:before {
	content: "\e603";
/*	color: #63aadb;*/
}
.icon-cost:before {
	content: "\e604";
	color: #c0ba1d;
}
.icon-database:before {
	content: "\e605";
	color: #63aadb;
}
.icon-donut:before {
	content: "\e606";
}
.icon-folder:before {
	content: "\e607";
}
.icon-growth:before {
	content: "\e608";
	color: #63aadb;
}
.icon-handshake:before {
	content: "\e609";
}
.icon-laptop:before {
	content: "\e60a";
}
.icon-mail:before {
	content: "\e60b";
}
.icon-maintenance:before {
	content: "\e60c";
	color: #6927FF;
}
.icon-operator:before {
	content: "\e60d";
}
.icon-optimization:before {
	content: "\e60e";
}
.icon-pencil:before {
	content: "\e60f";
}
.icon-phone:before {
	content: "\e610";
}
.icon-security:before {
	content: "\e611";
	color: #ec6638;
}
.icon-shield:before {
	content: "\e612";
	color: #ec6638;
}
.icon-upload:before {
	content: "\e613";
	color: #63aadb;
}
.icon-weight:before {
	content: "\e614";
	color: #c0ba1d;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ----------------------------------------
  typography
 ---------------------------------------- */
html {
	color: #29303b;
	font-family: Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.6;
}
address {
	font-style:normal;
}
/* ----------------------------------------
  layout
 ---------------------------------------- */
.inner {
	width:960px;
	margin:0 auto;
}
.page-desc-area {
	border-top:#d7d7d7 solid 1px;
	padding-top:30px;
}
/* ----------------------------------------
  header
 ---------------------------------------- */
.header h1 {
	margin:3px 0 0 10px;
	font-size:75%;
}
.header .contact {
	width:440px;
	height:26px;
	font-weight:bold;
	color:#fff;
	background:#29303b;
}
.header .contact .tel {
	height:23px;
	padding:3px 0 0 10px;
	font-size:85.7%;
	color:#29303b;
	background:#dfe544;
}
.header .contact .telnumber {
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-left: 13px solid #dfe544;
}
.header .contact .telnumber a {
	color:#fff;
}
.header .contact .telnumber a:hover {
	color:#5f779e;
}
.header .contact .telnumber div {
	width: 350px;
	margin:-14px 0 0 0px;
	font-size:114.3%;
}
.header .contact .telnumber div span {
	padding:0 10px 0 10px;
}
.header .contact .telnumber div .icon-mail {
	padding:0 10px 0 30px;
}
.header .contact dt, .header .contact dd {
	float:left;
}
.header .gnav {
	padding:10px 0 0 265px;
	font-size:114.3%;
	font-weight:bold;
}
.header .gnav li {
	height:40px;
	padding-right:30px;
	float:left;
}
.header .gnav li.last {
	padding-right:0;
}
.header .gnav li a.current {
	height:35px;
	display:inline-block;
	border-bottom:#d7d7d7 solid 5px;
}
.header .gnav li a:hover {
	height:35px;
	display:inline-block;
	border-bottom:#d7d7d7 solid 5px;
}
/* ----------------------------------------
  footer
 ---------------------------------------- */
.footer {
	background-color: #29303b;
	color: #fff;
	font-size:85.7%;
}
.footer .inner {
	padding:10px 0 0 0;
}
.footer .fnav {
	margin:0 0 50px 20px;
}
.footer a {
	color: #fff;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
.footer ul {
	width:200px;
	margin-right:40px;
}
.footer ul span {
	padding-right:5px;
}
.footer ul ul {
	margin-left:17px;
}
.footer .address {
	float:left;
}
.footer .address span {
	margin-bottom:10px;
	display:inline-block;
	font-size:116.7%;
	font-weight:bold;
}
.footer .copyright {
	padding:10px 0;
	border-top:#23272e solid 2px;
	text-align:center;
}
.footer .teamviewer {
	margin-top:10px;
}
.footer .teamviewer a {
	padding:5px 10px;
	background:#1969ae;
}
/* ----------------------------------------
  pages
 ---------------------------------------- */
 
 .hide {display:none;}
 .show {display:block;}
 
 
.sectiontitle {
	padding:8px 0 3px 20px;
	background:#ececec;
	font-size:157.2%;
	font-weight:bold;
	border-bottom:#ec6638 solid 4px;
}
.sectiontitle-solution {
	padding:8px 0 3px 20px;
	background:#ececec;
	font-size:157.2%;
	font-weight:bold;
	border-bottom:#63aadb solid 4px;
}
.sectiontitle-partner {
	padding:8px 0 3px 20px;
	background:#ececec;
	font-size:157.2%;
	font-weight:bold;
	border-bottom:#c0ba1d solid 4px;
}
.pageicon {
	width:127px;
	height:127px;
	margin:24px 69px 0 69px;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-size:630%;
	color:#fff;
	-webkit-border-radius: 127px;/* Safari,Google Chrome */
	-moz-border-radius: 127px;/* Firefox */
	border-radius: 127px;/* WWW CSS3 */
}
#support .pageicon {
	background:#f27c2c;
}
#solution .pageicon {
	background:#63aadb;
}
#partner .pageicon {
	background:#c0ba1d;
}
.pageimg {
	margin:40px 45px 0 20px;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-size:630%;
	color:#fff;
	-webkit-border-radius: 127px;/* Safari,Google Chrome */
	-moz-border-radius: 127px;/* Firefox */
	border-radius: 127px;/* WWW CSS3 */
}
.more a {
	width:160px;
	height:27px;
	display:inline-block;
	padding-bottom:4px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#29303b;
	-webkit-border-radius: 20px;/* Safari,Google Chrome */
	-moz-border-radius: 20px;/* Firefox */
	border-radius: 20px;/* WWW CSS3 */
}
.more a:hover {
	background:#5f779e;
}
.more span.icon-circledarrow {
	padding-top:5px;
	margin-right:15px;
	display:inline-block;
	vertical-align:bottom;
	font-size:157.2%;
}
.pageicon span {
	display:inline-block;
}
.pagedesc {
	width:675px;
	margin:40px 20px 40px 0;
	float:left;
}
#solution .pagedesc {
	margin:40px 20px 0 0;
}
#concept .pagedesc {
	margin:40px 20px 40px 150px;
}

.pagedesc h3 {
	margin-bottom:20px;
	font-size:128.6%;
}
.pagedesc p {
	margin-bottom:10px;
}
#case .case-area {
	margin-bottom:40px
}
.case-area h3 {
	margin:24px 0 0 0;
	padding:3px 0 0 20px;
	font-size:128.6%;
	background:#d0e2ff;
}
.case-area-item h3 {
	margin:5px 0 10px 0;
	padding:3px 0 0 5px;
	font-size:108.6%;
	background:#ececec;
}

.case-area-support h3 {
	margin:24px 0 0 0;
	padding:3px 0 0 20px;
	font-size:128.6%;
	background:#ffdcbe;
}

.case-area-solution h3 {
	margin:24px 0 0 0;
	padding:3px 0 0 20px;
	font-size:128.6%;
	background:#d0e2ff;
}
.case-area-partner h3 {
	margin:24px 0 0 0;
	padding:3px 0 0 20px;
	font-size:128.6%;
	background:#d8d0a0;
}

.case-area li {
	padding-bottom:20px;
	background:#f7f7f7;
}
.case-area li ul {
	padding:20px 20px 0 20px;
}
.case-area li li {
	margin-bottom:13px;
	padding-bottom:0;
	display:inline-block;
}
.case-area li li div {
	display:inline;
	padding:5px;
	border:#2f3641 solid 1px;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	border-radius: 5px;/* WWW CSS3 */
	background:#fff;
}
.case-area li li span {
	padding-right:5px;
}
.case-area li table {
	margin:10px 20px 0 20px;
	border-top:#e2dcd2 solid 1px;
	border-left:#e2dcd2 solid 1px;
}
.case-area li table th, .case-area li table td {
	padding:15px 15px;
	border-right:#e2dcd2 solid 1px;
	border-bottom:#e2dcd2 solid 1px;
}
.case-area li table th {
	width:64px;
	background:#edeae5;
}
.case-area li table td {
	background:#fff;
}
.case-area li table .leftcell {
	width:177px;
}
.case-list-btn {
	width:320px;
	margin:44px auto 40px auto;
	text-align:left;
	line-height:0;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	border-radius: 5px;/* WWW CSS3 */
	background:#ec6638;
}
.case-list-btn a {
	width:320px;
	height:48px;
	padding:20px 0 0 20px;
	display:inline-block;
	color:#fff;
	font-size:128.6%;
	font-weight:bold;
	line-height:0;
	background:url(../img/line.png) repeat-y 65px 0;
}
.case-list-btn a:hover {
	color:#ecbfaf;
}
.case-list-btn .icon-circledarrow {
	margin-right:30px;
	font-size:170%;
	vertical-align: middle;
}
.contact-area {
	margin-bottom:60px;
}
.contact-area .inner {
	width:940px;
	padding:10px;
	border:#edeae5 solid 3px;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	border-radius: 5px;/* WWW CSS3 */
}
.contact-area h2 {
	width:210px;
	height:75px;
	padding:17px 0 0 17px;
	float:left;
	background:#dfe544;
}
.contact-area h2 span {
	padding-right:10px;
	vertical-align:middle;
}
.contact-area h2 .icon-operator {
	font-size:62px;
}
.contact-main {
	width: 0;
	height: 0;
	float:left;
	border: 46px solid transparent;
	border-left: 25px solid #dfe544;
}
.contact-main h3 {
	width:670px;
	margin:-45px 0 0 10px;
	font-size:121.7%;
	font-weight:bold;
	letter-spacing: .14em;
}
.contact-main .tel {
	width:370px;
	margin:-10px 0 0 10px;
	float:left;
}
@-moz-document url-prefix() {/* firefox */
 .contact-main .tel {
 margin:-30px 0 0 10px;
}
}
.contact-main .tel .telnumber {
	font-size: 285.7%;
	color:#ec6638;
	font-weight: bold;
	font-family: "メイリオ",Meiyro,sans-serif;
	margin-top: -2px;
	margin-bottom: 4px;
	}
.contact-main .tel .telnumber .icon-phone {
	padding-right:10px;
	font-size:80%;
}
.contact-main .tel .open {
	margin:-15px 0 0 0;
	font-size:128.6%;
}
.contact-main .mail {
	width:280px;
	margin:0 0 0 400px;
	line-height:0;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	border-radius: 5px;/* WWW CSS3 */
	background:#ec6638;
}
.contact-main .mail a {
	width:280px;
	height:48px;
	padding:13px 0 0 20px;
	display:inline-block;
	color:#fff;
	font-size:128.6%;
	font-weight:bold;
	line-height:0;
}
.contact-main .mail a .icon-mail {
	margin-right:10px;
	font-size:200%;
	vertical-align: middle;
}
.contact-main .mail a:hover {
	color:#ecbfaf;
}
/* ---------------------------------------- 
  Top page
*/
/* -- reset -- */
.service-area ul, .news-area ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
/* -- */

.main-visual-area {
	background:#ed652c;
	color: #fff;
	height:340px;/*margin-top:10px;*/
}
.main-visual-area .inner {
	width:546px;
	height:260px;
	padding:80px 0 0 414px;
	background:url(../img/main_visual.png) #ed652c no-repeat;
}
.main-visual-area h2 {
	padding-bottom:15px;
	font-size:2.0em;
	letter-spacing:.05em;
	margin-left:35px
}
.main-visual-area p {
	padding-bottom:30px;
	font-weight:bold;
	text-align:left;
	line-height:25px;
	margin-left:40px
}
.service-area ul {
	margin-left:20px;
}
.service-area ul li {
	width:200px;
/*	margin-right:40px;*/
	margin-left:85px;
	text-align:center;
	float:left;
}
.service-area ul li.last {
	margin-right:0;
}
.service-area ul li h3 {
	margin-top:30px;
}
.service-area ul li p {
	margin-top:40px;
}
.service-area ul li p.service-desc {
	margin:30px 0 20px 0;
	text-align:left;
}
.news-area {
	margin-top:60px;
	padding-bottom:60px;
	background-color: #edeae5;
}
.news-area .inner {
	padding-top:20px;
}
.news-area h2 {
	padding:0 0 0 10px;
	font-size:128.6%;
}
.news-area .title {
	background: #e2dcd2;
}
.news-area .title p {
	padding:3px 10px 0 0;
}
.news-area .title .icon-arrow {
	padding-right:10px;
}
.news-area li {
	padding:15px 20px 0 20px;
	clear:both;
}
.news-area time {
	padding-right:25px;
	float:left;
}
.news-area h3 {
	float:left;
	padding:0 0 0 10px;
	font-size:100%;
	font-weight:normal;
}
/* ---------------------------------------- 
  Support Service page
*/

/* ---------------------------------------- 
  Solution page
*/
.solution-desc {
	margin-bottom:30px;
}
.solution-desc h2 {
	width:240px;
	height:44px;
	font-size:142.9%;
	vertical-align:middle;
	border:#edeae5 solid 3px;
	border-bottom:#fff solid 3px;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	border-radius: 5px;/* WWW CSS3 */
	background:#fff;
}
.solution-desc h2 .icon-arrow {
	padding:0 10px 0 10px;
	display:block;
	float:left;
	font-size:50%;
	color:#ec6638;
}
.solution-desc h2.tab-cloud .icon-arrow {
	margin:20px 0 0 50px;
}
.solution-desc h2.tab-system .icon-arrow {
	margin:20px 0 0 35px;
}
.solution-desc h2.tab-other .icon-arrow {
	margin:20px 0 0 60px;
}
.solution-desc h2 a {
	margin-top:10px;
	display:block;
	float:left;
	color:#ec6638;
}
.solution-desc h2 a:hover {
	color:#ecbfaf;
}
.solution-desc .solution-desc-area {
	margin-top:-4px;
	border:#edeae5 solid 3px;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	border-radius: 5px;/* WWW CSS3 */
}
.solution-desc .solution-desc-area .img-area {
	width:220px;
	margin:-5px 0 30px 0;
	float:left;
	padding:32px 0 0 20px;
	background:#fff;
}
.solution-desc .solution-desc-area .text {
	width:670px;
	padding:30px 0 0 20px;
	float:left;
}
.solution-desc .solution-desc-area .more {
	padding:30px 0;
	float:right;
}
/* ---------------------------------------- 
  Cloud page
*/
#solution .tab {
	margin:0 0 0 104px;
}
#solution .tab li {
	width:240px;
	height:44px;
	margin:20px 7px 0 0;
	float:left;
	font-size:142.9%;
	font-weight:bold;
	vertical-align:middle;
	border:#edeae5 solid 3px;
	border-bottom:none;
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	border-radius: 5px;/* WWW CSS3 */
	background:#fff;
}
#solution .tab li .icon-arrow {
	padding:0 10px 0 10px;
	display:block;
	float:left;
	font-size:50%;
	color:#ec6638;
}
#solution .tab li.tab-cloud .icon-arrow {
	margin:15px 0 0 50px;
}
#solution .tab li.tab-system .icon-arrow {
	margin:15px 0 0 35px;
}
#solution .tab li.tab-other .icon-arrow {
	margin:15px 0 0 60px;
}
#solution .tab li.off .icon-arrow {
	color:#6f7378;
}
#solution .tab li a {
	margin-top:5px;
	display:block;
	float:left;
	color:#ec6638;
}
#solution .tab li a:hover {
	color:#ecbfaf;
}
#solution .tab li.off {
	background:#edeae5;
}
#solution .tab li.off a {
	color:#6f7378;
}
#solution .tab li.off a:hover {
	color:#9ea3ab;
}
.tab-desc {
	margin:-3px 0 30px 0;
	border-top:#edeae5 solid 3px;
}
/* ---------------------------------------- 
  Case page
*/
#case .tab {
	margin:0 0 0 104px;
}
#case .tab li {
	width:240px;
	height:44px;
	margin:20px 7px 0 0;
	float:left;
	font-size:142.9%;
	font-weight:bold;
	vertical-align:middle;
	-webkit-border-top-left-radius: 5px;/* Safari,Google Chrome */
	-moz-border-top-left-radius: 5px;/* Firefox */
	border-top-left-radius: 5px;/* WWW CSS3 */
	-webkit-border-top-right-radius: 5px;/* Safari,Google Chrome */
	-moz-border-top-right-radius: 5px;/* Firefox */
	border-top-right-radius: 5px;/* WWW CSS3 */
	background:#fff;
}

#case .tab li.tab-support {
	/*
	border:#edeae5 solid 3px;
	border-bottom:#fff solid 3px;
	*/
	border:#ec6638 solid 3px;
	border-bottom:none;
}
#case .tab li.tab-solution {
	border:#63aadb solid 3px;
	border-bottom:none;
}
#case .tab li.tab-partner {
	border:#c0ba1d solid 3px;
	border-bottom:none;
}
#case .tab li span {
	padding:0 10px 0 10px;
	display:block;
	float:left;
	font-size:160%;
}

#case .tab li.tab-support.sel {
	border:#edeae5 solid 3px;
	border-bottom:#fff solid 3px;
	
}
#case .tab li.tab-solution.sel {
	border:#edeae5 solid 3px;
	border-bottom:#fff solid 3px;
	
}
#case .tab li.tab-partner.sel {
	border:#edeae5 solid 3px;
	border-bottom:#fff solid 3px;
}

#case .tab li.tab-support .icon-laptop {
	margin:5px 0 0 5px;
/*	color:#ec6638;	*/
	color:#fff;
}
#case .tab li.tab-support.sel .icon-laptop {
	margin:5px 0 0 5px;
	color:#ec6638;
}

#case .tab li.tab-solution .icon-cloud {
	margin:5px 0 0 15px;
	color:#fff;
}
#case .tab li.tab-solution.sel .icon-cloud {
	margin:5px 0 0 15px;
	color:#63aadb;
}

#case .tab li.tab-partner .icon-handshake {
	margin:5px 0 0 15px;
	color:#fff;
}
#case .tab li.tab-partner.sel .icon-handshake {
	margin:5px 0 0 15px;
	color:#c0ba1d;
}

#case .tab li.on a {
	margin-top:5px;
	display:block;
	float:left;
	color:#ec6638;
}
#case .tab li.tab-support {
/*	background:#fff;	*/
	background:#ec6638;
}
#case .tab li.tab-support.sel {
	background:#fff;
}

#case .tab li.tab-solution {
	background:#63aadb;
}
#case .tab li.tab-solution.sel {
	background:#fff;
}

#case .tab li.tab-partner {
	background:#c0ba1d;
}
#case .tab li.tab-partner.sel {
	background:#fff;
}

#case .tab li a {
	margin-top:5px;
	display:block;
	float:left;
}

#case .tab li.tab-support a, #case .tab li.tab-solution a, #case .tab li.tab-partner a {
	color:#fff;
}
#case .tab li.tab-support.sel a{
	color:#ec6638;
}
#case .tab li.tab-solution.sel a{
	color:#63aadb;
}
#case .tab li.tab-partner.sel a{
	color:#c0ba1d;
}
#case .tab li.tab-support a:hover {
	color:#ecbfaf;
}
#case .tab li.tab-solution a:hover {
	color:#8fbcdb;
}
#case .tab li.tab-partner a:hover {
	color:#d7d5ae;
}

#case .tab li.on a {
	margin-top:5px;
	display:block;
	float:left;
	color:#ec6638;
}
#case .tab li.tab-support.sel p {
	margin-top:5px;
	display:block;
	float:left;
	color:#ec6638;
}
#case .tab li.tab-solution.sel p {
	margin-top:5px;
	display:block;
	float:left;
	color:#63aadb;
}
#case .tab li.tab-partner.sel p {
	margin-top:5px;
	display:block;
	float:left;
	color:#c0ba1d;
}

#case .tab-desc {
	margin:-3px 0 30px 0;
	border-top:#edeae5 solid 3px;
}
/* ---------------------------------------- 
  Company page
*/
.companyprofile {
	width:960px;
	margin:0 0 10px 0;
}
.companyprofile th, .companyprofile td {
	padding:15px 20px;
	text-align:left;
	vertical-align:top;
	border-bottom:#e3ddd3 dotted 1px;
}
.companyprofile th {
	width:80px;
}
.companyprofile .bottom th, .companyprofile .bottom td {
	border-bottom:none;
}
.companyprofile td.right {
	float:right;
}
.map {
	margin-bottom:50px;
}
.companyhistory {
	width:960px;
	margin:0 0 30px 0;
}
.companyhistory th, .companyhistory td {
	padding:10px 20px;
	text-align:left;
	vertical-align:top;
	border-bottom:#e3ddd3 dotted 1px;
}
.companyhistory th {
	width:80px;
	font-weight:normal;
}
.companyhistory .bottom th, .companyhistory .bottom td {
	border-bottom:none;
}
/* ---------------------------------------- 
  Policy page
*/
#policy .policy-content{
	margin-bottom:40px;
	}
#policy .policy-content h2{
	margin-bottom:30px;
	}
#policy .policy-content h3{
	padding:0 20px 10px 20px;
	}
#policy .policy-content .privacypolicy li{
	padding:0 20px 20px 40px;
	text-indent:-20px;
	list-style:lower-alpha inside;
	}
#policy .policy-content .privacypolicy2 li{
	padding:0 20px 10px 40px;
	text-indent:-20px;
	}
#policy .policy-content dl{
	padding:0 20px 0 0;
	}
#policy .policy-content p{
	padding:0 20px 20px 20px;
	}
#policy .policy-content dt{
	padding:0 20px 10px 20px;
	}
#policy .policy-content dt{
	padding:0 20px;
	font-size:114.3%;
	font-weight:bold;
	}
#policy .policy-content dd{
	padding:0 20px 20px 20px;
	}

/* ---------------------------------------- 
  News page
*/
.news-content{
	padding:30px 0 20px 0;
	}
.news-content h3{
	font-size:142.9%;

	}
.news-content .date{
	padding:10px 0;
	}
.news-content li{
	margin-bottom:25px;
	padding:20px;
	background:#f7f7f7;
	}
.news-content .new img{
	padding-right:15px;
	}
.news-content .icon-pencil{
	padding-right:5px;
	}
.news-content .news-img{
	width:240px;
	padding:0 20px 20px 0;
	float:left;
	}
.news-content .news-text{
	width:660px;
	float:left;
	}
.news-content .news-text-noimg{
	width:auto;
	float:left;
	}
.news-content .news-text p{
	padding:0 0 25px 0;
	}
/* ---------------------------------------- 
  recruit page
*/
.recruitprofile {
	width:960px;
	margin:0 0 10px 0;
}
.recruitprofile th, .recruitprofile td {
	padding:15px 20px;
	text-align:left;
	vertical-align:top;
	border-bottom:#e3ddd3 dotted 1px;
}
.recruitprofile th {
	width:80px;
}
.recruitprofile .bottom th, .recruitprofile .bottom td {
	border-bottom:none;
}
.recruitprofile td.right {
	float:right;
}
.map {
	margin-bottom:50px;
}
.recruithistory {
	width:960px;
	margin:0 0 30px 0;
}
.recruithistory th, .recruithistory td {
	padding:10px 20px;
	text-align:left;
	vertical-align:top;
	border-bottom:#333333 dotted 1px;
}
.recruithistory th {
	width:80px;
	font-weight:normal;
}
.recruithistory .bottom th, .recruithistory .bottom td {
	border-bottom:none;
}

.recruithistory_r-title{
	background:#dfe544;
	padding:5px 0 5px 10px;
	margin: 0 0 20px 0;
	text-align: center;
}

.recruithistory .cycle_color{
	color: #A4A4A4;
	padding:0 5px 0 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/*-- float --*/
.fl {
	float:left;
}
.fr {
	float:right;
}
.cl {
	clear:both;
}

.pagetop{
	position: fixed;
    bottom: 240px;  
	right: 0;
    z-index: 9999;
    opacity: 0.6;
	}
.pagetop a {
	width:72px;
	height:60px;
	padding-top:12px;
	display:block;
	text-align:center;
	line-height:1em;
	font-weight:bold;
	color:#fff;
	background:#29303b;
	-webkit-border-radius: 5px 0 0 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px 0 0 5px;/* Firefox */
	border-radius: 5px 0 0 5px;/* WWW CSS3 */
}
.pagetop a:hover {
	background:#5f779e;
}
.pagetop .icon-arrow-up {
	font-size:142.9%;
}
.tar{
	text-align:right;
	}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*, *:before, *:after {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}