@charset "utf-8";

/*==============================

			common.css

==============================*/


/*==============================
		PC
==============================*/
@media screen and (min-width: 641px) {

.pc {display: block !important;}
.sp {display: none !important;}

body {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.4;
}



/*	.txtLink
------------------------------*/
.txtLink a:link{
	color: #664422;
	text-decoration: none;
}
.txtLink a:visited{
	color: #7D746A;
	text-decoration: none;
}
.txtLink a:hover{
	color: #F39800;
	text-decoration: underline;
}
.txtLink a:active{
	color: #F39800;
	text-decoration: underline;
}



/*--------------------------------------------------
		#wrap
--------------------------------------------------*/
#wrap {
	width: 960px;
	margin: 0 auto;
}



/*--------------------------------------------------
		#topicPath
--------------------------------------------------*/
#topicPath {
	margin-bottom: 20px;
}
#topicPath ul {
	padding-left: 10px;
}
#topicPath ul li {
	float: left;
}



/*--------------------------------------------------
		#conts
--------------------------------------------------*/
#conts {
	width: 705px;
	float: right;
}



/*--------------------------------------------------
		#side
--------------------------------------------------*/
#side {
	width: 225px;
	float: left;
}
#side nav h3 {
	margin-bottom: 0;
}
#side nav ul li {
}










/* :: list :: */
div.fp ul{
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
z-index: 10;
}

div.fp ul li{
margin: 0;
padding: 0;
display: block;
}

div.fp dl, div.fp dt, div.fp dd{
margin: 0;
padding: 0;
}


/* :: form :: */
div.fp form{
margin: 0;
padding: 0;
}

div.fp fieldset{
margin: 0;
padding: 0;
border: 0 none;
}

div.fp fieldset legend{
display: none;
}

div.fp input{
margin: 0;
padding: 0;
vertical-align: middle;
display: inline-block;
}


/* :: image :: */
div.fp img{
margin: 0;
padding: 0;
border: 0 none;
vertical-align: top;
}


/* :: link :: */
div.fp a:link{
color: #664422;
text-decoration: none;
}

div.fp a:visited{
color: #7d746a;
text-decoration: none;
}

div.fp a:hover{
color: #f39800;
text-decoration: underline;
}

div.fp a:active{
color: #f39800;
text-decoration: underline;
}



/* ::: fp ( frame part ) ::: */
div.fp{
color: #444444;
line-height: 1.3;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
/*
font-size: 84%;
*/
}



/* ::: fh01 ( frame header ) ::: */
div#fh01{
border-top: 3px solid #e60012;
line-height: 1.1;
}


/* :: u01 :: */
div#fh01 div.u01{
margin: 0 auto;
width: 960px;
}

div#fh01 div.u01 p.p01{
margin-top: 10px;
margin-right: 285px;
float: left;
}

div#fh01 div.u01 p.p02{
margin-top: 20px;
float: right;
}

div#fh01 div.u01 ul{
margin-top: 29px;
float: left;
}

div#fh01 div.u01 ul li{
margin-left: 14px;
padding: 1px 0;
float: left;
}

div#fh01 div.u01 ul li.first-child{
margin-left: 0;
padding-right: 15px;
background: url(/n_images/line_share-v-dot01.gif) right top repeat-y;
}


/* :: u02 :: */
div#fh01 div.u02{
margin: 17px auto 0;
width: 960px;
}

div#fh01 div.u02 ul{
padding-left: 1px;
background:url(/n_images/line_share-fh-v-dot02.gif) left top no-repeat;
}

div#fh01 div.u02 ul li{
padding-right: 1px;
float: left;
background:url(/n_images/line_share-fh-v-dot02.gif) right top no-repeat;
}


/* :: units01 :: */
div#fh01 div.units01{
margin-top: 10px;
padding-top: 1px;
padding-bottom: 1px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}

div#fh01 div.units01 div.inner-units01-01{
background-color: #ce2b37;
}

div#fh01 div.units01 div.inner-units01-02{
margin: 0 auto;
padding: 0.5em 0 0.55em;
width: 960px;
}

/* : u03 : */
div#fh01 div.u03{
width: 407px;
float: left;
}

div#fh01 div.u03 form{
padding-left: 9px;
width: 385px;
float: left;
}

div#fh01 div.u03 form span.span01{
padding: 3px 0 0 4px;
width: 243px;
height: 20px;
display: block;
float: left;
background: url(/n_images/bg_share-fh01-search01.gif) left top no-repeat;
}

div#fh01 div.u03 form span.span01 input{
border: 0 none;
width: 237px;
height: 16px;
}

div#fh01 div.u03 form span.span02{
display: block;
float: left;
}

div#fh01 div.u03 form span.span02 input{
margin-left: 4px;
}

div#fh01 div.u03 form span.span03{
margin-top: 4px;
margin-left: 5px;
display: block;
float: left;
}

div#fh01 div.u03 form span.span03 img{
}

/* : u04 : */
div#fh01 div.u04{
padding-left: 16px;
background: url(/n_images/line_share-fh-v-dot01.gif) left top repeat-y;
float: left;
}

div#fh01 div.u04 dt{
margin-right: 5px;
float: left;
}

div#fh01 div.u04 dd{
margin-top: 4px;
float: left;
}

div#fh01 div.u04 ul{
float: left;
}

div#fh01 div.u04 ul li{
margin-right: 10px;
padding-left: 12px;
float: left;
text-indent: -12px;
background: url(/n_images/blt_share-fh01-arrow01.gif) 0 0.3em no-repeat;
}

div#fh01 div.u04 ul li a{
padding-left: 12px;
}

