@charset "UTF-8";

/*---------------------------------------------

Service Page CSS

for showcase-tv.com
coded by d-spica at 2013-01-25
imported to "index.html"

---------------------------------------------*/


@import url(default.css);
@import url(base.css);
@import url(parts.css);
@import url(parts-g.css);


body {
  /* background: #FFF url(../img/service/bg-body-top.png) repeat-x 0 0;   */
}


.clrl{
	
	clear: left;
}


section header {
 margin-bottom: 0px;
}    

#header .service-navi {
	position: absolute;
	top: 92px;
	left: 565px;
  z-index: 200;
}

#header .nav-index a {
	padding-left: 14px;
	background: url(../img/base/mk-link-bk.png) no-repeat left center;
/*	color: #E41913;	*/
}

#header .nav-index a:hover {
/*	color: #000;	*/
}

#header .nav-contact {
	position: absolute;
	top: 46px;
	right: 10px;
	width: 200px;
}

#header .nav-contact li {
	margin-bottom: 9px;
	text-align: center;
}

/*
#header .nav-contact li a img {
	background: #E41913;
}
*/

#header .nav-contact li.tel{
	/* font-family: arial,sans-serif; */
	margin-bottom:0px;
	font-size: 22px;
	font-weight: 600;
	
}


#header .nav-contact li.inquiry a {
	display:block;
	width:200px;
	
	height:30px;
	line-height: 30px;
	
	color:#fff;
	font-size: 16px;
	
background-color: #ff0000;
background: #ff6666; /* Old browsers */
background: #ff877c; /* Old browsers */
background: -moz-linear-gradient(top,  #ff877c 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff877c), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff877c 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff877c 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff877c 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff877c 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff877c', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */


	border:1px solid #cc0000;
	border-radius: 15px;
	
}

#header .nav-contact li.inquiry a:hover{
background: #f7ba79; /* Old browsers */
background: -moz-linear-gradient(top,  #f7ba79 0%, #d36b04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ba79), color-stop(100%,#d36b04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7ba79 0%,#d36b04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7ba79 0%,#d36b04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7ba79 0%,#d36b04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7ba79 0%,#d36b04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ba79', endColorstr='#d36b04',GradientType=0 ); /* IE6-9 */

border:1px solid #d36b04;
	
}


#main {
	float: none;
	width: 100% !important;
}

#main .button {
	clear: both;
	text-align: center;
	margin-bottom: 40px;
}

#main .button a {
	display: block;
	padding: 8px 0;
}

aside.share {
	margin: -20px 0 20px auto;
	width: 210px;
}

aside.share ul {
	overflow: hidden;
	zoom: 1;
}

aside.share li {
	float: left;
	overflow: hidden;
	width: 70px;
	height: 20px;
}

aside.share li:first-child {
	margin-right: 10px;
	width: 68px;
}

.figure-right{
text-align: right;
}


/* */

/*
section.eyecatch {
	margin-top: 0;
	
}
*/

/* */

section.entries {
	float: left;
	width: 500px;
}

/* */

section.movie {
	float: right;
	width: 350px;
}

section.movie header {
	margin-bottom: 20px;
}

section.movie figcaption {
	font-size: 93%;
}

/* */

section.points {
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
	zoom: 1;
}

section.points header {
	margin-bottom: 25px;
}

section.points dl {
	float: left;
	width: 260px;
	margin-right: 50px;
}

section.points dl:last-child {
	margin-right: 0;
}

section.points dt {
	margin-bottom: 15px;
	padding-left: 15px;
	font-size: 138%;
}

section.points dd {
	overflow: hidden;
	padding-left: 90px;
	zoom: 1;
}

section.points dd img {
	float: left;
	margin-left: -90px;
}

section.points section {
	position: relative;
	margin-bottom: 20px;
	border-bottom: solid 1px #DFDFDF;
	padding-bottom: 20px;
}

section.points section h1 {
	margin-bottom: 15px;
	font-size: 138%;
}

section.points section h1 img {
	margin-right: 10px;
	vertical-align: middle;
}

section.points section p {
	margin-bottom: 15px;
}

section.points section figure {
	margin-bottom: 15px;
}

section.points section figure.right {
	position: absolute;
	top: 10px;
	right: 0;
}

/* */

section.point {
	overflow: hidden;
	zoom: 1;
}

section.point header {
	margin-bottom: 25px;
}

section.point p {
	margin-bottom: 15px;
}

section.point figure {
	margin-bottom: 15px;
}

section.point figure.center {
	text-align: center;
}

section.point figure.right {
	float: right;
	margin-left: 30px;
}

/* */

section.fee table {
	width: 100%;
}

section.fee caption {
	border: solid #888;
	border-width: 1px 1px 0;
	background: #b1c5dd;
	padding: 7px;
	color: #FFF;
}

section.fee th,
section.fee td {
	padding: 7px;
	border: solid 1px #888;
	text-align: center;
}

section.fee th {
	background: #b1c5dd;
	white-space: nowrap;
	font-size: ;
}

section.fee .merit td {
	text-align: left;
	vertical-align: top;
}

