@charset "UTF-8";
/* style.css */

/* ------------------------------------------------------------
 * Reset
 * ------------------------------------------------------------ */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

/* ------------------------------------------------------------
 * Base
 * ------------------------------------------------------------ */
html {
	-webkit-text-size-adjust: 100%;
}
body {
	min-width: 960px;
	font: 75%/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000;
}
body.pid_kiyaku1agree {
	min-width: 100%;
}
a:link,
a:visited { color: #0066cc; }
a:hover,
a:active {
	color: #a3bce6;
	text-decoration: none;
}
img { vertical-align: top; }
pre {
	padding: 2px 5px;
	border: 1px solid #ccc;
	overflow-x: scroll;
}

/* ------------------------------------------------------------
 * Layout
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * header */
#header {
	position: relative;
	margin-top: 1px;
	padding-top: 29px;
	border-top: 4px solid #f8d627;
	background: url(../common/img/common/bg_shadow_01.png) repeat-x 0 100%;
	z-index: 99;
}
#header .inner {
	width: 960px;
	margin: 0 auto;
}
.logo {
	float: left;
	margin: 2px 0 26px;
}
/* unav */
.unav {
	width: 500px;
	margin: -29px 0 0;
	float: right;
	position: relative;
	background: url(../common/img/common/bg_unav.png) right top no-repeat;
}
.unav li {
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}
.unav li.is--first {
	margin-left: 87px;
}
.unav li a {
	display: block;
	float: left;
}
.unav li ul {
	width: auto;
	clear: both;
	top: 43px;
	position: absolute;
	right: 0;
}
.unav .unav_inquiry {
	display: block;
}
.unav .unav_agreement {
	margin-right: 5px;
	display: block;
}

/* gnav */
.gnav {
	clear: both;
	padding-left: 1px;
	background: url(../common/img/common/bg_gnav.png) no-repeat 0 0;
}
.gnav li {
	float: left;
	padding-right: 1px;
	background: url(../common/img/common/bg_gnav.png) no-repeat 100% 0;
}
/* clearfix */
.unav li:after,
.gnav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.unav li,
.gnav { min-height: 1px; }

/* ------------------------------------------------------------
 * contents */
.topicpath {
	position: relative;
	top: -6px;
	height: 40px;
	padding-bottom: 6px;
	margin-bottom: -6px;
	background: #f8d627 url(../common/img/common/bg_topicpath.png) repeat-x 0 100%;
	z-index: 8;
}
.topicpath ul {
	width: 960px;
	margin: 0 auto;
	padding: 9px;
}
.topicpath ul li {
	float: left;
	margin-right: 0.5em;
	color: #58595b;
	font-size: 84%;
	line-height: 22px;
}
.topicpath ul li a {
	display: block;
	color: #58595b;
	line-height: 22px;
}
.topicpath ul .home a {
	padding-left: 28px;
	background: url(../common/img/common/ico_topicpath_home.png) no-repeat 0 50%;
}
#contents {
	position: relative;
	top: -6px;
	margin-bottom: -6px;
	background: #dcdcdc url(../common/img/common/bg_contents.png) repeat-y 50% 0;
}
#contents .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: url(../common/img/common/bg_contents_col2.png) repeat-y 0 0;
	z-index: 9;
}
/* clearfix */
.topicpath ul:after,
#contents:after,
#contents .inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.topicpath ul,
#contents,
#contents .inner { min-height: 1px; }

/* ------------------------------------------------------------
 * main */
#main {
	float: left;
	width: 720px;
	margin: 20px 20px 10px;
	background: #FFF;
}
/* ------------------------------------------------------------
 * aside */
#aside {
	float: right;
	width: 200px;
	margin-top: -21px;
}
/* lnav */
.lnav {
	padding-bottom: 45px;
}
.lnav dd {
	border-bottom: 1px solid #ccc;
}
.lnav dd ul {
	background-color: #eaeaea;
}
.lnav dd ul li {
	padding-top: 1px;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 0;
}
/* lnav_wp */
.lnav_wp {
	padding-bottom: 45px;
}
.lnav_wp dt {
	height: 21px;
	padding: 0 15px;
	background-color: #58595b;
	color: #fff;
	line-height: 21px;
	font-weight: bold;
}
.lnav_wp dd {
}
.lnav_wp dd ul {
	background-color: #eaeaea;
}
.lnav_wp dd ul li {
	border-bottom: 1px solid #ccc;
	background-color: #f4f4f4;
}
.lnav_wp dd ul li a {
	display: block;
	padding: 13px 24px 13px 14px;
	border-left: 1px solid #ccc;
	background: url(../common/img/common/arw_gray.png) no-repeat 180px 50%;
	color: #000;
	font-size: 108%;
	font-weight: bold;
	text-decoration: none;
}
.lnav_wp dd ul li a:hover {
	color: #999;
}

/* ------------------------------------------------------------
 * footer */