div#fh01 div.u04 ul li a:link,
div#fh01 div.u04 ul li a:visited{
color: #ffffff;
text-decoration: none;
}

div#fh01 div.u04 ul li a:hover,
div#fh01 div.u04 ul li a:active{
color: #ffffff;
text-decoration: underline;
}



/* ::: fh01-ad ::: */
/* :: u01 :: */
div#fh01-ad div.u01{
margin: 0.6em auto 0;
width: 960px;
}

div#fh01-ad div.u01 div.functions01{
float: right;
}

div#fh01-ad div.u01 p.p01{
margin-left:9px;
width: 705px;
}

div#fh01-ad div.u01 p.p01 span{
margin-left: 4px;
}

div#fh01-ad div.u01 p.p01 em{
font-style: normal;
font-weight: bold;
}



/* ::: fh02 ( frame header ) ::: */
div#fh02{
border-top: 3px solid #e60012;
line-height: 1;
}

div#fh02 div.inner-fh02{
margin: 0 auto;
width: 960px;
}


/* :: u01 :: */
div#fh02 div.u01{
}

div#fh02 div.u01 p.p01{
margin-top: 10px;
margin-right: 112px;
float: left;
}

/* #img02…企業簡易ヘッダー用 */
div#fh02 div.u01 p.p01 img.img02,
div#fh03 div.u01 p.p01 img#img02{
margin-left: 20px;
vertical-align: bottom;
}

div#fh02 div.u01 p.p02{
margin-top: 20px;
float: right;
}

div#fh02 div.u01 form{
margin-top: 24px;
width: 245px;
float: left;
}

div#fh02 div.u01 form span{
margin-right: 5px;
padding: 1px 0;
width: 172px;
height: 22px;
display: block;
float: left;
background: url(/n_images/bg_share-fh02-search01.gif) left top no-repeat;
text-align:center;
}

div#fh02 div.u01 form input.input-text{
border: 0 none;
width: 168px;
height:auto;
min-height:18px;
line-height: 1.4;
margin:0 1px;
}

div#fh02 div.u01 form input.input-image{
float: left;
}

div#fh02 div.u01 ul{
margin-top: 29px;
float: left;
}

div#fh02 div.u01 ul li{
padding-right: 14px;
float: left;
}


/* :: u02 :: */
div#fh02 div.u02{
margin-top: 14px;
padding-bottom: 12px;
background: url(/n_images/bg_share-fh02-01.gif) left bottom repeat-x;
}

div#fh02 div.u02 ul li{
float: left;
position: relative;
}

div#fh02 div.u02 ul .cNav01 {
	width: 150px;
}
div#fh02 div.u02 ul .cNav02 {
	width: 111px;
}
div#fh02 div.u02 ul .cNav03 {
	width: 192px;
}
div#fh02 div.u02 ul .cNav04 {
	width: 159px;
}
div#fh02 div.u02 ul .cNav05 {
	width: 119px;
}
div#fh02 div.u02 ul .cNav06 {
	width: 118px;
}
div#fh02 div.u02 ul .cNav07 {
	width: 111px;
}

div#fh02 div.u02 ul li ul{
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #cccccc;
position: absolute;
top: 40px;
left: 0px;
display: none;
}

div#fh02 div.u02 ul li ul li{
border-top: 1px solid #cccccc;
float: none;
}

div#fh02 div.u02 ul li#fh-navi07 ul{
left: -87px;
}



/* ::: fh02-ad ::: */
/* :: u01 :: */
div#fh02-ad div.u01{
margin: 0em auto 0.6em;
width: 960px;
}

div#fh02-ad div.u01 div.functions01{
float: right;
}

div#fh02-ad div.u01 p.p01 span{
margin-left: 4px;
}

div#fh02-ad div.u01 p.p01 em{
font-style: normal;
font-weight: bold;
}



/* ::: fh03 ( frame header ) ::: */
div#fh03{
padding-bottom: 10px;
border-top: 3px solid #e60012;
border-bottom: 1px solid #dddddd;
line-height: 1;
}

div#fh03 div.inner-fh03{
margin: 0 auto;
width: 960px;
}

div#fh03 div.u01 p.p01{
margin-top: 10px;
margin-right: 362px;
float: left;
}

/* 企業簡易ヘッダー用 */
div#fh03 div.u01 p#p01{
margin-top: 10px;
margin-right: 238px;
float: left;
}

div#fh03 div.u02 p.p01{
margin-top: 23px;
float: right;
}

div#fh03 div.u02 ul li{
margin-top: 27px;
padding-top: 2px;
float: left;
}

div#fh03 div.u02 ul li img{
}

div#fh03 div.u02 ul li.li02{
margin-left: 15px;
padding-bottom: 0;
padding-left: 16px;
background: url(/n_images/line_share-v-dot01.gif) left top repeat-y;
}

div#fh03 div.u02 ul li.li03{
margin-left: 14px;
}

div#fh03 div.u02 ul li.li04{
margin-top: 27px;
margin-left: 15px;
padding-top: 0;
padding-left: 16px;
background: url(/n_images/line_share-v-dot01.gif) left top repeat-y;
}



/* ::: ff01 ( frame footer ) ::: */
div#ff01{
margin-top: 5.3em;
border-bottom: 3px solid #e60012;
clear: both;
}

/* :: u01 :: */
div#ff01 div.u01{
margin: 0 auto;
width: 960px;
}

div#ff01 div.u01 p.p01{
padding-bottom: 10px;
float: right;
}