section.fee ul {
	margin-top: 20px;
	padding-left: 20px;
	font-size:14px ;
	line-height:170%;
}


section.fee ul.pricecap li{
	list-style:square;
	list-style-type:square;
}



/* */

section.case header {
	margin-bottom: 25px;
}

section.case ul {
	overflow: hidden;
	zoom: 1;
}

section.case li {
	float: left;
	width: 410px;
	height: 310px;
	margin:0;
	/* font-size: 93%; */
}

section.case li:nth-child(2n+1){
	margin-right: 40px;
}


section.case li img {
	vertical-align: middle;
}

section.case li p a,
section.case li p span{
	display: block;
	/* margin-left: 1em; */
	font-size: 16px;
	line-height:38px;
}

img.cap{
	
	margin-top: 14px;
	margin-bottom: 14px;

}

section.case li p .floatl{
	
	float:left;
}

section.case li p .floatr{
	
	float:right;
}

section.case p.igyosyu{
	display: block;
	width:140px;
	background: #323232;
	color: #fff;
/* 	margin-left:5px; */
	margin-bottom:8px;
	padding: 5px ; 
}

section.case p.center{
	text-align: center;
	
}




section.case li p a.nav-voice {
	/* background: url(../img/service/ic-voice.jpg) no-repeat left center; */
	padding-left: 142px;
	padding-right:0px;
}

/* */

section.voice header {
	margin-bottom: 25px;
}

section.voice section {
	overflow: hidden;
	margin-top: 29px;
	margin-bottom: 29px;
	border-bottom: solid 1px #DFDFDF;
	padding: 1px 0 5px;
	zoom: 1;
}

section.voice section hgroup {
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 60px;
	zoom: 1;
}

section.voice section h1 {
	margin-bottom: 15px;
	font-size: 200%;
}

section.voice section h1 .photo {
	float: left;
	margin: -60px 20px 0 0;
}

section.voice section hgroup h2 {
	font-weight: normal;
	font-size: 130%;
}

section.voice section figure {
	float: right;
	margin-left: 30px;
}

section.voice section dl {
	overflow: hidden;
	zoom: 1;
}

section.voice section dt {
	font-size: 153.9%;
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: bold;
}

section.voice section dd {
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: normal;
	line-height:26px;
}

section.voice section dd p,
section.voice section dd ul {
	margin-bottom: 10px;
}

section.voice section dd ul {
	padding-left: 1.8em;
	list-style: disc;
}



/* */

section.lisence header {
	border-top:red 3px solid;
	border-bottom: #888 1px solid;
	background: #eee;
	margin-bottom: 25px;
	padding:10px 0 10px 0;
}

section.lisence header img{
	vertical-align: middle;
	margin-top: -8px;
}

section.lisence header p{
	
}

.lisencebox{
	min-height:200px;
	padding-top:30px;
}

.lisencebox .lisencebox-txt{
	float:left;
	width:400px;
	margin-right: 10px;
	font-size: 16px;
	line-height:24px;
}

.lisencebox{
	min-height:200px;
	padding-top:30px;
}

.lisencebox .lisencebox-txt_fa{
	float:left;
	width:637px;
	margin-right: 10px;
	font-size: 16px;
	line-height:24px;
}


section.lisence ul {
	padding-left: 1.8em;
	list-style: disc;
}

section.lisence ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 8em;
}

section.lisence ul li span {
	position: absolute;
	top: 0;
	left: 0;
}

/* */

section.sample {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

form.sample {
	margin-bottom: 50px;
}

form.sample strong {
	font-weight: normal;
}

form.sample table {
	border-top: solid 1px #DFDFDF;
}

form.sample th {
	border-bottom: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	padding: 20px 0;
	width: 12em;
	vertical-align: top;
	text-align: left;
	line-height: 25px;
	font-weight: normal;
}

form.sample th span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../img/formassist/bg-number.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	vertical-align: 3px;
	text-align: center;
	font-size: 123%;
	font-weight: bold;
	color: #FFF;
}

form.sample td {
	border-bottom: solid 1px #DFDFDF;
	padding: 20px;
	white-space: nowrap;
	vertical-align: top;
}

form.sample td.explanation {
	padding: 20px 0;
	white-space: normal;
}

form.sample td dl,
form.sample td p {
	margin-bottom: 10px;
}

form.sample td dt {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 9em;
}

form.sample td dd {
	display: inline;
}



/* Color Management */

/*
#smartphoneconverter #header .description,
#smartphoneconverter section header h1 {
	border-color: #E41913;
}


#smartphoneconverter #main p.button a,
#smartphoneconverter #main p.button a:hover  {
	display:block;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	color:#fff;
	width:890px;
	height:42px;
	padding:3px 0 0 0;	

	
}

#smartphoneconverter #main .contentpa{
background:url(../img/smartphoneconverter/sc_raku.jpg) no-repeat;
min-height:100px;
}

#smartphoneconverter #main .contentpb{
background:url(../img/smartphoneconverter/icon_yasui.jpg) no-repeat;
min-height:100px;
}

#smartphoneconverter #main .contentpc{
background:url(../img/smartphoneconverter/icon_hayai.jpg) no-repeat;
min-height:100px;
}

#smartphoneconverter #main p.button a {
	background: #E41913 url(../img/base/foot_info.jpg) no-repeat;
	
}

#smartphoneconverter #main p.button a:hover {
	background: #E41913 url(../img/base/foot_info2.jpg) no-repeat;
	
}


#smartphoneconverter #main section.subsection h1 {
	background: url(../img/smartphoneconverter/mk-hd.png) no-repeat left center;
}

*/