#footer {}
/* fnav */
.fnav {
	background-color: #58595b;
}
.fnav .inner {
	width: 960px;
	margin: 0 auto;
	padding: 12px 0 0;
}
.fnav .unit {
	float: left;
	width: 190px;
	margin: 0 0px 13px 0;
	border: 1px solid #999;
	font-weight: bold;
}
.fnav .unit.end {
	float: right;
	margin: 0 0px 13px 0;	
}
.fnav .unit a {
	display: block;
	padding: 10px 20px 10px 12px;
	border-bottom: 1px solid #999;
	background: url(../common/img/common/arw_white.png) no-repeat 214px 50%;
	color: #fff;
}
.fnav .unit a:hover {
	color: #bfbfbf;
}
.fnav .unit ul {
	padding: 12px 12px 2px;
	font-weight: normal;
}
.fnav .unit ul li {
	margin-bottom: 10px;
	font-size: 84%;
}
.fnav .unit ul li a {
	display: inline;
	padding: 0;
	border: none;
	background: none;
	color: #fff;
}
.fnav .unit.col2 ul {
	width: 71px;
}
/* funav */
.funav {
	width: 960px;
	margin: 10px auto;
	border-left: 1px solid #999;
}
.funav li {
	float: left;
	padding: 0 7px;
	border-right: 1px solid #999;
	line-height: 1.2;
}
.funav li a {
	color: #666;
}
.funav li a:hover {
	color: #999;
}
/* footer_info */
.footer_info {
	padding: 10px 0;
	border-top: 1px solid #e6e6e6;
	color: #999;
}
.footer_info .inner {
	width: 960px;
	margin: 0 auto;
}
.footer_company {
	float: left;
	width: 513px;
	font-size: 84%;
}
.footer_company dt {
	font-weight: bold;
}
.footer_img {
	float: right;
	width: 436px;
}
.footer_img li {
	float: left;
	margin-left: 8px;
}
.copyright {
	width: 575px;
	font-size: 84%;
}
/* clearfix */
.fnav .inner:after,
.funav:after,
.footer_img:after,
.footer_info .inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.fnav .inner,
.funav,
.footer_img,
.footer_info .inner { min-height: 1px; }

/* ------------------------------------------------------------
 * Common Style
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * block */
.section {
	margin-bottom: 30px;
}
.section .section {
	margin-bottom: 25px;
}
/* indexnav */
.indexnav {
	width: 735px;
	margin-right: -15px;
	padding-bottom: 15px;
}
.indexnav .unit {
	float: left;
	width: 228px;
	margin: 0 15px 15px 0;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	border-top: none;
}
.indexnav .unit dt {
	margin: 0 -1px;
}
.indexnav .unit dd {
	padding: 10px 17px;
}
.indexnav .unit .border {
	margin: 0 17px;
	padding: 10px 0;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 0;
}
.indexnav .unit .link {
	margin-bottom: -1px;
	padding: 0 0 1px;
	border-bottom: 1px solid #ccc;
}
.indexnav .unit .link a {
	display: block;
	padding: 10px 10px 10px 12px;
	background: url(../common/img/common/arw_gray.png) no-repeat 214px 50%;
	color: #000;
	text-decoration: none;
}
.indexnav .unit dd a:hover {
	color: #808080;
}
/* contact_box */
.contact_box {
	margin-bottom: 30px;
	padding: 18px;
	border: 2px solid #f8d627;
	background-color: #f4f4f4;
}
.contact_txt {
	float: left;
	width: 520px;
	margin-bottom: 10px;
}
.contact_box ul {
	float: left;
}
.contact_box ul li {
	float: left;
	margin-right: 19px;
}
/* agree_box */
.agree_box {
	margin-bottom: 20px;
}
.agree_box iframe {
	width: 718px;
	height: 300px;
	border: 1px solid #ccc;	
}
.agree_frame {
	padding: 14px;
}
/* sub_box */
.sub_box {
	padding: 15px 19px;
	border: 1px solid #dcdcdc;
	background-color: #f4f4f4;
}
/* colmun2 */
.col2 .section {
	width: 350px;
}
/* txt_box */
.txt_box {
	width: 490px;
}

/* clearfix */
.indexnav:after,
.contact_box:after,
.contact_box ul:after,
.col2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.indexnav,
.contact_box,
.contact_box ul,
.col2 { min-height: 1px; }

/* ------------------------------------------------------------
 * title */
/* title_01 */
.title_01 {
	margin-bottom: 20px;
	padding: 7px 18px 8px 18px;
	border-top: 4px solid #f8d627;
	background-color: #58595b;
	color: #fff;
	font-size: 134%;
	font-weight: bold;
}
/* title_02 */
.title_02 {
	position: relative;
	top: 2px;
	margin: 0 0 17px;
	padding: 7px 12px 6px 18px;
	border: 1px solid #ccc;
	border-top: none;
	background-color: #f0f0f0;
	font-size: 117%;
	font-weight: bold;
}
.title_02:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -1px;
	display: block;
	width: 720px;
	height: 2px;
	background-color: #f8d627;
}
/* title_03 */
.title_03 {
	position: relative;
	top: 4px;
	margin: 0 0 14px;
	padding: 3px 12px;
	border-left: 4px solid #f8d627;
	font-size: 117%;
	font-weight: bold;
}
.title_03:before {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
	display: block;
	width: 720px;
	height: 3px;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 0;
}
.col2 .title_03:before {
	width: 350px;
}
/* title_04 */
.title_04 {
	margin: 0 0 10px;
	padding: 3px 9px;
	border: 1px solid #e2e2e2;
	background-color: #f4f4f4;
	color: #666;
	font-weight: bold;
}
/* ttl_btn */
.ttl_btn {
	position: absolute;
	top: 8px;
	right: 8px;
}

/* ------------------------------------------------------------
 * text */
.text_01 {
	margin-bottom: 10px;
	font-size: 134%;
	font-weight: bold;
	color: #333;
}


/* notes */
.notes_01 {
	margin-left: 1.3em;
	text-indent: -1.3em;
	color: #666;
	font-size: 84%;
}
.notes_02 {
	margin-left: 1.3em;
	text-indent: -1.3em;
	color: #c00;
	font-size: 84%;
}
.notes_03 {
	color: #666;
	font-size: 84%;
}
/* etc */
.construction_text {
	padding: 30px 0 150px;
	text-align: center;
	font-size: 116%;
	font-weight: bold;
}
.notfound_text {
	padding: 30px 0 50px;
	text-align: center;
	font-size: 116%;
	font-weight: bold;
}
.indent_text {
	display: inline-block;
	margin-left: 1em;
	text-indent: -1em;
}


/* ------------------------------------------------------------
 * link */
