@charset "UTF-8";



.topback { background: url(../img/common/contents_bg.gif) top no-repeat;}

#btnPagetop {
	margin-top: 0px; /*yamashiro edit*/
	padding:0 15px 0 0;
	text-align:right;
}



/*------------------------------------------------------------------------
  side
------------------------------------------------------------------------ */

#side {
	width:220px;
	float:left;
/*	margin-left: 10px;*/
}
#side_bnr01 {
	background: url(../img/common/side_img01.gif) no-repeat;
	height: 84px;
	width: 220px;
	line-height: 0;
	}
	#side_bnr01 a {
		text-indent: -9999em;
		display: block;
		text-align: center;
		height: 84px;
		width: 220px;
	}
	#side_bnr01 a:hover { text-decoration: none;}
#side_bnr02 {
	background: url(../img/common/side_img02.gif) no-repeat;
	height: 40px;
	line-height: 40px;
	width: 220px;
	margin-top: 10px;
	font-size:14px;
	}
	#side_bnr02 a {
		color: #fff;
		display: block;
		padding: 2px 0px 0px 32px;
	}
	#side_bnr02 a:hover { text-decoration: none;}
#side_bnr03 a {
	background: url(../img/common/side_img03.gif) no-repeat;
	width: 220px;
	overflow: hidden;
	margin-top: 10px;
	height: 40px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	display: block;
	}
	#side_bnr03 a:hover { text-decoration: none;}
#side_menu01 {
	margin-top: 10px;
	font-size:12px;
}
	#side_menu01 li a {
		background: url(../img/common/side_menu02.gif) top no-repeat;
		height: 39px;
		line-height: 39px;
		display: block;
		color: #fff;
		padding-left: 30px;
	}
	#side_menu01 li.top a {
		background: url(../img/common/side_menu01.gif) top no-repeat;
		height: 40px;
		line-height: 43px;
	}
	#side_menu01 li a:hover {
		background-position: bottom;
		color: #b30c16;
		text-decoration: none;
	}
#side_menu02 {
	border-left: 1px solid #b80914;
	border-right: 1px solid #b80914;
	border-bottom: 1px solid #b80914;
	background: #f9f9f9;
	padding: 5px 9px 9px 9px;
	font-size:8.5px;
	}
	#side_menu02 li a {
		background: url(../img/common/side_menu03.gif) top right no-repeat;
		height: 30px;
		line-height: 30px;
		display: block;
		padding-left: 45px;
		color: #333333;
		margin-top: 4px;
	}
	#side_menu02 li a:hover {
		color: #df1d2c;
		text-decoration: none;
	}
	#side_menu02 li a.back2 {
		background: url(../img/common/side_menu04.gif) top right no-repeat;
		line-height: 1.2em;
		display: block;
		padding: 7px 0px 3px 45px;
	}
	/*IE7 ハック*/
	#side_menu02 li a.back2 { /line-height: 1.4em;}

#side_step{
	font-size:8.5px;
}

#side_step_ttl {
	background: url(../img/common/side_step01.gif) no-repeat;
	width: 220px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: normal;
	font-size:14px;
	text-align: center;
	margin-top: 10px;
}
#side_step_txt {
	background: url(../img/common/side_step02.gif) no-repeat;
	width: 220px;
	height: 76px;
	font-size:9px;
	position: relative;
	}
	#side_step_txt p {
		position: absolute;
		width: 200px;
		bottom: 10px;
		left: 10px;
	}
	/*IE7 ハック*/
	#side_step_txt p { /bottom: 5px; /line-height: 1.6em;}
#side_step_01 {
	background: url(../img/common/side_step03.gif) no-repeat;
	width: 220px;
	height: 119px;
	font-size:9px;
	position: relative;
	}
	#side_step_01 p {
		position: absolute;
		width: 180px;
		bottom: 16px;
		left: 20px;
	}
	/*IE7 ハック*/
	#side_step_01 p { /bottom: 18px; /line-height: 1.2em;}
#side_step_02 {
	background: url(../img/common/side_step04.gif) no-repeat;
	width: 220px;
	height: 137px;
	font-size:9px;
	position: relative;
	}
	#side_step_02 p {
		position: absolute;
		width: 180px;
		bottom: 15px;
		left: 20px;
		line-height: 1.4em;
		margin-bottom:0px;
	}
	/*IE7 ハック*/
	#side_step_02 p { /bottom: 20px; /line-height: 1.4em;}
#side_step_03 {
	background: url(../img/common/side_step05.gif) no-repeat;
	width: 220px;
	height: 97px;
	font-size:9px;
	position: relative;
	}
	#side_step_03 p {
		position: absolute;
		width: 180px;
		bottom: 25px;
		left: 20px;
		line-height: 1.6em;
	}