/* #smartphoneconverter .header, */
/* #formassist .header, */
#formconverter .header,#clickanalysis .header,#navicast .header,#smartphoneanalysis .header,#demo .header,/*#sitepersonalizer .header,*/#webclipper .header{

	width:860px;
	/* margin-left:12px ; */
	background: #323232;
	background: -moz-linear-gradient(top,  #666666 0%, #4c4c4c 60%, #323232 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(60%,#4c4c4c), color-stop(100%,#323232)); 
	background: -webkit-linear-gradient(top,  #666666 0%,#4c4c4c 60%,#323232 100%); 
	background: -o-linear-gradient(top,  #666666 0%,#4c4c4c 60%,#323232 100%); 
	background: -ms-linear-gradient(top,  #666666 0%,#4c4c4c 60%,#323232 100%);
	background: linear-gradient(to bottom,  #666666 0%,#4c4c4c 60%,#323232 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#323232',GradientType=0 ); 	
	border:2px #666666 solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


#smartphoneconverter .header h2,/*#formassist .header h2,*/#formconverter .header h2,#clickanalysis .header h2,#navicast .header h2,#smartphoneanalysis .header h2,#navicast .header h2,#demo .header h2,/*#sitepersonalizer .header h2,*/#webclipper .header h2,#smartlink .header h2{
	color:#fff;
	text-shadow:-1px -2px 0px #000;
	padding:6px 10px;
	font-size: 20px;
	font-weight: 500;
	
}



.points li{
	display:block;
	float:left;
	width:270px;
/* 	margin:10px 8px 6px 8px; */ 
/* 	padding:6px 14px 6px 10px; */
	}
	
.points li .sa{
	display:block;
	float:left;
	width:210px;
/* 	margin:10px 8px 6px 8px; */ 
/* 	padding:6px 14px 6px 10px; */
	}
	
	
.points li.fst{
	
	margin:20px 12px 10px 0px; 
}

.points li.snd{
	
	margin:20px 12px 10px 12px; 
}

.points li.trd{
	
	margin:20px 0px 10px 10px; 
}

.points li.fstsa{
	
	margin:20px 6px 10px 0px; 
}

.points li.sndsa{
	
	margin:20px 6px 10px 6px; 
}

.points li.trdsa{
	
	margin:20px 6px 10px 6px; 
}

.points li.fthsa{
	
	margin:20px 0px 10px 6px; 
}


.points li h3{
	
	display:block;
	
	height:45px;
	/* background: url(../img/smartphoneconverter/point_bg.jpg) no-repeat; */
	
	/* border:1px solid #aaa; */
	border-left:14px solid red;

	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height:23px;
	
	margin-bottom: 20px;
	
	
	
	/* margin:0 auto; */
	 padding:0 0 0 10px;
}

#smartphoneanalysis .points li h3{
	
	display:block;
	
	height:30px;
	/* background: url(../img/smartphoneconverter/point_bg.jpg) no-repeat; */
	
	/* border:1px solid #aaa; */
	border-left:14px solid red;

	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height:23px;
	
	margin-bottom: 10px;
	
	
	
	/* margin:0 auto; */
	 padding:0 -10px 0 0px;
}

/* 20130627-追加 */
#smartphoneanalysis .points li h3{
	display:block;
	width:auto;
	height:auto;
	border-left:14px solid red;
	font-size:16px;
	padding:5px;
	margin:0 auto 10px auto;
	text-align:center;
}
.floatr{
	float:right;
}
/*ランキングBOX*/
#smartphoneanalysis .rank{
	position:relative;
	
}
#smartphoneanalysis .rank .fig{
	position:absolute;
	top:0;
	left:0;
}
#smartphoneanalysis .rank .text{
	width:210px;
	position:absolute;
	top:85px;
	right:20px;
}
#smartphoneanalysis .rank .text ul{
	padding-top:5px;
}
#smartphoneanalysis .rank .text ul li{
	color:#06C;
	float:left;
	width:100px;
}
/*雁E��レポ�EチEOX*/
#smartphoneanalysis .repo{
	position:relative;
}

#smartphoneanalysis .repo,#smartphoneanalysis .rank{
	height:260px;
}

#smartphoneanalysis .repo .fig{
	position:absolute;
	top:0;
	left:0;
}
#smartphoneanalysis .repo .text{
	width:190px;
	position:absolute;
	top:85px;
	right:25px;
}
#smartphoneanalysis .repo .text ul{
	padding-top:5px;
}
#smartphoneanalysis .repo .text ul li{
	color:#06C;
	float:left;
	width:95px;
}
#smartphoneanalysis .repo .text ul li.line1{
	width:190px;
}
/*追加ここまで*/