/* :: u02 :: */
div#ff01 div.u02{
padding-top: 8px;
background: #f2f2f2 url(/n_images/bg_share-ff01-u02-01.gif) left top repeat-x;
}

div#ff01 div.u02 p#ff-btn01{
margin: 0 auto;
width: 960px;
text-align: right;
}

div#ff01 div.u02 div.inner-u02-01{
margin: 0 auto;
padding-top: 14px;
width: 960px;
background: #ffffff url(/n_images/bg_share-ff01-u02-02_t.gif) left top no-repeat;
position: relative;
height: 14px;
}

div#ff01 div.u02 > div.inner-u02-01{
height: auto;
}

div#ff01 div.u02 div.inner-u02-02{
padding: 0 22px 27px 20px;
background: url(/n_images/bg_share-ff01-u02-02_b.gif) left bottom no-repeat;
}

div#ff01 div.u02 div.col01{
padding-bottom: 0.45em;
width: 448px;
float: left;
background: url(/n_images/line_share-ff-h-dot01.gif) left bottom repeat-x;
}

div#ff01 div.u02 div.col02{
padding-top: 0.3em;
padding-bottom: 0.45em;
width: 448px;
float: right;
background: url(/n_images/line_share-ff-h-dot01.gif) left bottom repeat-x;
}

div#ff01 div.u02 table{
border-collapse: separate;
font-size: 100%;
}

div#ff01 div.u02 table caption{
text-align: left;
}

div#ff01 div.u02 div.col01 table caption{
padding-bottom: 0.3em;
}

div#ff01 div.u02 div.col02 table caption{
padding-bottom: 0.2em;
line-height: 1;
font-weight: bold;
}

div#ff01 div.u02 div.col02 table caption span{
padding-left: 17px;
display: block;
background: url(/n_images/blt_share-arrow05.gif) 0 0 no-repeat;
text-indent: -17px;
}

div#ff01 div.u02 div.col02 table caption span a{
padding-left: 17px;
}

div#ff01 div.u02 table th{
padding-top: 1em;
vertical-align: top;
text-align: left;
font-weight: normal;
}

div#ff01 div.u02 div.col01 table th{
background: url(/n_images/bg_share-ff01-u02-03_col01.gif) left top no-repeat;
}

div#ff01 div.u02 div.col02 table th{
background: url(/n_images/bg_share-ff01-u02-03_col02.gif) left top no-repeat;
}

div#ff01 div.u02 table th span{
margin-left: 14px;
padding-left: 8px;
padding-right: 5px;
text-indent: -8px;
display: block;
background: url(/n_images/blt_share-arrow02.gif) 0 0.45em no-repeat;
}

div#ff01 div.u02 table th span a.noLink:hover {
	color: #444444;
	text-decoration: none;
}

div#ff01 div.u02 table th span a{
padding-left: 8px;
font-weight: bold;
}

div#ff01 div.u02 table th span a img.icon01{
margin-left: 5px;
vertical-align: middle;
}

div#ff01 div.u02 table td{
padding-top: 0.6em;
padding-bottom: 0.2em;
background: url(/n_images/line_share-ff-h-dot01.gif) left 5px repeat-x;
vertical-align: top;
}

div#ff01 div.u02 table td ul li{
margin-top: 0.45em;
margin-right: 6px;
padding-right: 6px;
float: left;
border-right: 1px solid #999999;
line-height: 1.1;
white-space: nowrap;
}

div#ff01 div.u02 table td ul li.last-child{
margin-right: 0;
padding-right: 0;
border-right: 0;
}

div#ff01 div.u02 table td ul li a img.icon01{
margin-left: 5px;
vertical-align: middle;
}

div#ff01 div.u02 table td p.p01{
margin-top: 0.5em;
margin-right: 8px;
color: #666666;
}


/* :: u03 :: */
div#ff01 div.u03{
background-color: #f2f2f2;
}

div#ff01 div.u03 div.inner-u03{
margin: 0 auto;
width: 960px;
}

div#ff01 div.u03 form fieldset{
padding-bottom: 13px;
background: #ffffff url(/n_images/bg_share-ff01-u03-01_b.gif) left bottom no-repeat;
text-align: center;
}

div#ff01 div.u03 form input{
vertical-align: middle;
}

div#ff01 div.u03 form input#i_search_input2{
border: 1px solid #cccccc;
width: 285px;
height: 20px;
}

div#ff01 div.u03 form img{
margin-top: -2px;
margin-left: 7px;
vertical-align: middle;
}


/* :: u04 :: */
div#ff01 div.u04{
padding-top: 1.4em;
padding-bottom: 1.8em;
background: #f2f2f2 url(/n_images/bg_share-ff01-u04-01.gif) left bottom repeat-x;
}

div#ff01 div.inner-u04-01{
margin: 0 auto;
width: 960px;
text-align: left;
}

div#ff01 div.inner-u04-02{
background: url(/n_images/bg_share-ff01-u04-04.gif) left top repeat-y;
}

div#ff01 div.u04 div.block01{
width: 230px;
float: left;
}

div#ff01 div.u04 div.block01 ul{
margin-left: 14px;
}

div#ff01 div.u04 div.block01 ul ul{
margin-top: 0.2em;
margin-left: 0;
}

div#ff01 div.u04 div.block01 ul li{
padding-left: 8px;
background: url(/n_images/blt_share-arrow02.gif) 0 0.4em no-repeat;
text-indent: -8px;
}

div#ff01 div.u04 div.block01 ul li a{
padding-left: 8px;
font-weight: bold;
}

div#ff01 div.u04 div.block01 ul li ul li a{
font-weight: normal;
}

