/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	color:#333333;
	line-height:1.8em;		

}


/*bodyのスタイル*/

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background:url(../commonimg/bg.jpg);
	background-repeat:repeat-x;	

}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align:left;
}

img{
	padding:0px;
	margin:0px;
}


html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}



table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	color: #009FDD;
}

a:hover {
	color:#FFA722;
}



li{
	list-style:none;
}

p{
	margin:10px 0px;
}

h1{
	font-size:12px;
	text-align: left;
	color: #333333;
	font-weight: normal;
}



/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
	width:1003px;
	text-align:center;
	margin:0px auto;
	font-size:12px;
	color:#333333;
}


#wrapper{
	width:991px;
	margin:0px auto;
}

/*headerのスタイル*/

#header {
	padding: 0px;
	margin: 0px;
}

#header li{
	float:left;
	height:43px;}

#header ul{
	height:43px;}




#hnavi li{
	float:left;
	height:72px;}

#hnavi ul{
	height:72px;
	margin:0px 0px 24px;}
	
	
#main{
margin:0px;}

#left{
	width:219px;
	float:left;
	margin:0px 0px 20px;}	
	
#leftt li{
	margin:0px;
	height:46px;}
#leftt ul{
	margin:0px 0px 0px;}
	
#leftb li{
	margin:0px 0px 0px;
	text-align:left;}
	
#leftb ul{
	margin:0px 0px 0px;}
	
.bookmarkm{
	background:url(../commonimg/leftboxm.jpg);
	background-repeat:repeat-y;}

.bookmarkline{
	background:url(../commonimg/lborder.gif);
	background-repeat:repeat-x;
	height:1px;}
	
.bookmarkm td{
	font-size:11px;
	text-align:left;
	padding:3px 0px;}

#right{
	width:745px;
	float:right;
	text-align:left;
	margin:0px 0px 20px;}

#right h2{
	margin:0px 0px 20px;
	text-align:left;}
	
#right h2.h20{
	margin:0px;
	text-align:left;}
	

#right h2.h20u0{
	margin:20px 0px 0px;
	text-align:left;}
	

#right h3{
	margin:40px 0px 20px;
	text-align:left;}
	
#right h4{
	margin:40px 0px 20px;
	text-align:left;}

#right h5{
	margin:40px 0px 20px;
	padding:0px 0px 10px 10px;
	font-size:13px;
	color:#333333;
	background:url(../commonimg/h5bg.jpg) no-repeat 0 0;
	text-align:left;}
	

#special{
	background:url(../commonimg/specialbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border:#F0F0F0 solid 1px;
	padding:15px 0px;
	margin:0px 0px 20px;}
	
.specialboxl{
	width:188px;
	float:left;
	margin:0px 9px 0px 0px;}

.specialboxr{
	width:188px;
	float:right;
	margin:0px 0px 0px 0px;
	text-align:left;}
.specialbox{
	background:#FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
	
.specialbox p{
	margin:7px;}
	
#special_s1{
	background:url(../commonimg/specialbg.jpg);
	background-repeat:repeat-x;
	border:#F0F0F0 solid 1px;
	padding:10px 0px;
	margin:0px 0px 10px;}
	
.specialbox_s2 p{
	margin:7px;}
	
#special_s1 li{
	background:url(../commonimg/f_list.gif) no-repeat 0 0;
	color:#000033;
	padding:0px 0px 0px 15px;
	text-align:left;}
	

#special_s2{
	background:url(../commonimg/specialbg.jpg);
	background-repeat:repeat-x;
	border:#F0F0F0 solid 1px;
	padding:10px 0px;
	margin:0px 0px 10px;}
	
.specialbox_s2 p{
	margin:7px;}
	
	
#fnavi li{
	float:left;
	height:72px;}

#fnavi ul{
	height:72px;
	margin:0px 0px 24px;}

#footer{
	background:url(../commonimg/f_bg.jpg);
	background-repeat:repeat-x;
	padding:20px 0px 0px;}

#footer a{
	font-size:11px;
	color:#999999;
	text-decoration:none;}

