@charset "utf-8";

body{
margin:0px;
padding:0px;
font-size:1em;
line-height:1.6em;
letter-spacing:0px;
font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'MS UI Gothic',"ＭＳ Ｐゴシック","Arial",sans-serif;
color:#222222;
}

#wrapper {
	position: relative;
	display: block;
	float: none;
	width: 100%;
    min-height: 100%;
    margin:0px;
    padding:0px;
    text-align:center;
	clear: both;
    background-color: #ffffff;
}

#container {
	position: relative;
	display: block;
	float: none;
	clear: both;
	width: 100%;
    margin:0px;
    padding:0px;
    text-align:left;
}

/*-----header setting-----*/
header{
position:relative;
display:block;
margin:0px;
padding:0px;
width:100%;
height:auto;
text-align:center;
}

#header_area{
position:relative;
display:inline-block;
margin:0px auto;
padding:0px;
width:auto;
height:auto;
text-align:left;
}

#logo{
position:relative;
display:block;
margin:0px auto 0px;
padding:0px;
width:100%;
height:auto;
float:none;
text-align: center;
}

#logo li{
position:relative;
display:inline-block;
margin:0px 5px;
padding:0px;
vertical-align: middle;
float:none;
}

#h_contact {
    position: relative;
    display: none;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: none;
    text-align: center;
}

#h_contact li{
    position: relative;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.btn_contact{
display:inline-block;
width:310px;
height:45px;
margin:0px auto 0px;
padding:0px;
}

.btn_contact a{
display:block;
width:310px;
height:45px;
background-image:url(../images/nav/btn_contact.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

.btn_contact a:hover{
display:block;
width:310px;
height:45px;
background-image:url(../images/nav/btn_contact.png);
background-position:0px -45px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

/*-----maincontents setting-----*/

.flexslider{
position:relative;
display:block;
width:100%;
height:400px;
margin:0px 0px 10px;
padding:0px;
text-align:left;
}

section{
position:relative;
display:block;
width:100%;
margin:0px auto;
padding:0px;
text-align:left;
}

#maincontentsBox{
position:relative;
display:block;
width:100%;
margin:0px auto 10px;
padding:0px;
text-align:left;
z-index:1;
}

.top_graph{
position:relative;
display:block;
margin:0px;
padding:0px;
width:100%;
height:480px;
text-align:center;
background-image:url(../images/contents/top/topimage_bg.jpg);
    background-repeat:repeat-x;
    background-position:left top;

}

#key_visual{
position:relative;
display:block;
width:100%;
height:400px;
margin:0px auto;
padding:0px;
text-align:left;
z-index:1;
}

.pagetop{
position:relative;
display:block;
width:100px;
height:50px;
margin:0px auto 0px;
padding:0px;
text-align: center;
line-height: 70px;
z-index:99;
}

.pagetop a{
position:relative;
display:block;
width:100px;
height:50px;
text-align: center;
text-decoration: none;
background-image:url(../images/nav/pagetop_bg.png);
background-position:50% 0px;
background-repeat:no-repeat;
color: #a0a0a0;
}

.pagetop a:hover{
position:relative;
display:block;
width:100px;
height:50px;
text-align: center;
text-decoration: none;
background-image:url(../images/nav/pagetop_bg.png);
background-position:50% -50px;
background-repeat:no-repeat;
color: #0d96f6;
}

/*-----footer setting-----*/

footer{
position:relative;
display:block;
width: 100%;
height: auto;
margin:0px;
padding:0px;
text-align:center;
background-color: #6fb0f2;
}

#footer_area{
position:relative;
display:inline-block;
width: 100%;
margin:0px;
padding:0px;
text-align:center;
}

.ftr_pn {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 20px;
    margin: 0px;
    padding: 0px 0px 0px 28px;
    background-image: url(../images/base/toll_f_n_logo.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
}

#co_add {
    position: relative;
    display: block;
    width: 90%;
    height: 86px;
    margin: 0px auto 20px;
    padding: 0px 0px 0px;
    font-size: 0.8em;
    color: #154388;
    text-align: left;
    border-top: 1px solid #5794d2;
}

#co_add::before {
    display: block;
    content: "";
    margin: 0px 0px 0px;
    padding: 20px 0px 0px;
    border-top: 1px solid #98cafc;
}

#copyr{
position:relative;
display:inline-block;
width: 90%;
height:auto;
margin:45px 0px 0px;
font-size: 0.7em;
color:#507faf;
}