div#ff01 div.u04 div.block02{
margin-left: 11px;
width: 202px;
float: left;
}

div#ff01 div.u04 div.block03{
margin-left: 11px;
width: 231px;
float: left;
}

div#ff01 div.u04 div.block03 p.p02{
margin: -28px 0 0 54px;
}

div#ff01 div.u04 div.block04{
margin-left: 11px;
width: 254px;
float: left;
}


/* :: u05 :: */
div#ff01 div.u05{
margin: 0 auto;
padding-bottom: 28px;
width: 960px;
}

div#ff01 div.u05 ul{
margin-top: 12px;
float: left;
}

div#ff01 div.u05 ul li{
margin-right: 14px;
float: left;
}

div#ff01 div.u05 p{
margin-top: 12px;
float: right;
}



/* ::: ff02 ( frame footer ) ::: */
div#ff02{
margin-top: 5.3em;
border-bottom: 3px solid #e60012;
clear: both;
}

/* :: u01 :: */
div#ff02 div.u01{
margin: 0 auto;
width: 960px;
position: relative;
}

div#ff02 div.u01 p{
padding-bottom: 8px;
float: right;
}

div#ff02 div.u02{
border: 1px solid #dddddd;
clear: right;
}

div#ff02 div.u02 div.inner-u02{
margin: 0 auto;
padding-bottom: 28px;
width: 960px;
}

div#ff02 div.u02 ul{
float: left;
}

div#ff02 div.u02 ul li{
margin-top: 13px;
margin-right: 14px;
float: left;
line-height: 1;
}

div#ff02 div.u02 p{
margin-top: 13px;
float: right;
}



/* ::: ff03 ( frame footer for English ) ::: */
div#ff03{
margin-top: 5.3em;
border-bottom: 3px solid #e60012;
clear: both;
}

/* :: u01 :: */
div#ff03 div.u01{
margin: 0 auto;
width: 960px;
position: relative;
}

div#ff03 div.u01 p{
padding-bottom: 5px;
float: right;
}

div#ff03 div.u02{
border: 1px solid #dddddd;
clear: right;
}

div#ff03 div.u02 div.inner-u02{
margin: 0 auto;
padding-bottom: 28px;
width: 960px;
}

div#ff03 div.u02 ul{
float: left;
}

div#ff03 div.u02 ul li{
margin-top: 13px;
margin-right: 14px;
float: left;
line-height: 1;
}

div#ff03 div.u02 p{
margin-top: 13px;
float: right;
}



/* ::: common elements ::: */
/* :: function01 :: */
div.functions01 p{
display: inline;
}

div.functions01 p img{
vertical-align: middle;
}

div.functions01 p.print img{
margin-left: 6px;
}



/* ::: font-size ::: */
/* :: L :: */
.font-l{
font-size: 108%;
}


/* :: MS :: */
div#ff02 div.u01 p,
div#ff01 div.u01 p,
.font-ms{
font-size: 88%;
}


/* :: S :: */
div#ff01 div.u02 table td p.p01,
.font-s{
font-size: 85%;
}



/* ::: clear-fix ::: */
div#ff03 div.u02 div.inner-u02,
div#ff02 div.u02 div.inner-u02 ul,
div#ff02 div.u02 div.inner-u02,
div#fh03 div.u02 ul,
div#fh03 div.u02,
div#fh03 div.inner-fh03,
div#ff03 div.u01,
div#ff02 div.u01,
div#ff01 div.inner-u03-02,
div#ff01 div.u02 ul.bnr01,
div#ff01 div.u01,
div#fh01 div.u05 div.inner-u05,
div#fh01 div.units01 div.inner-units01-02,
div#fh01 div.u03,
div#fh01 div.u03 form fieldset,
div#fh01 div.u02 ul,
div#fh01 div.u01 ul,
div#fh01 div.u01,
div#ff01 div.inner-u05 ul,
div#ff01 div.inner-u05,
div#ff01 div.inner-u04-02,
div#ff01 div.u02 table td ul,
div#ff01 div.u02 div.inner-u02-02,
div#ff01 div.u01,
div#ff01,
div#fh02 div.u02 ul,
div#fh02 div.u01 ul,
div#fh02 div.u01 form legend,
div#fh02 div.u01,
.clear-fix{ 
zoom: 100%;
}

div#ff03 div.u02 div.inner-u02:after,
div#ff02 div.u02 div.inner-u02 ul:after,
div#ff02 div.u02 div.inner-u02:after,
div#fh03 div.u02 ul:after,
div#fh03 div.u02:after,
div#fh03 div.inner-fh03:after,
div#ff03 div.u01:after,
div#ff02 div.u01:after,
div#ff01 div.inner-u03-02:after,
div#ff01 div.u02 ul.bnr01:after,
div#ff01 div.u01:after,
div#fh01 div.u05 div.inner-u05:after,
div#fh01 div.units01 div.inner-units01-02:after,
div#fh01 div.u03:after,
div#fh01 div.u03 form fieldset:after,
div#fh01 div.u02 ul:after,
div#fh01 div.u01 ul:after,
div#fh01 div.u01:after,
div#ff01 div.inner-u05 ul:after,
div#ff01 div.inner-u05:after,
div#ff01 div.inner-u04-02:after,
div#ff01 div.u02 table td ul:after,
div#ff01 div.u02 div.inner-u02-02:after,
div#ff01 div.u01:after,
div#ff01:after,
div#fh02 div.u02 ul:after,
div#fh02 div.u01 ul:after,
div#fh02 div.u01 form legend:after,
div#fh02 div.u01:after,
.clear-fix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
}