/* button_01 */
.button_01 {
	position: relative;
	display: inline-block;
	padding: 6px 30px 4px 20px;
	background-color: #f8d627;
	color: #626365!important;
	font-size: 108%;
	font-weight: bold;
	text-decoration: none;
}
.button_01:hover {
	color: #ad9c46!important;
}
.button_01:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	width: 9px;
	height: 16px;
	margin-top: -8px;
	background: url(../common/img/common/arw_gray.png) no-repeat 100% 0;
}
.button_01.disable {
	background-color: #dcdcdc;
}
/* button_02 */
.button_02 {
	position: relative;
	display: inline-block;
	padding: 4px 23px 2px 15px;
	border: 1px solid #ccc;
	background-color: #f4f4f4;
	color: #000!important;
	font-weight: bold;
	text-decoration: none;
}
.button_02:hover {
	color: #7a7a7a!important;
}
.button_02:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	width: 9px;
	height: 16px;
	margin-top: -8px;
	background: url(../common/img/common/arw_gray.png) no-repeat 100% 0;
}

/* pagetop */
.pagetop {
	clear: both;
	padding-top: 15px;
	text-align: right;
}
.pagetop_02 {
	clear: both;
	padding-bottom: 20px;
	text-align: right;
}
/* text link */
.link_text {
	padding-left: 18px;
	background: url(../common/img/common/arw_gray_s.png) no-repeat 4px 50%;
}
.link_back {
	padding-left: 13px;
	background: url(../common/img/common/arw_gray_left.png) no-repeat 1px 50%;
}
.link_back a {
	color: #000;
}
.link_back a:hover {
	color: #666;
}
.external {
	display: inline-block;
	padding-left: 17px;
	background: url(../common/img/common/ico_external.png) no-repeat 0 0.3em;
}
.pdf {
	display: inline-block;
	padding-left: 20px;
	background: url(../common/img/common/ico_pdf.png) no-repeat 0 0;
}

/* ------------------------------------------------------------
 * table */
/* table_01 */
.table_01 {
	width: 100%;
	border-bottom: 1px solid #ccc;
	line-height: 1.6;
}
.table_01 th {
	padding: 13px 30px 12px 0;
	background: url(../common/img/common/brd_yellow_solid2.png) repeat-x 0 0;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
}
.table_01 td {
	padding: 13px 0 12px 14px;
	background: url(../common/img/common/brd_gray_solid.png) repeat-x 0 0;
	vertical-align: top;
}
.table_01 .border {
	padding-top: 13px;
	border-top: none;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 0;
}
/* table_02 */
.table_02 {
	width: 100%;
	line-height: 1.6;
}
.table_02 th,
.table_02 td {
	padding: 10px 20px;
	border: 1px solid #dcdcdc;
	vertical-align: top;
}
.table_02 th {
	font-weight: bold;
}
.table_02 .odd th {
	background-color: #f4f4f4;
}
.table_02 .even th {
	background-color: #e9e9e9;
}
/* table_03 */
.table_03 {
	width: 100%;
	line-height: 1.6;
}
.table_03 th,
.table_03 td {
	padding: 10px 20px;
	border: 1px solid #dcdcdc;
	vertical-align: top;
}
.table_03 th {
	padding: 5px 10px;
	border-color: #aaa;
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
}
.table_03 .odd td {
	background-color: #fff;
}
.table_03 .even td {
	background-color: #f4f4f4;
}
/* table_03 */
.table_04 {
	width: 100%;
	line-height: 1.6;
}
.table_04 th,
.table_04 td {
	padding: 10px 10px;
	border: 1px solid #dcdcdc;
	vertical-align: top;
}
.table_04 th {
	background-color: #e9e9e9;
	text-align: center;
	font-weight: bold;
}
.table_04 .odd td {
	background-color: #fff;
}
.table_04 .even td {
	background-color: #f4f4f4;
}
.table_04 .bg_white {
	background-color: #fff!important;
}

/* ------------------------------------------------------------
 * list */
/* list_01 */
.list_01 li {
	float: left;
	width: 48%;
	margin-right: 2%;
}
/* list_02 */
.list_02 li span {
	display: block;
}
.list_02 li .mark {
	float: left;
}
.list_02.em2 span {
	margin-left: 3em;
}
.list_02.em2 .mark {
	width: 2em;
	margin-left: 0;
}
.list_02.em3 span {
	margin-left: 4em;
}
.list_02.em3 .mark {
	width: 3em;
	margin-left: 0;
}
.list_02.em5 span {
	margin-left: 6em;
}
.list_02.em5 .mark {
	width: 5em;
	margin-left: 0;
}
/* mark_list_01 */
.mark_list_01 {
	margin-left: 25px;
}
.mark_list_01 li,
.mark_list_01 dd {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(../common/img/common/mark_circle_yellow.png) no-repeat 0 0.25em;
}
/* mark_list_02 */
.mark_list_02 {
	margin-left: 25px;
}
.mark_list_02 li,
.mark_list_02 dd {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(../common/img/common/mark_circle_gray.png) no-repeat 0 0.25em;
}
.mark_list_01 .mark_list_02 {
	margin: 5px 0 0 0;
	padding-bottom: 0;
}
/* mark_list float */
.mark_list_01.float_list li,
.mark_list_01.float_list dd,
.mark_list_02.float_list li,
.mark_list_02.float_list dd {
	float: left;
	width: 190px;
	margin-right: 10px;
	margin-bottom: 0;
}
/* mark_list half */
.mark_list_01.half,
.mark_list_02.half {
	width: 240px;
}

