@charset "UTF-8";

/*===============================================================================
PowerCamService
===============================================================================*/

/*--------------------------------------------- メインイメージ開始 */
/* Service */
#main_img{
	background: url( "../img/product/pc_service/service_mainimg.gif") no-repeat left top;
}
/* 機能 */
#main_img02{
	background: url( "../img/product/pc_service/servicefunction_mainimg.gif") no-repeat left top;
}
/* 動作環境 */
#main_img03{
	background: url( "../img/product/pc_service/servicespec_mainimg.gif") no-repeat left top;
}

/* デモ画面 */
#main_img04{
	background: url( "../img/product/pc_service/servicedemo_mainimg.gif") no-repeat left top;
}
/* 導入フロー */
#main_img05{
	background: url( "../img/product/pc_service/serviceflow_mainimg.gif") no-repeat left top;
}
/* お試し */
#main_img06{
	background: url( "../img/product/pc_service/servicetrial_mainimg.gif") no-repeat left top;
}

/* オプション */
#main_img07{
	background: url( "../img/product/pc_service/serviceoption_mainimg.gif") no-repeat left top;
}


/*--------------------------------------------- サブメニュー開始 */
#submenu li.s_title{
	width: 236px;
	padding: 1px 0 2px 0;
	margin:0 auto;
}

#submenu li.s_title a{
	text-indent: -9999px;
	font-size: 0;
	width: 236px;
	height:45px;
	display:block;
	background:url("../img/common/sub_menu_t01.gif") no-repeat left top;
}

#submenu li.s_title a:hover{
	background:url("../img/common/sub_menu_t01a.gif") no-repeat left top;
}

#submenu li.pcs a{
	background:url("../img/common/sub_menu_bgs.gif") no-repeat left top;
}

#submenu li.pcs a:hover{
	background:url("../img/common/sub_menu_bgsa.gif") no-repeat left top;
	color:#1a1a1a;
}

#submenu li.pcsv a{
	background:url("../img/common/sub_menu_bgsv.gif") no-repeat left top;
}

#submenu li.pcsv a:hover{
	background:url("../img/common/sub_menu_bgsva.gif") no-repeat left top;
	color:#1a1a1a;
}

#submenu li.pcm a{
	background:url("../img/common/sub_menu_bgm.gif") no-repeat left top;
}

#submenu li.pcm a:hover{
	background:url("../img/common/sub_menu_bgma.gif") no-repeat left top;
	color:#1a1a1a;
}
#submenu li.pcs ul,
#submenu li.pcsv ul,
#submenu li.pcm ul{
	padding-top:4px;}

#submenu li.pcs ul li a,
#submenu li.pcsv ul li a,
#submenu li.pcm ul li a{
	width: 236px;
	height:20px;
	margin:0 auto;
	padding:2px 0 2px 30px;
	background:url("../img/common/sub_submenu.gif") no-repeat left top;
	font-size:10px;
	line-height:20px;
	color:#333;
	}
	
#submenu li.pcs ul li a:hover,
#submenu li.pcsv ul li a:hover,
#submenu li.pcm ul li a:hover{
	background:url("../img/common/sub_submenua.gif") no-repeat left top;
	}
	
#submenu li.pcs ul li.last a,
#submenu li.pcsv ul li.last a,
#submenu li.pcm ul li.last a{
	width: 236px;
	height:20px;
	margin:0 auto;
	padding:2px 0 2px 30px;
	background:#f00;
	background:url("../img/common/sub_submenul.gif") no-repeat left top;
	font-size:10px;
	line-height:20px;
	color:#333;
	}
	
#submenu li.pcs ul li.last a:hover,
#submenu li.pcsv ul li.last a:hover,
#submenu li.pcm ul li.last a:hover{
	background:url("../img/common/sub_submenula.gif") no-repeat left top;
	}
/*--------------------------------------------- サブメニュー終了 */

/*--------------------------------------------- INDEXコンテンツ開始 */