div#ff01:after{
font-size: 0;
}



/*==============================

		1702：リニューアル

==============================*/

/*--------------------------------------------------
		header
--------------------------------------------------*/
.header {
	font-size: 80%;
	width: 960px;
	padding: 10px 0 0 0;
	margin: 0 auto 20px auto;
}
.header .hdBlock01 {
	margin-bottom: 15px;
}
.header .hdBlock01 .logoBox {
	width: 215px;
	height: 51px;
	float: left;
	position: relative;
}
.header .hdBlock01 .logoBox a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}
.header .hdBlock01 .logoBox .logo01 {
	width: 103px;
	height: 51px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.header .hdBlock01 .logoBox .logo01 a {
	width: 103px;
	height: 51px;
	background: url(/library/company/common/img/header/header_logo_01.png) no-repeat left top;
}
.header .hdBlock01 .logoBox .logo02 {
	width: 91px;
	height: 13px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
.header .hdBlock01 .logoBox .logo02 a {
	width: 91px;
	height: 13px;
	background: url(/library/company/common/img/header/header_txt_01.png) no-repeat left top;
}
.header .hdBlock01 .sNavBox {
	float: right;
	padding-top: 15px;
}
.header .hdBlock01 .sNavBox li {
	line-height: 31px;
	float: right;
}
.header .hdBlock01 .sNavBox li + li {
	margin-right: 15px;
}
.header .hdBlock01 .sNavBox li a {
	color: #000000;
	text-decoration: none;
}
.header .hdBlock01 .sNavBox li.sNav01 {
}
.header .hdBlock01 .sNavBox li.sNav01 a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	width: 172px;
	height: 31px;
	background: url(/library/company/common/img/header/btn_product_site.png) no-repeat left top;
}
.header .hdBlock01 .sNavBox li.sNav01 a:hover {
	background-position: left bottom;
}
.header .hdBlock01 .sNavBox li.sNav02,
.header .hdBlock01 .sNavBox li.sNav03 {
	padding-left: 5px;
	background: url(/library/company/common/img/arw_red_r_05.png) no-repeat left 12px;
}
.header .hdBlock01 .sNavBox li.sNav04 {
	height: 22px;
	padding-top: 4px;
}
.header .hdBlock01 .sNavBox li.sNav04 form {
	display: block;
	height: 22px;
}
.header .hdBlock01 .sNavBox li.sNav04 fieldset {
	height: 22px;
}
.header .hdBlock01 .sNavBox li.sNav04 fieldset legend {
	display: none;
}
.header .hdBlock01 .sNavBox li.sNav04 form input {
	display: block;
	float: left;
}
.header .hdBlock01 .sNavBox li.sNav04 form input[type="text"] {
	width: 160px;
	height: 20px;
	padding: 0 5px;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
}
.header .hdBlock01 .sNavBox li.sNav04 form input[type="image"] {
}

.header .hdBlock02 {
	border-bottom: 2px solid #ED0000;
	box-shadow: 0 1px 3px #CCCCCC;
}
.header .hdBlock02 .gNav {
	width: 137px;
	float: left;
}
.header .hdBlock02 .gNav07 {
	width: 138px;
}
.header .hdBlock02 .gNav p a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height: 38px;
	background-repeat: no-repeat;
	background-position: left top;
}
.header .hdBlock02 .gNav p a:hover,
.header .hdBlock02 .gNav p.current a {
	background-position: left bottom;
}
.header .hdBlock02 .gNav01 p a {background-image: url(/library/company/common/img/header/nav_news.png);}
.header .hdBlock02 .gNav02 p a {background-image: url(/library/company/common/img/header/nav_about.png);}
.header .hdBlock02 .gNav03 p a {background-image: url(/library/company/common/img/header/nav_ir.png);}
.header .hdBlock02 .gNav04 p a {background-image: url(/library/company/common/img/header/nav_kankyo.png);}
.header .hdBlock02 .gNav05 p a {background-image: url(/library/company/common/img/header/nav_hinshitsu.png);}
.header .hdBlock02 .gNav06 p a {background-image: url(/library/company/common/img/header/nav_kenkyu.png);}
.header .hdBlock02 .gNav07 p a {background-image: url(/library/company/common/img/header/nav_recruit.png);}
.header .hdBlock02 .gNav {
	position: relative;
}
.header .hdBlock02 .gNav ul {
	display: none;
	background: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 10;
}
.header .hdBlock02 .gNav07 ul {
	right: 0;
	left: auto;
}
.header .hdBlock02 .gNav ul li + li {
	border-top: 1px solid #CCCCCC;
}
.header .hdBlock02 .gNav ul li a {
	display: block;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	padding: 5px 20px;
	background: url(/library/company/common/img/arw_red_r_04.png) no-repeat 8px 10px;
}
.header .hdBlock02 .gNav ul li a:hover {
	color: #E60012;
	background-color: #FFF5F6;
}
.header .hdBlock02 .gNav:hover ul {
	display: block;
}



/*--------------------------------------------------
		clearfix
--------------------------------------------------*/
.header .clearfix:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	visibility:hidden;
	clear: both;
}
.header .clearfix {display: inline-block;}
* html .header .clearfix {height: 1%;}
.header .clearfix {display:block;}



}



