@charset "UTF-8";

/*===============================================================================
PowerCamServer
===============================================================================*/

/*--------------------------------------------- メインイメージ開始 */
/* Server */
#main_img{
	background: url( "../img/product/pc_server/server_mainimg.gif") no-repeat left top;
}
/* 機能 */
#main_img02{
	background: url( "../img/product/pc_server/serverfunction_mainimg.gif") no-repeat left top;
}
/* 動作環境 */
#main_img03{
	background: url( "../img/product/pc_server/serverspec_mainimg.gif") no-repeat left top;
}
/* デモ画面 */
#main_img04{
	background: url( "../img/product/pc_server/serverdemo_mainimg.gif") no-repeat left top;
}
/* 導入フロー */
#main_img05{
	background: url( "../img/product/pc_server/serverflow_mainimg.gif") no-repeat left top;
}

/* オプション */
#main_img06{
	background: url( "../img/product/pc_server/serveroption_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コンテンツ開始 */

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


/* hタイトル */	
#server_main h1,
#server_main h2{
	clear:both;
	width: 630px;
	height: 30px;
	padding: 0 0 5px 0;
	margin: 0 auto;
	text-indent: -9999px;
	font-size: 0;
	}
#server_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;
	}
	
#server_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;
	}

/* server */
#server_main h1{background: url( "../img/product/pc_server/title_pcsv.gif") no-repeat left top;}
#server_main h2.pcsv_l{background: url( "../img/product/pc_server/title_lineup.gif") no-repeat left top;}
#server_main h2.pcsv{background: url( "../img/product/pc_server/title_pcsv02.gif") no-repeat left top;margin:20px auto 0 auto;}
#server_main h2.pcsv_o{background: url( "../img/product/pc_server/title_pcsv03.gif") no-repeat left top;}
#server_main h2.pcsv_buy{background: url( "../img/product/pc_server/title_pcsv_buy.gif") no-repeat left top;margin:20px auto 0 auto;}
#server_main h2.pcsv_line{background: url( "../img/product/pc_server/title_line.gif") no-repeat left top; margin:20px auto 0 auto;}
/* 機能 */
#server_main h1.function{background: url( "../img/product/pc_server/title_function.gif") no-repeat left top;}
/* 動作環境 */
#server_main h1.spec{background: url( "../img/product/pc_server/title_spec.gif") no-repeat left top;}
/* デモ画面 */
#server_main h1.demo{background: url( "../img/product/pc_server/title_demo.gif") no-repeat left top;}
/* Flow */
#server_main h1.flow{background: url( "../img/product/pc_server/title_flow.gif") no-repeat left top;}
/* オプション */
#server_main h1.opt{background: url( "../img/product/pc_server/title_pcsv_opt.gif") no-repeat left top;}
#server_main h2.opt{background: url( "../img/product/pc_service/title_pcs_op02.gif") no-repeat left top; margin:20px auto 0 auto;}





/*---------------------------------------------  serverCSS開始*/

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

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

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


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

/* コンテンツメイン記事 */

#sv_m{
	clear:both;
	width: 600px;
	margin:10px auto;
}

#sv_m span.bold{
	font-weight:bold;
	}
	
#pcsv_ru_osusume{
	width: 595px;
	height:250px;
	padding: 0;
	margin: 0 auto;
	background: url( "../img/product/pc_server/pcsv_mainbg_c.png") no-repeat left top;
	text-align:left;
	}
	
#pcsv_ru_osusume p{
	width: 330px;
	padding: 75px 0 0 10px;
	margin: 0;
		}
		
#pcsv_tu_osusume{
	width: 595px;
	height:200px;
	padding: 0;
	margin: 0 auto;
	background: url( "../img/product/pc_server/pcsv_mainbg.png") no-repeat left top;
	text-align:left;
	}
		
/* ラインナップ */	
#pcsv_ru_top{
	width: 600px;
	height:45px;
	padding:0;
	margin: 10px auto 0 auto;
	background: url( "../img/product/pc_server/lineup_nengaku_w_t.jpg") no-repeat left top;
	text-indent: -9999px;
	font-size: 0;
}

#pcsv_tu_top{
	width: 600px;
	height:45px;
	padding:0;
	margin: 10px auto 0 auto;
	background: url( "../img/product/pc_server/lineup_tujyou_s_t.jpg") no-repeat left top;
	text-indent: -9999px;
	font-size: 0;
}

#pcsv_ru_bottom,#pcsv_tu_bottom{
	width: 600px;
	height:10px;
	padding:0;
	margin: 0 auto;
	background: url( "../img/product/pc_server/pcsv_ru_bg_b.gif") no-repeat left top;
	text-indent: -9999px;
	font-size: 0;
}

#pcsv_ru_main,#pcsv_tu_main{
	width: 600px;
	padding: 0;
	margin: 0 auto;
	background:url( "../img/product/pc_server/pcsv_ru_bg.gif") repeat-y center top;
	text-align:center;
}

#pcsv_ru_main .ru_maintxt{
	width: 580px;
	text-align:left;
	margin:0 auto;
}