#service_main{
	width: 650px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	text-align:left;
	}


/* hタイトル */	
#service_main h1,
#service_main h2{
	clear:both;
	width: 630px;
	height: 30px;
	padding: 0 0 5px 0;
	margin: 0 auto;
	text-indent: -9999px;
	font-size: 0;
	}
#service_main h3{
	width: 595px;
	height: 30px;
	padding:0 0 0 35px;
	margin:10px auto 10px auto;
	text-align:left;
	font-size:12px;
	line-height:30px;
	clear:both;
	background: url( "../img/product/title_sub.gif") no-repeat left top;
	}
	
#service_main h4{
	width: 580px;
	height: 30px;
	padding:0 0 0 10px;
	margin:10px auto 10px auto;
	text-align:left;
	font-size:12px;
	line-height:30px;
	clear:both;
	background:#f2f2f2;
	}

/* Service */
#service_main h1.pcs{background: url( "../img/product/pc_service/title_pcs.gif") no-repeat left top;}
#service_main h2.pcs{background: url( "../img/product/pc_service/title_pcs02.gif") no-repeat left top;}
#service_main h2.pcs_buy{background: url( "../img/product/pc_service/title_pcs_buy.gif") no-repeat left top; margin:20px auto 0 auto;}
#service_main h2.pcs_line{background: url( "../img/product/pc_service/title_line.gif") no-repeat left top; margin:20px auto 0 auto;}

/* 機能 */
#service_main h1.function{background: url( "../img/product/pc_service/title_fun01.gif") no-repeat left top;}
/* 動作環境 */
#service_main h1.spec{background: url( "../img/product/pc_service/title_spec.gif") no-repeat left top;}
/* デモ画面 */
#service_main h1.demo{background: url( "../img/product/pc_service/title_demo.gif") no-repeat left top;}
/* Flow */
#service_main h1.flow{background: url( "../img/product/pc_service/title_flow.gif") no-repeat left top;}
/* お試し */
#service_main h1.trial{background: url( "../img/product/pc_service/title_trial.gif") no-repeat left top;}
/* オプション */
#service_main h1.opt{background: url( "../img/product/pc_service/title_pcs_op.gif") no-repeat left top;}
#service_main h2.opt{background: url( "../img/product/pc_service/title_pcs_op02.gif") no-repeat left top; margin:20px auto 0 auto;}


/*---------------------------------------------  ServiceCSS開始*/

/*//////////////////  Service関連ページ共通CSS開始///////*/
/* ページトップ開始*/

#service_top{
	clear:both;
	width: 600px;
	text-align:right;
	margin:20px auto 0 auto;
}

#service_top a{
	padding:0 5px 0 17px;
	background: url( "../img/product/pc_mobile/pagetop_icon.gif") no-repeat left center;
	text-decoration:underline;
}

/*//////////////////  ServiceページCSS開始///////*/

/* コンテンツメイン記事 */
#pcs_img{
	width: 630px;
	height:250px;
	padding: 0;
	margin: 0 auto;
	background: url( "../img/product/pc_service/pcs_mainbg.png") no-repeat left top;
	text-align:left;
	}
	
#pcs_img p{
	width: 330px;
	padding: 80px 0 0 18px;
	margin: 0;
		}
		
/* 主な特徴記事 */	
#service_t{
	clear:both;
	width: 630px;
	padding: 10px 0 10px 0;
	margin: 10px auto 10px auto;
	overflow:auto;
	}
	
#service_t_a01,
#service_t_a02,
#service_t_a03,
#service_t_a04,
#service_t_a05,
#service_t_a06{
	float:left;
	width: 300px;
	height:150px;
	margin:0 6px;
	padding: 10px 0 5px 0; 
 	border: solid 1px #ccc;
	}
	
#service_t_a01{
	background: url( "../img/product/pc_service/t01.gif") no-repeat right 40px;
	}
