@charset "shift_jis";

.bg_beige {
	background-color: #f7f5f1;
}

@media screen and (min-width: 641px) {

html{width: 100%; height: 100%;
font-size: 14px;
/*?*/
_font-size: 100%;
/**/
}
*{ margin: 0px; padding: 0px;}
body{height: 100%;
background-color: #fff;
color: #555;
margin: 0;padding: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: left;font-size: 14px;
_display: inline;
_zoom: 1;
}
img{ border: 0px; vertical-align: top; }
ul ol{list-style: none; margin:0; padding: 0;}
/*p{line-height: 1.4em; font-size: 12px;}*/
.clear{ clear: both; visibility: hidden; height: 0;}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
ul ol li{list-style: none; margin:0; padding: 0;list-style-type: none;}
li{list-style: none;list-style-type: none;}
.clearfix { display: inline-block; }
/* exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display: block;}
/* end MacIE5 */

.mb10 { margin-bottom:10px; display:block; }

.text_link {
    font-size: 12px;
    padding: 10px 0;
}

/*
Module ----------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display: block;}
/* end MacIE5 */

.smp{ display: none;}
.sp{ display: none;}
.pc_off {display: none !important;}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=7);
-ms-filter: "alpha(opacity=70)";
}
a:hover #x-submit {
opacity: 0.7;
filter: alpha(opacity=7);
-ms-filter: "alpha(opacity=70)";
}
.line a:hover img {
opacity: 1.0;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=100)";
}
.search{
float: right;
}
.search input[type="text"]{
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border:1px solid #cccccc;
height: 20px;
}
/*--20141120 base----------------------------*/
.dir a:hover img {
opacity: 0.7;
filter: alpha(opacity=7);
-ms-filter: "alpha(opacity=70)";
}
.logo a:hover img {
opacity: 1;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=100)";
}
.ft_logo a:hover img {
opacity: 10;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=100)";
}
.pmark a:hover img {
opacity: 100;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
/*--20141120 base end------------------------*/

/*--20150601 globalnavi----------------------------*/

.dir p {
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    padding:15px 0 40px;
}

.dir_img {
    width:159px !important;
    display:block;
}

/*--20150601 globalnavi----------------------------*/


/*
content ----------------------------------------*/
.annotation_bottom{width: 960px; margin: 47px auto 11px;}
.annotation_bottom p{padding: 0px; font-size: 11px; line-height: 18px;}
.gototop{ text-align: right; position: relative;left: 0px;top: 5px;}
.gototop2{ text-align: right; padding: 25px 0 20px 0;}


/*
base ----------------------------------------*/
/*.h_search_02{
  clear: both;
  float: right;
min-width: 400px;
width: 400px;
max-width: 500px;
text-align: right;
}*/
#wrapper{width: 100%; min-width: 960px; margin:0 auto;}
#wrapper_inner{width: 960px; margin: 0px auto 0px auto;}
#wrapper_inner2{width: auto; margin: 30px auto 0px auto;}
#wrapper_inner3{width: auto; margin: 23px auto 0px auto;}
#wrapper_inner4{width: 960px; margin: 20px auto 0px auto; clear:both;}
#header h1{ display:block; float:left; width:200px;}
#header .menu01{ display:block; float:left; width:125px;padding-top:33px;}
#header .menu02{ display:block; float:left; width:147px;padding-top:33px;}
#header .menu03{ display:block; float:right;}
#mainvisual{ text-align:center; width:960px; height: 600px; margin:0px auto 0px auto;}
#mainvisual p{ display:none;}
#copy{ text-align:center; width:960px; margin:0px auto 0px auto;}
#copy2{ text-align:center; width:960px; margin:0px auto 0px auto;}


/*
---------------------------------------------------------------*/
#pickup{width: 100%;clear: both; background: #f7f5f1;height: auto;}
.pickup_title{ text-align: center; padding: 27px 0 18px 0;  font-size: 28px;}
.pickup_main ul{  width: 960px; margin: 0px auto; padding: 5px 0 7px 0; height: auto;}

.pickup_main li{ float: left; margin-right: 14.5px; width: 180px; padding: 0px 0 0px 0;  }
.pickup_main li img{ border:solid 1px #e7dfcf; }
.pickup_main li.end{ float: left; margin-right: 0px;}
.pickup_text{height: 32px;background: url(/image/ar-icon.png) no-repeat 5px 2px;}
.pickup_text div{width: 210px;font-size: 12px;margin: 8px 0 0 20px;line-height: 16px;}

.top_more_btn{ background:#eee9e0; padding:6px 0; text-align:center; margin-top:5px;}
.top_more_btn:hover{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}


/*
---------------------------------------------------------------*/
#int_service{clear: both; height: 457px;}
.is_body{ width: 960px; margin: 0px auto; height: 400px;}
.is_title{ text-align: center; padding-top: 72px; font-size: 28px;}
.is_title p{ font-size: 14px; padding: 32px 0 45px;}
.is_main li{
width: 228px;
float: left;
margin-right: 16px;
}
.is_main li.end{
float: right;
margin-right: 0px;
}
.is2nd{clear: both;
padding: 17px 0;
}
.is_main li a{color: #666666;}
.is_main li a:hover{
color: #e7198c;
text-decoration:none;
}
.is_00{
width: 151px;height: 62px;padding: 25px 0 0 77px;
background: url(/image/top-service-00-off.jpg) no-repeat;
line-height: 19px;
}
.is_00:hover {background: url(/image/top-service-00-on.jpg) no-repeat;}
.is_01{
width: 151px;height: 62px;padding: 25px 0 0 77px;
background: url(/image/top-service-01-off.jpg) no-repeat;
line-height: 19px;
}
.is_01:hover {background: url(/image/top-service-01-on.jpg) no-repeat;}
.is_02{
width: 151px;height: 62px;padding: 25px 0 0 77px;
background: url(/image/top-service-02-off.jpg) no-repeat;
line-height: 19px;
}
.is_02:hover {background: url(/image/top-service-02-on.jpg) no-repeat;}
.is_03{
width: 151px;height: 52px;padding: 35px 0 0 77px;
background: url(/image/top-service-03-off.jpg) no-repeat;
line-height: 19px;
}
.is_03:hover {background: url(/image/top-service-03-on.jpg) no-repeat;}
.is_04{
width: 151px;height: 72px;padding: 15px 0 0 77px;
background: url(/image/1505_service6_off.jpg) no-repeat;
line-height: 19px;
}
.is_04:hover {background: url(/image/1505_service6_on.jpg) no-repeat;}
.is_05{
width: 151px;height: 52px;padding: 35px 0 0 77px;
background: url(/image/top-service-05-off.jpg) no-repeat;
line-height: 19px;
}
.is_05:hover {background: url(/image/top-service-05-on.jpg) no-repeat;}
.is_06{
width: 151px;height: 62px;padding: 25px 0 0 77px;
background: url(/image/1505_service4_off.jpg) no-repeat;
line-height: 19px;
}
.is_06:hover {background: url(/image/1505_service4_on.jpg) no-repeat;}
.is_07{
width: 151px;height: 62px;padding: 25px 0 0 77px;
background: url(/image/top-service-07-off.jpg) no-repeat;
line-height: 19px;
}
.is_07:hover {background: url(/image/top-service-07-on.jpg) no-repeat;}
#oshirase{
clear: both;
background: #f7f5f1;
}
.oshirase_body{ width: 960px; margin: 0px auto; height: 380px;}
.oshirase_title{ text-align: center; padding-top: 72px; font-size: 28px;}
.oshirase_list_btn{float: right; height: 30px; margin-top: 13px;}
.oshirase_main{
padding: 22px 0 0 20px;
height: 140px;
background: #ffffff;
margin: 0px 0 10px 0;
clear: both;
overflow: auto;
}
.oshirase_main li{padding: 5px;}
.oshirase_main li dt{float: left;width: 150px; padding: 0px 5px 10px 5px;}
.oshirase_main li dd{float: left;width: 700px; padding: 0px 5px 10px 20px;
background: url(/image/ar-icon.png) no-repeat;
}
.btn_top_service_lineup{ margin-left:-2px;}
#top_content_list{
clear: both;
}
.tcl_body{ width: 960px; margin: 0px auto; height: 478px;}
.tcl_main{padding-top: 56px;}
.tcl_left{width: 635px; float: left;}
.tcl_main .tcl_right{
float: right;
width: 268px;
height: 384px;
border: 1px solid #cccccc;
padding: 20px;
}
.tcl_main .tcl_left li{
border: 1px solid #cccccc;
padding: 20px;
margin-bottom: 10px;
overflow:hidden;
padding: 15px 20px;
}
.tcl_main .tcl_left li.right{
border: 1px solid #cccccc;
padding: 20px;
overflow: hidden;
padding: 15px 20px;
}
.tcl_main dt{
border-bottom: 1px dotted #cccccc;
padding-bottom: 5px;
font-weight: bold;
}
.tcl_main dd{
font-size: 12px;
padding-top: 10px;
}
.tcl_link1{
margin-right: 20px;
padding-left: 15px;
background: url(/image/ar-icon.png) no-repeat 0px 0px;
float:left;
}
.tcl_link1_1{
margin-right: 20px;
padding-left: 15px;
background: url(/image/ar-icon.png) no-repeat 0px 0px;
float:left;
margin-bottom:10px;
}
.dairi1{float: left; margin-left: 5px;}
.dairi2{ margin-bottom:10px;}
.tcl_link2{
clear: both;
padding-left: 15px;
background: url(/image/f-mini-icon.png) no-repeat;
display: inline-block;
}
.tcl_link3 {
padding-left: 15px;
background: url(/image/f-mini-icon.png) no-repeat 0px 0px;
float: left;
margin-right: 20px;
margin-bottom:10px;
}
/*.tcl_link4 {
clear: both;
padding-top: 10px;
padding-left: 15px;
background: url(/image/ar-icon.png) no-repeat 0px 10px;
}*/
.text1{ width: 960px; margin: 5px auto; clear: both; font-size: 10px;}
.slider_prev{
margin-left: 30px;
}
.slider_next{
margin-right: 30px;
}

.twitter_link {
    background-image: url("/image/f-mini-icon.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    margin-left: 5px;
    padding-left: 15px;
    text-decoration: underline;
}
/*
pankuzu---------*/
#pankuzu{
background: url(/image/pankuzu-back.jpg) repeat-x;
height: 33px;
}
.pankuzu_body{
width: 960px; margin: 0px auto; color: #ffffff;
padding: 10px 0; font-size: 12px;
}
.pankuzu_body a{color: #ffffff;}
.pankuzu_body a:hover{color: #ffffff; text-decoration: underline;}
.pankuzu_body a.home{
padding-left: 18px;
background: url(/image/home-icon.png) no-repeat 0 2px;
}


/* [BANNER STYLE] */
#banner_area_01{ overflow:hidden; margin-top: -30px;}
.banner_body{width: 960px; margin: 30px auto 0;}
.banner_body2{width: 960px; margin: 20px auto;}
.banner_body3{width: 757px; margin: 0 auto;}
.banner_body4{width: 821px; margin: 30px auto;}
.banner_body5{width: 757px; margin: 0 0 10px; float: right;}
.banner_body2 li{font-size: 12px;}

#banner_area_02{height: 252px; clear: both;}
/*ue*/
#banner_area_02_u{height: 160px; clear: both;}

 .btn_left{float: left; width: 450px; padding:10px 30px 0 0; text-align:right;}
 .btn_right{float: right; width: 450px; padding: 10px 0 0 30px; text-align:left;}
 .list_t_d ul{margin-left: 20px;}
 .list_t_d li{list-style: initial; list-style-type : disc;}
 .list_t_d li.disc_no{list-style-type: none; margin-left:-20px;}
 ul.list_t_none{margin-left: 0px;}
 ul.list_t_none li{list-style: none; list-style-type : none;}

/* [products] */
#content_lineup{height: 90px;}
.cl_body{
	display:table;
	width: 960px;
	margin: 10px auto;
	border-left:1px solid #ccc;
}
.cl_body li{
	display:table-cell;
	border-right:1px solid #ccc;
}

#products_content01{
clear: both;
background: url(/hdd/img/pc-01-back.png) no-repeat 50% 0;
height: 707px;
}
.pc_01_body{width: 960px; margin: 0px auto;}
.pc_01_title{ text-align: center; padding-top: 64px;}
.pc_01_title h2{font-size: 28px; line-height: 40px; letter-spacing: 0.0em;}
.pc_01_title p{ font-size: 14px; padding: 30px 0 41px; letter-spacing: 0.0em;}
.pc_01_right{
width: 368px;
float: right;
}
.pc_01_text{
font-size: 18px;
height: 50px;
line-height: 26px;
letter-spacing: 0.1em;
padding-left: 15px;
}
.pc_01_link{
position: relative;
left: 230px;
top: 145px;
width: 100px;
}
.pc_01_link a{
font-size: 12px;
background: url(/image/ar2-icon.png) no-repeat 0px 3px;
padding-left: 15px;
}
.pc_01_btn{text-align: center; position: relative; top: -39px;}
#products_content02{
clear: both;
background: url(/hdd/img/pc-02-back.png) no-repeat 50% 0;
height: 704px;
}
.pc_02_body{width: 960px; margin: 0px auto;}
.pc_02_title{ text-align: center; padding-top: 0px;}
.pc_02_title h2{font-size: 28px; line-height: 40px; letter-spacing: 0.0em; position: relative; top: -12px;}
.pc_02_title p{ font-size: 14px; padding: 13px 0; letter-spacing: 0.0em;}
#products_content02_2{
clear: both;
background: url(/hdd/img/pc-02-back-2.png) no-repeat 50% 0;
height: 83px;
text-align: center;
padding-top: 25px;
}
#products_content02_2 a{
margin: 0 26px;
}
#products_content02_3{
clear: both;
background: url(/hdd/img/pc-02-back-2.png) no-repeat 50% 0;
background-size: auto 100%;
text-align: center;
padding: 40px 0;
}
#products_content02_3 a{
margin: 0 26px;
}
#products_content03{
clear: both;
background: #f17fbf;
height: 550px;
}
.pc_03_body{width: 960px; margin: 0px auto;}
.pc_03_title{ text-align: center; padding-top: 65px;}
.pc_03_title h2{font-size: 28px; line-height: 40px; letter-spacing: 0.0em;}
.pc_03_title p{ font-size: 14px; padding: 29px 0 33px; letter-spacing: 0.0em;}
.pc_03_main{color: #ffffff; width: 799px; margin: 0 auto;}
#products_content04{
clear: both;
}
.pc_04_body_01{clear: both;}
.pc_04_body_02{border-top: 1px solid #cccccc; clear: both;}
.pc_04_title{width: 960px; margin: 0px auto; text-align: center; padding: 65px 0 30px 0;}
.pc_04_title h2{font-size: 28px; line-height: 40px; letter-spacing: 0.0em;}
.pc_04_title p{ font-size: 14px; padding: 24px 0 18px; letter-spacing: 0.1em; line-height: 22px;}
.pc_04_main_01{width: 960px; margin: 0px auto;}
.pc_04_main_01_01{float: left;width: 440px; padding: 46px 0;}
.pc_04_main_01_02{float: right;width: 440px; padding: 46px 0;}
.pc_04_main_01_01 h3{
font-size: 18px;padding-left: 60px;line-height: 25px;
background: url(/hdd/img/pc-04-main-01-01-h3.png) no-repeat ;
}
.pc_04_main_01_01 p{font-size: 13px; padding: 10px 0 30px; line-height: 22px;}
.pc_04_main_01_02 h3{
font-size: 18px;padding-left: 60px;line-height: 25px;
background: url(/hdd/img/pc-04-main-01-02-h3.png) no-repeat ;
}
.pc_04_main_01_02 p{font-size: 13px; padding: 10px 0 30px; line-height: 22px;}
.pc_04_main_02{width: 960px; margin: 0px auto;}
.pc_04_main_02_01{float: left;width: 440px; padding: 46px 0 14px 0;}
.pc_04_main_02_02{float: right;width: 440px; padding: 46px 0 14px 0;}
.pc_04_main_02_03{clear: both; text-align: center; padding: 0px 0 10px;}
.pc_04_main_02_03 p{padding: 44px 0 58px; font-size: 11px;}
.pc_04_main_02_01 h3{
font-size: 18px;padding-left: 60px;line-height: 25px;
background: url(/hdd/img/pc-04-main-02-01-h3.png) no-repeat ;
}
.pc_04_main_02_01 p{font-size: 12px; padding: 10px 0 30px; line-height: 22px;}
.pc_04_main_02_02 h3{
font-size: 18px;padding-left: 60px;line-height: 25px;
background: url(/hdd/img/pc-04-main-02-02-h3.png) no-repeat ;
}
.pc_04_main_02_02 p{font-size: 12px; padding: 10px 0 30px; line-height: 22px;}
#products_content05{
background: url(/hdd/img/pc-05-back.png) no-repeat 50% 0;
clear: both;
}
.pc_05_body{
clear: both;
width: 960px; margin: 0px auto;
height: 485px;
color: #ffffff;
}
.pc_05_title{float: right;width: 640px; text-align: left; padding: 66px 0 13px 0;}
.pc_05_title h2{font-size: 28px; line-height: 40px;}
.pc_05_title p{ font-size: 12px; padding: 16px 0;}
.pc_05_main{float: right; width: 640px; text-align: left; padding: 0px 0 30px 0; clear: both;}
.pc_05_main_01{float: left;width: 280px;}
.pc_05_main_02{float: right;width: 300px;}
.pc_05_main_01 h3,
.pc_05_main_02 h3{font-size: 18px;line-height: 25px;}
.pc_05_main_01 p,
.pc_05_main_02 p{padding-top: 13px;font-size: 13px;line-height: 22px;}
.pc_05_main_02 img{margin-top: 10px;}
#products_content06{clear: both; height: 443px;}
.pc_06_body{clear: both;width: 960px; margin: 0px auto;}
.pc_06_title{width: 960px; margin: 0px auto; text-align: center; padding: 65px 0 26px 0;}
.pc_06_title h2{font-size: 28px; line-height: 40px;}
.pc_06_title p{ font-size: 12px; padding: 20px 0;}
.pc_06_main p{ font-size: 13px; line-height: 22px; margin-bottom:10px;}
.pc_06_main_01_01,
.pc_06_main_01_02{
width: 260px;
float: left;
border-right:1px dotted #cccccc;
padding: 0 30px;
line-height: 150%;
margin-bottom: 30px;
height: 310px;
}
.pc_06_main_01_03{
width: 258px;
float: right;
padding: 0 30px;
text-align: center;
}
.pc_06_main_01_01 h3,
.pc_06_main_01_02 h3,
.pc_06_main_01_03 h3{
height: 60px;
text-align: center;
font-size: 18px;
line-height: 25px;
}
.pc_06_main_01_03 a{
float: right;
background: url(/image/ar-icon.png) no-repeat;
padding-left: 15px;
}
#products_content07{clear: both; background: #f7f5f1;}
.pc_07_body{clear: both;width: 960px; margin: 0px auto; text-align: center;}
.pc_07_main{padding: 42px 0;}
.svr1{padding: 25px 0;}
.svr2{
text-align: left;
padding: 10px 0;width: 360px; margin: 0 auto; border-bottom: 1px solid #cccccc;}
.svr2 a{
float: right;
background: url(/image/ar-icon.png) no-repeat;
padding-left: 15px;
}
.svr3{
text-align: left;
padding: 10px 0 10px;width: 430px; margin: 0 auto; border-bottom: 1px solid #cccccc;}
.svr3 a{
float: right;
background: url(/image/ar-icon.png) no-repeat;
padding-left: 15px;
}

/*service
------------------------------------------------------------------*/
.right_text{padding: 15px; text-align: right; font-size: 12px;}
#content_sub_nav{background: url(/hdd/img/service-nav-back.jpg) repeat-x; height: 57px;}
.sub_nav_service{ width: 960px; margin: 0 auto;}
.sub_nav_service li{float: left; padding: 0 10px; border-left: 1px dotted #cccccc; height: 57px;}
.sub_nav_service li.sn_body05{border-right: 1px dotted #cccccc;}
.sub_nav_service a {
display: block; position: relative; height: 49px;
}
.sn_body01{width: 155px;}
.sn_body02{width: 145px;}
.sn_body03{width: 236px;}
.sn_body04{width: 186px;}
.sn_body05{width: 132px;}
.service_nav01,
.service_nav02,
.service_nav03,
.service_nav04,
.service_nav05{
position: absolute;top: 0px;left: 0px;width: 100%;height: 56px; margin: 0px;
}
.box{ height: 56px;}
.icon {width: 100%;height: 56px;margin: 0 auto;text-indent: -9999px;display: block;position: absolute;z-index: 200;}
.name {position: absolute;width: 100%;left: 0px; text-align: center;font-size: 12px;white-space: nowrap;margin-top: 36px;}
#page_on .service_nav01,
.service_nav01:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service_nav01 .box .icon{background: url(/hdd/img/service-sub-nav01-on.jpg) no-repeat 50% 8px;}
#page_on .service_nav01 .box .icon,
.service_nav01 .box .icon:hover{background: url(/hdd/img/service-sub-nav01-on.jpg) no-repeat 50% 8px;}
#page_on .service_nav02,
.service_nav02:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service_nav02 .box .icon{background: url(/hdd/img/service-sub-nav02-off.jpg) no-repeat 50% 8px;}
#page_on .service_nav02 .box .icon,
.service_nav02 .box .icon:hover{background: url(/hdd/img/service-sub-nav02-on.jpg) no-repeat 50% 8px;}
#page_on .service_nav03,
.service_nav03:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service_nav03 .box .icon{background: url(/hdd/img/service-sub-nav03-off.jpg) no-repeat 50% 8px;}
#page_on .service_nav03 .box .icon,
.service_nav03 .box .icon:hover{background: url(/hdd/img/service-sub-nav03-on.jpg) no-repeat 50% 8px;}
#page_on .service_nav04,
.service_nav04:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service_nav04 .box .icon{background: url(/hdd/img/service-sub-nav04-off.jpg) no-repeat 50% 8px;}
#page_on .service_nav04 .box .icon,
.service_nav04 .box .icon:hover{background: url(/hdd/img/service-sub-nav04-on.jpg) no-repeat 50% 8px;}
#page_on .service_nav05,
.service_nav05:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service_nav05 .box .icon{background: url(/hdd/img/service-sub-nav05-off.jpg) no-repeat 50% 8px;}
#page_on .service_nav05 .box .icon,
.service_nav05 .box .icon:hover{background: url(/hdd/img/service-sub-nav05-on.jpg) no-repeat 50% 8px;}
#content{background: #f7f7f7;padding-top: 0px;padding-bottom: 50px;border-bottom: 1px solid #cccccc;}
.content_title{background: #ffffff; border-bottom: #dddddd 1px solid; padding: 46px 0 45px;
margin-bottom: 49px;}
.content_title_body{
width: 940px;
height: 35px;
line-height: 38px;
font-size: 28px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding-left: 20px;
background: url(/hdd/img/service-voice-title.jpg) no-repeat center left;
}
.content_title_body02{
width: 940px;
height: 35px;
line-height: 38px;
font-size: 28px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding-left: 20px;
background: url(/imh/img/service-voice-title_bh.png) no-repeat center left;
}
/*タイトル ボタン追加*/
.content_title_inner{width: 960px; margin:0 auto; position:relative;}
.content_title_body_L{
width: 940px;
height: 35px;
line-height: 38px;
font-size: 28px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding-left: 20px;
background: url(/hdd/img/service-voice-title.jpg) no-repeat center left;
}
.content_title_btn_R{ position:absolute; right:76px; top:-25px;}

.sv_01_body{background: #ffffff;width: 960px; margin: 50px auto 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; position:relative;}
.sv_sub_title{
padding: 9px 0 11px;
}
.content_div{
width: 810px;
margin: 0 auto 58px;
}
.content_div li{
font-size: 12px;
line-height: 1.5em;
}
.table_title {
width: 805px;
height: 35px;
line-height: 40px;
font-size: 24px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding-left: 15px;
background: url(/hdd/img/service-voice-h2-title.jpg) no-repeat center left;
}
.specification_table {
border-collapse: collapse;
text-align: center;
width: 820px;
margin: 0 auto 10px;
table-layout: fixed;
}
.col_width_180 {
width: 180px;
}
.specification_table tr td, .specification_table tr th {
border: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
font-weight: normal;
padding: 20px 18px;
vertical-align: middle;
}
.specification_table tr td.bg_blue {
background-color: #f7f5f1;
border-left: none;
color: #3e3a39;
font-size: 0.8em;
font-weight: bold;
text-align: left;
line-height: 24px;
}
.specification_table tr th {
font-weight: bold;
}
.specification_table tr th {
background: #a6a8d1;
color: #FFFFFF;
border: none;
}
.specification_table tr td ul, .verfy_table tr td ul {
list-style-type: none;
text-align: left;
padding: 0 10px;
margin: 0;
color: #555555;
font-size: 12px;
line-height: 1.5em;
}
.specification_table tr .empty_cell {
border-style: none;
}
.specification_table tr th.empty_cell {border: none;background-color: transparent;}
.specification_table tr th.bg_minimum,
.specification_table tr th.bg_light,
.specification_table tr th.bg_family{background: #ffffff; padding: 2px;}
.specification_table tr th.bg_minimum div {background: #00baef;color: #FFFFFF;border: none; padding: 14px 0; font-weight: bold;
border-radius: 4px;
font-size: 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.specification_table tr th.bg_light div {background: #abcd03;color: #FFFFFF;border: none; padding: 14px 0; font-weight: bold;
border-radius: 4px;
font-size: 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.specification_table tr th.bg_family div {background: #f39800;color: #FFFFFF;border: none; padding: 14px 0; font-weight: bold;
border-radius: 4px;
font-size: 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
span.price {
color: #3e3a39;
font-size: 29px;
}
.specification_table tr td.r_off{border-right: hidden;}
.specification_table tr td.lr_off{border-right: hidden; border-left: hidden;}
.specification_table tr td.r_dot{border-right: 1px dotted #cccccc;}
.specification_table tr td.l_dot{border-left: 1px dotted #cccccc;}
.specification_table tr td.lr_dot{border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc;}
.specification_table tr td.top_dot{border-top: 1px dotted #cccccc;}
/*
.specification_table tr td.top_dot{background: url(/image/dot-line.png) repeat-x; border-top: hidden;}
*/
.specification_table tr td.btm_dot{border-bottom: 1px dotted #cccccc;}
.specification_table tr td.btm_off{border-bottom: hidden;}
.specsms_table tr td.r_off{border-right: hidden;}
.specsms_table tr td.lr_off{border-right: hidden; border-left: hidden;}
.specsms_table  tr td.r_dot{border-right: 1px dotted #cccccc;}
.specsms_table  tr td.l_dot{border-left: 1px dotted #cccccc;}
.specsms_table  tr td.lr_dot{border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc;}
.specsms_table  tr td.top_dot{background: url(/image/dot-line.png) repeat-x; border-top: hidden;}
.specsms_table  tr td.btm_dot{border-bottom: 1px dotted #cccccc;}
.specsms_table  tr td.btm_off{border-bottom: hidden;}
span.tax {
color: #3e3a39;
font-size: 0.8em;
line-height: 1.5em;
}
span.title {
color: #3e3a39;
font-size: 16px;
padding: 10px 0;
line-height: 22px;
}
span.color_2gb{color: #00baef; font-size: 20px; text-align: center; font-weight: bold;}
span.color_4gb{color: #abcd03; font-size: 20px; text-align: center; font-weight: bold;}
span.color_7gb{color: #f39800; font-size: 20px; text-align: center; font-weight: bold;}
.specification_table tr td.inner_border_padding {
padding: 20px 18px;
}
.w_fix180{width: 180px;}
.w_fix200{width: 200px;}
.specification_table tr td.l_family{
background: #f39800;
border-left: hidden;
text-align: left;
padding-left: 20px;
}
span.title_family{
text-align: left;
color: #ffffff;
}
.table_title_3{
width: 785px;
margin: 2px auto 18px;
}
.specsms_table {
border-collapse: collapse;
text-align: center;
width: 820px;
margin: 0 auto 9px;
table-layout: fixed;
border-left: hidden;
border-right: hidden;
}
.specsms_table tr td ul {
list-style-type: none;
text-align: left;
color: #727171;
font-size: 12px;
line-height: 1.5em;
}
.specsms_table tr td, .specsms_table tr th {
border: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
font-weight: normal;
padding: 10px;
vertical-align: middle;
text-align: left;
}
.specsms_table tr td.bg_pink {
background-color: #f7eff1;
border-left: 0px;
color: #3e3a39;
font-size: 0.8em;
font-weight: bold;
text-align: left;
}
.specsms_table tr td.bg_pink a.ar_link2{
background-image: url(/image/ar-icon.png);
background-repeat:no-repeat;
background-position: 0px 3px 0px 3px;
padding-left: 15px;
margin-left:0px;
color: #333333;
display:block;
vertical-align:bottom;
line-height:1.2em;
}
.specsms_table tr td.bg_pink a:hover{
color:#e7198c;
}
.specsms_table tr td.bottom_border_color {
border-bottom: 1px dotted #cccccc;
}
.specsms_table tr td.top_border_color {
border-top: 1px dotted #cccccc;
}
.table_width01{ width:30% !important;}
.table_width02{ width:15% !important;}
.sv_01_main_end{
padding-bottom: 40px;
}
.sv_01_main #products_content07,
.sv_01_main_end #products_content07{
width: 820px;
margin: 0 auto 20px;
text-align: center;
}
.attention_body{
width: 800px;
margin: 0 auto;
}
.attention_list {
font-size: 12px;
list-style-type: none;
margin-bottom: 20px;
}
.attention_list li {
margin-top: 5px;
line-height: 1.5em;
}
.text_attention {
color: #FA8258;
}
.text_attention2 {
color: #FA8258;
text-align:center;
font-size:12px;
margin-top: 10px;
margin-bottom: -20px;
}
.text_attention_blue {
color: #3d62ad;
}
a.cr_link{
color: #e7198c;
}
a.ar_link{
background-image: url("/image/ar-icon.png");
background-repeat: no-repeat;
background-position: center left;
color: #e7198c;
padding-left: 15px;
}
a.ar_link_blank{
display:inline-block;
background: url(/hdd/shop/img/icon_targetblank.png) no-repeat;
padding-left: 15px;
color: #e7198c;
}
a.ar_link_blank2{
display:inline-block;
background: url(/hdd/shop/img/icon_targetblank.png) no-repeat 1px 2px;
padding-left: 14px;
color: #333333;
}
a:hover.ar_link_blank2{
color: #e7198c;
text-decoration:underline;
}
.page_top_sub{
width: 820px;
margin: 0 auto;
text-align: right;
}
.page_top_sub2{float: right;}
.t_padding_01{
padding-top: 40px;
}
.pc_07_body_min{
margin-top: 50px;
}
.specification_table tr td.t_left,
.specification_table tr th.t_left{
padding-right: 0;
text-align: left;
line-height: 1.3;
}
.ff_end_border td{
border-collapse: separate;
border-bottom: 1px solid #cccccc;
}
.ff_border{
border-collapse: separate;
}
.col_w_127{
width: 127px;
table-layout: fixed;
}
.col_w_127_2{
width: 127px;
table-layout: fixed;
}
/* 20160623 */
.TdPlusone{
	width:130px;
}

#content_sub_nav2{background: url(/hdd/img/service-nav-back.jpg) repeat-x top; height: 57px; padding-bottom:9px;}
#content_sub_nav2_bottom{background: url(/hdd/img/service-nav-back.jpg) repeat-x top; height: 57px; padding-bottom:9px;}
.sub_nav_service2{ width: 960px; margin: 0 auto;}
.sub_nav_service2 ul{ padding:0; margin:0;}
.sub_nav_service2 li{float: left; padding: 0 10px; background: url(/image/sub-nav-dot-l.gif) left bottom no-repeat; height: 57px; list-style-type:none; background-color:#;}
.sub_nav_service2 li.sn2_body06{
background: url(/image/sub-nav-dot-l.gif) left bottom no-repeat, url(/image/sub-nav-dot-r.gif) right bottom no-repeat;
-pie-background:url('/image/sub-nav-dot-l.gif') left bottom no-repeat,url('/image/sub-nav-dot-r.gif') right bottom no-repeat;
behavior: url("/PIE.htc");
position:relative;
}

.sub_nav_service2 a {
display: block; position: relative; height: 49px;
}
.sn2_body01{width: 149px;}
.sn2_body02{width: 114px;}
.sn2_body03{width: 201px;}
.sn2_body04{width: 166px;}
.sn2_body05{width: 111px;}
.sn2_body06{width: 92px;}
.service2_nav01,
.service2_nav02,
.service2_nav03,
.service2_nav04,
.service2_nav05,
.service2_nav06{
position: absolute;top: 0px;left: 0px;width: 100%;height: 56px; margin: 0px;
}
.box{ height: 56px;}
.icon {width: 100%;height: 56px;margin: 0 auto;text-indent: -9999px;display: block;position: absolute;z-index: 200;}
.name {position: absolute;width: 100%;left: 0px; text-align: center;font-size: 12px;white-space: nowrap;margin-top: 36px;}
#page_on .service2_nav01,
.service2_nav01:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service2_nav01 .box .icon{background: url(/hdd/img/service-sub-nav01-off.jpg) no-repeat 50% 10px;}
#page_on .service2_nav01 .box .icon,
.service2_nav01 .box .icon:hover{background: url(/hdd/img/service-sub-nav01-on.jpg) no-repeat 50% 10px;}
#page_on .service2_nav02,
.service2_nav02:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service2_nav02 .box .icon{background: url(/hdd/img/service-sub-nav02-off.jpg) no-repeat 50% 12px;}
#page_on .service2_nav02 .box .icon,
.service2_nav02 .box .icon:hover{background: url(/hdd/img/service-sub-nav02-on.jpg) no-repeat 50% 12px;}
#page_on .service2_nav03,
.service2_nav03:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service2_nav03 .box .icon{background: url(/hdd/img/service-sub-nav03-off.jpg) no-repeat 50% 12px;}
#page_on .service2_nav03 .box .icon,
.service2_nav03 .box .icon:hover{background: url(/hdd/img/service-sub-nav03-on.jpg) no-repeat 50% 12px;}
#page_on .service2_nav04,
.service2_nav04:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service2_nav04 .box .icon{background: url(/hdd/img/service-sub-nav04-off.jpg) no-repeat 50% 12px;}
#page_on .service2_nav04 .box .icon,
.service2_nav04 .box .icon:hover{background: url(/hdd/img/service-sub-nav04-on.jpg) no-repeat 50% 12px;}
#page_on .service2_nav05,
.service2_nav05:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service2_nav05 .box .icon{background: url(/hdd/img/service2-sub-nav06-off.jpg) no-repeat 50% 10px;}
#page_on .service2_nav05 .box .icon,
.service2_nav05 .box .icon:hover{background: url(/hdd/img/service2-sub-nav06-on.jpg) no-repeat 50% 10px;}
#page_on .service2_nav06,
.service2_nav06:hover{border-bottom: 1px solid #f38cc5; color: #333333;}
.service2_nav06 .box .icon{background: url(/hdd/img/service-sub-nav05-off.jpg) no-repeat 50% 12px;}
#page_on .service2_nav06 .box .icon,
.service2_nav06 .box .icon:hover{background: url(/hdd/img/service-sub-nav05-on.jpg) no-repeat 50% 12px;}

/* 紹介コード */

.intro {
    display: block;
    margin: 0 auto 30px;
    width: 420px;
}
.intro .intro_txt {
    font-size: 16px;
    margin: 0;
    padding: 10px 0 5px;
    text-align:center;
}

.intro input {
    line-height:3.0em;
    font-size: 16px;
    width:420px;
    height: 48px;   
}

/*
知っとく
----------------------------------*/
.lecture_01_body{background: url(/hdd/scene/img/lecture-main-01.jpg) no-repeat 50% 0;height: 204px; background-color: #2b4c1b;}
.lecture_title_01{background: url(/hdd/scene/img/lecture-content-main-back-01.jpg) repeat-x;}
.lecture_title_main_01{background: url(/hdd/scene/img/lecture-content-main-01.jpg) no-repeat 50% 0;height: 325px;}
.lecture_title_02{background: url(/hdd/scene/img/lecture-content-main-back-02.jpg) repeat-x;}
.lecture_title_main_02{background: url(/hdd/scene/img/lecture-content-main-02.jpg) no-repeat 50% 0;height: 293px;}
.lecture_title_03{background: url(/hdd/scene/img/lecture-content-main-back-03.jpg) repeat-x;}
.lecture_title_main_03{background: url(/hdd/scene/img/lecture-content-main-03.jpg) no-repeat 50% 0;height: 293px;}
.lecture_title_04{background: url(/hdd/scene/img/lecture-content-main-back-04.jpg) repeat-x;}
.lecture_title_main_04{background: url(/hdd/scene/img/lecture-content-main-04.jpg) no-repeat 50% 0;height: 293px;}
.lecture_main{width: 805px; margin: 0px auto;}
.lecture_main_area{
overflow: auto;
border: 1px solid #cccccc;
padding: 20px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
line-height: 23px;
font-size: 13px;
}
.lecture_text{float: left; width: 465px; }
.lecture_btn{float: right; width: 290px; }
.lecture_02_body .lecture_btn{padding-top: 20px;}
sup {vertical-align: super;font-size: 9px;}
.lecture1{color: #f57804;}
.lecture2{color: #2d80c3;}
a.lecture2{ color: #2d80c3; text-decoration: underline;}
a.lecture2:hover { color: #2d80c3; text-decoration: none;}
.lecture3{color: #009a90;}
.lecture4{color: #42b600;}
.t_large{font-size: 20px;}
.t_large2{font-size: 18px;}
.lecture_attention{font-size: 9px; padding: 15px 0 55px; clear: both;}
.lecture_end{height: 53px; border-bottom: 1px solid #cccccc;}


/*
動作確認端末
---------------------------------*/
.content_title_devices {overflow: auto; margin-bottom: 38px; padding: 38px 0 38px; background-color:#ffffff; border-bottom:solid 1px #dddddd;}
.content_title_body2 {
width: 940px;
height: 35px;
line-height: 38px;
font-size: 28px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding-left: 20px;
background: url(/hdd/img/service-voice-title.jpg) no-repeat center left;
}
.content_top_sub{
width: 920px;
margin: 0 auto;
padding: 10px 0 0;
}
.content_top_sub p{ font-size: 16px;line-height: 40px; }

.content_top_sub1{
background-image: url(/hdd/devices/img/er-icon.jpg);
background-repeat:no-repeat;
background-position:10px center;
box-sizing:border-box;
color: #3d62ad;
border: 2px solid #3d62ad;
border-radius: 4px;
margin:0 auto;
padding: 15px 15px 15px 60px;
width: 960px;
}

.content_top_sub2{
background-image: url(/hdd/devices/img/er-icon.jpg);
background-repeat:no-repeat;
background-position:10px center;
box-sizing:border-box;
color: #3d62ad;
border: 2px solid #3d62ad;
border-radius: 4px;
margin:0 auto;
padding: 15px 15px 15px 60px;
width: 814px;
}
.content_top_sub3{
background: url(/hdd/devices/img/er-icon.jpg);
background-repeat:no-repeat;
background-position:10px center;
border: 2px solid #3d62ad;
border-radius: 4px;
box-sizing: border-box;
margin: 0 auto;
padding: 15px 15px 15px 60px;
width: 734px;
color: #3d62ad;
}
.content_top_sub2,
.content_main_sub2 p{color: #3d62ad;}
.sub_title {
width: 805px;height: 35px;line-height: 40px;font-size: 24px;font-weight: normal;color: #303030;margin: 25px auto;padding-left: 15px;
background: url(/hdd/img/service-voice-h2-title.jpg) no-repeat center left;
}
.sub_title2 {
width: 805px;height: 35px;line-height: 40px;font-size: 24px;font-weight: normal;color: #303030;margin: 25px auto 15px;padding-left: 15px;
background: url(/hdd/img/service-voice-h2-title.jpg) no-repeat center left;
}
.devices_01_body {background: #ffffff;width: 960px;margin: 0 auto 35px; color: #333333; position:relative;}
.devices_02_body {background: #ffffff;width: 960px;margin: 0 auto 30px; color: #333333; position:relative;}
.devices_03_body {background: #ffffff;width: 960px;margin: 0 auto 0px; color: #333333; position:relative;}
.devices_sub_title{padding: 9px 0 5px;}
.devices_sub_title2{padding: 16px 0 0px;}
.devices_01_main{width: 805px; margin: 0 auto; padding: 0px 0 10px 0;}
.devices_text_box01{margin:0px 0px 0px 9px; font-size: 15px; line-height: 40px;}
.devices_text_box02{margin:0px 0px 30px 9px; font-size: 13px; line-height: 22px;}
.devices_text_box02_2{margin:0px 0px 10px 9px; font-size: 13px; line-height: 22px;}
.devices_text_box03{margin:0px 0px 20px 9px; font-size: 9px; line-height: 17px;}
.content_main_sub2 a {font-size: 13px;background: url(/hdd/devices/img/ar-icon.png) no-repeat 0 4px;padding-left: 15px; color: #C81577;}
.devices_text_box01 a{background: url(/hdd/devices/img/ar-icon.png) no-repeat 0 5px;padding-left: 15px; color: #C81577;}
.devices_text_box03 a{font-size: 9px; line-height: 17px;background: url(/hdd/devices/img/ar-icon.png) no-repeat 0 2px;padding-left: 13px; color: #C81577;}
.devices_search{background: url(/hdd/devices/img/devices-search-back.png) no-repeat; width: 811px; height: 42px; padding: 0;}
.input_main{float: left;padding: 9px 0px 0px 50px;}
.input_main input[type="text"]{
width: 280px;
height: 23px;
margin-left: 10px;
}
.print_btn{float: right; margin-right: 5px;}
.devices_text_box04{
clear: both; text-align: right; line-height: 15px; font-size: 11px; padding: 10px 0;
}
table.devices {
width: 100%;
border-top: 1px solid #ddd;
border-spacing: 0;
empty-cells: show;
margin-bottom: 40px;
}
table.devices th{
line-height: 15px;
padding: 5px;
font-size: 11px;
width: 10%;
text-align: center;
vertical-align: super;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #f9e3ef;
}
table.devices th.remarks{
border-right: 0px;
border-bottom: 1px solid #ddd;
}
table.devices td{
line-height: 15px;
padding: 5px;
font-size: 11px;
text-align: center;
vertical-align: middle;
border-right: 1px solid #CBCBCB;
border-bottom: 1px solid #CBCBCB;
}
/*
table.devices tr:nth-child(4n+1) td,
table.devices tr:nth-child(4n+2) td{
background: #E5E4E2
}
*/
table.devices td.remarks{
text-align: center;
border-right: 0px;
border-bottom: 1px solid #CBCBCB;
}
.manufacturer{width: 10%;}
table.devices th.lteterminal,
table.devices th.tethering,
table.devices th.picture,
table.devices th.voicecall{
/* border-bottom: hidden; */
}
table.devices td.remarks { vertical-align:middle; text-align:center;}
table.devices td.remarks img{vertical-align:middle;margin-right:2px;}
table.devices td.remarks a{
vertical-align:middle;
font-size: 11px;
line-height: 17px;
color: #C81577;
}
.dark-tooltip{ display:none; position:absolute; z-index:99; text-decoration:none; font-weight:normal; height:auto; top:0; left:0;}
.dark-tooltip.small{ padding:4px; font-size:12px; max-width:150px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.dark-tooltip.medium{ padding:10px; font-size:14px; max-width:200px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.dark-tooltip.large{ padding:16px; font-size:16px; max-width:250px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }


/*Tips */
.dark-tooltip .tip{ transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); content: ""; position: absolute; width:0; height:0; border-style: solid; line-height: 0px; }
.dark-tooltip.south .tip{ left:50%; top:100%;}
.dark-tooltip.west .tip{ left:0; top:50%;}
.dark-tooltip.north .tip{ left:50%; top:0; }
.dark-tooltip.east .tip{ left:100%; top:50%;}
.dark-tooltip.south.small .tip{ border-width: 7px 5px 0 5px; margin-left:-5px;}
.dark-tooltip.south.medium .tip{ border-width: 8px 6px 0 6px; margin-left:-6px;}
.dark-tooltip.south.large .tip{ border-width: 14px 12px 0 12px; margin-left:-12px;}
.dark-tooltip.west.small .tip{ border-width: 5px 7px 5px 0; margin-left:-7px; margin-top:-5px;}
.dark-tooltip.west.medium .tip{ border-width: 6px 8px 6px 0; margin-left:-8px; margin-top:-6px;}
.dark-tooltip.west.large .tip{ border-width: 12px 14px 12px 0; margin-left:-14px; margin-top:-12px;}
.dark-tooltip.north.small .tip{ border-width: 0 5px 7px 5px; margin-left:-5px; margin-top:-7px;}
.dark-tooltip.north.medium .tip{ border-width: 0 6px 8px 6px; margin-left:-6px; margin-top:-8px;}
.dark-tooltip.north.large .tip{ border-width: 0 12px 14px 12px; margin-left:-12px; margin-top:-14px;}
.dark-tooltip.east.small .tip{ border-width: 5px 0 5px 7px; margin-top:-5px;}
.dark-tooltip.east.medium .tip{ border-width: 6px 0 6px 8px; margin-top:-6px;}
.dark-tooltip.east.large .tip{ border-width: 12px 0 12px 14px; margin-top:-12px;}

/*confirm */
.dark-tooltip ul.confirm{ list-style-type:none;margin-top:5px;display:inline-block;margin:0 auto; }
.dark-tooltip ul.confirm li{ padding:10px;float:left;margin:5px;min-width:25px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

/*themes */
.dark-tooltip.dark{ background-color:#1B1E24; color:#fff; }
.dark-tooltip.light{ background-color:#fff; color:#323232; border:2px solid #7f7f7f;}
.dark-tooltip.light.south .tip{ border-color: transparent transparent transparent transparent; _border-color: #000000 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.west .tip{ border-color: transparent transparent transparent transparent; _border-color: #000000 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.north .tip{ border-color: transparent transparent transparent transparent; _border-color: #000000 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.east .tip{ border-color: transparent transparent transparent transparent; _border-color:#000000 #000000 #000000 #000000 ; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.dark ul.confirm li{ background-color:#416E85;}
.dark-tooltip.dark ul.confirm li:hover{ background-color:#417E85;}
.dark-tooltip.light ul.confirm li{ background-color:#C1DBDB;}
.dark-tooltip.light ul.confirm li:hover{ background-color:#DCE8E8;}

/*Animations */
.animated{
-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;
}
@-webkit-keyframes flipInUp {
0% { -webkit-transform: perspective(400px) rotateX(-90deg); opacity: 0;}
40% { -webkit-transform: perspective(400px) rotateX(5deg);}
70% { -webkit-transform: perspective(400px) rotateX(-5deg);}
100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1;}
}
@-moz-keyframes flipInUp {
0% {transform: perspective(400px) rotateX(-90deg);opacity: 0;}
40% {transform: perspective(400px) rotateX(5deg);}
70% {transform: perspective(400px) rotateX(-5deg);}
100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-o-keyframes flipInUp {
0% {-o-transform: perspective(400px) rotateX(-90deg);opacity: 0;}
40% {-o-transform: perspective(400px) rotateX(5deg);}
70% {-o-transform: perspective(400px) rotateX(-5deg);}
100% {-o-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@keyframes flipInUp {
0% {transform: perspective(400px) rotateX(-90deg);opacity: 0;}
40% {transform: perspective(400px) rotateX(5deg);}
70% {transform: perspective(400px) rotateX(-5deg);}
100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-webkit-keyframes flipInRight {
0% { -webkit-transform: perspective(400px) rotateY(-90deg); opacity: 0;}
40% { -webkit-transform: perspective(400px) rotateY(5deg);}
70% { -webkit-transform: perspective(400px) rotateY(-5deg);}
100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1;}
}
@-moz-keyframes flipInRight {
0% {transform: perspective(400px) rotateY(-90deg);opacity: 0;}
40% {transform: perspective(400px) rotateY(5deg);}
70% {transform: perspective(400px) rotateY(-5deg);}
100% {transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipInRight {
0% {-o-transform: perspective(400px) rotateY(-90deg);opacity: 0;}
40% {-o-transform: perspective(400px) rotateY(5deg);}
70% {-o-transform: perspective(400px) rotateY(-5deg);}
100% {-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipInRight {
0% {transform: perspective(400px) rotateY(-90deg);opacity: 0;}
40% {transform: perspective(400px) rotateY(5deg);}
70% {transform: perspective(400px) rotateY(-5deg);}
100% {transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
.flipIn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important}
.flipIn.south, .flipIn.north { -webkit-animation-name: flipInUp; -moz-animation-name: flipInUp; -o-animation-name: flipInUp; animation-name: flipInUp; }
.flipIn.west, .flipIn.east { -webkit-animation-name: flipInRight; -moz-animation-name: flipInRight; -o-animation-name: flipInRight; animation-name: flipInRight; }
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn{-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;}
.clbase{ position:relative; display:block;}
.clbase .closebtn{ position:absolute; right:0; top:0; display:block;}
.dtt_title{ font-size:10px; width:320px; font-size:19px; padding-bottom:5px;}
.dtt_text01{ font-size:6px; width:320px; font-size:12px; padding-bottom:5px;}
.dtt_text02{ font-size:6px; width:320px; font-size:11px;}


/*
clearfix ----------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }

/*exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display: block;}
/*end MacIE5 */

#contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#contents { display: inline-block; }

/*exlude MacIE5 ?*/
* html #contents { height: 1% }
#contents {display: block;}


/*
Module ----------------------------------------*/
.tac{text-align: center;}
.tar{ text-align: right;}
.rtbnr{padding-bottom: 11px;}
.rtbnr2{padding-bottom: 11px; margin-right:11px; text-align: center;}
.bnr{padding-bottom:6px;}
.red{color:#e23333;}
.fw_b{font-weight: bold;}
.fontChanger p{display: inline;}
.small { font-size: 70%;}
.medium {font-size: 80%;}
.large { font-size: 110%;}
.pc_off {display: none}
.pc_off {display: none !important;}


/*
サイトマップ
------------------------------------------------------------------*/
.sv_01_body_inner{ margin:0px auto; padding:20px 0 0px 0; width:85.5%; font-size:12px;}
/*sitemap*/
.table_title_resp_line {
clear:both;
width: auto;
height: 35px;
line-height: 40px;
font-size: 24px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding: 22px 15px 22px 15px;
background: url(/hdd/img/service-voice-h2-title.jpg) no-repeat center left;
}
.table_title_resp_line_lock {
clear:both;
width: auto;
height: 35px;
line-height: 40px;
font-size: 24px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding: 22px 15px 22px 35px;
background: url(/img/icon-lock.gif) no-repeat -5px 23px;
}
.h2_s{ font-size:13px; vertical-align:middle;}
.site_map_inner{padding: 30px 0px 20px 0px; border-top:solid #cccccc 1px;}
.site_map_title{
clear:both;
margin:0px 0px 20px 0px;
width: auto;
font-size:14px;
line-height:20px;
padding: 0px 0px 0px 20px;
background: url(/img/site-map-title-link.gif ) no-repeat 0px 2px;
}
.site_map_title_link{
clear:both;
margin:0px 0px 20px 0px;
width: auto;
font-size:14px;
line-height:20px;
padding: 0px 0px 0px 20px;
background: url(/image/f-mini-icon.png) no-repeat 0px 2px;
}
.f_box3{ float:left; width:32%;}
.f_box3.mr{margin-right:2%;}
.f_box2{ float:left; width:48%;}
.f_box2.mr{margin-right:2%;}
.site_map_inner .ul_title{
margin-left:10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom:3px ;
background: url(/image/drop-title.jpg ) no-repeat ;
font-weight: bold;
font-size: 14px;
letter-spacing: 0px;
}
.site_map_inner ul{ margin-top:15px; margin-bottom:15px;}
.site_map_inner ul ul{ margin-top:0px; margin-bottom:0px;}
.site_map_inner ul li{
margin:0px 0 0px -10px;
list-style-type:none;
padding: 0px 0px 15px 10px;
background: url(/image/d-ar.jpg ) no-repeat 0 1px;
font-size: 12px;
letter-spacing: 0px;
width: auto;}
.site_map_inner ul li ul li{
margin:0px 0 0px -10px;
list-style-type:none;
padding: 0px 0px 15px 10px;
background: url(/image/d-ar.jpg ) no-repeat 0 1px;
font-size: 10px;
letter-spacing: 0px;
width: auto;}


/*
キャンペーン
------------------------------------------------------------------*/
.content_title_campaign {overflow: auto; margin-bottom: 38px; padding: 38px 0 38px; background-color:#ffffff; border-bottom:solid 1px #dddddd;}
#page_link4{width: 960px; margin: 0px auto; text-align: center; padding: 20px 0 0px 0;}
#page_link4 li{float: left;}
#page_link4 li.pl_01{width: 219px; margin-right:28px;}
#page_link4 li.pl_02{width: 219px; margin-right:28px;}
#page_link4 li.pl_03{width: 219px; margin-right:28px;}
#page_link4 li.pl_04{width: 219px; margin-right:0px;}
.cam_f_box3{ float:left; width:205px; margin : 0 33px 0 33px ;}
.cam_inner{padding: 30px 0px 50px 0px; border-top:solid #cccccc 1px; font-size:13px; line-height:18px; }
.cam_inner2{padding: 10px 0px 50px 0px; font-size:13px; line-height:18px; }
.cam_title{ font-size:16px; line-height:22px; margin:15px 0 0 0; font-weight:bold; overflow: hidden;}
.cam_catch{ font-size:12px; line-height:18px; margin:15px 0 0 0; font-weight:bold;}
.cam_txt{ font-size:12px; line-height:18px; margin:15px 0 0 0;}
.cam_kikan{ font-size:12px; line-height:18px; margin:15px 0 0 0; font-weight:bold;}
.cam_link{ font-size:12px; line-height:18px; margin:15px 0 0 0;}
.cam_txt2{ font-size:10px; line-height:18px; margin:10px 0 0 0;}
.cam_annotation{width: 950px; margin: 30px auto 20px auto ;font-size:12px; line-height:18px; }


/*
ご利用開始までの流れ
------------------------------------------------------------------*/
h2.co_title_long {
clear:both;
width: auto;
height: auto;
line-height: 22px;
font-size: 14px;
letter-spacing:1px;
font-weight: normal;
color: #303030;
margin: 20px auto 0 auto;
padding: 8px 15px 8px 15px;
background: url(/hdd/img/service-voice-h2-title-long.gif) no-repeat 0px 11px;
}
h2.co_title {
clear:both;
width: auto;
height: auto;
line-height: 30px;
font-size: 24px;
letter-spacing:1px;
font-weight: normal;
color: #303030;
margin: 20px auto 0 auto;
padding: 8px 15px 8px 15px;
background: url(/hdd/img/service-voice-h2-title.jpg) no-repeat 0px 13px;
}
.co_text{
font-size: 14px;
line-height: 20px;
margin-left:15px;
padding:5px 0 15px 0;
}
#flow_btn_box{
position:absolute;
margin:30px auto 0 auto;
padding-bottom:70px;
width: auto;
position:relative;
width:813px;
height:168px;
}
#flow_btn_box a{text-indent:-9999px; list-style-type:none; }
#flow_btn_box .flow_btn01 a{width:264px; height:168px;
position:absolute; left:0px; top:0px; background: url(/hdd/flow/img/flow-btn01.gif) no-repeat left top;}
#flow_btn_box .flow_btn02 a{width:264px; height:168px;
position:absolute; left:274px; top:0px; background: url(/hdd/flow/img/flow-btn02.gif) no-repeat left top;}
#flow_btn_box .flow_btn03 a{width:264px; height:168px;
position:absolute; left:549px; top:0px; background: url(/hdd/flow/img/flow-btn03.gif) no-repeat left top;}
#flow_btn_box .flow_btn01 a:hover{ background-position:left bottom;}
#flow_btn_box .flow_btn02 a:hover{ background-position:left bottom;}
#flow_btn_box .flow_btn03 a:hover{ background-position:left bottom;}
.flow_box{
margin: 20px auto 0 auto;
width: auto;
}
.step_box{
margin: 20px auto 0 auto;
width: auto;
padding:0 0 40px 0px;
}
.step_title_box{
position:relative;
width:auto;
height:auto;
margin:0 0 0px 90px;
}
.step_title{
font-size: 22px;
padding:24px 0 12px 0;
letter-spacing:1px;
}
.step_title_img{
position:absolute;
left:-90px;
font-size: 22px;
}
.step_txt{
font-size:13px;
line-height:22px;
margin-top:0px;
padding-left:2px;
}
.step_txt2{
margin-top:4px;
font-size:14px !important;
margin-top:10px !important;
}
.step_txts{
font-size:11px;
line-height:18px;
margin-top:8px;
padding-left:0px;
}
.step_co_box{
margin:0 0 0 90px;
}
/*flow01_green*/
div.box_r_flow01_green {
float:left;
display:inline-block;
margin:23px 17px 0 0;
width:349px;
border:solid 2px #51b32f;
webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url("/PIE.htc");
position:relative;
}
.step_co_box .h1 { height:330px;}
.step_co_box .h2 { height:441px;}
.box_r_flow01_green .title{
font-size:18px;
line-height:24px;
color:#51b32f;
text-align:center;
padding:17px 0 14px 0;
}
.box_r_flow01_green .img{
text-align:center;
}
.box_r_flow01_green .txt{
font-size:13px;
line-height:22px;
text-align:center;
padding:16px 0 14px 0;
}
.box_r_flow01_green .txt2{
font-size:11px;
line-height:17px;
text-align:center;
width:85%;
margin:0 auto;
padding:5px 0 14px 0;
}

.fluorescence {
background: linear-gradient(transparent 40%, #ffff66 40%);	
}
.box_r_flow01_green .check{
font-size:13px;
line-height:22px;
margin:0 auto;
height:20px;
padding:0px 0 0px 0px;
color:#51b32f;
text-align:center;
font-weight:bold;
}
.check img{
margin:0 7px 0 0 ;
}

/*flow01_blue*/
div.box_r_flow01_blue {
float:left;
display:inline-block;
margin:23px 0px 0 0;
width:349px;
border:solid 2px #00baef;
webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url("/PIE.htc");
position:relative;
}
.step_co_box .h1 { height:330px;}
.step_co_box .h2 { height:520px;}
.box_r_flow01_blue .title{
font-size:18px;
line-height:24px;
color:#00baef;
text-align:center;
padding:17px 0 14px 0;
}
.box_r_flow01_blue .btn_box{
text-align:center;
background-color:#f7f5f1;
width:85%;
margin:0 auto 20px auto;
padding:18px 0 20px 0;
}
.box_r_flow01_blue .p1{padding:18px 0 0px 0;}
.box_r_flow01_blue .p2{padding:18px 0 20px 0;}
.btn_02{padding:6px 0 15px 0;}
.box_r_flow01_blue .link1{ text-align:center; margin-top:33px; font-size:14px;}
a.ar_link02{
background: url(/image/ar-icon.png) no-repeat 1px 2px;
padding-left: 15px;
color: #333;
}
a:hover.ar_link02{
color: #e7198c;
}
a.ar_link02{
background: url(/image/ar-icon.png) no-repeat;
background-position:left center;
padding-left: 15px;
color: #333;
}
a:hover.ar_link02{
color: #e7198c;
}

.box_r_flow01_blue .check{
font-size:13px;
line-height:22px;
margin:0 auto;
height:20px;
padding:0px 0 0px 0px;
color:#00baef;
text-align:center;
font-weight:bold;
}
.box_r_flow01_blue .txt2{
font-size:11px;
line-height:17px;
text-align:left;
width:85%;
margin:0 auto;
padding:16px 0 14px 0;
}
.step_line{
clear:both;
margin: 0px auto 0px auto;
background: url(/hdd/flow/img/line-dot.gif) repeat-x 0px 0px;
width: auto;
padding:0 0 0px 0px;
text-align:center;
}
.step_line.b40{
padding-bottom:40px !important;
}
.step_line img{
margin: 0px auto 0 auto;
}
.step_important{
background: url(/hdd/flow/img/important.gif) no-repeat 0px 0px;
font-size:16px;
line-height:24px;
margin-top:14px;
padding-left:66px;
height:35px;
}

/*flow01_gry*/
div.box_r_flow01_gry {
float:left;
margin:0px 0 30px  0;
padding:18px 0;
width:719px;
height:auto;
border:solid 2px #e4e4e4;
webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url("/PIE.htc");
position:relative;
}
.box_r_flow01_gry  .important_box{
float:left;
height: 54px;
vertical-align: middle;
text-align: center;
}

/*voice_flow位置*/
.box_r_flow01_gry .w1_01{width: 201px; margin-left:27px; }
.box_r_flow01_gry .w1_02{width: 226px;}
.box_r_flow01_gry .w1_03{width: 255px;}
.box_r_flow01_gry .w1_04{width: 427px; margin-top:20px; margin-left:27px;}
.box_r_flow01_gry .w1_05{width: 255px; margin-top:20px;}

/*data_flow位置*/
.box_r_flow01_gry .w2_01{width: 226px; margin-left:35px; }
.box_r_flow01_gry .w2_02{width: 245px;}
.box_r_flow01_gry .w2_03{width: 200px;}

.important_box img{float:left;}
.important_box .txt{
display: table-cell;
width: auto;
height: 54px;
vertical-align: middle;
text-align: center;
padding-left:10px;
}
.important_box p{
display: inline-block;
text-align: left;
font-size:13px;
line-height:20px;
}
.important_box p .f11{
font-size:11px;
line-height:20px;
}
.step2_2_title{ clear:both; font-size:18px; font-weight:bold; margin:30px 0;}

/*code_box*/
.code_box{ position:relative; width:641px; margin-top:20px; padding-bottom:30px;height: 200px;}
.code_box .check_blue{
font-size:13px;
line-height:22px;
margin:0 0;
height:20px;
padding:0px 0 0px 0px;
color:#00baef;
text-align:left;
font-weight:bold;
}
.code_box .check_blue img{margin:0 7px 0 0 ;}
.code_box .txt{ width:225px; margin:5px 0 0 26px; font-size:13px; line-height:22px;}
.code_box .txt_sub{ width:225px; margin:5px 0 0 26px; font-size:11px; line-height:18px;}
.code_box .txt2{ width:325px; margin:5px 0 0 26px; font-size:13px; line-height:22px;}
.code_box .txt_sub2{ width:325px; margin:5px 0 0 26px; font-size:11px; line-height:18px;}
.code_box .img1{ position:absolute; right:0px; top:5px;}
.code_box .img3{ position:absolute; right:0px; top:-10px;}

/*code_box02*/
.code_box02{
	position:relative;
	width:100%;
	margin-top:20px;
	padding-bottom:30px;
}
.code_box02 .check_blue{
font-size:13px;
line-height:22px;
margin:0 0;
height:20px;
padding:0px 0 0px 0px;
color:#00baef;
text-align:left;
font-weight:bold;
}
.code_box02 .check_blue img{
	margin:0 7px 0 0 ;
}
.code_box02 .txt{
	width:225px;
	margin:5px 0 0 26px;
	font-size:13px;
	line-height:22px;
}
.code_box02 .txt_sub{
	width:225px;
	margin:5px 0 0 26px;
	font-size:11px;
	line-height:18px;
}
.code_box02 .txt2{
	margin:5px 0 0 26px;
	font-size:13px;
	line-height:22px;
}
.code_box02 .txt_sub2{
	margin:5px 0 0 26px;
	font-size:11px;
	line-height:18px;
}
.passBox{
	margin:30px 0 0 26px;
	box-sizing:border-box;
}
.passBox .passBox_in{
	width:43%;
	float:left;
	box-sizing:border-box;
}
.passBox .passBox_in:first-child{
	padding:0 20px 0 0;
}
.passBox .passBox_in:nth-child(2){
	border-left:1px dotted #000;
	padding:0 0 0 20px;
}
.passBox .passImage{
	margin:10px 0 20px;
}

.step2_stxt{ font-size:11px; line-height:18px; padding:12px 0 0 10px;}
.attention{ font-size:14px; font-weight:; margin-bottom:15px;margin-top: 50px;}

/*
スタート
------------------------------------------------------------------*/
.content_title_start {
background: #ffffff;
border-bottom: #dddddd 1px solid;
padding: 46px 0 45px;
margin-bottom: 49px;
}
.content_title_start {
margin-bottom: 50px;
padding: 38px 0 45px;
}
.start_sub_title{
width: 960px;
margin: 0px auto;
text-align: center;
padding: 45px 0 30px 0;
}
.start_sub_title h2 {
font-size: 28px;
line-height: 40px;
}
.start_sub_title p{
padding: 20px 0;
font-size: 15px;
}
.start_01_body {
background: #ffffff;
width: 960px;
margin: 0 auto 50px;
padding-bottom:30px;
clear: both;
}
.start_02_body {
background: #ffffff;
width: 960px;
margin: 0 auto 50px;
clear: both;
}
.start_01_main{
width: 811px;
margin: 0 auto;
}
.start_01_main iframe{
border: hidden;
}
.start_left{
float: left;
width: 379px;
}
.start_right{
float: right;
width: 379px;
}
.start_left_body{
background: #f7f5f1;
margin:5px 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding: 30px 10px 25px 10px;
text-align: center;
}
.start_right_body_01{
background: #f7f5f1;
margin:5px 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding: 30px 10px 25px 10px;
text-align: center;
}
.mataha{
text-align: center;
color: #00baef;
}
.start_right_body_01 span{
    margin:5px auto 5px auto;
    width:330px;
    display:block;
    line-height:20px;
    text-align:left;
}
.bold{font-weight:bold;}
.strong{ color:#ff0000;}
.error{ color:#ff0000;font-weight:bold;}
.start_right_body_01 input[type="text"]{
height: 46px; width: 323px;
font-size: 28px;
text-align: center;
color: #999999;
}
.start_left_body .check_body input{ margin:15px  0 0 0;}
.check_body input[type="checkbox"]{
height: 18px; width: 18px;
-moz-transform-origin: left center;
-moz-transform: scale( 1.5 , 1.5 );
-webkit-transform-origin: left center;
-webkit-transform: scale( 1.5 , 1.5 );
}
#inline_content,
#inline_content2{
text-align: center;
}
.str_link{
height: 35px;
text-align: right;
}
.str_link2{
height: 25px;
text-align: right;
}
.str_link2 a,
.str_link a{
padding: 5px 15px 5px 15px;
background: url(/start/img/ar-icon.jpg) no-repeat 0 49%;
font-size: 12px;
color: #00baef;
}
.entry_code { max-width:330px; margin:0 auto; height:40px !important; }
.entry_code img{ margin:0; padding:0; display:block; float:left;}
.entry_code input{ margin:0; padding:0; display:block; float:left;}
.entry_code input[type="text"]{
width: 81px;
height: 34px;
}
.entry_code input[type="text"].xx{
width: 48px;
}
.t_blank2{
text-align: center;
padding: 25px 0;
}
.t_blank2 a{
padding: 5px 15px 5px 15px;
background: url(/image/f-mini-icon.png) no-repeat 0 49%;
font-size: 12px;
}
.yakkan_area{
border: 1px solid #cccccc;
width:809px;
height:300px;
overflow:scroll;
}
.end_check{
background: #f7f5f1;
text-align: center;
padding: 29px 0;
font-size: 22px;
}
.next_btn{
text-align: center;
padding: 44px 0;
}
.next_btn input[type="image"]:disabled {
  opacity: 0.5;
}
#yakkan {font-size: 13px; line-height: 22px; width: 760px; margin: 25px auto;}
#yakkan p {font-size: 14px; line-height: 22px;  font-weight:bold; padding:5px 0; }
#yakkan ul {margin-left: 20px;}
#yakkan li {
list-style: initial;
list-style-type: disc;
}

#yakkan ul li ul {margin: 0 0 0 0%; padding:0 0 0 3px; list-style-type: none;}
#yakkan ul li ul li{margin: 0 0 0 0%; padding:0 0 0 0; list-style-type: none;}


#yakkan a{ color: #e7198c;}
.y_box{
margin-bottom: 25px;
}
.s_c_text{
color: #3d62ad;
}

.extra-links {
  margin: 10px auto;
  text-align: center;
}
.extra-links a {
  line-height: 1.6;
}

.sim-info {
  width: 750px;
  margin: 50px auto 20px;
  border-collapse: collapse;
  padding: 3px 6px;
}

.sim-info th, .sim-info td {
  background-color: #01BAF0;
  padding: 10px 6px;
  border: 1px solid #ccd;
  font-weight: normal;
  text-align: left;
}

.sim-info tr:nth-child(n+2) th, .sim-info tr:nth-child(n+2) td {
    background-color: #fff;
}

.head-color {
  color: #FFF;
}

.next-action {
    margin-bottom: 20px;
    text-align: center;
}

/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#111111; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
/*
#cboxTopLeft{width:25px; height:25px; background:url(/images/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(/images/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(/images/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(/images/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(/images/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(/images/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(/images/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(/images/border2.png) repeat-y -25px 0;}*/
#cboxContent{background:#fff; overflow:hidden;padding:20px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxLoadingOverlay{background: #fff url(/images/loading.gif) no-repeat 5px 5px;}
/*
these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/*
avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxClose{
position: absolute;
top: 0; right: 0; display:block; color:#444;
text-indent: -9999px;
background: url(/start/img/toji.jpg ) no-repeat;
width: 46px;
height: 58px;
background-size: 100% auto;
}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.start_01_main .hide{display:inline !important;}


/*
クーポン
------------------------------------------------------------------*/
#hdd_coupon_index .innerWidth{width:960px; margin:0 auto;}
#hci_mainvisual{width:auto; height:490px; background:#e6eaeb url(/hdd/coupon/img/mainvisual_bg.png) no-repeat center top;}
#hci_mainvisual h1{ text-align:center; font-size:28px; padding-bottom:38px; line-height:1.6em;padding-top:50px;}
#hci_mainvisual p{text-align:center; font-size:14px;padding-bottom:62px;line-height:1.6em;}
#hci_mainvisual p.hci_image{text-align:center;}
#hci_section01{padding-top:20px; background:#f7f5f1; text-align:center;}
#hci_section01 h2{padding-bottom:20px; font-size:20px; text-align:center;}
#hci_section01 p{padding-bottom:20px; font-size:12px; line-height:1.6em; text-align:center;}
#hci_section02{background:url(/hdd/coupon/img/background01.png) repeat-x center top; padding-top:50px; padding-bottom:50px;}
#hci_section02 h2{ font-size:20px; text-align:center;padding-bottom:30px;}
#hdd_coupon_index #hci_section02 .subBoxPack{ width:auto; height:370px; border-right:1px solid #C1C1C1; margin-bottom:30px;}
#hdd_coupon_index #hci_section02 .subBoxPack .subBox{ width:50%; float:left;height:370px; border-left:1px solid #c1c1c1;box-sizing: border-box;}
#hdd_coupon_index #hci_section02 .subBoxPack .subBox img{ margin-left:35px; float:left;}
#hdd_coupon_index #hci_section02 .subBoxPack .subBox h3{ margin-left:200px; font-size:18px; line-height:1.2em; height:53px;}
#hdd_coupon_index #hci_section02 .subBoxPack .subBox h3.pri{ margin-left:250px; font-size:18px; line-height:1.2em; height:53px;}
#hdd_coupon_index #hci_section02 .subBoxPack .subBox p.imgbox{ clear:both; height:155px;}
#hdd_coupon_index #hci_section02 .subBoxPack .subBox p.imgbox img{ float:none;}
#hdd_coupon_index #hci_section02 .subBoxPack .subBox p.hci_text{margin:0 35px; line-height:1.5em;}
#hci_section03{ border-top:1px solid #e4e4e4; padding-top:50px; padding-bottom:50px;}
#hci_section03 h3{font-size:18px; background:url(/hdd/coupon/img/hebg.png) no-repeat left top; padding-left:15px;padding-bottom:20px; font-weight:bold;}
#hci_section03 h3 span{ font-size:12px;}
#hci_section03 .bluebox{ margin-left:5px !important;}
#hci_section03 h4{ color:#3d6ead; border:1px solid #3d6ead; display:inline-block; padding:2px 3px;margin-bottom:5px; font-size:11px;}
#hci_section03 ul{ list-style:disc; padding-left:20px;padding-bottom:20px;}
#hci_section03 ul li{ list-style-type:disc; line-height:1.6em;padding-bottom:5px; font-size:12px;}
#hci_section03 ul.kome{ list-style:none;padding-left:1.5em; margin-left:10px;}
#hci_section03 ul.kome li{ list-style:none; line-height:1.6em;padding-bottom:5px; font-size:12px; text-indent:-1em;}
#hci_section04{ padding-top:50px; padding-bottom:50px; background:#F17FBF;}
#hci_section04 h2{ font-size:28px; text-align:center; padding-bottom:30px;line-height:1.6em;}
#hci_section04 p{ font-size:14px;text-align:center; padding-bottom:30px;}
#hci_section05{ padding-top:50px; padding-bottom:50px; background:url(/hdd/coupon/img/stripe01.png);}
#hci_section05 h2{ font-size:28px; text-align:center; padding-bottom:30px;line-height:1.6em;}
#hci_section05 p.introText{ font-size:14px;text-align:center; padding-bottom:50px;}
#hci_section05 p img.leftimgae{margin-right:100px;}
#hci_section05 p.hci_text{ width:860px; margin:0 auto;font-size:11px;text-align:left; padding-top:20px;}
#hci_section06{ padding-top:50px; padding-bottom:50px; background:url(/hdd/coupon/img/stripe02.png);}
#hci_section06 a{ color:#e7198c;}
#hci_section06 .hci_youtube{ float:right;margin-right:35px;margin-bottom:30px;}
#hci_section06 .hci_youtube iframe{ height: 196px; width: 350px; }
#hci_section06 p.introText{ margin-left:35px;line-height:1.6em;padding-bottom:20px;width:510px;}
#hci_section06 .hci_whitebox{ width:510px; background:#fff;margin-left:35px;margin-bottom:30px;}
#hci_section06 .hci_whitebox .innerSubWidth{padding:12px 0 12px 12px;}
#hci_section06 .hci_whitebox .innerSubWidth h3{ background:url(/hdd/coupon/img/image08.png) no-repeat left top; padding-left:60px; font-size:16px; color:#5f67ae; font-weight:bold; line-height:1.4em; height:58px; padding-top:8px;}
.innerSubWidth > ul { height: 150px; }
#hci_section06 .hci_whitebox .innerSubWidth ul{text-align: center; height:160px;}
#hci_section06 .hci_whitebox .innerSubWidth li{ display:inline-block;padding-right:20px;}
.innerSubWidth img { margin-bottom: 10px; }
#hci_section06 .hci_whitebox .innerSubWidth p{padding:0 0 0 20px; font-size:11px;}
#hci_section06 p.textBoth{ clear:both; width:890px;border:1px solid #ccc;padding:20px 0; text-align:center;margin:0 auto 0 auto; background:#fff;}
#hci_section07{ padding-top:50px; padding-bottom:25px;}
#hci_section07 .innerWidth{ width:auto;}
#hci_section07 h2{ font-size:28px; text-align:center; padding-bottom:30px;}
#hci_section07 p{ font-size:14px;text-align:center; padding-bottom:30px;}
#hci_section07 .hci_visualPack{ height:352px; background:url(/hdd/coupon/img/image09.png) no-repeat center top;}
#hci_section07 .innerSubWidth ul{width:830px; display:table; margin:0 auto;padding-top:290px;}
#hci_section07 .innerSubWidth li{width:33%; display:table-cell; text-align:center; font-size:12px;vertical-align:middle; line-height:1.6em;}
#hci_section07 .innerSubWidth li span{font-size:14px; font-weight:bold;}
#hci_section07 .innerSubWidth li img{ vertical-align:middle; margin:0 4px;}
#hci_section08{ padding-top:75px; padding-bottom:50px; background:url(/hdd/coupon/img/1118_coupon_54.png) repeat-x center top;}
#hci_section08 p{ font-size:14px;text-align:center; padding-bottom:30px;}
#hci_section08 dt{ font-size:12px; line-height:1.6em; font-weight:bold;}
#hci_section08 dd{ font-size:11px; line-height:1.6em;padding-bottom:5px;}
#hci_section09{ padding-top:0px; padding-bottom:70px; }
#hci_section09 p{text-align:center; }
#hdd_coupon_index a.pinktext{ color:#e7198c}
#hdd_coupon_index a.targetblank{ display:inline-block; background:url(/hdd/shop/img/icon_targetblank.png) no-repeat left 1px;padding-left:14px;}
#hdd_coupon_index a.iconLink{ display:inline-block; background:url(/hdd/shop/img/icon.png) no-repeat left 3px;padding-left:14px;}
#hdd_coupon_index a.iconLink_gray{ display:inline-block; background:url(/hdd/shop/img/icon_gray.png) no-repeat left 1px;padding-left:14px;}

.banArea {
    width:89px;
}


/*
ショップ
------------------------------------------------------------------*/
#hdd_shop_index .pc {display:;}
#hdd_shop_index .smp {display:none !important;}
#hdd_shop_index{padding-top:50px;}
#hdd_shop_index .innerWidth{width:960px; margin:0 auto;}
#hdd_shop_index #hsi_section01 h1{ font-size:28px; background:url(/hdd/shop/img/h2bg.png) no-repeat left 3px; padding-left:20px; padding-bottom:40px;}
#hdd_shop_index #hsi_section01 ul{ display:block; height:112px;}
#hdd_shop_index #hsi_section01 ul li{ float:left; }
/* #hdd_shop_index #hsi_section01 ul li.last{ margin-right:0;} */
#hdd_shop_index #hsi_graybackArea{ background:#f7f7f7; border-top:1px solid #e5e5e5;padding-top:50px;padding-bottom:50px ;}
#hdd_shop_index .hsi_whiteRadbox{margin-bottom:50px;
border:1px solid #ccc); background:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#hdd_shop_index .hsi_whiteRadbox.last{margin-bottom:0;}
#hdd_shop_index .hsi_whiteRadbox .innerSubWidth{padding:52px 75px 0 75px;}
#hdd_shop_index .hsi_whiteRadbox h2{ font-size:24px; background:url(/hdd/shop/img/h3bg.png) no-repeat left 2px; padding-left:20px; padding-bottom:52px;}
#hdd_shop_index .subBoxPack{ width:auto; height:390px; border-right:1px dotted #b2b2b2;margin-bottom:40px;}
#hdd_shop_index .subBoxPack .shopBox{ width:33%;border-left:1px dotted #b2b2b2; text-align:center; float:left;height:390px;}
#hdd_shop_index .subBoxPack .shopBox h3{ height:81px}
#hdd_shop_index .subBoxPack .shopBox h3.yamada{ height:48px}
#hdd_shop_index .subBoxPack .shopBox p{padding-bottom:14px;}
#hdd_shop_index .subBoxPack .shopBox p a.targetblank{margin-left:10px;}
#hdd_shop_index .subBoxPack .shopBox p.tal{ text-align:left;margin:0 20px;}
#hdd_shop_index .subBoxPack .shopBox p.tal a{ display:block; background:url(/hdd/shop/img/icon.png) no-repeat left 1px;padding-left:14px;}
#hdd_shop_index .subBoxPack .shopBox p.two{padding-bottom:30px;}
#hdd_shop_index #hsi_section02  h2{font-size:24px; background:url(/hdd/shop/img/h3bg.png) no-repeat left 2px; padding-left:20px; padding-bottom:22px;}
#hdd_shop_index #hsi_section02  p.read {margin-bottom:30px;}
#hdd_shop_index #hsi_section02 .subBoxPack{
    border-left: 1px dotted #b2b2b2;
    height: 120px;
    /*border-right: 1px dotted #b2b2b2;
    height: 120px;
    margin-bottom: 40px;
    width: auto;
     width:33%;*/}
#hdd_shop_index #hsi_section02 .subBoxPack .shopBox{
    height:120px;
    border-left: 1px dotted #b2b2b2;
    border-right: 1px dotted #b2b2b2;
    float: left;
    text-align: center;
    width: 33%;}
#hdd_shop_index #hsi_section05 .subBoxPack { width:33%;}
#hdd_shop_index #hsi_section05 .subBoxPack .shopBox{ width:auto; float:none;}
#hdd_shop_index .otherShopsArea{
    padding: 30px 0 0;
    border-top: 1px solid #b2b2b2;
}
#hdd_shop_index .otherShopsArea .introBox{ height:200px;}
#hdd_shop_index .otherShopsArea .introBox img{ float:left;}


#hdd_shop_index .otherShopsArea .introBox .miocoupon {
    margin: 0 28px 0 0;
}

#hdd_shop_index .tab02_realShop_body .introBox {
    float: left;
    width: 475px;
    margin: 0 5px 0 0;
}

#hdd_shop_index .tab02_realShop_body .couponBox {height: 70px;}


#hdd_shop_index .tab02_realShop_body .couponBox .couponText,
#hdd_shop_index .otherShopsArea .introBox .couponText{	
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
}

/*h2ギフトカードエリアでのみ使用*/
.couponText_gift{
	margin-left:124px !important;
}
.gift{
	margin:0 102px 0 0 !important;
}
/**/

#hdd_shop_index .tab02_realShop_body .couponBox .miocoupon {
    float: left;
}

#hdd_shop_index .tab02_realShop_body .shopBox.couponshop {
    border-top: 1px solid #b2b2b2;
    display: inline-block;
    height: 45px;
    margin: 0 0 0 15px;
    padding: 15px 10px !important;
    vertical-align: middle;
    width: 236px;
}

.shopBox_eraberu {
    float: left;
    text-align: center;
    width: 33%;
}

.shopBox_eraberu p a.targetblank {
    margin-left: 10px;
}

.shopBox.couponshop img {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.shopBox.couponshop p {
    margin: 0 0 0 20px;
    display: inline-block;
    vertical-align: middle;
}


.couponBox h4{ font-size:18px;padding-bottom: 10px;}
.couponBox b {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 18px;
}
.couponBox dl{
    float: right;
    margin: -28px 0 0 50px;
}
.couponBox dd{  font-size:13px; line-height:1.5em;margin: 13px 0 0;}

.introBox h4{ font-size:18px;padding-bottom: 10px;}
.introBox b {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 18px;
}
.introBox dl{
    float: right;
    margin: -28px 0 0 50px;
}
.introBox dd{  font-size:13px; line-height:1.5em;margin: 13px 0 0;}

#hdd_shop_index .hsi_tabArea{ position:relative;}
#hdd_shop_index .hsi_tabArea.typeSmall{ height:230px; background:url(/hdd/shop/img/tabbg01.png) no-repeat left top;}

#hdd_shop_index .hsi_tabArea.typeBIG {
    border: 1px solid #ccc;
    border-radius: 5px;/* CSS3草案 */
    -webkit-border-radius: 5px;/* Safari,Google Chrome用 */
    -moz-border-radius: 5px;/* Firefox用 */
    padding: 20px 0 0;
}

#hdd_shop_index #hsi_section06 .innerSubWidth .coupon_Area .irregular { width:33%; height:auto;}
#hdd_shop_index #hsi_section06 .innerSubWidth .coupon_Area .sub_irregular { width: auto; height:auto;}
#hdd_shop_index #hsi_section06 .innerSubWidth .coupon_Area .introBox { height: auto; }
#hdd_shop_index #hsi_section06 .innerSubWidth .coupon_Area .introBox h4 {
    font-size: 18px;
    margin-left: 0;
    padding-bottom: 10px;
}
#hdd_shop_index #hsi_section06 .innerSubWidth .coupon_Area .introBox dl {
    margin-left: 0; 
}

#hsi_section06 .shop_sub_title01 {
	float:left;
	width: 150px;
	color: #00a5e3;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 10px;
}

#hsi_section06 .innerSubWidth .couponText01 h4 {
    float: left;
    font-size: 18px;
    margin-top: 5px;
}


#hsi_section06 .innerSubWidth .couponText01 dl {
    overflow: hidden;
    padding-top: 5px;
	float: right;
}

#hsi_section06 .innerSubWidth .couponText01 dt {
    font-size: 14px;
    margin: 0 10px;
    vertical-align: middle;
}

.coupon_txt p b {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 0 20px 10px;
}

#hsi_section06 .coupon_img01 .miocoupon {
	float:left;	
}
#hsi_section06 .coupon_txt {
    float: left;
    width: 550px;
}

.fuji_group {
    float: left;
    margin-top: -10px;
    width: 122px;
}

.fuji_group > p {
    margin: 0 0 0 8px !important;
}

.group_list {
	text-align:center;
}

.group1 {
    background: rgba(0, 0, 0, 0) url(/hdd/shop/img/icon.png);
	background-repeat:no-repeat;
	background-position:left center;
    display: inline-block;
    padding-left: 14px;	
}

.img_01 {
position:relative;
}
.img_01 img {
position:absolute;
top: 50%;
margin-top: -50px ;
}


#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn{width:269px; height:36px; position:absolute;top:-30px; right: -1px; display:block;}

#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.realShop_btn{ width:135px; display:block; float:left; height:36px;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.webStore_btn{ width:134px; display:block; float:left; height:36px;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.webStore_btn{ width:134px; display:block; float:left; height:36px;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.webStore_btn{ width:134px; display:block; float:left; height:36px;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li a, .hsi_tabBtn li span {text-indent:-9999px;overflow:hidden;display:block;height:36px;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.realShop_btn a{ width:135px;background:url(/hdd/shop/img/tabA_off.png) no-repeat;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.webStore_btn a{ width:134px;background:url(/hdd/shop/img/tabB_off.png) no-repeat;}
.webStore_btn span{ width:134px;background:url(/hdd/shop/img/tabA_on.png) no-repeat;}
.otherStore_btn span{ background:url(/hdd/shop/img/tab_sonota_on.png) no-repeat;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.realShop_btn a.now{background:url(/hdd/shop/img/tabA_on.png) no-repeat !important;}
#hdd_shop_index .hsi_tabArea ul.hsi_tabBtn li.webStore_btn a.now{background:url(/hdd/shop/img/tabB_on.png) no-repeat !important;}
#hdd_shop_index .tab01_realShop_body{width:auto;margin-left:30px;padding-top:30px;}
#hdd_shop_index .tab01_webStore_body{width:auto;margin-left:30px;padding-top:30px;}
#hdd_shop_index .tab02_realShop_body{width:auto;margin-left:30px;}
#hdd_shop_index .tab02_webStore_body{width:auto;margin-left:30px;padding-top:30px;}
#hdd_shop_index .tab03_realShop_body{width:auto;margin-left:30px;padding-top:30px;}
#hdd_shop_index .tab03_webStore_body{width:auto;margin-left:30px;padding-top:30px;}

#hdd_shop_index .otherStore_body {
    width:auto;
    margin-left:30px;
    padding-top:30px;
    overflow:hidden;
}

#hdd_shop_index .hsi_tabArea .shopBox {
    width:230px;
    height: 80px;
    border-top:1px solid #b2b2b2;
    float:left;
    margin-right:29px;
    padding: 5px 0 25px;
    }
#hdd_shop_index .hsi_tabArea .shopBox02{width:250px; height: 135px; border-top:1px solid #b2b2b2; float:left; margin-right:29px; }
#hdd_shop_index .hsi_tabArea .shopBox img{ float:left; margin-top:13px;}
#hdd_shop_index .hsi_tabArea .shopBox02 img{ float:left; margin-top:13px; margin-right:20px;}
#hdd_shop_index .hsi_tabArea .shopBox p{margin-left:133px; line-height:1.6em; margin-top:13px;}
#hdd_shop_index .hsi_tabArea .shopBox02 p{margin-left:133px; line-height:1.6em; margin-top:13px;}
#hdd_shop_index .hsi_tabArea .shopBox p a.iconLink_gray{ display:block; background:url(/hdd/shop/img/icon_gray.png) no-repeat left 1px;padding-left:14px; line-height:1.2em;}
#hdd_shop_index .hsi_tabArea .shopBox02 p a.iconLink_gray{ display:block; background:url(/hdd/shop/img/icon_gray.png) no-repeat left 1px;padding-left:14px; line-height:1.2em;}

#hdd_shop_index .hsi_shopList_comment{
    clear:both;
    padding-bottom: 30px;
    padding-top: 20px;
}
#hdd_shop_index #hsi_section05 .hsi_shopList_comment{ clear:both; margin-bottom: 10px;}
#hdd_shop_index .hsi_whiteRadbox .pagetop{ text-align:right; padding:58px 0 18px; clear:both;}
#hdd_shop_index a.targetblank{ display:inline-block; background:url(/hdd/shop/img/icon_targetblank.png) no-repeat left 2px;padding-left:14px;}
#hdd_shop_index a.iconLink{ display:inline-block; background:url(/hdd/shop/img/icon.png) no-repeat left 3px;padding-left:14px;}
#hdd_shop_index a.iconLink2{ display:inline-block; background:url(/hdd/shop/img/icon.png) no-repeat left 3px;padding-left:14px; margin-left:10px;}
#hdd_shop_index a.iconLink_gray{ display:inline-block; background:url(/hdd/shop/img/icon_gray.png) no-repeat left 1px;padding-left:14px;}
a.ar_link_shop{
background: url(/image/ar-icon.png);
background-repeat:no-repeat;
background-position:left center;
padding-left: 15px;
color: #333;
}


/*
他社から乗り換え
------------------------------------------------------------------*/
#hdd_miofone_mnp{padding-top:46px; background-color: #fff;}
#hdd_miofone_mnp #products_content07{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#hmm_section01 .innerWidth{width:960px; margin:0 auto;}
#hmm_section01 h1{ font-size:28px; background:url(/hdd/miofone/img/h2bg.png) no-repeat left 3px; padding-left:15px;padding-bottom:32px; line-height: 38px;}
#hmm_section01 ul{width:auto; text-align:center; height:126px;}
#hmm_section01 li{ display:inline-block; margin-right:30px; vertical-align:top;}
#hmm_section01 li.rightank{ display:inline-block; margin-right:0;}
#hmm_section01 li p{ width:300px; margin:15px auto 0 auto; text-align:center; height:36px;}
#hmm_section01 li p a{ display:inline-block; background:url(/hdd/miofone/img/icon_under.png) no-repeat left 3px;padding-left:14px;}
.grayBoxArea{ background:#f7f7f7; border-top:1px solid #e5e5e5;padding:40px 0;}
.whiteBoxArea{
border:1px solid #fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#fff;
width:960px; margin:0 auto 50px auto;
}
.whiteBoxArea .innerWidth{width:810px !important;margin:0 auto;padding-top:50px;}
.whiteBoxArea .innerWidth h2{ font-size:24px; padding-bottom:22px; background:url(/hdd/miofone/img/h3bg.png) no-repeat left 4px; padding-left:15px;}
.whiteBoxArea .innerWidth .introText{padding-left:15px; padding-bottom:40px; font-size:14px;}
.grayradbox{
border:2px solid #E4E4E4;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.blueradbox{
background:url(/hdd/miofone/img/icon03.png) no-repeat 15px 50%;
padding:12px 15px 12px 65px;
border:2px solid #3d62ad;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.blueradbox p{ color:#3d62ad; line-height:1.6em; font-size:12px;}
#hmm_section02 .innerWidth{width:960px; margin:0 auto;}
.hmmsec02_A{padding-bottom:20px; border-bottom:1px dotted #b2b2b2;}
.wba01 h3{ font-size:22px; background:url(/hdd/miofone/img/icon_check.png) no-repeat left 50%;padding:12px 0 12px 55px;margin-bottom:15px;}
.hmmsec02_A p{padding-left:55px; padding-bottom:10px;}
.hmmsec02_A .commentText{ text-indent:-1em;padding-left:68px;}
.hmmsec02_A .grayradbox{margin-left:55px;width:auto;padding:30px; margin-bottom:10px;}
.hmmsec02_A .grayradbox dl{height:42px;}
.hmmsec02_A .grayradbox dt{ width:230px;height:30px; float:left; background:url(/hdd/miofone/img/icon01.png) no-repeat left top; text-indent:30px;margin-top:10px; display:block;}
.hmmsec02_A .grayradbox dd{ width:420px;height:; float:left; line-height:1.6em; display:block; font-size:13px;}
.hmmsec02_B{ padding-top:20px;border-bottom:1px dotted #b2b2b2;}
.hmmsec02_B .grayradbox_pack{padding-bottom:10px;margin-left:54px;}
.hmmsec02_B .grayradbox_min01{ width:364px; margin-right:20px; float:left; height:250px;}
.hmmsec02_B .grayradbox_min02{ width:364px; float:left; height:250px;}
.hmmsec02_B .grayradbox h4.can_OK{background:url(/hdd/miofone/img/icon01.png) no-repeat left 50%; padding:8px 0 8px 25px;margin:20px 0 10px 20px; font-size:16px;}
.hmmsec02_B .grayradbox h4.can_NG{background:url(/hdd/miofone/img/icon02.png) no-repeat left 50%; padding:8px 0 8px 25px;margin:20px 0 10px 20px; font-size:16px;}
.hmmsec02_B .grayradbox ul{margin:0 20px;list-style:disc;}
.hmmsec02_B .grayradbox li{ list-style:disc; margin-left:20px; font-size:13px; padding-bottom:6px; line-height:1.3em;}
.hmmsec02_B .tablebox{ clear:both; margin-left:55px; padding-bottom:30px;}
.hmmsec02_B .bothText{width:100%; }
.hmmsec02_B .bothText td,.hmmsec02_B .bothText th{font-size:11px;padding:2px;}
.hmmsec02_C{padding-bottom:55px;padding-top:20px;}
.hmmsec02_C .grayradbox{padding:30px 20px;margin-left:55px;margin-bottom:30px; font-size:13px;}
.hmmsec02_C .grayradbox span{ display:inline-block; background:url(/hdd/miofone/img/icon01.png) no-repeat left 50%;padding:5px 10px 5px 25px;}
#hmm_section03 h3{ height:84px; font-size:22px; line-height:1.4em; display:block;}
#hmm_section03 h3 span{ display:block;padding-top:22px;}
.hmmsec03_A{padding-left:; background:url(/hdd/miofone/img/step01.png) no-repeat 6px top;}
.hmmsec03_B{padding-left:; background:url(/hdd/miofone/img/step02.png) no-repeat 6px top; margin-top:30px;}
.hmmsec03_C{padding-left:; background:url(/hdd/miofone/img/step03.png) no-repeat 6px top; margin-top:30px;}
.hmmsec03_D{padding-left:; background:url(/hdd/miofone/img/step04.png) no-repeat 6px top;}
.hmmsec03_A .hmmsec_inner{padding-left:95px; background:url(/hdd/miofone/img/iconLine.png) no-repeat center bottom;padding-bottom:60px;}
.hmmsec03_B .hmmsec_inner{padding-left:95px; background:url(/hdd/miofone/img/iconLine.png) no-repeat center bottom;padding-bottom:60px;}
.hmmsec03_C .hmmsec_inner{padding-left:95px; background:url(/hdd/miofone/img/iconLine.png) no-repeat center bottom;padding-bottom:60px;}
.hmmsec03_D .hmmsec_inner{padding-left:95px; }
.hmmsec03_A h4{ font-size:13px; font-weight:bold;padding-bottom:10px;}
.hmmsec03_A .tablebox{padding-bottom:10px;}
.hmmsec03_A .tablebox table{ width:100%; table-layout:fixed; border:none;}
.hmmsec03_A .tablebox table th{padding:6px 10px; border-collapse:collapse; background:#f9e3ef; border:1px solid #ccc; font-size:11px; vertical-align:middle; text-align:left;}
.hmmsec03_A .tablebox table td{padding:6px 10px; border-collapse:collapse;border:1px solid #ccc;font-size:11px; vertical-align:middle;}
.hmmsec03_A .tablebox table .th_mainHeader th{ border:1px solid #FFFFFF; border-width:1px 1px 0 1px; background:#F4B4D0;}
.hmmsec03_A .tablebox table .th_mainHeader01{ width:100px; }
.hmmsec03_A .tablebox table .th_mainHeader02{ width:auto;}
.hmmsec03_A .tablebox table .th_mainHeader03{ width:120px;}
.hmmsec03_A .blueradbox{margin:10px 0 0;}
.hmmsec03_A .tablebox table th.bln,.hmmsec03_A .tablebox table td.bln{ border-left:1px solid #fff !important;}
.hmmsec03_A .tablebox table th.brn,.hmmsec03_A .tablebox table td.brn{ border-right:1px solid #fff !important;}
.hmmsec03_B .grayradbox{padding:30px;margin-bottom:20px;}
.hmmsec03_B .grayradbox h4{background:url(/hdd/miofone/img/icon01.png) no-repeat left 50%; padding:8px 0 8px 25px;margin:0 0 0 0; font-size:16px;}
.hmmsec03_B .grayradbox .introSubText{padding-left:25px; font-size:13px;padding-bottom:30px;}
.hmmsec03_B ul.honninkakunin{ list-style:disc;margin-left:25px; display:block; background:url(/hdd/miofone/img/passport.png) no-repeat 350px bottom;padding-top:0;margin-bottom:10px;}
.hmmsec03_B ul.honninkakunin li{ list-style:disc; margin-left:25px; padding-bottom:8px;}
.hmmsec03_B .commentText01{ font-size:13px; margin-left:25px;margin-bottom:20px;}
.hmmsec03_B .commentText02{ font-size:11px; color:#3d62ad;}
.hmmsec03_B ul.itemBoxPack{ list-style:none; background-image:none !important;}
.hmmsec03_B ul.itemBoxPack li{ text-align:left !important; list-style:none; display:block; float:left;margin-left:0; font-size:13px; font-weight:bold;}
.hmmsec03_B li.itemBox01{ width:233px; height:94px; background:url(/hdd/miofone/img/icon_card.png) no-repeat left top; padding-left:70px; margin-left:0; line-height:30px}
.hmmsec03_B li.itemBox02{ width:233px; height:94px; background:url(/hdd/miofone/img/icon_internet.png) no-repeat left top; padding-left:70px;margin-left:0;}
.hmmsec03_B li.itemBox02 span{ display:block;padding:6px 0;}
.hmmsec03_B li.itemBox03{ width:550px;  background:url(/hdd/miofone/img/icon_mailaddress.png) no-repeat left top; padding-left:70px;margin-left:0;}
.hmmsec03_B li.itemBox03 ul{list-style:none; background-image:none !important;margin:0;padding:6px 0; margin-left:15px;}
.hmmsec03_B li.itemBox03 ul li{list-style:none; background:none !important;margin:0;padding:0; float:none; font-size:11px; font-weight:normal; text-indent:-1em;}
.hmmsec03_D .introText{padding-bottom:20px !important; display:block;}
.hmmsec03_D .commentText{padding:0 0 25px 25px;}
#hmm_section04 .grayradbox_pack{padding-bottom:10px;margin-left:0; background:url(/hdd/miofone/img/tst00.png) no-repeat center 50%;}
#hmm_section04 .grayradbox_min01{ width:380px; float:left; }
#hmm_section04 .grayradbox_min02{ width:380px; float:right;}
#hmm_section04 .grayradbox{padding-bottom:20px;}
#hmm_section04 .grayradbox h3.num01{ font-size:16px; background:url(/hdd/miofone/img/tst01.png) no-repeat left top;padding:10px 0 20px 40px;margin:20px 0 0 20px;}
#hmm_section04 .grayradbox h3.num02{ font-size:16px; background:url(/hdd/miofone/img/tst02.png) no-repeat left top;padding:5px 0 10px 40px;margin:20px 0 0 20px;}
#hmm_section04 .grayradbox p{ line-height:1.8em; font-size:13px;margin:0 0 0 20px;}
#hmm_section04 ul{padding-bottom:60px; margin-left: 0;}
#hmm_section04 ul li{ font-size:11px; line-height:1.6em; list-style-type:none;}
.bothText{ clear:both;}
a.pinktext{ color:#e7198c}
a.targetblank{ display:inline-block; background:url(/hdd/shop/img/icon_targetblank.png) no-repeat left 1px;padding-left:14px;}
a.iconLink{ display:inline-block; background:url(/hdd/shop/img/icon.png) no-repeat;padding-left:14px;}
a.iconLink_gray{ display:inline-block; background:url(/hdd/shop/img/icon_gray.png) no-repeat left 1px;padding-left:14px;}

.radcautionbox{
background:url(/hdd/miofone/img/icon03.png) no-repeat 15px 50%;
padding:12px 15px 12px 65px;
border:2px solid #cc000a;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.radcautionbox{margin:10px 0 0;}
.radcautionbox p{ color:#cc000a; line-height:1.6em; font-size:12px;}
.radcautionbox li{ line-height:1.6em; font-size:12px;}
/*
English / 外国人の方 [ /visitors/ ]
------------------------------------------------------------------*/
#vst_wrapper *{ word-wrap:break-word;}
#vst_wrapper{border-top:4px solid #e8198b;}
#vst_header{ border-bottom:1px solid #e5e5e5;}
#vst_header p.h1{width:964px; margin:0 auto; display:block;padding-top:10px; padding-bottom:30px; line-height:1.6em;}
#vst_header h1{width:964px; margin:0 auto; display:block; text-align:center; font-size:28px;padding-bottom:40px;line-height:1.6em;}
#vst_body{padding-top:20px; width:810px; margin:0 auto;}
#vst_body h2{ background:url(/hdd/visitors/img/bar.png) no-repeat left 50%; font-size:24px; padding-left:14px; margin-bottom:16px;line-height:1.6em;}
#vst_body h2.tyui{ background:none; font-size:12px; padding-left:14px; margin-bottom:16px;padding-top:10px; padding-left:0}
.pb60{ padding-bottom:60px !important;}
#vst_body p{line-height:1.6em;}
p.vst_ft11{ font-size:11px;padding-bottom:10px;}
p.vst_ft12{ font-size:12px;padding-bottom:10px;}
p.vst_ft13{ font-size:13px;padding-bottom:10px;}
p.vst_ft14{ font-size:14px;padding-bottom:10px;}
p.vst_ft15{ font-size:15px;padding-bottom:10px; line-height:1.8em !important;}
.vst_sec01{padding-bottom:40px; border-bottom:1px dotted #b2b2b2;}
.vst_sec02{padding-bottom:50px; padding-top:50px;}
.vst_radiusBox{
padding:15px;
border-color: #e4e4e4;
border-style: solid;
border-width: 2px;
margin-right: 9px;
margin-bottom: 9px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.vst_radiusBox h3{ color:#3d63ac; font-size:13px; font-weight:bold; padding-bottom:10px; line-height:1.6em}
.vst_iconLink{ background:url(/hdd/visitors/img/icon.png) no-repeat left 4px; display:inline-block; padding-left:15px; font-weight:bold;}
.vst_pinktext{ color:#e7198c;}


/*
お客様サポート [ /support/ ]
------------------------------------------------------------------*/
#support_index{padding-top:50px;}
#support_index .innerWidth{width:960px; margin:0 auto;}
#support_index h2{ font-size:28px; margin-bottom:35px; background:url(/support/img/sup_h2bg.png) no-repeat left center; padding-left:20px; display:block;}
#support_index .introText{ font-size:15px;}
#support_index h3{ font-size:24px;text-indent:10px; margin-bottom:35px;}
#support_index h3.qa{ background:url(/support/img/sup_icon01.png) no-repeat left 50%;padding:13px 0 13px 40px;margin-bottom:5px; text-indent:0;}
#support_index h3.manual{ background:url(/support/img/sup_icon02.png) no-repeat left 50%; padding:13px 0 13px 40px;margin-bottom:5px; text-indent:0;}
#support_index h3.member{ background:url(/support/img/sup_icon03.png) no-repeat left 50%; padding:13px 0 13px 40px;margin-bottom:5px; text-indent:0;}
#support_index h3.contact{ background:url(/support/img/sup_icon04.png) no-repeat left 50%; padding:13px 0 13px 40px;margin-bottom:5px; text-indent:0;}
#support_index .sec2introText{ padding:0 0 20px 40px;}
#supSec_01{ margin-bottom:40px;}
#supSec_01 ul{ display:inline-block;}
#supSec_01 li{ display:inline-block;}
#supSec_01 li img{margin-right:24px;}
#supSec_01 li img.pc_mr0{margin-right:0 !important;}
#supSec_02{ background:#f7f7f7; border-top:1px solid #E5E5E5; padding-top:50px;padding-bottom:50px;}
#supSec_02 .innerWidth{width:960px; margin:0 auto; background:#FFFFFF;padding:50px 0}
.supSec02a{width:810px; margin:0 auto; background:url(/support/img/dotline.jpg) repeat-x left bottom;padding-bottom:50px;}
.supSec02b{width:810px; margin:0 auto; background:url(/support/img/dotline.jpg) repeat-x left bottom;padding-bottom:50px;padding-top:45px;}
.supSec02c{width:810px; margin:0 auto; background:url(/support/img/dotline.jpg) repeat-x left bottom;padding-bottom:50px;padding-top:45px;}
.supSec02d{width:810px; margin:0 auto;padding-top:45px;}
.sup_lrbox .sup_left{width:385px; float:left;padding-top:20px;text-align:center;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.sup_lrbox .sup_right{width:385px; float:right;padding-top:20px;text-align:center;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.sup_lrbox h4{margin:0 20px;text-align:left; font-size:16px; font-weight:bold; line-height:1.4em;padding-bottom:10px;}
.sup_lrbox p{margin:0 20px;text-align:left; font-size:14px;padding-bottom:10px;}
.sup_lrbox a{ text-align:center;}
.sup_lrbox a img{margin-bottom:20px;}
.sup_lrbox2 .sup_left{width:385px; float:left;text-align:center;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.sup_lrbox2 .sup_right{width:385px; float:right;text-align:center;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.sup_lrbox2 .supH4box{ background:#e4e4e4; position:relative; padding:10px; text-align:left;}
.sup_lrbox2 .supH4box a{ background:url(/support/img/arrow_bggray.png) no-repeat left 50%;padding-left:1em; display:block; position:absolute; right:10px; top:10px;}
.sup_lrbox2 h4{ display:inline-block; font-size:16px; font-weight:bold;}
.sup_lrbox2 ul{ display:block; margin:20px;}
.sup_lrbox2 li{ display:block; padding-bottom:12px; text-align:left; background:url(/support/img/mem_dotline.jpg) no-repeat left 1px; text-indent:20px;}
.supSec02d dl{margin-left:43px;}
.supSec02d dt{ font-size:13px; padding-bottom:5px; font-weight:bold;}
.supSec02d dd{ font-size:13px; padding-bottom:25px; line-height:1.4em;}
.supSec02d dd a{background:url(/support/img/mem_dotline.jpg) no-repeat left 3px; display:inline-block; padding-left:14px; color:#e7198c;}
.supSec02d dd a.nobg{background:none; display:inline-block; padding-left:0; color:#e7198c;}
.supSec02d dd a.targetblank{background:url(/support/img/icon_blank.png) no-repeat left 3px; display:inline-block; padding-left:14px; color:#e7198c;}


/*
ようこそ、会員専用ページへ [ /member/ ]
------------------------------------------------------------------*/
#memory_index .innerWidth{width:960px; margin:0 auto;}
#memory_index h2{ font-size:28px; margin-right:}
#memory_index .introText{ font-size:15px;}
#memory_index h3{ font-size:24px; background:url(/member/img/h3_bg.png) no-repeat left center; text-indent:15px; margin-bottom:35px;}
#memory_index .mem_loginBox{width:418px; height:166px; float:right; margin-right:60px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-color:#f7f5f1;
background:#f7f5f1;
}
#memSec_01{padding-top:55px;margin-bottom:30px;}
#memSec_01 h2{margin-bottom:30px;}
#memSec_01 .introText{ line-height:1.6em;}
#memory_index .mem_h2box{width:440px; float:left; display:block;margin-left:20px;}
#memory_index .mem_loginBox div.mem_div01{ margin: 52px 0 0;}
#memory_index .mem_loginBox p{margin:10px 0 10px; text-align:left;}
#memory_index .mem_loginBox p.mem_lb01{ text-align:left; font-size:12.5px; font-weight:bold; background:url(/member/img/icon_maru.png) no-repeat left 50%; color:#e7198c; padding:5px 0 5px 25px; margin-left:20px;}
#memory_index .mem_loginBox p.mem_lb02{ text-align:center;}
#memory_index .mem_loginBox p.mem_lb03{ text-align:center;}
#memory_index .mem_loginBox p.mem_lb03 a{ }
#memory_index .mem_loginBox p.mem_lb04{ text-align:center; font-size:13.5px; font-weight:bold;  }
#memSec_02{ background:#F7f7f7; padding-top:52px; border-top:1px solid #e5e5e5;padding-bottom:45px;}
#memSec02a{ background:#fff;padding:44px 0 44px 75px;margin-bottom:45px;}
#memSec02a h3{ font-size:24px; background:url(/member/img/h3_bg.png) no-repeat left center; text-indent:15px; margin-bottom:35px;}
.mmSec02_BoxArea_box{ width:195px; height:140px;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
margin-right:9px;
margin-bottom:9px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
float:left;
line-height:1.4em;
}
.mmSec02_BoxArea_box a{ display:block; padding:18px 0 0 18px;}
.mmSec02_BoxArea_box span{ display:block; padding:18px 0 0 18px;}
.mmSec02_BoxArea_box h4{ font-size:15px; font-weight:bold;margin-top:10px; margin-bottom:20px; background:url(/member/img/icon_arrow.png) no-repeat left 50%; padding-left:20px; display:block;}
.mmSec02_BoxArea_box h4.min{ font-size:14px; margin-top:0; margin-bottom:10px;}
.mmSec02_BoxArea_box p{padding-right:15px;}
.mmSec02_BoxArea_box a:hover{ text-decoration:none;}
#memSec02b{ background:#fff;padding:44px 75px 44px 75px;margin-bottom:45px;}
.memSec02b_service01{
padding:10px 30px 0 30px;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
margin-right:9px;
margin-bottom:9px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;}
.memSec02b_service02{
padding:10px 30px 0 30px;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
margin-right:9px;
margin-bottom:0px;
margin-top:20px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.memSec02b_service03{
padding:10px 30px 0 30px;
border-color:#e4e4e4;
border-style:solid;
border-width:2px;
margin-right:9px;
margin-bottom:0px;
margin-top:20px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#memSec02b h4{padding:20px 0 20px 50px; margin-bottom:20px;}
.memSec02b_service01 h4.sim{ font-size:18px; background:url(/member/img/icon_sim.png) no-repeat left center;}
.memSec02b_service02 h4.display{ font-size:18px; background:url(/member/img/icon_display.png) no-repeat left center;}
.memSec02b_service02 h4.display span{font-size:13px; margin-left:40px;}
.memh4box{ background:url(/member/img/dotline.jpg) repeat-x left bottom;}
#memSec02b ul{ width:245px; float:left; display:block;}
#memSec02b ul li{ display:block; background:url(/member/img/mem_dotline.jpg) no-repeat left 2px; text-indent:14px; padding-bottom:26px;}
#memSec02c{ background:#fff;padding:44px 75px 44px 75px;margin-bottom:0;}
#memSec02c .introText{padding-bottom:40px;}
#memSec02c .tac img{margin-bottom:10px;}
#memSec02c .tac a{ color:#e7198c;}

/* 20150708 端末販売開始時追加 */

.memSec02b_service02 h4.devicebuy{ font-size:18px; background:url(/member/img/icon_phone.png) no-repeat left center;}
.memSec02b_service02 h4.option{ font-size:18px; background:url(/member/img/ico-option.png) no-repeat left center;}
.option_txt { width:350px !important;}

/* 20180824 IoT */
.memSec02b_inbox{display:flex;margin-bottom: 1rem;}
.memSec02b_inbox section{width: 46%;padding: 2%;}
.memSec02b_inbox section:first-child{border-right: 1px dotted #CCC;}
#memSec02b ul.memSec02b_service01-hdd-ul,
#memSec02b ul.memSec02b_service01-mit-ul{width: 100%;float: none;}
.memSec02b_service_btn{display: block;margin-bottom: 1.5rem;}
.memSec02b_service_btn img{width: 100%;}

/*
本人確認手続きについて[ /hdd/miofone/verify.jsp ]
------------------------------------------------------------------*/
/*--common.css--*/
#v_comtent1 ul{margin-left: 20px;}
#v_comtent1 li{list-style: initial;list-style-type: disc;}
.v_left_01{border: 1px solid #CCCCCC;padding: 20px 10px;overflow: auto;}
.v_right_01{border: 1px solid #CCCCCC;padding: 20px 10px;overflow: auto;}
#v_top{border-top: 4px solid #e7198c;border-bottom: 1px solid #dddddd;}
.v_header h1{font-size: 28px;line-height: 40px;text-align: center;}
.v_title_h1{padding: 30px 0 18px;}
.v_btns{text-align: right;}
.p_s_01{font-size: 15px;line-height: 26px;padding-bottom: 20px;}
.v_box2{font-size: 12px;line-height: 17px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dotted #cccccc;}
.v_box2 h3,
.v_box h3{background: url(/hdd/miofone/img/v-icon.png) no-repeat;min-height: 20px;font-size: 16px;line-height: 17px;padding: 2px 27px 0px;margin-top: 21px;margin-bottom: 21px;}
.v_box2 p,
.v_box p{font-size: 13px;line-height: 22px;margin-bottom: 10px;}
p.xf_txt{font-size: 11px;line-height: 17px;}
.s_c_text {color: #3d62ad;}
.info_box{font-size: 13px;line-height: 22px;padding-top: 10px;}
.v_step01{background: url(/hdd/miofone/img/v-icon-01.png) no-repeat;padding-left: 30px;padding-bottom: 20px;font-size: 11px; background-position: -5px -7px;}
.v_step01 p{font-size: 11px;}
.v_step02{background: url(/hdd/miofone/img/v-icon-02.png) no-repeat;padding-left: 30px;padding-bottom: 20px;font-size: 11px;background-position: -5px -7px;}
.v_step03{background: url(/hdd/miofone/img/v-icon-03.png) no-repeat;padding-left: 30px;padding-top: 7px;padding-bottom: 20px;font-size: 11px;}
.v_step04{background: url(/hdd/miofone/img/v-icon-04.png) no-repeat;padding-left: 30px;padding-bottom: 0px;font-size: 11px;}
.vtxxx{font-size: 15px;line-height: 17px;margin-bottom: 20px;}
.t_blank3 a {padding: 5px 15px 5px 15px;background: url(/image/f-mini-icon.png) no-repeat 0 49%;color: #e7198c;}
.info_box{margin-bottom: 40px;}
#v_top{border-top: 4px solid #e7198c;border-bottom: 1px solid #dddddd;height: 164px;}
.v_header{width: 960px;margin: 10px auto 0;}
.v_body{width: 811px;margin: 15px auto 0;}
.v_code{margin-bottom: 30px;clear: both;overflow: auto;}
.v_left_01{float: left;width: 370px;border: 1px solid #CCCCCC;padding: 20px 10px;}
.v_right_01{float: right;width: 370px;border: 1px solid #CCCCCC;padding: 20px 10px;}
.img_s{float: left;width: 25%;text-align: center;}
.txt_s{float: right;width: 70%;font-size: 12px;line-height: 17px;}
.v_step02 img{margin-top: 10px;}
/*--common.css--*/

/*--pc.css--*/
#v_top{border-top: 4px solid #e7198c;border-bottom: 1px solid #dddddd;height: 164px;}
.v_header{width: 960px;margin: 10px auto 0;}
.v_body{width: 811px;margin: 15px auto 0;}
.v_code{margin-bottom: 30px;clear: both;overflow: auto;}
.v_left_01{float: left;width: 370px;border: 1px solid #CCCCCC;padding: 20px 10px;}
.v_right_01{float: right;width: 370px;border: 1px solid #CCCCCC;padding: 20px 10px;}
/*--pc.css--*/


/* 20151109 追加　shopページ
==================================================== */
.shop_sub_title {
    max-width: 461px;
    width: 100%;
    color: #00a5e3;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 10px;
}

/* 20160219 追加　ファミリーシェア対応
==================================================== */
.fm_txt {
	width:960px;
	margin:0 auto 20px;
	text-align:left;
}

/* バナーエリア用
==================================================== */
.ban_Area {
	width:960px;
	margin: 0 auto;
	padding: 20px 0;
	display:block;"
}

}/*end*/

/* [ハック用] */

/* IE10以上
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

/* edge
@supports (-ms-accelerator:true) {

}*/