#navicast .points li h3{
	
	display:block;
	
	height:70px;
	/* background: url(../img/smartphoneconverter/point_bg.jpg) no-repeat; */
	
	/* border:1px solid #aaa; */
	border-left:14px solid red;

	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height:23px;
	
	margin-bottom: 20px;
	
	
	
	/* margin:0 auto; */
	 padding:0 0 0 10px;
}




/*
.points li h3.nc{
	height:56px;
	padding:10px;
	font-size: 16px;
	font-weight: 550;
}
*/





.points li h3.oneline{
/* 	height: 32px; */
	font-size: 18px;
	text-align:center;
	line-height:45px;
	padding:0;
/* 	padding-top:20px; */
}

.points li h3.redline{
	
	display:block;
	
	/* height:46px; */
	/* background: url(../img/smartphoneconverter/point_bg.jpg) no-repeat; */
	background: #eee; /* Old browsers */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border-right: none;
	border-left: none;
	border-top:3px solid #f00;
	border-bottom:1px solid #aaa;

	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height:120%;
	/* margin:0 auto; */
	line-height: 38px;
	text-align:center;
	padding:3px 0 0 0;
} 

.fsize-st{
	font-size:16px;
}

.fsize-ft{
	font-size:14px;
}

.mgb20{
	
	margin-bottom:20px;
}

.mmten{
	margin-top: -10px;
}


.floatl{
	
	float:left;
}

.sections{
	
	margin-top:20px;
}

.sectionsr{
	display:block;
	width:340px;
	margin-left: 14px;
}

.sectionsr h3{
	
	font-size: 20px;
	font-weight: 700;
	line-height:120%;
	padding-bottom:14px;
}

.sectionsr p.check{
	background: url(../img/smartphoneconverter/check_box.gif) no-repeat;
	padding-left: 21px;
	font-size: 16px;
	font-weight: 100;
	line-height:150%;
}





.sectionsr p.point_mainbg{
	
	display:block;
	width:332px;
/* 	height:102px; */
/* 	background: url(../img/smartphoneconverter/point_mainbg.jpg) no-repeat; */
	background: #fff; /* Old browsers */

	
	border:4px solid #ff9000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	/* margin:0 auto; */
}

.sectionsr p.point_mainbg b{
	display:block;
	width:319px;
	font-size: 21px;
	font-weight: bold;
	color: #000;
	line-height:120%;	
	padding: 12px;
	
}



/*Service UL Padding */

/*
#smartphoneconverter #main .contentp{
margin:0 0 0 60px;
}
*/


section.secondsection{
margin-bottom: 20px;
}

#formconverter #main .contentpa h1,#formconverter #main .contentpb h1,#formconverter #main .contentpc h1,#smartphoneconverter #main .contentpa h1,#smartphoneconverter #main .contentpb h1,#smartphoneconverter #main .contentpc h1,#smartphoneanalysis #main .contentpa h1,#smartphoneanalysis #main .contentpb h1,#smartphoneanalysis #main .contentpc h1,#navicast #main .contentpa h1,#navicast #main .contentpb h1,#navicast #main .contentpc h1,#sitepersonalizer #main .contentpa h1,#webclipper #main .contentpa h1{

/* font-family:"Meiryo",メイリオ; */
font-size:26px;
letter-spacing: inherit;
font-weight:normal;
margin:0 0 0 85px;
padding:10px 0 6px 0;
}


#smartphoneconverter #main p.caption{

/* font-family:"Meiryo",メイリオ; */
font-size:13px;
letter-spacing: inherit;
border-bottom: 1px #ccc solid;

}



#smartphoneconverter #main p.sizea{

/* font-family:"Meiryo",メイリオ; */
font-size:18px;
letter-spacing: inherit;
font-weight:normal;
margin:0 0 0 85px;
padding:10px 0 6px 0;

}


#smartphoneconverter .scpricea,#formconverter .scpricea,#formassist .scpricea,#clickanalysis .scpricea,#navicast .scpricea,#demo .scpricea,#webclipper .scpricea{
	font-size:140%;
}

#smartphoneconverter .scpriceb,#formconverter .scpriceb,#formassist .scpriceb,#clickanalysis .scpriceb,#navicast .scpriceb,#demo .scpriceb,#webclipper .scpriceb{
	font-size:200%;
}

#smartphoneconverter th.scpriceh,#formconverter th.scpriceh,#formassist th.scpriceh,#clickanalysis th.scpriceh,#navicast th.scpriceh,#demo th.scpriceh,#webclipper th.scpriceh{
background:#eee;font-size:18px;font-weight:normal;
}

#formconverter .scpricecap,#formassist .scpricecap,#demo .scpricecap{
float:left;width:450px;text-align:left;
}