/* 今すぐお申込み yamashiro */
div#appli {
  margin:  0px auto;
  width: 220px;
  padding: 0px;
  background-color: #eeeeee;
}

div#appli a.person {
  display: block;
  float: left;
  width: 220px;
  height: 50px;
  margin: 0 auto;
  background: url(../../../../images/mousikomi.gif) no-repeat;
}
div#appli a:hover {
  background-position: bottom;
}
/* 今すぐお申込み yamashiro */
/* --------- footbtn---------- */
#footbtn {
	background: url(../img/common/footer_btn00.gif) no-repeat;
	width: 682px;
	height: 133px;
	position: relative;
	margin: 40px auto 0;
	}
	#footbtn p {
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		padding-top: 17px;
	}
	#footbtn .btn01 {
		display: block;
		line-height: 0;
		position: absolute;
		bottom: 18px;
		left: 150px;
	}
	#footbtn .btn02 {
		display: block;
		line-height: 0;
		position: absolute;
		bottom: 18px;
		right: 150px;
	}


.link_icon01 {
	padding:0 0 0 10px;
	background:url(../img/common/link_icon01.gif) left no-repeat;
	line-height: 1em;
}

.link_icon02 {
	padding:0 0 0 13px;
	background:url(../img/common/link_icon02.gif) left no-repeat;
	line-height: 1em;
}

.cautionbox {
	background: url(../img/common/caution_bgbottom.gif) bottom no-repeat;
	margin: 0 auto;
	}
	.cautionbox .inner {
		background: url(../img/common/caution_bgtop.gif) top no-repeat;
		padding: 20px;
	}
	.cautionbox .inner .icon {
		background: url(../img/common/caution_icon.gif) left no-repeat;
		padding-left: 42px;
	}
	.cautionbox .inner .cf { margin-top: 20px;}
	.cautionbox .inner .fl { width: 265px;}
	.cautionbox .inner .fr { width: 300px;}


/*------------------------------------------------------------------------
  multi
------------------------------------------------------------------------ */
/* --------- /feature.html---------- */

#feature01 { width: 696px; margin: 0 auto;}
#feature01 .fl { width: 348px;}
#feature01 .fl p { padding: 20px 15px 0 20px;}
#feature01 .fl p sup { padding-top: 10px; vertical-align: baseline; position:relative; top: 0px; font-size: 0.63em !important;}
#feature01 .fr { width: 348px;}
#feature01 .fr p { padding: 20px 25px 0 20px;}
#feature_tab ul#tab { width: 695px; height: 76px; margin: 50px auto 0;}
#feature_tab ul#tab li span{ cursor: pointer; height: 76px; text-indent: -9999em; display: block; line-height: 0;}
#feature_tab ul#tab li .tab_win { background: url(../img/feature/feature_tab1.gif) top no-repeat; width: 347px; float: left;}
#feature_tab ul#tab li .tab_mac { background: url(../img/feature/feature_tab2.gif) top no-repeat; width: 348px; float: right; /margin-top: -18px;}
#feature_tab ul#tab li span:hover { background-position: bottom !important;}
#feature_tab ul#tab .select span { background-position: bottom !important;}
.feature_tabarea { padding: 20px 0px 0px 0px;}
.feature02 { width: 617px; margin-left: 15px;}
.featurebox03 { width: 345px;}
.featurebox03 dt { font-weight: bold; padding-left: 20px; padding-right: 90px; margin-bottom: 10px;}
.featurebox03 dd { font-size: 10px; padding-left: 20px; padding-right: 90px;}
.feature03 { background: url(../img/feature/feature_a08_a.jpg) right top no-repeat;}
.feature05 { background: url(../img/feature/feature_a10_a.jpg) right top no-repeat;}
.feature04 {
	width: 315px;
	background: url(../img/feature/feature_a09.gif) right top no-repeat;
	margin-right: 20px;
}
.feature04 dt { font-weight: bold; padding-right: 80px; margin-bottom: 10px;}
.feature04 dd { font-size: 10px; padding-right: 80px;}
.feature06 {
	background: url(../img/feature/feature_a11.gif) 245px 10px no-repeat;
	width: 328px;
	border: 1px solid #357337;
	padding: 9px 0;
	margin-right: 10px;
}
.feature06 dt {
	font-weight: bold;
	padding: 0 90px 0 9px;
	color: #357337;
}
.feature06 dd { font-size: 10px; padding: 0 90px 0 9px;}

