@charset "UTF-8";

#function_conta {text-align:center;}
#function_conta h1#h1_mainimg {font-size:1px; line-height:1;}

#function_conta #func_naviarea { padding:80px 20px 60px 20px; margin:0 auto;}
#function_conta #func_naviarea ul {font-size:0; line-height:1;}
#function_conta #func_naviarea ul li {padding:0 10px 20px 10px; display:inline-block;}
#function_conta #func_naviarea ul li a,
#function_conta #func_naviarea ul li a:visited,
#function_conta #func_naviarea ul li a:hover {width:180px; color:#FFF; padding:20px 0 30px; font-weight:bold; display:block; background:url(../../../images/products/function/navi_arrow.png) center bottom no-repeat #df0623; text-decoration:none;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../common/border-radius.htc');/* for IE */
}
#function_conta #func_naviarea ul li a:hover  {
opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .8; /* Safari 1.x */
-moz-opacity: .8; /* FF lt 1.5, Netscape */}
#function_conta #func_naviarea ul li a p{font-size:14px; font-size:1.4rem;}

#function_conta .func_lay01 { max-width:1020px; padding:0 20px 120px 20px; margin:0 auto;}
#function_conta .func_bg01 {border:2px solid #f8f7f6; padding:80px 100px 0 100px;}

#function_conta ul li.func_con01 {border-bottom:2px solid #f8f7f6; margin-bottom:30px;}
#function_conta ul li.func_con01:last-child {border:none; margin-bottom:50px;}
#function_conta .func_cate_title01 {padding-bottom:70px;}
#function_conta .func_cate_title01 h2 {padding-bottom:20px; background:url(../../../images/products/function/h2_title_border.gif) center bottom no-repeat;}





#function_conta .func_con01 {text-align:left;}
#function_conta .func_con01 .func_icon {width:100px; float:left; padding-bottom:30px;}
#function_conta .func_con01 h3.func_title {margin-left:130px; padding:10px 0; font-size:20px; font-size:2.0rem;}
#function_conta .func_con01 .func_textbox {margin-left:130px; padding-bottom:10px;}
#function_conta .func_con01 .func_textbox p {font-size:14px; font-size:1.4rem; color:#555; line-height:2; padding-bottom:10px;}

#function_conta .func_con01 .func_textbox ul.notes,
#function_conta .func_con01 .func_textbox ul.notes_multi { padding-bottom:8px;}
#function_conta .func_con01 .func_textbox ul.notes li {width:100%; font-size:12px; font-size:1.2rem; color:#777; line-height:1.6; list-style:none; padding:0 0 2px 1.0em; margin:0; text-indent:-1rem;}
#function_conta .func_con01 .func_textbox ul.notes_multi li {width:100%; font-size:12px; font-size:1.2rem; color:#777; line-height:1.6; list-style:none; padding:0 0 2px 1.5em; margin:0; text-indent:-1.7rem;}




/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
#function_conta {}

#function_conta .func_bg01 {border:2px solid #f8f7f6; padding:50px 40px 0 40px;}
#function_conta ul li.func_con01:last-child {border:none; margin-bottom:20px;}

}

@media screen and (max-width: 770px) {
#function_conta {}
#function_conta #func_naviarea ul li a,
#function_conta #func_naviarea ul li a:visited,
#function_conta #func_naviarea ul li a:hover {width:230px;}
}


/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {

#function_conta {}

#function_conta #func_naviarea { padding:40px 10px 30px 10px; margin:0 auto;}
#function_conta #func_naviarea ul li {width:50%; padding:0 5px 10px 5px; display:inline-block;}
#function_conta #func_naviarea ul li a,
#function_conta #func_naviarea ul li a:visited,
#function_conta #func_naviarea ul li a:hover {width:100%; padding:14px 0 20px; background:url(../../../images/products/function/navi_arrow_sp.png) center bottom no-repeat #df0623;}
#function_conta #func_naviarea ul li a p{font-size:11px; font-size:1.1rem;}


#function_conta .func_lay01 { max-width:1020px; padding:0 10px 40px 10px; margin:0 auto;}
#function_conta .func_bg01 {border:2px solid #f8f7f6; padding:36px 10px 0 10px;}
#function_conta ul li.func_con01:last-child {border:none; margin-bottom:0px;}

#function_conta .func_cate_title01 {padding-bottom:38px;}
#function_conta .func_cate_title01 h2 {font-size:17px; font-size:1.7rem; padding-bottom:12px; background:url(../../../images/products/function/h2_title_border_sp.gif) center bottom no-repeat;}



#function_conta .func_con01 {text-align:left;}
#function_conta .func_con01 .func_icon {width:80px; float:left; padding:0 20px 0 0; display:table-cell; vertical-align:middle;}
#function_conta .func_con01 h3.func_title {margin-left:80px; height:60px; padding:0; font-size:15px; font-size:1.5rem; display:table-cell; vertical-align:middle;}
#function_conta .func_con01 .func_textbox {margin-left:0; padding-bottom:10px; padding-top:20px; clear:both;}
#function_conta .func_con01 .func_textbox p {line-height:1.5;}



}