/*==============================
		SP
==============================*/
@media screen and (max-width: 640px) {

.pc {display: none !important;}
.sp {display: block !important;}

body{
	color: #333333;
	font-size: 14px;
	line-height: 1.4;
	/* border-top: #E60012 3px solid;
	border-bottom: #E60012 3px solid; */
	font-family: "HraKakuProN-W6", "HelveticaNeue";
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}
a,
a:hover,
a:link,
a:visited {
	color: #333333;
	text-decoration: none;
}



/*	.txtLink
------------------------------*/
.txtLink a:link{
	color: #664422;
	text-decoration: none;
}
.txtLink a:visited{
	color: #7D746A;
	text-decoration: none;
}



/*--------------------------------------------------
		header
--------------------------------------------------*/
header {
	height:70px;
	position:relative;
}
.kagome_logo{
	width: 104px;
	height: 60px;
	float: left;
	margin: 10px 0px 0px 5px;
	background: url(/respond/common/img/sp/kagome_logo.png) no-repeat 0 0;
	background-size: 100%;
}
.kagome_logo a{
	display:block;
	width:104px;
	height:60px;
	text-indent:-9999px;
}
header .links{
	width:190px;
	height:50px;
	float:right;
	margin:10px 10px 0px 0px;
}
header .links a{
	display:block;
	width:60px;
	height:50px;
	text-indent:-9999px;
}
header .links .pc_ico_link{
	width:60px;
	height:50px;
	float:left;
	margin:0px 5px 0px 0px;
	background: url(/respond/common/img/sp/pc_ico.png) no-repeat 0 0;
	background-size: 100%;
}
header .links .contact_ico_link{
	width: 60px;
	height: 50px;
	float: left;
	margin: 0px 5px 0px 0px;
	background: url(/respond/common/img/sp/contact_ico.png) no-repeat 0 0;
	background-size: 100%;
}
header .links .sb-toggle-right{
	text-indent:-9999px;
	width:60px;
	height:50px;
	float:left;
	background:url(/respond/common/img/sp/menu_ico.png) no-repeat 0 0;
	background-size: 100%;
}
#sb-menu {
	border-top:#E60012 3px solid;
}
#sb-menu #sb-head {
	height: 70px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #fff;
}
#sb-menu #sb-head .sb-close {
	display: block;
	text-indent: -9999px;
	width: 60px;
	height: 50px;
	float: right;
	margin: 10px 10px 0px 0px;
	background: url(/respond/common/img/sp/close_ico.png) no-repeat 0 0;
	background-size: 100%;
}
#sb-menu #sb-content {
	padding: 10px;
}
#sb-menu #sb-content p.sb-ttl {
	margin-bottom: 10px;
	font-weight:bold;
	color: #e30b20;
}
#sb-menu #sb-content ul {
	border:1px solid #CCCCCC;
	border-radius: 5px;
	background-color: #fff;
	font-weight:bold;
}
#sb-menu #sb-content li {
	padding: 13px 13px 13px 15px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
}
#sb-menu #sb-content li:last-child {
	border-bottom: 0;
}
#sb-menu #sb-content li a {
	display:block;
	text-decoration:none;
	margin:0px;
	width:100%;
	height:auto;
	color:#333333;
	padding:0px 0px 0px 0px !important;
	background-image:url(/respond/common/img/sp/arrow2.png);
	background-repeat:no-repeat;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	background-position:right center;
	height:100%;
	line-height:100%; 
	font-weight:bold !important;
}

.pc_ico2 {margin:0px 0px 0px 5px;}
.pc_ico2 img {margin:0px 0px 3px 0px;}



/*--------------------------------------------------
		footer
--------------------------------------------------*/
#sitemap{
	margin:30px 0px 0px 0px;
	clear:both;
}

#sitemap .sitemap_top{
	background-image:url(/respond/common/img/sp/sitemap_top.png);
	background-repeat:repeat-x;
	width:100%;
	height:24px;
	text-indent:-9999px;
}

#sitemap .sitemap_bottom{
	background-image:url(/respond/common/img/sp/sitemap_bottom.png);
	background-repeat:repeat-x;
	width:100%;
	height:24px;
	text-indent:-9999px;
	clear:both;
}

#sitemap .sitemap_contents{
	background-color:#F2F2F2;
	height:auto;
}

#sitemap .contents_position{
	padding:0px 5px 0px 5px;
}

#sitemap .sitemap_title{
	-webkit-border-top-left-radius: 6px;  
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;  
	-moz-border-top-right-radius: 6px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#fff;
	margin:0 auto;
}

#sitemap .sitemap_close{
	background-image:url(/respond/common/img/sp/sitemap_switch_img.png);
	-webkit-border-bottom-left-radius: 6px;  
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;  
	-moz-border-bottom-right-radius: 6px;
	border-bottom:1px solid #CCCCCC;
	background-position:right 25px;
	display:block;
	height:50px;
	background-repeat:no-repeat;
}

#sitemap .sitemap_open{
	background-image:url(/respond/common/img/sp/sitemap_switch_img.png);
	background-position:right bottom;
	display:block;
	height:50px;
	background-repeat:no-repeat;
}

#sitemap .sitemap_title .sitemap_icon img {
	margin:0px 0px 1px 0px;
}

.switch{
	padding:0px 10px 0px 0px;
}

#sitemap .sitemap_title a{
	display:block;
	color:#333333;
	text-decoration:none;
	padding:16px 0px 14px 10px;
	font-weight:bold;
}


#sitemap .sitemap_contact{
	-webkit-border-top-left-radius: 6px;  
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;  
	-moz-border-top-right-radius: 6px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#fff;
	margin:0 auto;
	padding:15px 0px 15px 15px;
	font-weight:bold;
}

#sitemap .sitemap_contact a{
	display:block;
	color:#333333;
	text-decoration:none;
	padding:15px 0px 15px 15px;
	background-image:url(/respond/common/img/sp/arrow2.png);
	background-repeat:no-repeat;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	background-position:right center;
}

