@charset "utf-8";

/* ******************************************************************************** */
/*  山口ネットワークス株式会社 services.css                                         */
/*                                                                        09.12.15  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      0.外部CSS読み込み設定                                                       */
/* ================================================================================ */

/* ---- 0.共通 ---- */
@import url("./common.css");


/* ================================================================================ */
/*      4.サービス一覧                                                              */
/* ================================================================================ */

/* ---- 4-08.パソコン個人サポート ---- */
table.support{
	margin: 10px 0px 10px 0px;
	paddinbg: 0px;
	width: 520px;
	text-align: left;
}
table.support th.th01{
	margin: 0px;
	padding: 3px;
	text-align: center;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background: #FFFF99;
}
table.support th.th02{
	margin: 0px;
	padding: 3px;
	text-align: center;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background: #FFFF99;
}
table.support td.td01{
	margin: 0px;
	padding: 3px;
	width: 60px;
	color: #000000;
	text-align: center;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background: #CFF9FC;
}
table.support td.td01b{
	margin: 0px;
	padding: 3px;
	width: 60px;
	color: #000000;
	text-align: center;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background: #FFFF99;
}
table.support td.td02{
	margin: 0px;
	padding: 3px;
	width: 60px;
	color: #000000;
	text-align: center;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background: #FFCCFF;
}

table.support td.td03{
	margin: 0px;
	padding: 3px;
	width: 60px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background: #CFF9FC;
}
table.support td.td03b{
	margin: 0px;
	padding: 3px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}
table.support td.td03c{
	margin: 0px;
	padding: 3px;
	width: 110px;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
}
table.support td.td04{
	margin: 0px;
	padding: 3px;
	width: 60px;
	text-align: left;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
	background: #CFF9FC;
}
table.support td.td04b{
	margin: 0px;
	padding: 3px;
	text-align: left;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
	background: #FFFF99;
}
table.support td.td04c{
	margin: 0px;
	padding: 3px;
	width: 60px;
	text-align: left;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
	background: #FFCCFF;
}
table.support td.td04d{
	margin: 0px;
	padding: 3px;
	text-align: left;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}
table.support td.td04e{
	margin: 0px;
	padding: 3px;
	text-align: left;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}

/* ---- 4-11.ホームページ制作運用代行 ---- */
div#content div#content_body div#content_main div#main-body div.section table.cost{
	margin: 10px auto 10px auto;
	paddinbg: 0px;
	width: 400px;
	text-align: left;
}
div#content div#content_body div#content_main div#main-body div.section table.cost th.th01{
	margin: 0px;
	padding: 3px;
	width: 300px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	border-right: solid 1px #ffffff;
	background: #0099CC;
}
div#content div#content_body div#content_main div#main-body div.section table.cost th.th02{
	margin: 0px;
	padding: 3px;
	width: 100px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	background: #0099CC;
}
div#content div#content_body div#content_main div#main-body div.section table.cost td.td01{
	margin: 0px;
	padding: 3px;
	width: 300px;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
}
div#content div#content_body div#content_main div#main-body div.section table.cost td.td02{
	margin: 0px;
	padding: 3px;
	width: 100px;
	text-align: center;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}
div#content div#content_body div#content_main div#main-body div.section ul.cost{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 400px;
}

/* ---- 4-12.データセンター ---- */
table.hostinglist{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 460px;
	border-bottom: solid 1px #999999;
}
table.hostinglist th{
	margin: 0px;
	padding: 3px;
	width: 460px;
	font-weight: normal;
	text-align: right;
}
table.hostinglist td.td01{
	margin: 0px;
	padding: 3px;
	width: 220px;
	font-weight: normal;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	background: #ffffff;
}
table.hostinglist td.td02{
	margin: 0px;
	padding: 3px;
	width: 120px;
	font-weight: normal;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	background: #ffffff;
}
table.hostinglist td.td03{
	margin: 0px;
	padding: 3px;
	width: 120px;
	font-weight: normal;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	background: #ffffff;
}


div#content div#content_body div#content_main div#main-body div.section dl.facilities{
	margin: 0px;
	padding: 0px;
	width: 510px;
}
div#content div#content_body div#content_main div#main-body div.section dl.facilities dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 110px;
	float: left;
}
div#content div#content_body div#content_main div#main-body div.section dl.facilities dl{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 400px;
	float: left;
}

/* ---- 4-13.プロバイダー ---- */

table.pro{
	margin: 10px auto 10px auto;
	paddinbg: 0px;
	width: 470px;
	font-size: 12px;
	text-align: left;
}
table.pro th.th01{
	margin: 0px;
	padding: 3px;
	color: #000000;
	text-align: center;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	background: #CBC1FF;
}
table.pro th.th02{
	margin: 0px;
	padding: 3px;
	color: #000000;
	text-align: center;
	border-bottom: solid 1px #ffffff;
	background: #CBC1FF;;
}
table.pro th.th03{
	margin: 0px;
	padding: 3px;
	width: 300px;
	color: #000000;
	text-align: left;
	border-bottom: solid 1px #ffffff;
	background: #CBC1FF;;
}
table.pro th.th04{
	margin: 0px;
	padding: 3px;
	width: 300px;
	color: #000000;
	text-align: left;
	background: #CBC1FF;;
}
table.pro td.td01{
	margin: 0px;
	padding: 3px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}
table.pro td.td02{
	margin: 0px;
	padding: 3px;
	text-align: left;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}
table.pro td.td03{
	margin: 0px;
	padding: 3px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

/* ---- 4-14.ネットショップ『ぶちもん』 ---- */

div#content div#content_body div#content_main div#main-body div.section div.photo-buchimon01{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 200px;
	float: left;
}
div#content div#content_body div#content_main div#main-body div.section div.photo-buchimon02{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 140px;
	font-size: 12px;
	line-height: 1.3;
	float: left;
}
div#content div#content_body div#content_main div#main-body div.section div.photo-buchimon02 img{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

/* ---- 4-02.ITインフラ構築　事業実例 ---- */

/*----------------------------------------------------
	CSS インラインフレーム
----------------------------------------------------*/

#iframe {
   width: 480px;
   height: 360px;
   border: solid 3px #CCC;
   overflow: scroll;
   padding: 10px;
   margin: 0 0 15px 0;
}


/*----------------------------------------------------
	動画用
----------------------------------------------------*/

#dynamic {
}

#dynamic div#text{
	margin: 0px 0px 30px 0px;
}

#dynamic div#inner{
	width: 374px;
	height: 268px;
	margin: 0 auto 10px auto;
	background: url(../services/infrastructure/img/movie-bg.gif) no-repeat 0 0;
}

#dynamic div#inner iframe{
	margin: 14px 27px 0px 27px;
	width: 320px;
	height: 240px;
}

#dynamic div#attention{
	margin: 0px 0px 10px 60px;
	padding: 0px;
	text-align: right;
}