@charset "shift_jis";
/*###################################################################### 
CssName ：category.css
更新    ：2010/04/01 Ver1.07
######################################################################*/

/* ---------------------------------------------------------------------
 manual-top
--------------------------------------------------------------------- */
/* 管理機能 */
.category .config .btn a {
	width:180px !important;
	width:210px;
	height:25px !important;
	height:30px;
	margin:0 25px 10px 0 !important;
	margin:0 25px 0 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_210_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.category .config .btn a:hover {
	background: url(/img/btn_210_blue.gif) -210px 0 no-repeat;
}

/* 機能別 */
.category .kinou .btn a {
	width:140px !important;
	width:170px;
	height:25px !important;
	height:30px;
	margin:0 25px 10px 0 !important;
	margin:0 25px 10px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_170_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	float:left;
}

.category .kinou .btn a:hover {
	background: url(/img/btn_170_blue.gif) -170px 0 no-repeat;
}

/* 目的別 */
.category .mokuteki .title_blue {
	border-top:5px solid #7fb1e6;
	padding:5px 10px;
	background:url(/img/title_line1.gif) bottom repeat-x;
	color:#003366;
	font-weight:bold;
	font-size:110%;
}

.category .mokuteki .title_green {
	border-top:5px solid #99cccc;
	padding:5px 10px;
	background:url(/img/title_line2.gif) bottom repeat-x;
	color:#003333;
	font-weight:bold;
	font-size:110%;
}

.category .mokuteki .sub_content {
	width:47% !important;
	width:45%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	float:left;
	margin:0 2% 10px 0 !important;
	margin:0 2% 0 0;
	padding:0;
}

.category .mokuteki .sub_content0 {
	width:96% !important;
	width:100%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0 2% 10px 0;
}

.category .mokuteki ul {
	padding:5px 10px;
}

.category .mokuteki ul li {
	background: url(/img/icon_arrow_01.gif) 0 8px no-repeat;
	padding:2px 0 2px 12px;
}


/* サービス */
.category .service .left {
	float:left;
	width:55%;
}

.category .service .right {
	float:right;
	width:40%;
}

.category .service .right p {
	font-size:85%;
	padding:5px 0;
}

.category .service .text {
	margin:20px 0 10px;
}

/* Webアプリケーション(app) */
/* 初めて(fs_first) */
.category .app .box,
.category .fs_first .box {
	margin-bottom:5px;
}

.category .app .text {
	float: right;
	width:455px;
}

.category .fs_first .text {
	float: right;
	width:365px;
}

.category .app .btn a {
	width:90px !important;
	width:120px;
	height:25px !important;
	height:30px;
	float:left;
	margin:0 20px 10px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_120_red.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.category .app .btn a:hover {
	background: url(/img/btn_120_red.gif) -120px 0 no-repeat;
}

.category .fs_first .btn a {
	width:180px !important;
	width:210px;
	height:25px !important;
	height:30px;
	float:left;
	margin:0 20px 10px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_210_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.category .fs_first .btn a:hover {
	background: url(/img/btn_210_blue.gif) -210px 0 no-repeat;
}

/* リンク集 */
.category .link .content {
	margin:0 15px;
	width:585px;
}

.category .link h3 {
	background:#ccc;
	padding:2px 10px;
}

.category .link .content ul {
	margin-bottom:15px;
}

.category .link .content li {
	width:280px;
	float:left;
	margin-bottom:5px;
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
	font-size:90%;
}

.category .link .content li.single {
	float: none;
	width:500px;
}	

/* ---------------------------------------------------------------------
 メール
--------------------------------------------------------------------- */
/* メール初めて(mail_first) */
/* マニュアルトラブル(mail_trouble) */
.category .mail_first .sub_content0 {
	width:96% !important;
	width:99%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0 0 15px;
}

.category .mail_first .sub_content0 .left {
	float:left;
	width:30%;
	padding:5px 10px;
}

.category .mail_first .sub_content0 .right {
	float:right;
	width:55%;
	padding:5px 10px;
}

.category .mail_first .sub_content,
.category .mail_trouble .sub_content {
	width:47% !important;
	width:45%;
	float:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0 2% 15px 0;
}

.category .mail_first .title_blue {
	border-top:5px solid #7fb1e6;
	padding:5px 10px;
	background:url(/img/title_line1.gif) bottom repeat-x;
	color:#003366;
	font-weight:bold;
	font-size:110%;
}

.category .mail_trouble .title_green {
	border-top:5px solid #99cccc;
	padding:5px 10px;
	background:url(/img/title_line2.gif) bottom repeat-x;
	color:#003333;
	font-weight:bold;
	font-size:110%;
}

.category .mail_first .comment {
	padding:5px 10px;
}

.category .mail_first ul,
.category .mail_trouble ul {
	padding:5px 10px;
}

.category .mail_first ul li,
.category .mail_trouble ul li {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
}

.category .mail_first .start {
	margin:auto 48px;
}

.category .mail_first .start a {
	background:url(/img/btn_start.gif) 0 0 no-repeat;
	width:130px !important;
	width:180px;
	height:29px !important;
	height:40px;
	padding:11px 5px 0 45px;
	color:#000;
	display:block;
	text-decoration:none;
}

.category .mail_first .start a:hover {
	background:url(/img/btn_start.gif) -180px 0 no-repeat;
}

/* 基本機能 */
/* セキュリティ関連機能・サービス */
.category .mail_btn .left {
	float:left;
	margin-right:20px;
} 
.category .mail_btn .btn a {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	margin:0 10px 15px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_245_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.category .mail_btn .btn a:hover {
	background: url(/img/btn_245_blue.gif) -245px 0 no-repeat;
}

/* コラプシブルパネル */
.CollapsiblePanel_mail {
	width:245px;
	margin:0 30px 10px 0;
}

.CollapsiblePanel_mail .CollapsiblePanelTab {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	padding:5px 0 0 30px;
	background:url(/img/btn_245_blue_plus.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	cursor:pointer;
}

.CollapsiblePanel_mail .CollapsiblePanelOpen,
.CollapsiblePanel_mail .CollapsiblePanelTabHover {
	background:url(/img/btn_245_blue_plus.gif) -245px 0 no-repeat;
}

.CollapsiblePanel_mail .CollapsiblePanelContent ul {
	padding:10px;
}

.CollapsiblePanel_mail .CollapsiblePanelContent li {
	margin-bottom:5px;
	background: url(/img/icon_arrow_01.gif) 0 5px no-repeat;
	padding:2px 0 2px 10px;
	font-size:90%;
}

/* メールソフトご利用設定方法 */
.category .mail_soft th {
	text-align:center;
	padding:10px 0;
	font-weight:bold;
}

.category .mail_soft td {
	padding:10px 14px;
	line-height:1.5;
}

.category .mail_soft li {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
}

/* ---------------------------------------------------------------------
 お支払い・お手続き
--------------------------------------------------------------------- */
.category .tetsuzuki .text {
	float: right;
	width:300px;
}

.category .tetsuzuki .keiyaku_login a {
	float:left;
	margin:0 20px 10px 0;
}

.category .tetsuzuki .text {
	float: right;
	width:300px;
}

.category .tetsuzuki .comment {
	margin:0 15px 20px;
}

.category .tetsuzuki .menu {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 12px;
}

.category .tetsuzuki .btn a {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	margin:0 30px 15px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_245_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	float:left;
}

.category .tetsuzuki .btn a:hover {
	background: url(/img/btn_245_blue.gif) -245px 0 no-repeat;
}

/*.category .tetsuzuki .sub_content ul {
	padding:3px 10px 10px;
}

.category .tetsuzuki .sub_content p {
	padding:0 10px;
	margin:0;
}*/


/* ---------------------------------------------------------------------
 機能・料金一覧
--------------------------------------------------------------------- */
.category .kinou_price {
	float:left;
	margin:0 0 30px;
}

.category .kinou_link {
	width:294px !important;
	width:325px;
	padding:0 15px;
	border-right:1px solid #ccc;
}

.category .price_link {
	width:295px !important;
	width:310px;
	padding:0 0 0 15px;
}

.category .kinou_price .content {
	margin:0 0 15px;
}

.category .kinou_price h3 {
	margin:0 0 5px;
	padding:2px 5px;
	font-size:110%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
/*	background:#E3EDF6;*/
}

.category .kinou_price h3.kyoyu {
	background:#e4f5fb;
}

.category .kinou_price h3.senyo {
	background:#e0f9dd;
}

.category .kinou_price h3.group {
	background:#dfeaff;
}

.category .kinou_price p {
	padding-left:5px;
	font-weight:bold;
	margin:0;
	color:#666;
}

.category .kinou_price ul {
	margin:0 0 5px 5px;
	line-height:1.4;
}

.category .kinou_price li {
	background: url(/img/icon_arrow_01.gif) 0 5px no-repeat;
	padding:1px 0 1px 10px;
	margin-left:5px;
}

.category .spec .btn a {
	width:160px !important;
	width:190px;
	height:25px !important;
	height:30px;
	margin:0 10px 10px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_190_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.category .spec .btn a:hover {
	background: url(/img/btn_190_blue.gif) -190px 0 no-repeat;
}
/* ---------------------------------------------------------------------
 トラブル解決
--------------------------------------------------------------------- */
/* トラブルトップ */
.category .trouble .content {
	padding:5px 0 10px;
}

.category .trouble .btn_cause {
	background:url(/trouble/img/btn_trouble.gif) 0 0 no-repeat;
}

.category .trouble .btn_cause a {
	width:580px;
	height:135px;
	display:block;
	background:url(/trouble/img/btn_trouble.gif) 0 0 no-repeat;
	text-indent:-10000px;
}

.category .trouble .btn_cause a:hover {
	background:url(/trouble/img/btn_trouble.gif) 0 -135px no-repeat;
}

.category .trouble .btn_security a {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_245_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.category .trouble .btn_security a:hover {
	background: url(/img/btn_245_blue.gif) -245px 0 no-repeat;
}

.category .trouble .btn a {
	width:280px;
	height:110px;
	display:block;
	margin:0 20px 5px 0;
	text-indent:-10000px;
	float:left;
	overflow:hidden;
}

.category .trouble .mail01 a {background:url(/trouble/img/btn_mail01.gif) 0 0 no-repeat}
.category .trouble .mail01 a:hover {background:url(/trouble/img/btn_mail01.gif) 0 -110px no-repeat}
.category .trouble .mail02 a {background:url(/trouble/img/btn_mail02.gif) 0 0 no-repeat}
.category .trouble .mail02 a:hover {background:url(/trouble/img/btn_mail02.gif) 0 -110px no-repeat}
.category .trouble .hp a {background:url(/trouble/img/btn_hp.gif) 0 0 no-repeat}
.category .trouble .hp a:hover {background:url(/trouble/img/btn_hp.gif) 0 -110px no-repeat}
.category .trouble .ftp a {background:url(/trouble/img/btn_ftp.gif) 0 0 no-repeat}
.category .trouble .ftp a:hover {background:url(/trouble/img/btn_ftp.gif) 0 -110px no-repeat}
.category .trouble .password a {background:url(/trouble/img/btn_password.gif) 0 0 no-repeat}
.category .trouble .password a:hover {background:url(/trouble/img/btn_password.gif) 0 -110px no-repeat}

/* トラブルメール */
.category .trouble_mail ul {
	padding:0 5px;
}

.category .trouble_mail ul li {
	background:transparent url(/img/icon_arrow_01.gif) no-repeat scroll 0 7px;
	padding:2px 0 2px 10px;
}

/* ---------------------------------------------------------------------
 FAQ
--------------------------------------------------------------------- */
.category .faq .content {
	padding:0 0 20px;
}

.category .faq .many li {
	background: url(/img/icon_q.gif) 0 7px no-repeat;
	padding:3px 0 3px 20px;
	line-height:1.6;
}

.category .faq .more {
	text-align:center;
	margin-bottom:10px;
}

.category .faq .more p {
	padding:0;
	margin-bottom:5px;
}

.category .faq .kinou li {
	background: url(/img/icon_arrow_02.gif) 0 7px no-repeat;
	padding:2px 0 2px 12px;
	float:left;
	width:168px !important;
	width:180px;
}

/* ---------------------------------------------------------------------
 サポート要綱
--------------------------------------------------------------------- */
.category .support {
	margin-bottom:40px;
	line-height:1.6;
}

.category .support .sub_content {
	margin:0 0 10px;
	border:1px solid #ccc;
	padding:5px 10px 0;
}

.category .support h3 {
	font-size:110%;
	color:#5270b2;
	margin:0;
}

.category .support .caution {
	margin:20px 15px 0;
	line-height:1.4;
}

.category .support .caution .left {
	float:left;
	width:40px;
}

.category .support .caution .right {
	padding-left:40px;
}

.category .support ul {
	margin:10px 0 30px;
}

.category .support ul.bold {
	padding:5px 5px 10px 10px;
	font-weight:bold;
	color:#3399CC;
	font-weight:bold;
	font-size:110%;
	line-height:1.8;
	margin:0 0 10px;
}


.category .support .day {
	text-align:right;
	font-size:90%;
}

/* ---------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------- */
.category .contact .content {
	width:160px;
	float:left;
	margin-right:30px;
}

.category .contact .btn a {
	width:160px;
	height:115px;
	text-indent:-10000px;
	display:block;
}

.category .contact .linux .btn a {background: url(/support/img/btn_linux.gif) no-repeat}
.category .contact .linux .btn a:hover {background: url(/support/img/btn_linux.gif) 0 -115px no-repeat}
.category .contact .rf .btn a {background: url(/support/img/btn_rf.gif) no-repeat}
.category .contact .rf .btn a:hover {background: url(/support/img/btn_rf.gif) 0 -115px no-repeat}
.category .contact .windows .btn a {background: url(/support/img/btn_windows.gif) no-repeat}
.category .contact .windows .btn a:hover {background: url(/support/img/btn_windows.gif) 0 -115px no-repeat}
.category .contact .gw .btn a {background: url(/support/img/btn_gw.gif) no-repeat}
.category .contact .gw .btn a:hover {background: url(/support/img/btn_gw.gif) 0 -115px no-repeat}

.category .contact .text p {
	padding:5px 0 0;
}

.category .contact2 {
	margin-bottom:20px;
}

.category .contact2 .content {
	padding:5px 0 20px;
}

.category .contact2 li {
	background: url(/img/icon_q.gif) 0 5px no-repeat;
	padding:3px 0 3px 20px;
	margin:0 0 3px;
}

.category .contact2 .more {
	text-align:center;
	margin-bottom:10px;
}

.category .contact2 .more p {
	padding:0;
	margin-bottom:5px;
}

.category .contact2 .bold {
	font-weight:bold;
	font-size:120%;
	color:#FF0000;
}

.category .contact2 th {
	background:#F3F3F3;
}

.category .contact3 h3 {
	color:#003399;
	padding:10px 0 0 5px;
}

.category .contact3 img {
	padding:0 0 0 15px;
}

/* ---------------------------------------------------------------------
 お知らせ一覧
--------------------------------------------------------------------- */
.category .info th {
	text-align:center;
	background:#F3F3F3;
	width:20%;
}

.category .info .blue {
	margin-right:5px;
		color:#000099;
}

.category .info .red {
	margin-right:5px;
	color:#FF0000;
}

.category .info .r_content {
	text-align:right;
	margin:10px;
}

/* ---------------------------------------------------------------------
 セキュリティ情報
--------------------------------------------------------------------- */
.category .sec .line {
	margin:15px 0 15px 3px;
	border-bottom:1px dotted #666;
}

.category .sec .line1 {
	margin:15px 0 15px 3px;
	border-top:1px dotted #666;
}

/* ---------------------------------------------------------------------
 error
--------------------------------------------------------------------- */
.category .error h2 {
	color:#CC0000;
	border-left:7px solid #CC0000;
}

/* ---------------------------------------------------------------------
 シリーズ変更
--------------------------------------------------------------------- */
.category .renew {
	width:305px !important;
	margin:0 0 30px 10px;
	float:left;
}

.category .renew h2 {
	font-size:110%;
}

.category .renew .btn01 a {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	margin:0 0 15px;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_245_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.category .renew .btn01 a:hover {
	background: url(/img/btn_245_blue.gif) -245px 0 no-repeat;
}

/* ---------------------------------------------------------------------
 PDFマニュアル
--------------------------------------------------------------------- */
.category .pdfmanual table {
	text-align:center;
	margin-bottom:20px;
}

.category .pdfmanual table img {
	margin:3px 0;
}

.category .pdfmanual table th {
	text-align:left;
	vertical-align:middle;
}

.category .pdfmanual .adobe {
	margin:20px 5px 0;
	font-size:85%;
}

.category .pdfmanual .adobe img {
	float:left;
	margin-right:15px;
}

/* ---------------------------------------------------------------------
 検索結果
--------------------------------------------------------------------- */
.namazu-result-header {
	margin:0 15px 20px;
}

.namazu-result-header p {
	margin:0 15px;
}

.search h3 {
	border-bottom:3px double #5270b2;
	padding:0 5px;
	color:#5270b2;
}

.search .content {
	margin:10px 0 0;
	border-bottom:1px dotted #999;
	padding:0 10px;
}

.search .content .title {
	font-weight:bold;
	margin-bottom:0.5em;
}

.search .content .ex {
	margin-bottom:1em;
	color:#006600;
}

.search .caution {
	border:none;
	margin:0;
}

.search dl {
	margin:0 30px 40px;
}

.search .glossary dl {
	margin:0;
}

.search dt {
	margin:25px 0 0;
	font-weight:bold;
	font-size:110%;
}

.search .glossary th {
	background:#F3F3F3;
}

.search .glossary dt {
	margin:0 0 5px;
	font-weight:bold;
	font-size:100%;
	width:100px;
	float:left;
}

#header_navi dt:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.search dl .score {
	font-weight: normal;
	font-size:90%;
}

.search dd {
	margin:0 0 0 20px;
}

.search .glossary dd {
	padding-left:110px;
	margin:0 0 5px;
}

.search dd.date {
	margin-bottom:0.5em;
	font-size:85%;
}

.search dd.url {
	color:#999;
}

.search dl .keyword {
	background: #FFFF99;
}

.namazu-result-footer {
	margin:0 30px 40px;
	border-top:1px solid #999;
	padding:5px 0 0 5px;
}

/* ---------------------------------------------------------------------
 管理機能マニュアル
--------------------------------------------------------------------- */
.category .kanri table {
	width:100% !important;
	width:93%;
	text-align:center;
}

.category .kanri td {
	padding:10px 0;
}

.category .kanri .btn a {
	width:90px !important;
	width:120px;
	height:23px !important;
	height:30px;
	padding:7px 0 0 30px;
	display:block;
	background:url(/img/btn_120_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	text-align:left;
}

.category .kanri .btn a:hover {
	background: url(/img/btn_120_blue.gif) -120px 0 no-repeat;
}

.category .kanri .disk .btn a {
	margin:0 auto;
}

/* ---------------------------------------------------------------------
 書類ダウンロード
--------------------------------------------------------------------- */
.category .dl_top {
	width:625px;
	margin:0 10px 25px;
}

.category .dl_top .content {
	margin-bottom:30px;
}

.category .dl_top .left {
	float:left;
	width:380px !important;
	width:400px;
	padding-right:20px;
	border-right:1px solid #ccc;
}

.category .dl_top .right {
	float:right;
	width:220px;
}

.category .dl_top h2 {
	background:#fff url(/sitemap/img/icon_line.gif) repeat-y;
	padding:1px 5px 1px 15px;
	font-size:120%;
	margin:0 0 10px;
	border-bottom:1px solid #003399;
	color:#404040;
	border-left:none;
}
.category .dl_top h3 {
	font-size:110%;
	margin:15px 5px 0;
}

.category .dl_top li {
	background: url(/img/icon_arrow_01.gif) 0 5px no-repeat;
	padding:1px 0 1px 10px;
	margin-left:15px;
}


/* ---------------------------------------------------------------------
 FTPマニュアル
--------------------------------------------------------------------- */
/* FTPソフトご利用設定方法 */
.category .soft th {
	text-align:center;
	padding:10px 0;
	font-weight:bold;
}

.category .soft td {
	padding:10px 14px;
	line-height:1.5;
}

.category .soft li {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
}

.category .soft ul {
	padding:4px 3px;
}

/* ---------------------------------------------------------------------
 グループウェア
--------------------------------------------------------------------- */
.category .groupware h3 {
	color: #367CC9;
	border-left:3px double #367CC9;
	padding:0 0 0 5px;
}

.category .groupware .btn a {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	margin:0 30px 10px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_245_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	float:left;
}

.category .groupware .btn a:hover {
	background: url(/img/btn_245_blue.gif) -245px 0 no-repeat;
}

.category .groupware .content_line {
	margin:0 0 10px;
	padding:0 15px 5px 15px;
}

.category .groupware .content {
	margin-bottom:15px;
}

.category .groupware .left {
	float:left;
} 

.category .pdf {
	background:url(/img/pdficons.gif) 0 2px no-repeat;
	padding:7px 30px 7px 30px;
	margin-bottom:3px;
	float:left;
}