#service_t_a02{
	background: url( "../img/product/pc_service/t02.gif") no-repeat right 40px;
	}
#service_t_a03{
	background: url( "../img/product/pc_service/t03.gif") no-repeat right 40px;
	}
#service_t_a04{
	background: url( "../img/product/pc_service/t04.gif") no-repeat right 40px;
	}
#service_t_a05{
	background: url( "../img/product/pc_service/t05.gif") no-repeat right 40px;
	}
#service_t_a06{
	background: url( "../img/product/pc_service/t06.gif") no-repeat right 40px;
	}
	
#service_t_a01 p.title,
#service_t_a02 p.title,
#service_t_a03 p.title,
#service_t_a04 p.title,
#service_t_a05 p.title,
#service_t_a06 p.title{
	font-size:15px;
	font-weight:bold;
	color:#E71F19;
	text-align:center;
	border-bottom:dotted 1px #ccc;
	padding: 0 0 5px 0;
	}
	

#service_t_a02 p.title span{
	font-size:10px;
	font-weight:bold;
	color:#E71F19;
	padding: 0;
	}
	
#service_t_a01 p.txt,
#service_t_a02 p.txt,
#service_t_a03 p.txt,
#service_t_a04 p.txt,
#service_t_a05 p.txt,
#service_t_a06 p.txt{
	width:170px;
	text-align:left;
	padding: 10px;
	}

/* 機能一覧リンクエリア	 */	
#function_btn{
	clear:both;
	margin:10px;
	}

#function_btn a{
	width:580px;
	height:40px;
	display:block;
	background:#ccc;
	margin:0 auto;
	line-height:40px;
	text-align:center;
	font-size:15px;
	text-decoration:underline;
	}
#function_btn a:hover{
	width:580px;
	height:40px;
	display:block;
	margin:0 auto;
	background:#DFEEFF;
	line-height:40px;
	text-align:center;
	font-size:15px;
	text-decoration:underline;
	}
	
/* 閲覧ツールの種類エリア */	
#line,#line_a{
	width: 600px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align:left;
	}
	
table.line_t{
	width:600px;
	padding: 0;
	margin: 10px auto 0 auto;
	border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.line_t th,
table.line_t td {
	padding:5px;
	border: #cccccc solid;
    border-width: 0 0 1px 1px;
	text-align:center;
	}

table.line_t th {
	width:100px;
	background:#f2f2f2;
	font-weight: bold;
}

table.line_t td{
	background:#fff;
}

/* ご購入について */
#buy{
	width: 600px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align:left;
	}
#buy span{
	font-size:14px;
	font-weight:bold;
	}
	
#buy a{
	text-decoration:underline;
	}
	
/*//////////////////  機能ページCSS開始///////*/

/* 機能選択ボタン*/
#function_btn_area{
	width: 600px;
	padding: 0;
	margin:0 auto;
	overflow:auto;
}
#function_btn01,
#function_btn02{
	float:left;
	width:280px;
	padding:10px 5px 10px 10px;
	}

#function_btn01 a{
	text-indent: -9999px;
	font-size: 0;
	width: 280px;
	height:80px;
	display:block;
	background:url("../img/product/pc_service/function_btn01.jpg") no-repeat left top;
}

#function_btn01 a:hover{
	background:url("../img/product/pc_service/function_btn01o.jpg") no-repeat left top;
}

#function_btn02 a{
	text-indent: -9999px;
	font-size: 0;
	width: 280px;
	height:80px;
	display:block;
	background:url("../img/product/pc_service/function_btn02.jpg") no-repeat left top;
}