/*
#formconverter #main .contentpa{
background:url(../img/formconverter/icon_no_red.jpg) no-repeat;
min-height:100px;
}

#formconverter #main .contentpb{
background:url(../img/formconverter/icon_no_red.jpg) no-repeat;
min-height:100px;
}

#formconverter #main .contentpc{
background:url(../img/formconverter/icon_yes_green.jpg) no-repeat;
min-height:100px;
}

#formconverter #main .listoneULm,#smartphoneconverter #main .listoneULm{
margin:0 0 10px 100px;
}

#formconverter #main .listone,#smartphoneconverter #main .listone{

font-size:18px;
line-height: 28px;
color:#888;
}



#formconverter #header .description,
#formconverter section header h1 {
	border-color: #8AA61E;
}

#formconverter #main .button a {
	background: #8AA61E;
}

#formconverter section.points dt {
	background: url(../img/formconverter/mk-hd.png) no-repeat left center;
}

#formconverter #main section.subsection h1 {
	background: url(../img/formconverter/mk-hd.png) no-repeat left center;
}

*/

/*
#formassist #main p.button a {
	background: #E41913;
}
*/

#formassist #main section.subsection h1,#demo #main section.subsection h1 {
	background: url(../img/formassist/mk-hd.png) no-repeat left center;
}


/*
#smartphoneanalysis section header h1 {
	border-color: #199be8;
}

#smartphoneanalysis #main p.button a {
	background: #E41913;
}
*/


/*
#clickanalysis section header h1 {
	border-color: #b01d22;
}

#clickanalysis #main p.button a {
	background: #E41913;
}
*/

/*
#navicast section header h1 {
	border-color: #063e91;
}

#navicast #main p.button a {
	background: #E41913;
}

#navicast #main section.subsection h1 {
	background: url(../img/navicast/mk-hd.png) no-repeat left center;
}
*/

table.satable{
	 width:100%;
	 border-collapse:collapse;
	 border:1px solid #999;
	 font-size: 1.4em;
	 padding:6px;
	 text-align: center;
}

table.satable th,table.satable td{
	border-right: 1px solid #999;
	padding: 4px 10px;
}

table.satable .bggray{
	background-color: #eee;
	
}

table.satable td p.small{
	font-size: 0.6em;
	line-height: 8px;
	
}

/* temp-add */
#formassist section.subsection p.point_list_header,#demo section.subsection p.point_list_header {
	text-align:left;
	font-size:150%;
	font-weight:bold;
	padding-left:10px;
	background: url(../img/formassist/mk-hd.png) no-repeat left center;
}
#formassist section.subsection .point_list,#demo section.subsection .point_list {
	padding-top:20px;
	color: #4D4D4D;
	border-top: solid 1px #D9D9D9;
}

#formassist section.subsection p.point_list_attention,#demo section.subsection p.point_list_attention {
	text-align:left;
	font-size:80%;
	padding-left:20px;
}
#formassist .service_point_info p,#demo .service_point_info p{
	font-size: 90%;
}

#formassist .form th,#demo .form th{
	white-space: nowrap;
	font-weight:bold;
	padding:10px;
}

/* formassist sub menu */

#formassist-demo li.download {
    position: relative;
}
#formassist-demo li.download ul.menu__second-level {
    position: absolute;
    top: -10px;
    left: 0;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

#formassist-demo #main li.download:hover ul.menu__second-level {
    top: 52px;
    visibility: visible;
    opacity: 1;
}

#formassist-demo #main li.download a {
    width: 145px;
    text-align: center;
    border-left: 1px solid;    
}


#formassist-demo ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

#formassist-demo #main ul.menu__second-level li:first-of-type a {
    border-bottom: 1px solid white !important;
}

#formassist-demo li.download:hover > a {
    background-color: #E41913;
}

/* result */
#formassist section.result dt,#demo section.result dt {
	margin-bottom: 15px;
	margin-left: 0;
	padding-right: 350px;
	font-size: 100%;
	font-weight: normal;
	width:90%;
}
#formassist section.result dt div,#demo section.result dt div{
	float:left;
}

#formassist section.result dd,
#navicast section.result dd,#demo section.result dd {
	clear: both;
}
#formassist section.result div span,#demo section.result div span {
	color:#FF9D1E;
}

#formassist .result dl,#demo .result dl{
	padding: 20px 0;
	border-bottom: 1px solid #D9D9D9;
}

#clickanalysis section.service_point_info table {
	width: 100%;
	border: 1px #4D4D4D solid;
}
#clickanalysis section.service_point_info table th.top_th {
	color:#FFFFFF;
	border: 2px #000000 solid;
	background-color:#4D4D4D;
}
#clickanalysis section.service_point_info table th {
	height:30px;
	color: #4D4D4D;
	border: 2px #4D4D4D solid;
	background-color:#CCCCCC;
}
#clickanalysis section.service_point_info table th.index_left {
	width:13%;
	color: #4D4D4D;
	border: 2px #4D4D4D solid;
	background-color:#CCCCCC;
}
#clickanalysis section.service_point_info table td {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border: 2px #4D4D4D solid;
	background-color:#FFFFFF;
}
#clickanalysis section.service_point_info table td img{
	float: left;
	margin: 0 3px 0 3px;
}

