div.smartphoneH1:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div.smartphoneH1 .title-lv1{
	width:450px;
	float:left;
}

.smartphoneH1 img {
	width:186px;
    display: block;
	float:right;
}

/* box-sizing */
#container section,#container div,#container ul,#container li,#container a,#container label,#container input,#container nav{
	-moz-box-sizing:border-box;		/* Firefox */
	-webkit-box-sizing:border-box;		/* Safari 3 */
	-ms-box-sizing:border-box;			/* Internet Explorer 8 */
	box-sizing:border-box;				/* Opera */
}

#navbtn{text-align:center;}
#navbtn img{margin:0px 1px;}
#container .addnote{
	border:1px solid #7f6e53;
	background-color:#ffffee;
	padding:10px;
	margin-bottom:20px;
	font-size:smaller;
}
#container .addnote ul{
	margin-top:0px;
	}
#container .noteTi{
	font-weight:bold;
	color:#7f6e53;
	margin-bottom:0px;
}


#container .noteTisub{
	color: #7f6e53;
}

#container h2{
	padding:0px;
	margin-top:20px;
	margin-bottom:20px;
}

#container #targetImg h2{
	margin-top:-20px !important;
}
#container a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/*clearfix*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

#container #cmncopy{margin-bottom:20px;}
/*----*/
#topfadeImg {
position:relative;
width:600px;
height:325px;
}

#topfadeImg div {
position:absolute;
}
#topfadeNav{
width:150px !important;;
text-align:center;
margin:0px auto !important;
padding-top:10px !important;
padding-bottom:10px !important;
}
#topfadeNav li{
display:block;
float:left;
}

#topfadeNav a{
	display:block;
	width:32px;
	height:32px;
	background-image: url(../img/slide_btn.png);
	background-repeat: no-repeat;
	margin:0px !important;
	cursor:pointer;
	overflow:hidden;
}

a.linkBtn0{background-position: left top;}
a.linkBtn1{background-position: center top;}
a.linkBtn2{background-position: right top;}
a.act{background-position: left bottom;}
a.act0{background-position: left bottom;}
a.act1{background-position: center bottom;}
a.act2{background-position: right bottom;}
#topfadeNav img{visibility:hidden;}

/*----*/
#container #slidingFeatures{
	position: relative;
	overflow: hidden;
	width: 690px;
	height: 325px;
	}
#container p.jshowoff-slidelinks{
	text-align:center;
	clear:both;
	margin:0px 0px 10px 0px !important;
	padding:0px !important;
	}
#container .jshowoff-slidelinks a{
	display:inline-block;
	width:32px;
	height:32px;
	background-image: url(../img/slide_btn.png);
	background-repeat: no-repeat;
	text-indent: -10000em;
	margin:0px !important;
}

a.jshowoff-1-slidelink-0{background-position: left top;}
a.jshowoff-1-slidelink-1{background-position: center top;}
a.jshowoff-1-slidelink-2{background-position: right top;}
a.jshowoff-1-slidelink-3{background-position: 0px -32px;}

a.jshowoff-1-active{
	background-position: left bottom;
}
a.ACT0{
	background-position: left bottom;
}
a.ACT1{
	background-position: center bottom;
}
a.ACT2{
	background-position: right bottom;
}

#idxArea{
	clear:both;
	text-align:center;
	width:690px;
}
#container .idxbg{
	width:225px;
	height:170px;
	background-image:url(../img/top_idxbg.png);
	background-repeat: no-repeat;
	text-align:center;
	float:left;
	padding-top:10px;
	margin-right:7px;
	display: inline;
}

#container .idxtxt{
	margin-bottom:5px;
}

#container .idxbgR{
	width:225px;
	height:180px;
	background-image:url(../img/top_idxbg.png);
	background-repeat: no-repeat;
	text-align:center;
	float:right;
	padding-top:10px;
	display: inline;	
}


/*css3*/
#container .cmnFrame{
	clear:both;
	border:2px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:20px;
}

#container .signupArea{
	background:#FEFACB;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align:center;
	padding-top:10px;
	margin:20px auto;
}
.signupArea img{
	margin:5px 5px !important;
}
.signupArea a{
	margin:10px 5px !important;
}

#targetImg h2{
padding:0px !important;
margin-top:20px !important;
margin-bottom:0px !important;
}

#container #rate{
	margin-top:20px;
	margin-bottom:20px;
}


.col2fr{
	width:650px;
	margin-right:auto !important;
	margin-left:auto !important;
}

.col2fr a{
	line-height:150%;
}

#container .col2fr img{
	margin-bottom:20px;
	
}

#container .col2fr a img{
	margin-bottom:10px;
	
}

#container .col2fr .notes dd {
	width: 625px;
}


.col2left{
	width:310px;
	float:left;
}

.col2right{
	width:310px;
	float:right;
}

.btns{
	text-align:center;
}

.btns img{
	margin:10px !important;
}

#container #setLabi{
	/*background: url(../img/labi.png) no-repeat right bottom;*/
}
#container #setLabi p{
	padding-bottom:20px;
	width:590px;
}

#container .movlink a{
	display: inline-block;
	padding-right: 30px;
	background: url(../img/icon_mov.png) no-repeat right center;
	line-height:200%;
}
#container .setNote{
	width:630px;
	margin:10px auto;
	padding:10px;
}


#container #hotline{
	width:650px;
	margin:0px auto 20px auto;
}

#container #hotline img{
	margin-bottom:20px;
}


#compAll{
	background:#e0f6ff;
	padding:10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#container .compFrame{
	clear:both;
	border:1px solid #B8D8E6;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:5px;
	width:670px;
	background:#ffffff;
}

#container .compInner{
	width:654px;
	margin:0px auto;
}

#container .compLeft{
	width:305px;
	float:left;
}

#container .compRight{
	width:349px;
	float:left;
}

#container .qrcode{
	border:1px solid #cccccc;
}


/*------------------------------------*\
  livytalk page
  @smartphone04.html
\*------------------------------------*/

#livytalkService {
	margin: 0 0 15px;
	background: url(../img/livytalk_caption_00.png) no-repeat 0 100%;
}

#livytalkService h3 {
	margin: 0;
	padding: 0;
	background: transparent;
	height: 67px;
}
#livytalkService p {
	width: 176px;
	margin: 0 auto;
}

#livytalkService .livytalkBx {
	display: block;
	float: left;
	width: 206px;
}

/*------------------------------------*\
  @smartphone03.html（2017.01.27追加）
\*------------------------------------*/
#container #rating{
	margin:10px 0;
	overflow: hidden;
	position: relative;
	zoom:1;
}

#container #rating h2,#container #priceMonthly h2{
	padding:0 !important;
	margin:20px 0px 5px 2px !important;
}
#container #rating p{
	padding:0;
	margin:0px 0px 5px;
}
#container #rating ul{
	width:690px;
	padding:0;
	margin:0;
	list-style:none;
	overflow: hidden;
	position: relative;
	zoom:1;
}
#container #rating ul li{
	float:left;
	width:345px;
	padding:0;
	margin:0;
}
#container #priceMonthly{
	margin-bottom:10px;
}
#container #priceMonsub{
	margin:10px 0 15px;
}

.notice_provider li{
	list-style:none;
}
#container #compImg img{
	margin-bottom:5px;
}