#function_btn02 a:hover{
	background:url("../img/product/pc_service/function_btn02o.jpg") no-repeat left top;
}
/* テーブル*/
table.outline {
	width:600px;
	padding: 0;
	margin: 0 auto;
	border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.outline th {
	width:33%;
	background:#f2f2f2;
	font-weight: bold;
}

table.outline th.tabletitle{
	background:#444;
	font-weight: bold;
	font-size: 13px;
	color:#FFFFFF;
	padding-left:20px;
}

table.outline td {
	background:#ffffff;
}

table.outline td.icon {
	width:25px;
	text-align:center;
	font-weight:bold;
}

table.outline th,
table.outline td {
	padding:5px;
	text-align: left;
	border: #cccccc solid;
    border-width: 0 0 1px 1px;
	}
	
table.outline p{
	color:#CE0C00;
	}
	
table.outline p.white{
	color:#fff;
	font-size:11px;
	}
	
	
/* 携帯利用可能アイコン*/

#function_icon_area {
	width:600px;
	height:40px;
	padding: 0;
	margin: 0 auto;
	}

#function_icon_area li{
	float:left;
	height:40px;
	margin-right:15px;}
	
#function_icon_area li.m{
	padding:3px 5px 0 35px;
	background:url("../img/product/pc_server/mobile_icon.jpg") no-repeat 5px top;
	}
#function_icon_area li.i{
	padding:3px 5px 0 35px;
	background:url("../img/product/pc_server/iphone_icon.jpg") no-repeat 5px top;
	}
#function_icon_area li.a{
	padding:3px 5px 0 35px;
	background:url("../img/product/pc_server/android_icon.jpg") no-repeat 5px top;
	}

#function_icon_area li.f{
	padding:10px 0 0 10px;
	}

	
/*//////////////////  動作環境ページCSS開始///////*/
#spec_box{
	width: 600px;
	margin:30px auto 0 auto;
	padding:10px 0;
	border-top:solid 1px #ccc;
	}
#ddns_box{
	width: 600px;
	margin:10px auto 0 auto;
	padding:10px 0;
	}

/* テーブル*/
table.outline03 {
	width:600px;
	padding: 0;
	margin: 10px auto;
	border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.outline03 th,
table.outline03 td {
	padding:5px;
	text-align: left;
	border: #cccccc solid;
    border-width: 0 0 1px 1px;
	}

table.outline03 th.koumoku {
	width:30%;
}

table.outline03 th{
	background:#f2f2f2;
	font-weight: bold;
	text-align:center;
}

table.outline03 td {
	background:#ffffff;
}

	
/*//////////////////  ServiceデモページCSS開始///////*/
/*デモ画像*/
#demo_img {
	width: 600px;
	margin:0 auto;
	padding:0;
	overflow:auto;
	
}

#demo_img ul {
	padding:0;
}

#demo_img ul.pc li {
	float: left;
	width:190px;
	display: block;
	overflow:hidden;
	padding:0 10px 10px 0;
	text-align: center;
	font-weight:bold;
	}
	
#demo_img ul.mobile li{
	float: left;
	width:140px;
	display: block;
	overflow:hidden;
	padding:0 10px 10px 0;
	text-align: center;
	font-weight:bold;
	}

#demo_img ul.iphone li{
	float: left;
	width:140px;
	display: block;
	overflow:hidden;
	padding:0 10px 10px 0;
	text-align: center;
	font-weight:bold;
	}
	
#demo_img ul.android li{
	float: left;
	width:280px;
	display: block;
	overflow:hidden;
	padding:0 20px 10px 0;
	text-align: center;
	font-weight:bold;
	}
	
#demo_img ul.ipada li{
	float: left;
	width:280px;
	display: block;
	overflow:hidden;
	padding:0 20px 10px 0;
	text-align: center;
	font-weight:bold;
	}

#demo_img ul.androidtab li{
	float: left;
	width:280px;
	display: block;
	overflow:hidden;
	padding:0 20px 10px 0;
	text-align: center;
	font-weight:bold;
	}	
		

/*画像あしらい*/
#demo_img img.pic {
	margin:5px 0 10px 0;
	padding:5px;
	background-image:url("../img/product/pc_service/demobg_img.gif");
	display: block;
	line-height: 0px;
}	 