#navicast section.result dl{
/*	*/
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#navicast section.service_point_info dt.fa_result_customer_info {
	margin-bottom: 15px;
	margin-left: 0;
	padding-right: 350px;
	font-size: 100%;
	font-weight: normal;
}
#navicast section.service_point_info dt img.fa_result {
	float: left;

	padding-right:10px;
}
#navicast section.service_point_info dt img.fa_result_rogo {
	float: left;
}

#navicast section.service_point_info dd.fa_result_comment {
	float:left;
	margin-top:-195px;
	margin-bottom: 20px;
}

#smartphoneanalysis section.subsection h1,#smartphoneconverter section.subsection h1,#clickanalysis section.subsection h1,#navicast section.subsection h1,#formassist section.subsection h1,#formconverter section.subsection h1,#demo section.subsection h1{
	background: none;
}



#smartphoneanalysis p.anser{
	font-size: 18px;
	padding-left: 50px;
	margin-bottom: 30px;
}

#smartphoneanalysis p.question{
	font-size: 18px;
	padding-left: 0px;
/* 	vertical-align: middle; */
	color: #ff9000;
	margin-bottom: 6px;
}

#smartphoneanalysis p.question img{
	padding-right: 10px;
	vertical-align: middle;
}



/* /temp-add */
#sitepersonalizer #main.column1,
#smartlauncher #main.column1,
#webclipper #main.column1{

}

#sitepersonalizer #main .header,
#smartlauncher #main .header,
#webclipper #main .header{
	width:866px !important;
}
/*#sitepersonalizer #main .sections,*/
#smartlauncher #main .sections,
#webclipper #main .sections{
	margin:20px 0 80px 0 !important;
}

#smartlauncher #main .sections p,
#webclipper #main .sections p{
	margin:30px 0 40px 0 !important;
	line-height:200%;
}
/*#sitepersonalizer #main .sections p{
	margin:30px 0 40px 0 !important;
	line-height:200%;
}*/

#sitepersonalizer #main .sections p.jirei{
	margin:6px 0 6px 0 !important;
	line-height:200%;
}

#sitepersonalizer #main .sections .image,
#smartlauncher #main .sections .image,
#webclipper #main .sections .image{
	text-align:center;
}

#sitepersonalizer #main .sections header,
#smartlauncher #main .sections header,
#webclipper #main .sections header{
	width:100%;
	margin:30px 0 0 0;
	padding:0;
	border:none;
}
#sitepersonalizer #main .sections header h1,
#smartlauncher #main .sections header h1,
#webclipper #main .sections header h1{
	border:none;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	display:block;
}

#smartlauncher .contact-btn,
#webclipper .contact-btn{
	padding:20px 0;
	background:#efefef;
	margin:40px 0 0 0;
	text-align:center;
}
#sitepersonalizer .contact-btn a,
#smartlauncher .contact-btn a,
#webclipper .contact-btn a{
	display:inline-block;
	margin:0 auto;
}



#sitepersonalizer .header{

	/* margin-left:12px ; */
	background: #0099ff;
	background: rgb(0,153,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,153,255,1) 0%, rgba(51,204,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,153,255,1)), color-stop(100%,rgba(51,204,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,153,255,1) 0%,rgba(51,204,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,153,255,1) 0%,rgba(51,204,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,153,255,1) 0%,rgba(51,204,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,153,255,1) 0%,rgba(51,204,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#33ccff',GradientType=1 ); /* IE6-9 */
	border:none;
}


#sitepersonalizer .header h2{
	color:#fff;
/* 	text-shadow:-1px -2px 0px #000; */
	padding:10px 10px 6px 17px;
	font-size: 24px;
	font-weight: 500;
	
}

#sitepersonalizer #main .contentpa h1{

/* font-family:"Meiryo",メイリオ; */
font-size:26px;
letter-spacing: inherit;
font-weight:normal;
margin:0 0 0 85px;
padding:10px 0 6px 0;
}

#sitepersonalizer #main.column1,
{
	width:870px;
}

#sitepersonalizer #main .header{
	width:866px !important;
}
/*
#sitepersonalizer #main .sections{
	margin:20px 0 80px 0 !important;
}
*/


#sitepersonalizer #main .sections p{
/* 	margin:30px 0 40px 0 !important; */
/* 	line-height:200%; */
}

#sitepersonalizer #main .sections p.jirei{
	margin:6px 0 6px 0 !important;
	line-height:200%;
}

#sitepersonalizer #main .sections .image{
	text-align:center;
}

#sitepersonalizer #main .sections header{
	width:100%;
	margin:30px 0 0 0;
	padding:0;
	border:none;
}
#sitepersonalizer #main .sections header h1{
	border:none;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	display:block;
}
#sitepersonalizer .contact-btn{
	padding:20px 0;
/* 	background:#efefef; */
	margin:40px 0 0 0;
	text-align:center;
}
#sitepersonalizer .contact-btn a{
	display:inline-block;
	margin:0 auto;
}


#sitepersonalizer ul.merit{
/* 	margin-bottom: 10px; */
}

#sitepersonalizer ul.merit li{
	display:block;
	float:left;
}

#sitepersonalizer .merit li.merit1{
	width:280px;
	height:300px;