#footer1 li {
	display: inline;
	margin: 0px 0px 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	font-size:12px;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	line-height:2em;
}
#footer1 ul {
	list-style-image: none;
	list-style-type: none;
	margin:0px;
	padding:5px 0px 0px;
}

#footer1{
	margin:0px 0px 10px;
	padding:0px 0px 0px;
}



#footer1 a{
	text-decoration:none;
	color:#003366;
}

#footer1 a:hover{
	text-decoration:none;
	color:#FFA722;
}


#footer1 .noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	
#foleft{
	width:515px;
	float:left;
	text-align:left;
}

#foleft p{
		color:#003366;
	line-height:1.5em;
	font-size:11px;}

#foleftf{
	width:900px;
	float:left;
	text-align:left;
}

#foleftf p{
		color:#999999;
	line-height:1.5em;
	font-size:11px;}

#foright{
	width:479px;
	float:right;
	margin:0px 0px 20px;}

.forightbox{
	background:url(../commonimg/foright.jpg) no-repeat 0 0;
	padding:20px 0px 20px;}
	
	
.hyou01{
	border:#D5D7E0 solid 1px;}
	
.hyou01 td{
	padding:5px 10px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #D5D7E0;
	border-bottom-color: #D5D7E0;
}
	
.hyou01 td.tdt01{
	background:url(../commonimg/tdtbg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	color:#FFFFFF;}
		
.hyou01 td.tdl01{
	background:url(../commonimg/tdlbg.jpg);
	background-repeat:repeat-y;
	color:#FFFFFF;}


/*otherのスタイル*/

.borderpoint{
	border-collapse: collapse;
}

.pagetop{
	margin:30px 0px 0px;
	text-align:right;
}

.txtb{
	font-weight:bold;
}

.txtb14{
	font-size:14px;
	font-weight:bold;
}

.txtred{
	color:#AD0354;
}

.txtred2{
	color:#FF0000;
}

.txtred3{
	color:#FF0000;
	font-size: 11px;
}

.txtore{
	color:#FF6600;
	font-weight:bold;
}

.txtpink16{
	font-size:16px;
	color:#DE3277;
	font-weight:bold;
}

.txt11blue{
	font-size:11px;
	color:#003366;}
	
.txtblue{
	color:#0090C3;}

.txtb14blue{
	font-size:14px;
	font-weight:bold;
	color:#0090C3;
}

.txtb14green{
	font-size:14px;
	font-weight:bold;
	color:#58B000;
}

.txtgray{
	color:#666666;
	font-size: 11px;
}

.txtblack{
	color:#333333;
	font-size: 11px;
}

.nolist{
	list-style:none;
}

.fleft{
	float:left;
	text-align:left;
}

.fright{
	float:right;
}

.tcenter{
	text-align:center;
}

.tright{
	text-align:right;
}

.tleft{
	text-align:left;
}

.pagetop{
	margin:25px 0px 25px;
	text-align:right;
}

.clear{
	clear:both;
}

.glayborder{
	padding:10px 20px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D4D4D4;
	border-bottom-color: #D4D4D4;
	border-left-color: #D4D4D4;
	margin:0px 0px 20px;
}

.glayborder p{
	margin:0px;}
	
.mt10{
	margin:10px 0px 0px;
}

.mt20{
	margin:20px 0px 0px;
}

.mr5{
	 margin-right:5px;
}

.mu5{
	margin:0px 0px 5px;
}

.mu10{
	margin:0px 0px 10px;
}

.mtu20{
	margin:20px 0px;
	}

.mt10u20c{
	text-align:center;
	margin:10px 0px 20px 0px;
}

.mu15{
	margin:0px 0px 15px;
}

.mu20{
	margin:0px 0px 20px;
}

.mu25{
	margin:0px 0px 25px;
}

.mt30{
	margin:30px 0px 0px;
}

.mu30{
	margin:0px 0px 30px;
}


.mu50{
	margin:0px 0px 50px;
}

.mlr10r{
	margin:0px 10px;
	text-align:right;
}

.mt100{
	margin:100px 0px 0px;
}

.mr10{
	 margin-right:10px;}

.ml15{
	 margin-left:15px;}

.ml40{
	 margin-left:185px;}

.mr30{
	 margin-right:30px;}

.ml350{
	 margin-left:350px;}
	 
.m15{
	 margin:15px;}	 

.plr118{padding:0 118 0 117px;}

.w85l{
	width:85px;
	float:left;}


.w110l{
	width:110px;
	float:left;}
	 
.w155r{
	width:155px;
	float:right;}

.w180l{
	width:180px;
	float:left;}

.w188r{
	width:188px;
	float:right;}
	
.w190{
	width:190px;
	margin:0px auto;}
	
.w200l{
	width:200px;
	float:left;}
	
.w210r{
	width:210px;
	float:right;}
	
.w255l{
	width:255px;
	float:left;}

.w255r{
	width:255px;
	float:right;}

.w320l{
	width:320px;
	float:left;}

.w320r{
	width:320px;
	float:right;}

.w350l{
	width:350px;
	float:left;}
	
.w370r{
	width:370px;
	float:right;}

.w370l{
	width:370px;
	float:left;}

.w400l{
	width:400px;
	float:left;}
	
.w470l{
	width:470px;
	float:left;
	border-right:#DBDBDB solid 1px;}
	
.w470r{
	width:470px;
	float:right;}

.w510{
	width:510px;
	margin:0px auto;
}

.w515l{
	width:515px;
	float:left;}

.w530r{
	width:530px;
	float:right;}

.w530l{
	width:530px;
	float:left;}

.w565l{
	width:565px;
	float:left;}

.w530l{
	width:530px;
	float:left;}

.w740l{
	width:740px;
	float:left;}

.w900l{
	width:900px;
	float:left}

.w560r{
	width:560px;
	float:right;}

.w600r{
	width:600px;
	float:right;}

.w620r{
	width:620px;
	float:right;}

.w650r{
	width:650px;
	float:right;}
	
.w660r{
	width:660px;
	float:right;}

.w980{
	width:980px;
	margin:0px auto;}
	
.w1003{
	width:1003px;
	margin:0px auto;}


/*オンデマンドコンテンツのスタイル*/
.box{
	padding:10px 5px;
	background:url(../commonimg/waku_back.gif) repeat-y;
}

.box td{
	padding:3px 15px;
	vertical-align:top;
}

.box-line{
	background: url(../commonimg/line_y.gif) repeat-y right;
}

ul.check{
	margin-top:10px;}
	
.check li{
	padding-left:20px;
	margin-right:20px;
	background: url(../corporate/img/check.gif) no-repeat left;
}

.check2 li{
	list-style:disc inside;
}
	
.reason{
	height:370px;
	padding:20px;
	background:url(../corporate/img/reason-back.jpg) no-repeat;
}

.reason2{
	height:395px;
	padding:20px;
	background:url(../indivi/img/reason_back.jpg) no-repeat;
}

.onsite{
	float:right;
	width:370px;
	margin-top:30px;
	font-size:11px;
	color:#FF0000;
}
	
	
/*基本コンテンツのスタイル*/
.contact{
	margin-bottom:30px;
	padding:20px 30px;
	background-color:#F5F5F5;
}

.contact2{
	height:100px;
	margin-bottom:40px;
	padding:20px 30px;
	background-color:#F5F5F5;
}

.contactbox{
	margin:30px auto;
	font-size:11px;
	color:#333333;
	text-align: center;
}

.contacttxt{
	font-size: 12px;
	color: #333333;
	line-height: 1.7em;
}

.contactfot{
	margin-bottom:30px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	padding: 10px 10px;
	text-align: right;
}

.voice2{
	padding:10px 25px 10px 22px;
	background:url(../commonimg/voice_back.jpg) repeat-y;
}

.voice2 td{
	padding-right:5px;
	vertical-align:top;
}

.tdline{
	background:url(../company/img/line.gif);
	background-repeat:repeat-x;
}

.td5 td{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.history-date{
	padding:3px 0 3px 18px;
	background:url(../commonimg/list.gif) no-repeat left;
}

/**** service ***/
.service{
	height:130px;
	margin-bottom:10px;
	padding:10px;
	border-bottom:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
}

/**** supported ***/
.supported{
	padding:15px;
	background-color:#EFEFEF;
}

.os td{
	padding:5px;
	border:1px solid #EEEEEE;
}

.os th{
	padding:5px;
	background-color:#EEEEEE;
}

/**** flow ***/
.flow-contact{
	height:240px;
	margin-bottom:30px;
	padding:20px 30px;
	background-color:#F5F5F5;
}

/**** company ***/
.officep{
	width:188px;
	padding:10px 0;
	background:url(../company/img/office_back.jpg) repeat-y;
	text-align:center;
}

.techpartner li{
	font-weight:bold;
}

table.techpartner td{
	padding:5px;
	text-align:center;
}

/**** torigoe_shuntarou ***/
.torigoe{
	margin-bottom:10px;
	padding:25px 0px;
	margin:0px 0px 15px;
	background:url(../torigoe_shuntarou/img/back1.jpg) no-repeat;
}

.fujii{
	height:230px;
	padding:30px 20px;
	background:url(../torigoe_shuntarou/img/back2.jpg) no-repeat;
}

.book{
	padding:10px 15px;
	background-color:#DDDDE2;
	margin:0px 0px 30px;
}

/**** tips ***/
.tips{
	padding:15px;
	background:url(../tips/img/list_back.jpg) repeat-y;
}

.tips li{
	padding:5px;
	background:url(../tips/img/line.gif) repeat-x bottom;
	font-size:14px;
	font-weight:bold;
}

.tips li img{
	vertical-align:middle;
}

/**** faq ***/
.faq{
	height:280px;
	padding:20px;
	background:url(../faq/img/faq-back.jpg) repeat-y;
}

.faq li{
	padding:7px 0 7px 40px;
	background:url(../faq/img/q.jpg) no-repeat left;
}

.faq-q{
	padding:8px 0 8px 40px;
	background:url(../faq/img/q.jpg) no-repeat left;
}

.faq-a{
	padding:0 0 5px 40px;
	background:url(../faq/img/a.jpg) no-repeat left top;
}

.faq_po{
	height:170px;
	padding:20px;
	background:url(../faq/img/faq-back.jpg) repeat-y;
}

.faq_po li{
	padding:7px 0 7px 40px;
	background:url(../faq/img/q.jpg) no-repeat left;
}

/**** voice ***/
.voice{
	height:270px;
	padding:20px;
	background:url(../voice/img/voice-back.jpg) repeat-y;
}

.voice li{
	padding:7px 0 7px 40px;
	background:url(../voice/img/voice.jpg) no-repeat left;
}

.voice-cmmt{
	padding:10px 20px;
	background:url(../voice/img/voice_cmmt_back.gif) repeat-y;
	}
	
.voice-title{
	padding:8px 0 8px 40px;
	background:url(../voice/img/voice.jpg) no-repeat left;
	color:#006699;
	font-size:16px;
	font-weight:bold;
}

.voice-tb td{
	padding:5px 10px;
}

.voice-line{
	background:url(../voice/img/line.gif) repeat-x top;
}

.cmmt-txt{
	padding:0 10px 5px 40px;
	background:url(../voice/img/cmmt.gif) no-repeat left top;
	color:#FF6600;
}

.voice-title2{
	margin-bottom:10px;
	padding:7px 0 7px 40px;
	background:url(../voice/img/voice.jpg) no-repeat left;
	font-size:16px;
	font-weight:bold;
}

.voice-name{
	padding:8px 15px;
	background:url(../voice/img/name.gif) no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#666666;	
}


/**** report ***/
.suisyou{
	margin:30px 0 15px 0; 
	padding:10px 20px;
	border:1px solid #CCCCCC;
}

/**** partner ***/
.partner p{
	margin:0 0 30px 0;
	padding:15px;
	border-left:6px solid #006A9D;
}

/****　知恵袋 ***/
.list1{
	list-style-image:url(../tips/img/list_01.jpg);
	line-height:20px;
	margin-left:40px;
}

.box_01{
	width:300px;
	float:left;
}

.box_02{
	width:450px;
	float:left;
}

/****　初めての方 ***/
#first_right{
	width:745px;
	float:right;
	margin-bottom:25;
	margin-right:0;
	margin-left:0;
}

.box_04{
	width:320px;
	height:320px;
	float:left;
	margin:15px;
}

.w705{
	width:705px;
	margin:0px auto;}

/****　kokusai ***/

.kokusai{
	margin-bottom:30px;
	padding:20px 30px;
	background-color:#F5F5F5;
	height: auto;
}

.kokusai2{
	margin-bottom:30px;
	padding:20px 30px;
	background-color:#FFFFFF;
}

.kokusai3{
	padding:10px 5px;
	background:url(../kokusai/img/waku_back.gif) repeat-y;
}

.stepl{
	width:70px;
	float:left;
}

.stepr{
	width:660px;
	float:right;
}

.w410l{
	width:410px;
	float:left;
}

.w560{
	width:660px;
	margin:0px auto;
}

.w275r{
	width:275px;
	float:right;
}

.flowmaru{
	text-align:left;
	background-color:#f0f0f0;
}

.flowmaru2{
	margin:0px 20px;
	width:620px;	
}

.reason3{
	height:395px;
	padding:20px;
	background:url(../kokusai/img/reason_back.jpg) no-repeat;
	margin-bottom: 20px;
}

.fleft{
	float:left;
	text-align:left;
}

/****　maker ***/
.box_05{
	width:245px;
	float:left;
}

.box_06{
	width:350px;
	float:left;
}

.list2{
    list-style-image:url(../tips/img/list_01.jpg);
	line-height:20px;
	margin-left:20px;
}

/****　history　***/
.his_right{
	float:right;
	margin-top:15px;
}

.w620l{
	width:620px;
	float:left;
	margin-top:15px;
}

.history{
	padding:15px;
	background:url(../company/img/topics/list_back.jpg) repeat-y;
}


/**** server追加ページ ***/
.server{
	padding:20px;
	background:url(../server/img/voice-back.jpg) repeat-y;
}

.server li{
	padding:7px 0 7px 40px;
	background:url(../server/img/voice.jpg) no-repeat left;
}


/****　weback　***/
.box_07{
	width:300px;
	float:left;
	margin: 0px 15px 20px 15px;
}

/****　kingsoft　***/
.kingsoft_box1{
	width:300px;
	float:left;
	margin-bottom: 10px;
}

.kingsoft_box2 {
	border: 1px solid #CCCCCC;
	font-size: 12px;
	padding-top: 6px;
	padding-left: 127px;
	padding-bottom: 6px;
}

.king_hyou01{
	border:#D5D7E0 solid 1px;
	width: 490px;
}
	
.king_hyou01 td{
	padding:5px 10px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #D5D7E0;
	border-bottom-color: #D5D7E0;
	width: 380px;
}
	
.king_hyou01 td.tdt01{
	background:url(../anti_virus/img/me_board.jpg);
	background-repeat:repeat-y;
	text-align:center;
	color:#FFFFFF;
	width: 110px;
	padding: 0;
}


/*******　datadeliver　******/
#headerdeli {
	padding: 0px;
	margin: 0px 0px 40px 0px;
}

.deliver_box {
	font-size: 12px;
	padding-top: 6px;
	padding-left: 127px;
	padding-bottom: 6px;
	margin-bottom: 20px;
}

.reason4{
	height:414px;
	padding:20px;
	background:url(../datadeliver/img/reason_back.jpg) no-repeat;
}

.deli_bmark{
	background:url(../datadeliver/img/side_line.jpg);
	background-repeat:repeat-y;
}


/*******　raid-counter　******/

.raidbox{
	padding:10px 5px;
	background:url(../commonimg/waku_back.gif) repeat-y;
}

.raidbox td{
	padding:3px 15px;
	vertical-align:top;
}

ul.raidcheck{
	margin-top:10px;}
	
.raidcheck li{
	padding-left:20px;
	margin-right:20px;
	background: url(../server/img/point.gif) no-repeat left;
}