/* num_list_01 */
.num_list_01 {
	margin-left: 25px;
}
.num_list_01 li,
.num_list_01 dd {
	margin-left: 30px;
	margin-bottom: 10px;
}
.num_list_01 .mark {
	display: inline-block;
	width: 16px;
	margin: 0 10px 0 -30px;
	padding: 2px;
	background-color: #f8d627;
	font-size: 84%;
	line-height: 1.6;
	text-align: center;
}
/* num_list_02 */
.num_list_02 {
	margin-left: 25px;
}
.num_list_02 li,
.num_list_02 dd {
	margin: 0 0 10px 2.8em;
	list-style: decimal outside;
}
dd .mark_list_02,
li .mark_list_02 {
	margin: 5px 0 0 0;
	padding-bottom: 0px;
}
/* num_list_03 */
.num_list_03 {
	margin-left: 12px;
}
.num_list_03 li,
.num_list_03 dd {
	margin: 0 0 10px 2.8em;
	list-style: lower-alpha outside;
}
dd .mark_list_03,
li .mark_list_03 {
	margin: 5px 0 0 0;
	padding-bottom: 0px;
}

/* clearfix */
.list_02 li:after,
.float_list:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.list_02 li,
.float_list { min-height: 1px; }

/* ------------------------------------------------------------
 * tab */
/* tab_01 */
.tab_01 {
	margin-bottom: 20px;
	border-bottom: 2px solid #f8d627;
}
.tab_01 li {
	float: left;
	margin-right: 2px;
}
.tab_01 li a {
	display: block;
	padding-bottom: 2px;
}
.tab_01 li .selected {
	background-color: #f8d627;
}
.tab_01_btn {
	position: absolute;
	top: 0;
	left: 384px;
}

/* clearfix */
.tab_01:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.tab_01 { min-height: 1px; }

/* ------------------------------------------------------------
 * form */

/* ------------------------------------------------------------
 * Page:/index.html
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * header */
.pid_home .logo {
	overflow: hidden;
	width: 328px;
	height: 34px;
	background: url(../common/img/common/logo.png) no-repeat 0 0;
	text-indent: -999px;
}

/* gnav_tablet */
.pid_home .gnav_tablet {
	display: none;
	clear: both;
	padding-left: 1px;
	background: url(../common/img/common/bg_gnav.png) no-repeat 0 0;
}
.pid_home .gnav_tablet li {
	float: left;
	overflow: hidden;
	width: 14.28%;
	background: url(../common/img/common/bg_gnav.png) no-repeat 100% 0;
}
.pid_home .gnav_tablet li a {
	display: block;
	text-align: center;
}
.pid_home .gnav_tablet:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.pid_home .gnav_tablet { min-height: 1px; }

/* gnav_sp */
.pid_home .gnav_sp {
	display: none;
}
.pid_home .gnav_sp .gnav_sp_btn {
	position: absolute;
	top: 0;
	right: 0;
}
.pid_home .gnav_sp .gnav_sp_btn.open {
}
.pid_home .gnav_sp .gnav_sp_menu {
	display: none;
	border-top: 1px solid #ccc;
}
.pid_home .gnav_sp .gnav_sp_menu li {
	border-bottom: 1px solid #ccc;
	background-color: #f4f4f4;
}
.pid_home .gnav_sp .gnav_sp_menu li a {
	position: relative;
	display: block;
	padding: 15px 17px;
	font-size: 117%;
	color: #666;
	text-decoration: none;
}
.pid_home .gnav_sp .gnav_sp_menu li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 14px;
	height: 18px;
	margin-top: -9px;
	background: url(../common/img/common/arw_gray_bold_sp.png) no-repeat 0 0;
	background-size: 14px 18px;
}

/* ------------------------------------------------------------
 * mv */
#mv {
	overflow: hidden;
	position: relative;
	top: -6px;
	z-index: 100;
	width: 100%;
	border-bottom: 4px solid #f9d800;
}
.mv_inner {}
.mv_li img {
	position: relative;
	left: 50%;
	margin-left: -800px;
}
.mv_li .pc_visible {
	display: block;
}
.mv_li .sp_visible {
	display: none;
}
.slick-dots {
	position: absolute;
	left: 50%;
	bottom: 17px;
	z-index: 1001;
	float: left;
	margin: 0 auto;
	line-height: 1;
}

.slick-dots li {
	position: relative;
	float: left;
	left: -50%;
	margin: 0 4px;
}

.slick-dots li button {
	overflow: hidden;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #ccc;
	text-indent: 999px;
	cursor: pointer;
	outline: none;
}
.slick-dots .slick-active button {
	background: #f8d627;
}

@media (max-width: 968px) {
	.mv_li img {
		width: auto;
		height: 286px;
		margin-left: -572px;
	}
	.slick-dots {
		bottom: 13px;
	}
	.slick-dots li button {
		width: 13px;
		height: 13px;
	}
}

@media (max-width: 767px) {
	#mv {
		top: 0;
		border-top: 1px solid #ccc;
	}
	.mv_li img {
		position: static;
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	.mv_li .pc_visible {
		display: none;
	}
	.mv_li .sp_visible {
		display: inline;
	}
}

/* ------------------------------------------------------------
 * contents */