#mdp{
position:relative;
display:block;
width:75px;
height:20px;
margin:0px;
padding:0px 0px 0px 0px;
float:none;
}


/*-----------------------------------------------------
 globalnav menu setting
-----------------------------------------------------*/

#gln_btn{
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    margin: 0px 10px 0px;
    padding: 0px;
    color: #ffffff;
    text-align: center;
    z-index: 99;
	float: none;
}

#gln_btn a{
	font-weight: bold;
	text-decoration: none;
}

#gln_btn img{
    position: relative;
    display: block;
    height: 40px;
    margin: 5px 5px 0px;
    padding: 0px;
}

.gln_btn_sub_menu{
	position: relative;
	display: block;
	width: auto;
	height: auto;
	margin: -5px auto 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 0.7em;
    font-weight: bold;
}

nav {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-image: url(../images/nav/nav_bg.png);
    background-color: #6fb0f2;
    background-repeat: repeat-x;
    background-position: left top;
}

nav a{
    position: relative;
    display: block;
    text-decoration: none;
}

#g_nav{
position: relative;
    display: none;
    width:100%;
    height: auto;
    margin: 0px auto;
    padding:0px;
}

#g_nav li{
position: relative;
display: block;
width:100%;
    height: auto;
    float: none;
    margin: 0px;
    padding: 0px 0px 0px;
    text-align: center;
    background-image: none;
    background-color: #6fb0f2;
}

.gn_home {
display:inline-block;
width:100%;
height: 50px;
margin:0px;
padding:0px;
}