/* 	background-image: url(/wp-content/themes/showcasetv2/img/sitepersonalizer2/box_image_sp01.jpg); */
}

#sitepersonalizer .merit li.merit1 p.title,#sitepersonalizer .merit li.merit3 p.title{
	padding-left: 10px;
	padding-right: 10px;
/* 	margin-top:10px; */
	font-size: 18px;
	line-height:120%;
	font-weight: 400;
	text-align: center;
}

#sitepersonalizer .merit li.merit3 p.title{
	padding-left: 10px;
	padding-right: 10px;
/* 	margin-top:18px; */
	font-size: 18px;
	line-height:120%;
	font-weight: 400;
}

#sitepersonalizer .merit li.merit2 p.title,#sitepersonalizer .merit li.merit4 p.title{
	padding-left: 10px;
	padding-right: 10px;
/* 	margin-top:16px; */
	font-size: 18px;
	line-height:120%;
	font-weight: 400;
	text-align: center;
}

#sitepersonalizer .merit li.merit1 p.descript,#sitepersonalizer .merit li.merit3 p.descript{
	padding-left: 10px;
	padding-right: 10px;
/* 	margin-top:66px; */
	font-size: 16px;
	line-height:120%;
	font-weight: 400;
}

#sitepersonalizer .merit li.merit2 p.descript,#sitepersonalizer .merit li.merit4 p.descript{
	padding-left: 10px;
	padding-right: 10px;
/* 	margin-top:88px; */
	font-size: 16px;
	line-height:120%;
	font-weight: 400;
}

#sitepersonalizer .merit li.merit1 p.onepoint,#sitepersonalizer .merit li.merit3 p.onepoint{
	font-size:14px;
	padding:10px 130px 10px 50px;
	/* font-weight:bold; */
}

#sitepersonalizer .merit li.merit2 p.onepoint,#sitepersonalizer .merit li.merit4 p.onepoint{
	font-size:14px;
	padding:20px 130px 10px 50px;
	/* font-weight:bold; */
}

#sitepersonalizer .merit li.merit2{
	width:280px;
	height:300px;
/* 	background-image: url(/wp-content/themes/showcasetv2/img/sitepersonalizer2/box_image_sp01.jpg); */
}
#sitepersonalizer .merit li.merit3{
	width:280px;
	height:300px;
/* 	background-image: url(/wp-content/themes/showcasetv2/img/sitepersonalizer2/box_image_sp01.jpg); */
}
#sitepersonalizer .merit li.merit4{
	width:260px;
	height:300px;
/* 	background-image: url(/wp-content/themes/showcasetv2/img/sitepersonalizer2/box_image_sp01.jpg); */
}

#sitepersonalizer #systemsec{
	width:871px;
	height:323px;
	background-image: url(/wp-content/themes/showcasetv2/img/sitepersonalizer2/system_image_sp01.jpg);
	
}

#sitepersonalizer #systemsec .subtxt{
	padding-left: 250px;
	padding-top: 17px;
}

#sitepersonalizer #systemsec .subtxt h3{
	font-size: 24px;
	font-weight: normal;
}

#sitepersonalizer #systemsec .subtxt ul{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
}

#sitepersonalizer h3{
	font-size: 18px;
}

#sitepersonalizer table.price{
font-size: 20px;
text-align: center;
margin:10px 20px 30px 20px;
	
}

#sitepersonalizer table.price th,#sitepersonalizer table.price td{
padding:10px 60px 10px 60px;
border:1px solid #000;
	
}

#sitepersonalizer .bgorange{
	background-color:#ffcc33;
}

#sitepersonalizer .bgblue{
	background-color:#66cccc;
}


#sitepersonalizer section.eyecatch {
position: relative;
}

#sitepersonalizer .eyecatch iframe {
position: absolute;
top: 72px;
left: 566px;
}

#sitepersonalizer p.comment {
position: absolute;
left: 642px;
top: 250px;
color: #FFF;
}

#sitepersonalizer section.case ul li {
	height: 100%;
	border: 1px #ccc solid;
	width: 420px;
	margin: 10px 0 20px 0;
}
#sitepersonalizer section.case img {
	padding:4px;
	margin: 10px 0;
}
#sitepersonalizer section.case a {
	color: white; line-height: 27px !important;
}
#sitepersonalizer p.blbox {
	background: #666666;
	text-align: left;
	padding: 5px 0 5px 5px;
}
#sitepersonalizer section.case li:nth-child(2n+1) {
	margin-right: 10px;
}
#sitepersonalizer #category ul {
	height: 34px;
	margin: 10px 0 0 0;
}
#sitepersonalizer #category li a {
	float: left;
	font-size: 16px;
	text-align: center;
	padding: 5px 10px;
	background: #ffcc00;
	margin: 0 10px 0 0;
	font-weight: normal;
	width: 60px;
	border-radius: 5px;
}
#sitepersonalizer #category a:hover {
	background: #FFE373;
}
#sitepersonalizer section#category {
	margin: 20px 0 20px;
}
#sitepersonalizer .logo_image p {
	font-size: 20px;
	text-align: center;
}
#sitepersonalizer .logo_image ul {
	margin: 30px 0 0;
	overflow: auto;
	border: 1px #ccc solid;
}
#sitepersonalizer .logo_image li {
	width: 289px;
	float: left;
	text-align: center;
	margin: 22px 0;
	height: 67px;
}