#sitemap .sitemap_contact span img {
	margin:0px 0px 1px 0px;
}

#sitemap .conte{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#fff;
	margin:0 auto;
	display:block;
}

#sitemap .conte2{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#fff;
	margin:0 auto;
}

#sitemap .conte3{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#fff;
	margin:0 auto;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
}

#sitemap .conte a{
	display:block;
	text-decoration:none;
	padding:15px;
	color:#333333;
	background-image:url(/respond/common/img/sp/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
}

#sitemap .conte2 a{
	display:block;
	text-decoration:none;
	padding:15px;
	color:#664422;
	background-image:url(/respond/common/img/sp/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
}

#sitemap .conte3 a{
	display:block;
	text-decoration:none;
	padding:15px;
	color:#664422;
	background-image:url(/respond/common/img/sp/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
}


#sitemap .product_info:after{
	content:"";
	clear:both;
	display:block;
}

#sitemap .company_info:after{
	content:"";
	clear:both;
	display:block;
}

footer{
	clear:both;
	margin:20px 0px 0px 0px;
}

.footer_list ul:after{
	content:"";
	clear:both;
	display:block;
}

.footer_list ul{
	display:block;
	width:320px;
	margin:0 auto;
	height:auto;
}
	
.footer_list li{
	float:left;
	padding:4px 5px 4px 6px;
	padding-left: 10px;
	letter-spacing:-1px;
	text-align:center;
}

.footer_list li a{
	color:#333333;
	text-decoration:none;
	display:block;
	padding:0px 5px 0px 6px;
	background-image:url(/respond/common/img/sp/index_footer.png);
	background-repeat:no-repeat;
	-webkit-background-size:3px 6px;
	-moz-background-size:3px 6px;
	background-position:left center;
}

#sitemap .right_conte ul li div{
	padding:10px 0px 10px 5px;
}

.right_conte{
	letter-spacing:-1px;
}

#contact_faq{
	margin:20px 0px 0px 0px;
	clear:both;
}

#sitemap_footer{
	margin:20px 0px 0px 10px;
}

#sitemap_footer p {
}

#sitemap_footer p span a{
	color:#664422;
	margin:0px 0px 0px 5px;
	letter-spacing:0.08em;
	font-weight:bold;
}
#sitemap_footer p.tel-text {
	margin:0px 0px 5px 0px;
}

#copyright{
	text-align:center;
	margin:4px 0px 10px 0px;
}
.table-sitemap {
	width:100%;
	border-top:1px solid #CCCCCC;
	border-spacing: 0;
}
.table-sitemap th {
	width:12%;
	color:#333333;
	padding:0px 10px 0px 10px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#F2F2F2;
	font-weight:normal;
}
.table-sitemap td {
	width:44%;

	padding:10px 6px 10px 8px;
	background-color:#fff;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-image:url(/respond/common/img/sp/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
	height:3.2em;
}

.table-sitemap td a {
	width:100%;
	display:block;
	color:#333333;
	height:100%; /*追加2012.02.03*/
	vertical-align:middle /*追加2012.02.03*/
}

.table-sitemap td a p { /*追加2012.02.03*/
	margin:0;
	padding:0;
	height:3.2em;
	display:table-cell;
	vertical-align:middle
}

.table-sitemap td a p span { /*追加2012.02.03*/
	margin:0;
	padding:0;
	line-height:1.1em;
}

.table-sitemap th.border03 {
	width:12%;
	color:#333333;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-radius:0px 0px 0px 6px;
	-webkit-border-radius:0px 0px 0px 6px;
	-moz-border-radius:0px 0px 0px 6px;
	padding:0px 10px 0px 10px;
	background-color:#F2F2F2;
	font-weight:normal;
}
.table-sitemap td.border01 {
	width:44%;
	padding:0px 0px 0px 0px;
	padding:10px 6px 10px 8px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#fff;
	background-image:url(/respond/common/img/sp/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
}
.table-sitemap td.border02 {
	width:44%;
	padding:0px 0px 0px 0px;
	padding:10px 6px 10px 8px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-radius:0px 0px 6px 0px;
	background-color:#fff;
	background-image:url(/respond/common/img/sp/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
}
.to_pc{
	width:238px;
	height:38px;
	margin:0 auto;
	padding:30px 0px 10px 0px;
}

.to_pc a{
	text-indent:-9999px;
	display:block;
	width:238px;
	height:38px;
	background-image:url(/respond/common/img/sp/to_pc.png);
	background-repeat:no-repeat;
	-webkit-background-size:238px 38px;
	-moz-background-size:238px 38px;
}
.to_top{
	font-size:14px;	
	width:150px;
	float:right;
	margin:20px 0px 30px 0px;
}

.to_top a{
	display:block;
	text-decoration:none;
	color:#000;
	padding:0px 0px 0px 15px;
	background-image:url(/respond/common/img/sp/to_top_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
}



/*--------------------------------------------------
		#wrap
--------------------------------------------------*/
#wrap > * {
	box-sizing: border-box;
}
#wrap {
	width: 98%;
	padding: 0 1%;
	margin: 0 auto;
}



/*--------------------------------------------------
		section
--------------------------------------------------*/
section img {
	width: 100%;
}



/*		.secMain
--------------------------------------------------*/
.secMain {
	margin-bottom: 10px;
}
.secMain h2.cap {
	margin-bottom: 0;
	box-shadow: 1px 1px 5px #F8F8F8;
}



/*--------------------------------------------------
		#topicPath
--------------------------------------------------*/
#topicPath {
	margin-bottom: 20px;
}
#topicPath ul li {
	display: inline;
	font-size: 90%;
}



}