.pid_home #contents {
	top: 0;
	background: none;
}
.pid_home #contents .section {
	width: 960px;
	margin: 0 auto;
}
/* homepanel */
.pid_home .homepanel {
	width: 960px;
	margin: 20px auto 40px;
}
.pid_home .homepanel_li {
	float: right;
	width: 50%;
	margin-top: 20px;
}
.pid_home .homepanel_li:first-child {
	float: left;
}
.pid_home .homepanel_li a {
	display: block;
	margin-left: 10px;
	transition: all 0.1s linear;
}
.pid_home .homepanel_li:first-child a {
	margin-right: 10px;
	margin-left: 0;
}
.pid_home .homepanel_li a:hover {
	opacity: 0.5;
}
.pid_home .homepanel_li a img {
	width: 100%;
	height: auto;
}
.pid_home .homepanel_li a .pc_visible {
	display: inline;
}
.pid_home .homepanel_li a .sp_visible {
	display: none;
}
/* homenav */
.pid_home .homenav {
	margin-bottom: 30px;
	padding: 20px 0 20px;
	background: #f8d627;
}
.pid_home .homenav_inner {
	width: 960px;
	margin: 0 auto;
}
.pid_home .homenav_li {
	float: left;
	width: 16.66%;
	text-align: center;
}
.pid_home .homenav_li a {
	display: block;
	padding-top: 132px;
	background-position: 50% 10px;
	background-repeat: no-repeat;
	color: #58595b;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.12s linear;
}
.pid_home .homenav_li.homenav_system a {
	background-image: url(../common/img/contents/homenav_system_off.png);
}
.pid_home .homenav_li.homenav_network a {
	background-image: url(../common/img/contents/homenav_network_off.png);
}
.pid_home .homenav_li.homenav_it a {
	background-image: url(../common/img/contents/homenav_it_off.png);
}
.pid_home .homenav_li.homenav_service a {
	background-image: url(../common/img/contents/homenav_service_off.png);
}
.pid_home .homenav_li.homenav_outsourcing a {
	background-image: url(../common/img/contents/homenav_outsourcing_off.png);
}
.pid_home .homenav_li.homenav_products a {
	background-image: url(../common/img/contents/homenav_products_off.png);
}
.pid_home .homenav_li a:hover {
	background-position: 50% 0;
	color: #000;
}
.pid_home .homenav_li.homenav_system a:hover {
	background-image: url(../common/img/contents/homenav_system_on.png);
}
.pid_home .homenav_li.homenav_network a:hover {
	background-image: url(../common/img/contents/homenav_network_on.png);
}
.pid_home .homenav_li.homenav_it a:hover {
	background-image: url(../common/img/contents/homenav_it_on.png);
}
.pid_home .homenav_li.homenav_service a:hover {
	background-image: url(../common/img/contents/homenav_service_on.png);
}
.pid_home .homenav_li.homenav_outsourcing a:hover {
	background-image: url(../common/img/contents/homenav_outsourcing_on.png);
}
.pid_home .homenav_li.homenav_products a:hover {
	background-image: url(../common/img/contents/homenav_products_on.png);
}
/* home_topics */
.home_topics {
	float: left;
	width: 470px;
	padding-bottom: 20px;
}
.home_topics h3 {
	position: relative;
	border-bottom: 2px solid #e6e6e6;
}
.home_topics h3 span {
	overflow: hidden;
	display: inline-block;
	width: 43px;
	height: 13px;
	margin-bottom: -2px;
	padding-bottom: 2px;
	border-bottom: 2px solid #f8d627;
	background: url(../common/img/contents/ttl_home_topics.png) no-repeat 0 0;
	text-indent: -999px;
}
.home_topics .unit {
	margin-top: -1px;
	padding: 11px 0 10px;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 0;
}
.home_topics .unit .topics_img {
	float: left;
	margin-right: 10px;
}
.home_topics .unit .topics_img img {
	display: block;
	margin: -1px;
	border: 1px solid #ccc;
}
.home_topics .unit .topics_txt dt {
	margin-bottom: 8px;
	font-weight: bold;
}
.home_topics .unit .topics_txt dd {
	font-size: 84%;
	line-height: 2;
	font-weight: normal;
}
/* home_news */
.home_news {
	float: right;
	width: 470px;
	padding-bottom: 30px;
}
.home_news h3 {
	position: relative;
	border-bottom: 2px solid #e6e6e6;
}
.home_news h3 span {
	overflow: hidden;
	display: inline-block;
	width: 35px;
	height: 13px;
	margin-bottom: -2px;
	padding-bottom: 2px;
	border-bottom: 2px solid #f8d627;
	background: url(../common/img/contents/ttl_home_news.png) no-repeat 0 0;
	text-indent: -999px;
}
.home_news .unit {
	margin-top: 15px;
}
.home_news .unit dd {
	font-weight: normal;
}

/* clearfix */
.mvnav:after,
.homenav:after,
.home_topics .unit:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.mvnav,
.homenav,
.home_topics .unit { min-height: 1px; }