#pcsv_st{
	width: 580px;
	padding: 10px;
	margin: 0 auto 20px auto;
	background:#f2f2f2;
}
	
#pcsv_ru_main p{
	font-size:16px;
	line-height:23px;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	}
	
#pcsv_ru_main ul{
	padding:15px;
	text-align:left;
	}
	
#pcsv_ru_main ul li.wc_t{
	font-size:14px;
	font-weight:bold;
	color:#E71F19;
	padding-bottom:5px;
	background:#f2f2f2;
	padding:5px 5px 5px 10px;
	}
#pcsv_ru_main ul li{ padding:5px 0 0 0;}
	
#pcsv_ru_main p .uc{
	text-decoration:line-through;
	}
	
	
#pcsv_ru_main p .ka{
	font-size:25px;
	font-weight:bold;
	color:#E71F19;
	}
	
#pcsv_ru_bottom{
	width: 600px;
	height:10px;
	padding:0;
	background: url( "../img/product/pc_server/pcsv_ru_bg_b.gif") no-repeat left top;
}

#attention_a{
	text-align:left;
	width: 580px;
	margin:0 auto;}
		
/* オススメ */	
#pcsv_otxt,
#pcsv_stxt{
	clear:both;
	width: 350px;
	padding: 10px 0 10px 0;
	margin: 0;
	overflow:auto;
	text-align:left;
	}
	
#pcsv_otxt span,
#pcsv_stxt span{
	font-size:15px;
	font-weight:bold;
	color:#E71F19;
	}
	
#pcsv_otxt ul,
#pcsv_stxt ul{
	clear:both;
	padding: 20px 0 10px 0;
	margin: 0px auto 10px auto;
	overflow:auto;
	font-weight:bold;
	}
	
#pcsv_otxt ul li.title,
#pcsv_stxt ul li.title{
	font-size:14px;
	font-weight:bold;
	color:#E71F19;
	padding:0 0 5px 5px;
	background:none;
	}
	
#pcsv_otxt ul li,
#pcsv_stxt ul li {
	margin: 0 0 0 10px;
	padding: 10px 0 10px 28px;
	background: url("../img/product/pc_server/list_icon.gif") no-repeat 0 10px;
	line-height:18px;
}
	
/* 主な特徴記事 */	
#server_t{
	clear:both;
	width: 630px;
	padding: 10px 0 10px 0;
	margin: 10px auto 10px auto;
	overflow:auto;
	}
	
#server_t_a01,
#server_t_a02,
#server_t_a03,
#server_t_a04,
#server_t_a05,
#server_t_a06{
	float:left;
	width: 300px;
	height:150px;
	margin:0 6px;
	padding: 10px 0 5px 0; 
 	border: solid 1px #ccc;
	}
	
#server_t_a01{
	background: url( "../img/product/pc_server/t01.gif") no-repeat right 40px;
	}
#server_t_a02{
	background: url( "../img/product/pc_server/t02.gif") no-repeat right 40px;
	}
#server_t_a03{
	background: url( "../img/product/pc_server/t03.gif") no-repeat right 40px;
	}
#server_t_a04{
	background: url( "../img/product/pc_server/t04.gif") no-repeat right 40px;
	}
#server_t_a05{
	background: url( "../img/product/pc_server/t05.gif") no-repeat right 40px;
	}
#server_t_a06{
	background: url( "../img/product/pc_server/t06.gif") no-repeat right 40px;
	}
	
#server_t_a01 p.title,
#server_t_a02 p.title,
#server_t_a03 p.title,
#server_t_a04 p.title,
#server_t_a05 p.title,
#server_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;
	}
	
#server_t_a02 p.title span{
	font-size:10px;
	font-weight:bold;
	color:#E71F19;
	padding: 0;
	}
	
#server_t_a01 p.txt,
#server_t_a02 p.txt,
#server_t_a03 p.txt,
#server_t_a04 p.txt,
#server_t_a05 p.txt,
#server_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;
	}
/* ご購入について */
#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;}
	
	
/* 機能一覧リンクエリア	 */	
#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;	
}
	
	
/*//////////////////  機能ページ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_server/function_btn01.jpg") no-repeat left top;
}

#function_btn01 a:hover{
	background:url("../img/product/pc_server/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_server/function_btn02.jpg") no-repeat left top;
}

#function_btn02 a:hover{
	background:url("../img/product/pc_server/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;
}

	
/*//////////////////  serverデモページ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_server/demobg_img.gif");
	display: block;
	line-height: 0px;
}	 



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

#server_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_server/step01.gif") no-repeat left top;}
#flow-box .title02{background:#fff url( "../img/product/pc_server/step02.gif") no-repeat left top;}
#flow-box .title03{background:#fff url( "../img/product/pc_server/step03.gif") no-repeat left top;}
#flow-box .title04{background:#fff url( "../img/product/pc_server/step04.gif") no-repeat left top;}
#flow-box .title05{background:#fff url( "../img/product/pc_server/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開始///////*/

#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;
}