/*==============================
			PC+SP
==============================*/

body{color: #333333;}
li {list-style: none;}
h2,h3,h4,h5,h6 {margin-bottom: 20px;}
img {vertical-align:middle;}


/*--------------------------------------------------
		section
--------------------------------------------------*/
section {
	margin-bottom: 20px;
}
section p,
section ul,
section dl {
	margin-bottom: 20px;
}


/*	.dsTbl
------------------------------*/
.dsTbl {
	display: table;
	width: 100%;
}
.dsTbl dl {
	display: table-row;
}
.dsTbl dl dt,
.dsTbl dl dd {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
}



/*--------------------------------------------------
		 !important
--------------------------------------------------*/
/*	color
------------------------------*/
.red {color: #BA2221 !important;}
.blue {color: #164F86 !important;}

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

/*	align
------------------------------*/
.taL {text-align: left !important;}
.taC {text-align: center !important;}
.taR {text-align: right !important;}

/*	font-size
------------------------------*/
.fs70 {font-size: 70% !important;}
.fs75 {font-size: 75% !important;}
.fs80 {font-size: 80% !important;}
.fs85 {font-size: 85% !important;}
.fs90 {font-size: 90% !important;}
.fs95 {font-size: 95% !important;}
.fs100 {font-size: 100% !important;}
.fs120 {font-size: 120% !important;}
.fs140 {font-size: 140% !important;}
.fs160 {font-size: 160% !important;}
.fs180 {font-size: 180% !important;}

/*	margin
------------------------------*/
.mrgT0{margin-top: 0 !important;}
.mrgT5{margin-top: 5px !important;}
.mrgT10{margin-top: 10px !important;}
.mrgT15{margin-top: 15px !important;}
.mrgT20{margin-top: 20px !important;}
.mrgT25{margin-top: 25px !important;}
.mrgT30{margin-top: 30px !important;}

.mrgR0{margin-right: 0 !important;}
.mrgR5{margin-right: 5px !important;}
.mrgR10{margin-right: 10px !important;}
.mrgR15{margin-right: 15px !important;}
.mrgR20{margin-right: 20px !important;}
.mrgR25{margin-right: 25px !important;}
.mrgR30{margin-right: 30px !important;}

.mrgB0{margin-bottom: 0 !important;}
.mrgB5{margin-bottom: 5px !important;}
.mrgB10{margin-bottom: 10px !important;}
.mrgB15{margin-bottom: 15px !important;}
.mrgB20{margin-bottom: 20px !important;}
.mrgB25{margin-bottom: 25px !important;}
.mrgB30{margin-bottom: 30px !important;}
.mrgB40{margin-bottom: 40px !important;}
.mrgB50{margin-bottom: 50px !important;}
.mrgB60{margin-bottom: 60px !important;}
.mrgB80{margin-bottom: 80px !important;}
.mrgB100{margin-bottom: 100px !important;}

.mrgL5{margin-left: 5px !important;}
.mrgL10{margin-left: 10px !important;}
.mrgL15{margin-left: 15px !important;}
.mrgL20{margin-left: 20px !important;}
.mrgL23{margin-left: 23px !important;}
.mrgL25{margin-left: 25px !important;}
.mrgL30{margin-left: 30px !important;}
.mrgL30{margin-left: 30px !important;}

/*	padding
------------------------------*/
.pad10 {padding: 20px !important;}
.pad20 {padding: 20px !important;}

.padT0 {padding-top: 0 !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT20 {padding-top: 20px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}



/*--------------------------------------------------
		cfx（clearfix）
--------------------------------------------------*/
.cfx:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.cfx,
.clearfix {
	display: inline-block;
} 
* html .cfx,
* html .clearfix {
	height: 1%;
}
.cfx,
.clearfix {
	display:block;
}





/*==============================

		slidebars

==============================*/
html, body, #sb-site, .sb-site-container, .sb-slidebar {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	width: 100%;
	overflow-x: hidden;
}
html {
	height: 100%;
}
body {
	min-height: 100%;
	height: auto;
	position: relative;
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

/* ----------
 * 002 - Site
 */
#sb-site, .sb-site-container {
	width: 100%;
	position: relative;
	z-index: 1;
	background-color: #ffffff; 
}

/* ---------------
 * 003 - Slidebars
 */
.sb-slidebar {
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 0;
	z-index: 0;
	display: none;
	background-color: #F2F2F2;
	-webkit-transform: translate(0px);
}
.sb-left {
	left: 0;
}
.sb-right {
	right: 0;
	border-left: 1px solid #CCCCCC; 
}
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute;
}
.sb-slidebar.sb-active {
	display: block;
}
.sb-style-overlay {
	z-index: 9999;
}
.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch;
}

	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {width: 70%;}
	.sb-width-thin {width: 55%;}
	.sb-width-wide {width: 85%;}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {width: 55%;}
	.sb-width-thin {width: 40%;}
	.sb-width-wide {width: 70%;}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {width: 40%;}
	.sb-width-thin {width: 25%;}
	.sb-width-wide {width: 55%;}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {width: 30%;}
	.sb-width-thin {width: 15%;}
	.sb-width-wide {width: 45%;}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {width: 20%;}
	.sb-width-thin {width: 5%;}
	.sb-width-wide {width: 35%;}
}

/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	-moz-transition: -moz-transform 400ms ease;
	-o-transition: -o-transform 400ms ease;
	transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right;
	-webkit-backface-visibility: hidden; 
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none;
}
/*==============================*/