@charset "utf-8";
/* CSS Document */

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

	製品詳細(products)共通

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

#contents #main #products {
	clear: both;
}

/* サービスメニュー
------------------------------------*/

#contents #main #products .serviceMenu {
	width:852px;
	margin:9px auto 0 auto;
}

#contents #main #products .serviceMenu li {
	width:205px;
	height: 78px;
	display:block;
	margin:0px 4px;
	float:left;
}

#contents #main #products .serviceMenu li a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* 機能オプション等　メニュー
------------------------------------*/

#contents #main #products .detailsMenu {
	width:808px;
	margin:9px auto 20px auto;
	background-image:url(../products/images/hmenu_bg.gif);
	background-repeat:repeat-x;
	height:40px;
	padding:1px 0 0 40px;
}

#contents #main #products .detailsMenu li {
	float:left;
	margin:0 10px;
}

#contents #main #products .detailsMenu li a {
	width:180px;
	height: 30px;
	background-image:url(../products/images/hmenu.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	display:block;
	overflow:hidden;
}

#contents #main #products .detailsMenu li.function a {background-position:10px 0;}
#contents #main #products .detailsMenu li.option a {background-position:-200px 0;}
#contents #main #products .detailsMenu li.plan a {background-position:-410px 0;}
#contents #main #products .detailsMenu li.flow a {background-position:-613px 0;}

#contents #main #products .detailsMenu li a:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
}

/*===================================

	ぴっとアウト、ぴっとイン

===================================*/


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

　ぴっとベース（共通）

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

#contents #main #products #pit_base {
	width: 884px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 21px;
}

#contents #main #products #pit_base .wrapper {
	width:784px;
	margin:0 auto 0 auto;
	padding-bottom:7px;
}

#contents #main #products #pit_base h2 {
	height:83px;
	text-indent:-10000px;
}

#contents #main #products #pit_base dl {
	margin:32px 0 0 0;
	min-height:93px;
}

#contents #main #products #pit_base dl dt {
	width:109px;
	height:93px;
	float:left;
	text-indent:-10000px;
}

#contents #main #products #pit_base dl dt.no01 {
	background-position:0 0;
}

#contents #main #products #pit_base dl dt.no02 {
	background-position:0 -104px;
}

#contents #main #products #pit_base dl dt.no03 {
	background-position:0 -208px;
}

#contents #main #products #pit_base dl dd {
	padding-left:109px;
	margin-bottom:46px;
}

#contents #main #products #pit_base dl h3 {
	font-size:20px;
	font-weight:bold;
	padding:8px 5px 4px 6px;
}

#contents #main #products #pit_base dl dd p {
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 15px;
	padding-top: 8px;
}



/*　ぴっとアウト
----------------------------------*/

#contents #main #products .pitout {
	background-image:url(../products/images/pitout_base_bg.png);
}

#contents #main #products .pitout h2 {
	background-image:url(../products/images/pitout_ttl.png);
}

#contents #main #products .pitout dl dt {
	background-image:url(../products/images/pitout_number.gif);
	background-repeat:no-repeat;
}

#contents #main #products .pitout dl h3 {
	color:#f0627c;
	border-bottom:1px solid #f2b5c1;
}

/*　ぴっとイン
----------------------------------*/

#contents #main #products .pitin {
	background-image:url(../products/images/pitin_base_bg.png);
}

#contents #main #products .pitin h2 {
	background-image:url(../products/images/pitin_ttl.png);
}

#contents #main #products .pitin dl dt {
	background-image:url(../products/images/pitin_number.gif);
	background-repeat:no-repeat;
}

#contents #main #products .pitin dl h3 {
	color:#5f9f0e;
	border-bottom:1px solid #aecd53;
}


/*===================================

	機能等ページ共通

===================================*/

#contents #main #products #other_base {
	width: 804px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 33px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 18px;
	background-image: url(../products/images/other_base_bg.png);
}

#contents #main #products #other_base h2 {
	height: 28px;
	text-indent: -10000px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

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

	ぴっと機能一覧
	
----------------------------------*/

#contents #main #products .function h2 {
	background-image:url(../products/images/function_ttl.png);
}

#contents #main #products .function table {
	width: auto;
	margin: 0 auto 0 auto;
	border-top:1px solid #a1a1a1;
	border-left:1px solid #a1a1a1;
	font-size:12px;
	line-height:1.5em;
}

#contents #main #products .function table th {
	border-right:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1;
	background-color:#d9f2a9;
	color:#3f7000;
	padding:4px 0px;
	font-size: 13px;
	white-space:nowrap;
}

#contents #main #products .function table td {
	border-right:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1;
	padding:4px 10px 4px 6px;
}

#contents #main #products .function table .fc_main {
	font-weight:bold;
	background-color:#f7f5e1;
}

#contents #main #products .function table .fc_sub {
	background-color:#fffef3;
}

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

	オプションサービス
	
----------------------------------*/

#contents #main #products .option h2 {
	background-image:url(../products/images/option_ttl.png);
}

#contents #main #products .option table {
	width: 100%;
	margin: 0 auto 0 auto;
	border-top:1px solid #a1a1a1;
	border-left:1px solid #a1a1a1;
	font-size:13px;
	line-height:1.5em;
}

#contents #main #products .option table th {
	border-right: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	background-color: #f7f5df;
	color: #6a6966;
	padding: 4px 0px;
	font-size: 13px;
	white-space: nowrap;
}

#contents #main #products .option table td {
	border-right: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
}

#contents #main #products .option table .fc_main {
	font-weight: bold;
	background-color: #fff2d4;
	font-size: 16px;
	color: #66440d;
}

#contents #main #products .option table .fc_sub {
	background-color: #fff;
}

#contents #main #products .option .caption {
	text-align:right;
	font-size:13px;
	margin-top:5px;
}

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

	料金プラン（キャンペーン）
	
----------------------------------*/

#contents #main #products .plan h2 {
	background-image:url(../products/images/plan_ttl.png);
	margin-bottom: 18px !important;
}

#contents #main #products .plan .open_campaign {
	width: 750px;
	margin: 0 auto;
}

#contents #main #products .plan .open_campaign .inner {
	background-image: url(../products/images/plan_cp_bg.png);
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 0 0 35px 0;
}

#contents #main #products .plan .open_campaign h3 {
	text-indent:-10000px;
	height: 83px;
	background-image: url(../products/images/plan_cp_hd.png);
	background-repeat: no-repeat;
}

#contents #main #products .plan .open_campaign ul {
	width: 638px;
	margin: 0 auto;
	height: 175px;
}

#contents #main #products .plan .open_campaign li {
	float:left;
	background-image: url(../products/images/plan_cp_price.png);
	background-repeat: no-repeat;
	height: 165px;
	width:319px;
	text-indent:-10000px;
}

#contents #main #products .plan .open_campaign li.act {
	background-position: -319px 0;
}

#contents #main #products .plan .open_campaign .txt {
	width: 638px;
	margin: 5px auto 20px auto;
	background-color: #fefef7;
	padding: 12px 20px;
	clear: both;
	border: 1px solid #e6e6e6;
}

#contents #main #products .plan .open_campaign .ctt_btn {
	text-align:center;
}


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

	導入フロー
	
----------------------------------*/

#contents #main #products .flow_wrap h2 {
	background-image:url(../products/images/flow_ttl.png);
}

#contents #main #products .flow_wrap .container {
	width: 761px;
	margin: 0 auto 0 auto;
}

#contents #main #products .flow_wrap .container p {
	margin-bottom: 18px;

}