.featureb_02 {
	background: url(../img/feature/feature_b02.gif) no-repeat;
	width: 695px;
	height: 538px;
	position: relative;
	}
	.featureb_02 p {
		position: absolute;
		bottom: 29px;
		left: 225px;
		width: 455px;
	}

.featureb_03 { width: 665px; margin-left: 12px;}
.featureb_03 dl { width: 300px;}
.featureb_03 dt {
	font-size: 21px;
	border-bottom: 1px solid #4f5050;
	padding-bottom: 10px;
	line-height: 1em;
	padding-top: 5px;
}
.featureb_03 dd {
	margin-top: 10px;
	font-size: 21px;
}

.featureb_04 {
	background: url(../img/feature/feature_b07.gif) no-repeat;
	width: 695px;
	height: 850px;
	position: relative;
	}
	.featureb_04 p.txt01 { position: absolute; font-size: 18px; top: 150px; right: 18px; width: 379px;}
	.featureb_04 p.txt02 { position: absolute; font-size: 18px; top: 529px; left: 137px; width: 270px;}

.featureb_05 {
	background: url(../img/feature/feature_b08.gif) no-repeat;
	width: 695px;
	height: 485px;
	position: relative;
	}
	.featureb_05 p { position: absolute; font-size: 18px; top: 155px; right: 18px; width: 379px;}
	.featureb_05 p span { font-size: 10px; display: block; line-height: 1.3em; margin-top: 5px;}

.featureb_06 {
	background: url(../img/feature/feature_b09.gif) no-repeat;
	width: 695px;
	height: 485px;
	position: relative;
	}
	.featureb_06 p { position: absolute; font-size: 18px; top: 155px; right: 18px; width: 379px;}
	.featureb_06 p span { font-size: 10px; display: block; line-height: 1.3em; margin-top: 5px;}

.ttl_txt{
	margin:20px 0 0 20px;
	font-size:14px;
}

/* --------- /customer.html---------- */