.gn_home a{
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.gn_home a:hover{
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.gn_pack2000{
display:inline-block;
width:100%;
height:50px;
margin:0px;
padding:0px;
}

.gn_pack2000 a{
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.gn_pack2000 a:hover{
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.main_menu{
position: relative;
    display: block;
    float: none;
    width: 100%;
    height: auto;
    background-image: url(../images/nav/nav_bg.png);
    background-repeat: repeat-x;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
    line-height: 50px;
cursor: pointer;
font-weight: bold;
}

.gn_fn_w {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    text-align: center;
}

.gn_fn_w a{
display:block;
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.gn_fn_w a:hover{
display:block;
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.gn_dri_w a{
display:block;
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.gn_dri_w a:hover{
display:block;
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
}

.gn_super-w a{
display:block;
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
font-weight: bold;
}

.gn_super-w a:hover{
display:block;
width:100%;
height:50px;
background-image:none;
background-position:0px;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-indent:0px;
color: #154388;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
font-weight: bold;
}

.sub_menubox {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    margin: 10px auto;
    padding: 0px;
    z-index: 99;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.sub_menubox li{
    position: relative;
    display:block;
    height: auto !important;
    text-align: center;
    border: none;
    font-weight: normal;
}

.sub_menubox li a{
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    background-color: #154388;
text-shadow: none;
}

#fn_w_business a{
    color: #ffffff;
    border: none;
}

#fn_w_personal a{
    color: #ffffff;
    border: none;
}

#dri_w_cw a{
    color: #ffffff;
    border: none;
}

#dri_w_sd19 a{
    color: #ffffff;
    border: none;
}

#dri_w_aw a{
    color: #ffffff;
    border: none;
}



/*-----footer navi menu setting-----*/


#fnav{
position:relative;
display:block;
width: 100%;
height: auto;
margin: 0px auto 20px;
    padding:0px;
background-image: url(../images/nav/fnav_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
}

#fnav li{
position:relative;
display:block;
float:none;
width: 100%;
height: auto;
text-align: center;
line-height: 40px;
}

.fnav_home a{
display:block;
width: 100%;
height:40px;
background-image:url(../images/nav/fnav_home.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_home a:hover{
display:block;
width: 100%;
height:40px;
background-image:url(../images/nav/fnav_home.png);
background-position:50% -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_pack2000 a{
display:block;
width: 100%;
height:40px;
background-image:url(../images/nav/fnav_pack2000_md.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_pack2000 a:hover{
display:block;
width: 100%;
height:40px;
background-image:url(../images/nav/fnav_pack2000_md.png);
background-position:50% -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_super-w {
display:block;
width: 190px;
height:40px;
background-image:url(../images/nav/fnav_super_w_md.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

.fnav_contact a{
display:block;
width: 100%;
height:40px;
background-image:url(../images/nav/fnav_contact_md.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_contact a:hover{
display:block;
width: 100%;
height:40px;
background-image:url(../images/nav/fnav_contact_md.png);
background-position:50% -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_fn_w {
display:block;
width: 100%;
height:auto;
background-image:url(../images/nav/fnav_fn_w_md.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

.fnav_dri_w {
display:block;
width: 192px;
height:auto;
background-image:url(../images/nav/fnav_dri_w_md.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}


.ftr_sub_menu{
    position: relative;
    display:inline-block;
    list-style: none;
    width: 90%;
    height: auto;
    margin: 40px auto 0px;
    padding: 0px;
    text-align: center;
    z-index: 99;
    background-color: #64a5e7;
    border-top: 1px solid #5794d2;
    border-bottom: 1px solid #98cafc;
    border-radius: 10px;
}

.ftr_sub_menu li{
position: relative;
    display: block;
    text-align: center;
    height: 30px;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
    line-height: 30px;
    float: none;
    color: #ffffff;
    font-size: 0.9em;
}

.ftr_sub_menu li a{
    text-decoration: none;
    color: #154388;
}

.ftr_sub_menu li a:hover{
    text-decoration: none;
    color: #ffffff;
}


/*-----go contact button in page setting-----*/

.go_contact {
    position:relative;
    display:block;
    width:320px;
    height: 60px;
    line-height: 60px;
    margin:30px auto 20px;
    padding:0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.go_contact a{
    padding: 10px 10px 10px;
    text-decoration: none;
    color: #3382fd;
    border: 2px solid #3382fd;
    border-radius: 3px;
}

.go_contact a:hover{
    padding: 10px 10px 10px;
    text-decoration: none;
    color: #ffffff;
    background-color: #3382fd;
    border: 2px solid #3382fd;
    border-radius: 3px;
}

/*-----table setting-----*/




/*-----table setting 横のを奇数行を装飾-----*/
.sd19_outline_data, .prod_spec tbody tr:nth-of-type(odd){
background-color:#f9fdff;
}

/*-----clear setting-----*/

.clear{
clear:both;
}

.txt_pagetop {
    position: relative;
    display: block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin: 0px 0px 0px 90%;
    padding: 0px 0px 0px 5px;
}

.txt_pagetop a{
    text-decoration: none;
    color: #c1c1c1;
    padding-bottom: 5px;
}

.txt_pagetop a:hover{
    text-decoration: none;
    color: #0d96f6;
    padding-bottom: 5px;
    border-top: 2px solid #0d96f6;
}

/*-----------------------------------------------------
 contents page default setting
-----------------------------------------------------*/

#breadcrumb {
position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    line-height: 1.8em;
    font-size: 12px;
    background-color: #f3f3f3;
}

#breadcrumb a{
    text-decoration: none;
    color: #154388;
}

#breadcrumb a:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #154388;
}

.bread_area{
position: relative;
    display: block;
    width: 94%;
    height: auto;
    margin: 0px auto 0px;
    padding:0px;
}

.title_imgbox {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
}

.inquirybox {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 30px auto 30px;
    padding: 5px;
    text-align: center;
    box-shadow: 0px 2px 6px #cccccc;
}

.inquirybox h2{
    position: relative;
    display: block;
    width: 94%;
    height: auto;
    color: #00aae8;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.8em;
}

.inquirybox ul{
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 20px auto 0px;
    padding: 0px;
}

.inquirybox li{
    width: auto;
    height: auto;
    margin: 0px 0px 5px;
    padding: 0px;
    float: none;
    text-align: center;
}

.inquirybox li img{
    width: 94%;
    height: auto;
    margin: 5px;
    padding: 0px;
    float: none;
    text-align: center;
}

.ln9_txt {
    position: relative;
    display: block;
    width: 300px;
    height: 20px;
    font-size: 12px;
    margin:0px;
    color: #999999;
}

.ln9_txt a{
    text-decoration: none;
    color: #00aae8;
    margin: 0px 2px 0px;
    padding: 2px;
}

.ln9_txt a:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #00aae8;
    margin: 0px 2px 0px;
    padding: 2px;
}

#con_title {
    position: absolute;
    display: block;
}

.wb_logo {
    font-family: arial black;
}

.maker_linkbox {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0px auto 0px;
    padding: 10px;
}

.w_server_maintenance_guidebox {
    position: relative;
    display: block;
    width: 94%;
    height: auto;
    margin: 50px auto 50px;
    padding: 0px 0px 0px;
    font-size: 0.9em;
    border-radius: 15px;
    text-align: center;
}

.maintenance_copy {
    position: relative;
    display: inline-block;
    width: 90%;
    height: auto;
    margin: 30px 0px;
    padding: 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: #555555;
    text-align: center;
}

.qr_list {
    position: relative;
    display: inline-block;
    width: 160px;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    text-align: center;
}

.w_s_maintenance_guide_txt {
    position: relative;
    display: inline-block;
    width: 90%;
    height: auto;
    margin: 0px;
    padding: 10px;
    vertical-align: top;
}

.w_s_m_qrbox {
    position: relative;
    display: inline-block;
    width: 45%;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    text-align: center;
    vertical-align: top;
}

.reccomend-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: rgba(213, 173, 111, 0.8);
    font-size: 0.9em;
    color: #fff5e7;
    z-index: 100;
}

.reccomend-bar a{
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff5e7;
}

.recco_ic {
    position: relative;
    display: inline-block;
    width: 40px;
    height: auto;
    margin: 0px;
    padding: 4px;
    vertical-align: middle;
}

/*-----------------------------------------------------
 各商品の契約規約ページ設定
-----------------------------------------------------*/

#w-s_contract-terms_box {
    position: relative;
    display: block;
    width: 87%;
    height: auto;
    margin: 50px auto ;
    padding: 1em;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px rgba(153, 153, 153, 0.5);
    border-radius: 5px;
    font-size: 0.9em;
}

#w-s_contract-terms_box .main_title{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    font-size: 1.2em;
    margin: 0px auto;
    padding: 10px;
    color: #ffffff;
    background-color: #333333;
    text-align: center;
}

.contract-terms_intro_txt {
    position: relative;
    display: block;
    text-align: left;
    width: auto;
    height: auto;
    margin: 30px auto 50px;
    padding: 0px;
}

.each-regulation_title {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0px auto 0px;
    padding: 10px 0px 10px;
    font-size: 1.1em;
    text-align: center;
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}

.regulations {
    position: relative;
    display: block;
    width: 88%;
    height: auto;
    margin: 50px auto 50px;
    padding: 0px;
    line-height: 1.5em;
    list-style-type: decimal;
}

.each-matter_title {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    font-weight: bold;
}

.regulations .reg_list{
    margin: 0px 0px 20px;
    padding: 0px 0px;
}

#w-s_continuous-trading_box {
    position: relative;
    display: block;
    width: 87%;
    height: auto;
    margin: 50px auto ;
    padding: 1em;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px rgba(153, 153, 153, 0.5);
    border-radius: 5px;
    font-size: 0.9em;
}

#w-s_continuous-trading_box .main_title{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    font-size: 1.2em;
    margin: 0px auto;
    padding: 10px;
    color: #ffffff;
    background-color: #333333;
    text-align: center;
}

.price_r {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px 10px;
    padding: 0px;
    text-align: right;
    border-bottom: 1px solid #aaaaaa;
}

.attention {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

.uchikeshi {
    text-decoration: line-through;
}

#user_guidebox {
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    right: 0px;
    bottom: 10%;
    z-index: 9999;
}

#tap_here_to_signup_btn {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    right: 0%;
    text-align: center;
    z-index: 9999;
    writing-mode:horizontal-tb;
    background-image: linear-gradient(45deg, #058be8 0%, #0cb6ea 100%);
    opacity: 80%;
    border-radius: 10px 0px 0px 10px;
}

#tap_here_to_signup_btn a{
    position: block;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #ffffff;
}

.t_h_t_s_b_txt {
    position: relative;
    display: inline-block;
    width: 100px;
    height: auto;
    margin: 0px 0px 0px;
    padding: 8px 0px 8px 8px;
    font-size: 1em;
    line-height: 1.2em;
}

.t_h_t_s_b_ic {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
}

.t_h_t_s_b_ic img{
    width: 90%;
    height: auto;
    margin: 0px;
    padding: 0px;
}

.regulation_box {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    right: 0%;
    bottom: 10%;
    font-size: 0.8em;
    text-align: center;
    z-index: 9999;
    writing-mode:horizontal-tb;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px 0px 0px 10px;
}

.regulation_btn {
    position: relative;
    display: inline-block;
    width: 120px;
    height: auto;
    margin: 0px;
    padding: 5px;
    line-height: 1.6em;
    text-decoration: none;
    color: #555555;
    opacity: 80%;
    border-radius: 10px 0px 0px 10px;
}

.regulation_btn:hover {
    position: relative;
    display: inline-block;
    width: 120px;
    height: auto;
    margin: 0px;
    padding: 5px;
    line-height: 1.6em;
    text-decoration: none;
    color: #555555;
    opacity: 80%;
    border-radius: 10px 0px 0px 10px;
}