@media (max-width: 968px) {
	.pid_home {
		min-width: 768px;
	}
	.pid_home #header {
		padding-right: 40px;
		padding-left: 40px;
	}
	.pid_home #header .inner {
		width: 688px;
	}
	.pid_home .logo {
		width: 147px;
		background-image: url(../common/img/common/logo_home.png);
	}
	.pid_home .unav .unav_inquiry,
	.pid_home .unav .unav_agreement {
		padding: 0;
	}
	.pid_home .unav li ul li {
		margin-left: 5px;
	}
	.pid_home .gnav_tablet {
		display: block;
	}
	.pid_home #contents .section {
		width: 688px;
	}
	.pid_home .homepanel {
		width: 688px;
		margin-top: 25px;
	}
	.pid_home .homepanel_li {
		margin-top: 15px;
	}
	.pid_home .homepanel_li a {
		margin-left: 9px;
	}
	.pid_home .homepanel_li:first-child a {
		margin-right: 9px;
		margin-left: 0;
	}
	.pid_home .homepanel_li a:hover {
		opacity: 1;
	}
	.pid_home .homenav {
		padding: 13px 0;
	}
	.pid_home .homenav_inner {
		width: 688px;
	}
	.pid_home .homenav_li a {
		padding-top: 96px;
		background-position: 50% 8px;
		color: #58595b;
		font-size: 12px;
		background-size: 81px 80px;
		transition: none;
	}
	.pid_home .homenav_li a:hover {
		background-position: 50% 8px;
		color: #58595b;
	}
	.pid_home .homenav_li.homenav_system a:hover {
		background-image: url(../common/img/contents/homenav_system_off.png);
	}
	.pid_home .homenav_li.homenav_network a:hover {
		background-image: url(../common/img/contents/homenav_network_off.png);
	}
	.pid_home .homenav_li.homenav_it a:hover {
		background-image: url(../common/img/contents/homenav_it_off.png);
	}
	.pid_home .homenav_li.homenav_service a:hover {
		background-image: url(../common/img/contents/homenav_service_off.png);
	}
	.pid_home .homenav_li.homenav_outsourcing a:hover {
		background-image: url(../common/img/contents/homenav_outsourcing_off.png);
	}
	.pid_home .homenav_li.homenav_products a:hover {
		background-image: url(../common/img/contents/homenav_products_off.png);
	}
	.pid_home .home_topics,
	.pid_home .home_news {
		width: 335px;
	}
	.pid_home .fnav .inner {
		width: 701px;
		padding-left: 13px;
	}
	.pid_home .fnav .unit {
		width: 218px;
	}
	.pid_home .fnav .unit.end {
		clear: both;
		float: none;
		width: 685px;
	}
	.pid_home .fnav .unit a {
		background-position: 204px 50%;
	}
	.pid_home .fnav .unit.end a {
		margin-bottom: 12px;
		background-position: 666px 50%;
	}
	.pid_home .fnav .unit.end li {
		float: left;
		width: 216px;
		padding-left: 12px;
	}
	.pid_home .fnav .unit.col2 ul {
		width: auto;
		padding: 0;
	}
	.pid_home .funav,
	.pid_home .footer_info .inner {
		width: 688px;
	}
	.pid_home .gnav {
		display: none;
	}
}
@media (max-width: 767px) {
	.pid_home {
		min-width: 100%;
	}
	.pid_home #header {
		margin-top: 0;
		padding: 0;
		border-top-width: 2px;
		background: none;
	}
	.pid_home #header .inner {
		width: 100%;
	}
	.pid_home .logo {
		float: none;
		width: 136px;
		height: 31px;
		margin: 18px 15px 12px;
		background-image: url(../common/img/common/logo_sp.png);
		background-size: 136px 31px;
	}
	.pid_home .gnav_sp {
		display: block;
	}
	.pid_home #mv_sp {
		display: block;
	}
	.pid_home #contents {
		top: 0;
		margin-bottom: 0;
	}
	.pid_home #contents .inner {
		width: 100%;
	}
	.pid_home #contents .section {
		width: 100%;
		padding-bottom: 3px;
	}
	.pid_home .homepanel {
		width: 100%;
		margin: 30px 0;
	}
	.pid_home .homepanel_inner {
		margin: 0 15px;
	}
	.pid_home .homepanel_li,
	.pid_home .homepanel_li:first-child {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.pid_home .homepanel_li a,
	.pid_home .homepanel_li:first-child a {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	.pid_home .homepanel_li a .pc_visible {
		display: none;
	}
	.pid_home .homepanel_li a .sp_visible {
		display: inline;
	}
	.pid_home .homenav {
		padding: 20px 15px 35px;
	}
	.pid_home .homenav_inner {
		width: 100%;
	}
	.pid_home .homenav_li {
		width: 50%;
		margin-top: 15px;
	}
	.pid_home .homenav_li a {
		padding-top: 95px;
		background-position: 50% 0;
		color: #58595b;
		font-size: 12px;
		background-size: 90px;
		font-size: 14px;
	}
	.pid_home .homenav_li a:hover {
		background-position: 50% 0;
	}
	.pid_home .homenav_li.homenav_system a,
	.pid_home .homenav_li.homenav_system a:hover {
		background-image: url(../common/img/contents/homenav_system_sp.png);
	}
	.pid_home .homenav_li.homenav_network a,
	.pid_home .homenav_li.homenav_network a:hover {
		background-image: url(../common/img/contents/homenav_network_sp.png);
	}
	.pid_home .homenav_li.homenav_it a,
	.pid_home .homenav_li.homenav_it a:hover {
		background-image: url(../common/img/contents/homenav_it_sp.png);
	}
	.pid_home .homenav_li.homenav_service a,
	.pid_home .homenav_li.homenav_service a:hover {
		background-image: url(../common/img/contents/homenav_service_sp.png);
	}
	.pid_home .homenav_li.homenav_outsourcing a,
	.pid_home .homenav_li.homenav_outsourcing a:hover {
		background-image: url(../common/img/contents/homenav_outsourcing_sp.png);
	}
	.pid_home .homenav_li.homenav_products a,
	.pid_home .homenav_li.homenav_products a:hover {
		background-image: url(../common/img/contents/homenav_products_sp.png);
	}
	.pid_home .home_topics,
	.pid_home .home_news {
		float: none;
		width: auto;
		margin: 15px;
		padding-bottom: 0;
	}
	.pid_home .home_topics h3 span {
		background-image: url(../common/img/contents/ttl_home_topics_sp.png);
		background-size: 43px 14px;
	}
	.pid_home .home_news h3 span {
		background-image: url(../common/img/contents/ttl_home_news_sp.png);
		background-size: 35px 14px;
	}
	.pid_home .footer_info .inner {
		width: auto;
	}
	.pid_home .footer_company {
		float: none;
		width: auto;
		padding: 0 15px;
	}
	.pid_home .footer_img {
		float: none;
		width: auto;
	}
	.pid_home .copyright {
		float: none;
		width: auto;
	}
	.pid_home .unav,
	.pid_home .gnav,
	.pid_home .gnav_tablet,
/*	.pid_home #mv,*/
	.pid_home .homenav p,
	.pid_home .fnav,
	.pid_home .funav {
		display: none;
	}
}

/* ------------------------------------------------------------
 * Page:/company/corporate_principles.html
 * ------------------------------------------------------------ */
.corporate_principles_box {
	margin-bottom: 30px;
	padding: 32px;
	background: url(../common/img/contents/bg_corporate_principles_01.jpg) no-repeat 0 0;
	line-height: 2;
	text-align: center;
}
.corporate_principles_box h2 {
	margin-bottom: 27px;
}
.corporate_principles_box blockquote {
	color: #787878;
	font-style: italic;
}

/* ------------------------------------------------------------
 * Page:/company/overview.html
 * ------------------------------------------------------------ */
.access_btn {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -16px;
}

/* ------------------------------------------------------------
 * Page:/company/tokyo.html
 * Page:/company/osaka.html
 * ------------------------------------------------------------ */
.address_box {
	float: right;
	width: 500px;
	line-height: 1.6;
}
.address_box dt {
	margin: 8px 0 10px;
	padding-bottom: 11px;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 100%;
	font-weight: bold;
}
.officetour {
	text-align: right;
	margin-right: 10px;
}

/* ------------------------------------------------------------
 * Page:/works/information/training.html
 * ------------------------------------------------------------ */
.training_data {
	width: 300px;
}

/* ------------------------------------------------------------
 * Page:/works/it/feature.html
 * ------------------------------------------------------------ */
.feature_img {
	width: 618px;
	margin: 0 auto;
}

/* clearfix */
.feature_img:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.feature_img { min-height: 1px; }

/* ------------------------------------------------------------
 * Page:/works/it/lms.html
 * ------------------------------------------------------------ */
.lms_img_01 {
	width: 420px;
	margin: 0 auto 20px;
}
.lms_img_01 li {
	float: left;
	margin-left: 20px;
}

.lms_img_02 {
	width: 620px;
	margin: 0 auto 20px;
}
.lms_img_02 p {
	float: left;
}
.lms_img_02 dl {
	float: right;
	margin-top: 34px;
}

/* lms_case_box */
.lms_case_box {
}
.lms_case_box .unit {
	border-top: 2px solid #f8d627;
}
.lms_case_box .lms_case_img {
	margin-top: -2px;
}
.lms_case_box .lms_case_sttl {
	margin: -2px 0 9px;
}
.lms_case_box .lms_case_txt {
	float: left;
	width: 440px;
	margin-top: 10px;
	padding: 11px 20px 0 0;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 0;
}
.lms_case_box .lms_case_lead {
	width: 440px;
}
.lms_case_box.col2 .unit {
	width: 350px;
}
.lms_case_box.col2 .lms_case_txt {
	width: 350px;
	padding-right: 0;
}
.lms_case_box.col2 .lms_case_lead {
	float: right;
	width: 220px;
}



/* clearfix */
.lms_img_01:after,
.lms_img_02:after,
.lms_case_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.lms_img_01,
.lms_img_02,
.lms_case_box { min-height: 1px; }

/* ------------------------------------------------------------
 * Page:/products/
 * ------------------------------------------------------------ */
.product_box {
	margin-bottom: 10px;	
}
.product_box .section {
	width: 348px;
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 0;
	background-color: #f7f7f7;
}
.product_box .section h2 {
	margin: 0 -1px;
}
.product_box .unit {
	border-top: 1px solid #ccc;
	margin: 0 10px 10px;
	background-color: #fff;
}
.product_box .title_04 {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #ccc;
}
.product_box .unit ul {
	border: 1px solid #ccc;
	border-top: none;
}
.product_box .unit ul li {
	margin-bottom: -1px;
	padding: 8px 10px 9px;
	background: url(../common/img/common/brd_gray_dotted.png) repeat-x 0 100%;
}

/* clearfix */
.product_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.product_box { min-height: 1px; }

/* ------------------------------------------------------------
 * Page:/recruit/
 * ------------------------------------------------------------ */
/* recruit_box */
.recruit_box {
	margin-bottom: 15px;
}
.recruit_box .recruit_text {
	width: 480px;
	margin: 0 20px;
}
/* recruit_entry_box */
.recruit_entry_box dl {
	width: 350px;
}
.recruit_entry_box dd {
	padding: 9px 0;
	border: 1px solid #dcdcdc;
	border-top: none;
	background-color: #f4f4f4;
	text-align: center;
}
.recruit_entry_box dd a {
	display: block;
}

/* clearfix */
.recruit_box:after,
.recruit_entry_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.recruit_box,
.recruit_entry_box { min-height: 1px; }

/* ------------------------------------------------------------
 * Page:/recruit/staff.html
 * ------------------------------------------------------------ */
/* staff_box */
.staff_box {
	margin-bottom: 20px;
}
.staff_box .unit {
	width: 350px;
	border-top: 2px solid #f8d627;
	background-color: #f4f4f4;
}
.staff_box .unit dl {
	padding: 9px;
	border: 1px solid #dcdcdc;
	border-top: none;
}
.staff_box .unit dt {
	float: left;
	width: 165px;
	padding-left: 5px;
	font-weight: bold;
}
.staff_box .unit dd {
	clear: both;
	padding-top: 10px;
}
.staff_box .unit .staff_image {
	clear: none;
	float: right;
	padding: 0;
}

/* clearfix */
.staff_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.staff_box { min-height: 1px; }

/* ------------------------------------------------------------
 * Page:/info/topics/
 * ------------------------------------------------------------ */
/* entry_box */
.entry_box {
/*	margin-bottom: 10px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;*/
	line-height: 1.6;
}
.entry_box p {
	margin-bottom: 13px;
}
.entry_box .fr {
	margin-left: 13px;
}

/* ------------------------------------------------------------
 * Page:/info/sitemap/
 * ------------------------------------------------------------ */
.sitemap_box {
	margin-top: 15px;
	font-size: 12px;
}
.sitemap_box ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	background-image: url(../common/img/contents/s-dot3.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-left: 50px;
}

.sitemap_box ul li {
	background-image: url(../common/img/contents/s-dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}
.sitemap_box ul li.s-close {
	background-image: url(../common/img/contents/s-dot2.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.sitemap_box ul li.s-close2 {
	background-image: url(../common/img/contents/s-dot4.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
}
.sitemap_box ul li.s-close3 {
	background-image: url(../common/img/contents/s-dot5.gif);
}

/* ------------------------------------------------------------
 * Page:splash
 * ------------------------------------------------------------ */
.splash {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100vh;
	background: #fff;
}
.splash_progress {
	width: 100%;
	height: 4px;
	margin-top: 1px;
	background: #e6e6e6;
}
.splash_progress_bar {
	display: block;
	width: 0;
	height: 4px;
	margin-top: 1px;
	background: #f8d627;
}
.splash_scene01 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 416px;
	height: 78px;
	margin: auto;
	opacity: 0;
}
.splash_scene02 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 441px;
	height: 141px;
	margin: auto;
	opacity: 0;
}

.splash_btn {
	position: absolute;
	top: 29px;
	right: 19px;
	padding-left: 27px;
	background: url('../common/img/contents/splash_btn_01.png') no-repeat 0 50%;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	cursor: pointer;
	transition: all 0.1s linear;
}
.splash_btn:hover {
	opacity: 0.5;
}

@media (max-width: 767px) {
	.splash_scene01 {
		width: 208px;
		height: 39px;
	}
	.splash_scene02 {
		width: 220px;
		height: 70px;
	}
	.splash_scene01 img,
	.splash_scene02 img {
		width: 100%;
		height: auto;
	}
}

/* ------------------------------------------------------------
 * Utility
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * Space */
/* margin */
.mb_0  { margin-bottom: 0 !important; }
.mb_5  { margin-bottom: 5px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_25 { margin-bottom: 25px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_35 { margin-bottom: 35px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_45 { margin-bottom: 45px !important; }
.mb_50 { margin-bottom: 50px !important; }

.mt_0  { margin-top: 0 !important; }
.mt_5  { margin-top: 5px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_15 { margin-top: 15px !important; }
.mt_20 { margin-top: 20px !important; }
.mt_25 { margin-top: 25px !important; }
.mt_30 { margin-top: 30px !important; }
.mt_35 { margin-top: 35px !important; }
.mt_40 { margin-top: 40px !important; }
.mt_45 { margin-top: 45px !important; }

.ml_0  { margin-left: 0 !important; }
.ml_5  { margin-left: 5px !important; }
.ml_10 { margin-left: 10px !important; }
.ml_15 { margin-left: 15px !important; }
.ml_20 { margin-left: 20px !important; }
.ml_25 { margin-left: 25px !important; }
.ml_30 { margin-left: 30px !important; }
.ml_35 { margin-left: 35px !important; }
.ml_40 { margin-left: 40px !important; }
.ml_45 { margin-left: 45px !important; }
.ml_50 { margin-left: 50px !important; }

.mr_0  { margin-right: 0 !important; }
.mr_5  { margin-right: 5px !important; }
.mr_10 { margin-right: 10px !important; }
.mr_15 { margin-right: 15px !important; }
.mr_20 { margin-right: 20px !important; }
.mr_25 { margin-right: 25px !important; }
.mr_30 { margin-right: 30px !important; }
.mr_35 { margin-right: 35px !important; }
.mr_40 { margin-right: 40px !important; }

/* padding */
.pb_0  { padding-bottom: 0 !important; }
.pb_5  { padding-bottom: 5px !important; }
.pb_10 { padding-bottom: 10px !important; }
.pb_15 { padding-bottom: 15px !important; }
.pb_20 { padding-bottom: 20px !important; }
.pb_25 { padding-bottom: 25px !important; }
.pb_30 { padding-bottom: 30px !important; }
.pb_35 { padding-bottom: 35px !important; }
.pb_40 { padding-bottom: 40px !important; }
.pb_45 { padding-bottom: 45px !important; }
.pb_50 { padding-bottom: 50px !important; }

.pt_0  { padding-top: 0 !important; }
.pt_5  { padding-top: 5px !important; }
.pt_10 { padding-top: 10px !important; }
.pt_15 { padding-top: 15px !important; }
.pt_20 { padding-top: 20px !important; }
.pt_25 { padding-top: 25px !important; }
.pt_30 { padding-top: 30px !important; }
.pt_35 { padding-top: 35px !important; }
.pt_40 { padding-top: 40px !important; }

.pl_0  { padding-left: 0 !important; }
.pl_5  { padding-left: 5px !important; }
.pl_10 { padding-left: 10px !important; }
.pl_15 { padding-left: 15px !important; }
.pl_20 { padding-left: 20px !important; }
.pl_25 { padding-left: 25px !important; }
.pl_30 { padding-left: 30px !important; }
.pl_35 { padding-left: 35px !important; }
.pl_40 { padding-left: 40px !important; }

.pr_0  { padding-right: 0 !important; }
.pr_5  { padding-right: 5px !important; }
.pr_10 { padding-right: 10px !important; }
.pr_15 { padding-right: 15px !important; }
.pr_20 { padding-right: 20px !important; }
.pr_25 { padding-right: 25px !important; }
.pr_30 { padding-right: 30px !important; }
.pr_35 { padding-right: 35px !important; }
.pr_40 { padding-right: 40px !important; }

/* ------------------------------------------------------------
 * font */
/* size */
.txt10 { font-size:  84%; } /* 10px */
.txt11 { font-size:  92%; } /* 11px */
.txt12 { font-size: 100%; } /* 12px */
.txt14 { font-size: 117%; } /* 14px */
.txt16 { font-size: 134%; } /* 16px */
.txt18 { font-size: 150%; } /* 18px */
.txt20 { font-size: 167%; } /* 20px */

/* style */
.bold { font-weight: bold; }
.normal { font-weight: normal; }

/* align */
.txtc { text-align: center; }
.txtl { text-align: left; }
.txtr { text-align: right; }

/* valign */
.txtt { vertical-align: top!important; }
.txtm { vertical-align: middle!important; }
.txtb { vertical-align: bottom!important; }

/* color */
.red { color: #c00; }
.yellow { color: #f8d627; }

/* ------------------------------------------------------------
 * block */
.hide { display: none; }
.relative { position: relative; }

/* ------------------------------------------------------------
 * float */
.fn { float: none; }
.fl { float: left; }
.fr { float: right; }

/* ------------------------------------------------------------
 * clear */
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }

/* clearfix */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}
.cf { min-height: 1px; }

/* END */