/* �g���b�L���O�o�i�[�y�[�W�@*/

#sitepersonalizer .trackingbanner_main .header {
  margin: 20px 0px;
}

#sitepersonalizer .trackingbanner_main .content01 {
  clear: both;
}

#sitepersonalizer .trackingbanner_main .content01 img:nth-of-type(1) {
  float: left;
  margin-right: 30px;
}

#sitepersonalizer .trackingbanner_main .content01 .comment {
	margin: 15px 0 20px 0;
}

#sitepersonalizer .trackingbanner_main .content01 .comment b {
	font-size: 24px;
}

#sitepersonalizer .trackingbanner_main .content01 .comment p {
	font-size: 18px;
}

#sitepersonalizer .trackingbanner_main .content01 img:nth-of-type(3) {
 	margin: 20px 0;
}

#sitepersonalizer .trackingbanner_main .content02 .text {
  margin: 20px auto;
  width: 670px;
  font-size: 18px;
}

#sitepersonalizer .trackingbanner_main .content02 img:nth-of-type(2) {
  margin: 30px 0 20px;
}

#sitepersonalizer .trackingbanner_main .content03 .title {
  border: 1px solid #ff4500;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}

#sitepersonalizer .trackingbanner_main .content03 .title b {
  font-size: 24px;
  color: red;
}

/*#sitepersonalizer .trackingbanner_main .content03 img:nth-of-type(1) {
  margin-right: 69px;
}*/

#sitepersonalizer .trackingbanner_main .content03 .left {
  float: left;
  width: 550px;
  margin-right: 69px;
}

#sitepersonalizer .trackingbanner_main .content03 .left img {
  margin-top: 14px;
}

#sitepersonalizer .trackingbanner_main .content03 .left p {
  margin: 34px 0 0 68px;
}

#sitepersonalizer .trackingbanner_main .content03 .left p, #sitepersonalizer .trackingbanner_main .content03 .right p {
  font-size: 20px;
}

#sitepersonalizer .trackingbanner_main .content03 .right p {
  text-align: center;
  margin: 20px 0 35px;
}

#sitepersonalizer .trackingbanner_main .content03 .right {
  float: left;
  width: 236px;
}

#sitepersonalizer .trackingbanner_main .content03 .comment {
  text-align: center;
  margin-top: 30px;
  clear: both;
}

#sitepersonalizer .trackingbanner_main .content03 .comment b {
  font-size: 24px;
}

#sitepersonalizer .trackingbanner_main .content03 .comment p {
  font-size: 20px;
}

#sitepersonalizer .trackingbanner_main .content03 .left, #sitepersonalizer .trackingbanner_main .content03 .right {
  margin-top: 20px;
}

/* �K���NjL20150813 */
#sitepersonalizer .yahoo-tag {
    margin-top: 15px;
}

#sitepersonalizer .yahoo-tag img, .yahoo-tag-text {
    float: left;
}

#sitepersonalizer .yahoo-tag-text {
    font-size: 16px;
    margin-left: 15px;
}

/*-------------------------------
2016-05-10�ɒlj��i�t�����N�j 
--------------------------------*/

.home > .products {
padding-top: 44px;
}
.pagewrap {
width: 870px !important;
}
#main section:not(.eyecatch):not(#pageNavi) {
margin-left:auto;
margin-right: auto;
}
#main section:not(.eyecatch):not(#pageNavi) figure {
text-align: center;
}
.topicpath {
display: block;
max-width: 100%;
margin: 0px 250px 0px 0px;
}
#main.column1 {
width: 100%;
max-width: 100%;
}
#main .nav-parts {
position: relative;
}
	#main .nav-parts.sticky {
	position: fixed;
	top: -1px;
  box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	z-index: 99;
	width: 100%;
	max-width: 870px;
	margin: 0px auto 0px auto;
	}
	#main .nav-parts nav {
	margin-top: 0px;
	margin-bottom: 0px;
	}
		#main .nav-parts nav ul {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		line-height: 30px;
		margin: 0px 0px 0px 0px;
		height: auto !important;
		background-color: #e8e8e8;
		font: 0/0 a;
		}
			#main .nav-parts nav li {
			display: inline;
			}
				#main .nav-parts nav li a {
				display: inline-block;
				border-right: 1px solid #fff;
				border-bottom: 0px solid !important;
				vertical-align: top;
				padding: 4px 11px 0px 11px;
				background-color: #313131;
				color: #fff;
				font-size: 15px;
				line-height: 48px;
				}
					#main .nav-parts nav li a.current {
					background-color: #E41913;
					}
	#main .nav-parts nav > a {
	position: absolute;
	top: 5px;
	right: 5px;
	}					


#smartphoneanalysis #main section.subsection {
width: auto !important; 
}
.products.selection ul li {
width: 31% !important;
}