.contentsbox {
	padding: 20px 10px 0px 10px;
	font-size:12px;
}
.customer01 {
	background: url(../img/customer/customer_win.gif) left no-repeat;
	height: 50px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 125px;
}
.customer_line { border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.customer02 {
	width: 549px;
	margin: 20px auto 20px;
	}
	.customer_ttl { background: #fcede8; padding: 2px 30px;}
.customer03 {
	background: url(../img/customer/customer_and.gif) left no-repeat;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
	padding-top: 20px;
	padding-left: 65px;
}
.customer04 {
	width: 531px;
	margin: 20px auto 20px;
}

/* --------- /product.html---------- */
/* --------- /requirement.html---------- */

.product_table {
	background :#BCBEC0;
	width: 100%;
	font-size:12px;
	border-collapse:collapse;
	border-spacing:0;
}

.product_table th {
    background-color: #E6E7E8;
    font-weight: bold;
    padding: 12px;
	border:solid 1px #BCBEC0;
}
.product_table th.ttl_red { background: #FED1DC; text-align: center;}
.product_table th.ttl_red2 { background: #fdeef2; text-align: center;}
.product_table th.sel01 { width: 200px;}
.product_table th.sel02 { width: 25px; text-align: center;}
.product_table th.sel03 { width: 290px;}
.product_table th.sel04 { width: 70px; text-align: center;}
.product_table th.sub {
    background-color: #E6E7E8;
    font-weight: normal;
}
.product_table td {
    background-color: #FFFFFF;
    padding: 12px;
	border:solid 1px #BCBEC0;
}
.product_table td.icon_new {
	background: url(../img/product/icon_new.gif) #fff right center no-repeat;
	padding-right: 50px;
}
.product_table td.icon_up {
	background: url(../img/product/icon_powerup.gif) #fff right center no-repeat;
	padding-right: 50px;
}
.product_table p{
	font-size:14px;
}
.product_txt { text-indent:-1em; padding-left: 1em; font-size: font-size:12px;}
.product_line { border-bottom: 1px solid #ccc; padding-bottom: 20px;}

/*IE8ハック*/
.lh2 { line-height: 2em＼9;}

.caution_t { text-indent: -1em; padding-left: 1em; font-size: 12px;}

/* --------- /multi/dl/---------- */

#tab { width: 685px; height: 50px; margin: 60px auto 0;}
#tab li { height: 50px; float: left;}
#tab li span { cursor: pointer; height: 50px; float: left; text-indent: -9999em; display: block;}
#tab li span.tab_win { background: url(../img/common/tab_windows.gif) top no-repeat; width: 229px;}
#tab li span.tab_mac { background: url(../img/common/tab_mac.gif) top no-repeat; width: 223px;}
#tab li span.tab_and { background: url(../img/common/tab_android.gif) top no-repeat; width: 233px;}
#tab .select span,#tab li span:hover { background-position: bottom !important;}
.off { display: none;}
.tab_area { padding: 20px 10px 0px 10px;}
.tab_area h4,.contentsbox h4 {
	height: 20px;
	line-height: 22px;
	padding-left: 95px;
	margin: 30px 0 20px 0px;
	font-weight: normal;
	color: #333;
}
h4.subttl {
	background: url(../img/dl/sti_step0.gif) left no-repeat;
	padding-left: 15px;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}
h4.step_ { background: url(../img/dl/sti_step0.gif) left no-repeat; padding-left: 12px; font-size: 14px;}
h4.step_ strong { font-size: 24px; padding-top: 2px;}
/*cssハック*/
h4.step_ strong { /font-size: 21px;}
h4.step0 { background: url(../img/dl/sti_step0.gif) left no-repeat; padding-left: 12px; color: #df1d2c;}
.stepbox {
	border-bottom: 1px solid #ccc;
	padding: 0px 10px 30px 10px;
	}
.stepbox p{
	font-size: 14px;
	}
	.stepbox .fl { width: 340px;}
	.stepbox .fr { width: 300px; text-align:center; }
.stepbox2 {
	border-bottom: 1px solid #ccc;
	padding: 0px 10px 30px 10px;
	}
	.stepbox2 .fl { width: 440px;}
	.stepbox2 .fr { width: 200px;}
.android_form input[type="text"] {
	padding: 5px;
	margin-right: 10px;
	width: 200px;
}

.columnbox { width: 600px; margin: 0 auto; border: 10px solid #efefef; padding: 20px;}
.column_left { width: 65px; float: left; line-height: 0;}
.column_right { width: 515px; float: right;}

/*------------------------------------------------------------------------
  smart phone
------------------------------------------------------------------------ */
#sp { background: #fff;}
#sp p { font-size: 12px;}
#sp article { padding-bottom: 40px;}
#sp header {
	/*background-image: url(../img/install/header_bg.png);
	background-size: 640px 57px;
	background-position: left top;
	background-repeat: no-repeat;*/
	width: 100%;
	overflow: hidden;
}
#sp #ci{
	border-top: 5px solid #ed1c24;
	padding: 14px 0 14px 5px;
}
#sp h1 {
	text-align: center;
	/*padding-top: 57px;*/
}
#sp h3 {
	color: #333333;
	font-size: 12px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 25%,
		#eeeeee);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.25, #ffffff),
		to(#eeeeee));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.3);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.3);
	margin: 0 5px;
}
#sp h3 span {
	display: block;
	background-image: url(../img/install/title.gif);
	background-size: 3px 15px;
	background-position: 10px center;
	background-repeat: no-repeat;
	height: 30px;
	line-height: 32px;
	padding-left: 20px;
}
#sp section { margin: 10px 10px 0px 10px;}
#sp section .fl { width: 65%;}
#sp section .fr { width: 35%; text-align: right;}
#sp h4 {
	display: block;
	background-image: url(../img/install/title.gif);
	background-size: 3px 15px;
	background-position: left center;
	background-repeat: no-repeat;
	height: 15px;
	line-height: 15px;
	padding-left: 10px;
}
#sp .caution {
	background-image: url(../img/common/caution_icon.gif);
	background-size: 14px 14px;
	background-position: 10px center;
	background-repeat: no-repeat;
	border: 1px solid #f22525;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #f22525;
	padding: 9px 9px 9px 30px;
}
#sp #foot_btn { margin-top: 20px;}
#sp #foot_btn div { width: 49%;}
#sp #foot_btn .fl a {
	background-image: url(../img/install/install_btn01_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 43px 32px;
	display: block;
	color: #ffffff;
	font-size: 12px;
	padding-left: 20px;
	margin: 0 5px 0 15px;
	}
	#sp #foot_btn .fl a span {
		background-image: url(../img/install/install_btn01_02.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 1000px 32px;
		display: block;
		height: 32px;
		line-height: 30px;
		padding: 0px 20px 0px 0px;
		letter-spacing: -0.01px;
		text-align: center;
	}
#sp #foot_btn .fr a {
	background-image: url(../img/install/install_btn02_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 43px 32px;
	display: block;
	color: #ffffff;
	font-size: 12px;
	padding-left: 20px;
	margin: 0 15px 0 5px;
	}
	#sp #foot_btn .fr a span {
		background-image: url(../img/install/install_btn02_02.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 1000px 32px;
		display: block;
		height: 32px;
		line-height: 30px;
		padding: 0px 20px 0px 0px;
		letter-spacing: -0.01px;
		text-align: center;
	}
#sp #foot_btn div a:hover { text-decoration: none;}