/*//////////////////  Service導入フローページCSS開始///////*/
#flow-box {
	width: 600px;
	padding: 10px;
	margin: 15px auto;
	background-color: #f2f2f2;
	border: 1px dotted #b3b3b3;
}

#service_main p.arrow{
	width: 600px;
	padding: 0;
	margin: 5px auto;
	text-align:center;
	}
#flow-box .title01,
#flow-box .title02,
#flow-box .title03,
#flow-box .title04,
#flow-box .title05{
	width: 430px;
	height:30px;
	padding: 20px 0 5px 170px;
	margin: 0 auto;
	font-weight:bold;
	font-size:15px;
	}
	
#flow-box .title01{background:#fff url( "../img/product/pc_service/step01.gif") no-repeat left top;}
#flow-box .title02{background:#fff url( "../img/product/pc_service/step02.gif") no-repeat left top;}
#flow-box .title03{background:#fff url( "../img/product/pc_service/step03.gif") no-repeat left top;}
#flow-box .title04{background:#fff url( "../img/product/pc_service/step04.gif") no-repeat left top;}
#flow-box .title05{background:#fff url( "../img/product/pc_service/step05.gif") no-repeat left top;}
	
	
#flow-box .flow-txt{
	width: 580px;
	padding: 10px;
	margin: 0 auto;
	}
	
#flow-box .flow-txt span.bold{
	font-weight:bold;
	}
	
/*//////////////////  Serviceお試しページCSS開始///////*/
#trial01 {
	width: 600px;
	padding: 10px;
	margin: 0 auto;

}
#trial02 {
	width: 580px;
	padding: 5x;
	margin: 0 auto;
}
/* テーブル*/
table.outline02 {
	width:600px;
	padding: 0;
	margin: 10px auto;
	border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.outline02 th,
table.outline02 td {
	padding:5px;
	text-align: left;
	border: #cccccc solid;
    border-width: 0 0 1px 1px;
	}

table.outline02 th {
	width:20%;
	background:#f2f2f2;
	font-weight: bold;
	text-align:center;
}

table.outline02 td {
	background:#ffffff;
}

/* お申し込み方法*/	
#order_o_box{
	width:600px;
	margin:10px auto;
	text-align:left;
	padding:10px;
	background:#f2f2f2;
	overflow:auto;
}


#order_o_box div.c_txt,#order_o_box div.c_txt02{
	float:left;
	width:310px;
	padding: 10px 0 0 0;
	text-align:left;
}

#order_o_box  div.c_txt p{
	font-weight:bold;
	padding:0 0 0 20px;
	text-align:left;
	background: url( "../img/contactus/tel_icon.gif") no-repeat left top;
}

#order_o_box  div.c_txt02 p{
	font-weight:bold;
	padding:0 0 0 20px;
	text-align:left;
	background:url("../img/contactus/mail_icon.gif") no-repeat left top;
}

#order_o_box  div.c_tel,#order_o_box  div.c_mail{
	float:left;
	width:280px;
	padding-top:10px;
}

/*//////////////////  ServiceオプションページCSS開始///////*/

#option_box{
	width: 630px;
	height:250px;
	padding: 0;
	margin: 0 auto;
	background: url( "../img/product/pc_service/pcs_op_mainbg.png") no-repeat left top;
	text-align:left;
}

#option_box table{ clear:both;}

#option_box p{
	width:250px;
	padding:85px 0 0 20px;

}

#option_function{
	width: 630px;
	padding: 0;
	margin: 10px auto;
	text-align:left;
	border-top: dotted 1px #ccc;
}

#option_function dl{
	width:270px;
	float:left;
	padding:10px;
	text-align:center;
	margin:0 10px;
	}
	
#option_function h4.opt{
	width:270px;
	background:#f2f2f2;
	font-weight:bold;
	}
	
#option_function dd{
	text-align:left;}

#option_order{
	width: 600px;
	padding: 0;
	margin: 10px auto;
	text-align:left;
}