@charset "UTF-8";







/*エリア設定



*************************************************************/



body {

	margin:0px auto;

	padding:0px;

	text-align:center;

	font-size:12px;

	background:#f1f1f1;

	border-top:5px #C01920 solid;

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	color:#333;

}



/*リンク設定*/



a {

	color:#1162A6;

	text-decoration:underline;

}



a:hover {

	color:#4a9bdf;

	text-decoration:none;

}



a.pagetop {



   background-image: url(../common_image/pagetop.gif);



   background-repeat: no-repeat;



   background-position: right center;



   padding-right: 15px;



   margin-right: 3px;



}







/*見出し設定*/



h1,h2,h3,h4,h5,p,dl,dt,dd {margin:0px; padding:0px;}







/**/h1 {font-size:17px;}



h2 {font-size:16px;}



h3 {font-size:15px;}



h4 {font-size:14px;}



h5 {font-size:13px;}







/*行間設定*/



p,li,dd {line-height:150%}







/*フロート回り込み解除処理*/



.clearfix:after {



	content:".";



	display:block;



	height:0;



	clear:both;



	visibility:hidden;

	



}



.clearfix {display:inline-block;}



/* Hides from IE-mac ¥*/



* html .clearfix{height:1%;}



.clearfix{display:block;}



/* End hide from IE-mac */







/*隠し文字*/



.dn {display:none;}



/*グラデーション背景設定*/



#bg {

	margin:0px;

	padding:0px 0 0 0px;

}





/*コンテナ設定



******************************************************/



#container-bg {

	margin:0px auto;

	padding:0px;

	background:#fff;
 
 border-bottom: 1px solid#ccc;

}



#container {

	clear:both;

	width:820px;

	margin:0px auto;

	padding:0px;

	text-align:left;

	background:url(../common_image/back2.gif) repeat-y 0px 0px;

}



#c_container {

	clear:both;

	width:820px;

	margin:0px auto;

	padding:0px;

	text-align:left;

	background:url(../common_image/back2.gif) repeat-y 0px 0px;

}



#base_contents {

	width:800px;



	margin:0px auto;



	padding:0px;



}



#contentsLR {

	clear:both;

	padding: 0 10px 10px 10px;

}



#contentsL {



	float:left;

	width:580px;

	padding:0 0;

}





#contentsL h2{

	background:url(/common_image/c_title.jpg) no-repeat 0px 0px;

	padding:0px;

	text-indent: 35px;

	line-height:42px;

	color:#fff;

	font-weight:bold;

	margin-bottom:10px;

}



#contentsL h3{



	width:600px;



	height:32px;



	background: url(../common_image/c_h3.jpg) no-repeat; 



	padding: 0px; 



	text-indent: 40px; 



	line-height:32px;



}



#contentsL h4 {



	width:98%;

	

	height:15px;

	

	padding: 0px;

	

	text-indent: 15px;

	

	line-height:20px

	

	border-top:0;

	

	border-right:0;

	

	border-bottom:2px solid #888888;

	

	border-left:0;



}



#contentsL p {

	padding:0px 0px;

}







#contentsR {

	float:right;

	width:180px;

}





/*ヘッダー設定



******************************************************/



#header {

	height:60px;

	margin:0px auto;

	text-align:left;

	background:#fff;

	width:800px;

}



.logo0 {

	float: left;

	padding:8px 10px 0 0;

}



#top_txt{

width:600px;

float:left;

margin-top:5px;

}



#top_txt h1{

margin: 0 0 0 10px;

font-size:10px;

font-weight:normal;



}



#top_txt h1 a{

color:#555;

text-decoration:none;

}



.header-info {

	float:right;

}



.header-info div {

	float:right;

	padding:0px 0 0 0;

	margin:0 0 0 15px;

}



.header-info p {

	margin: 8px 0 0 85px;

}





/*FAQのheader右ボタンエリア設定*/

#faq-topbtn{

	text-align:right;

	width:380px;	

	}

/*FAQのパンクズ設定*/

#article_category{

	background:none!important;

	margin:0 0 10px 20px!important;

	padding:0!important;

	font-size:100%!important;

	color:#333!important;

	line-height:1!important;

	font-weight:normal!important;

	border:none!important;

	}



	



/*専用サーバーボタン*/



a.senyoserver_btn {

	background:url(../common_image/server_b.jpg) no-repeat 0px 0px;

	width:163px;

	height:65px;

	display:block;

    margin-left:20px;

}



a.senyoserver_btn:hover {

	background:url(../common_image/server_h.jpg) no-repeat 0px 0px;

}



a.header-a {

	background:url(../index_image/sankaku.gif) no-repeat center left;

	padding-left:10px;

	color:#444444;

}



.header-formbtn{

	display:block;

	background:url(../common_image/btn_toform_off.jpg) no-repeat;

	width:76px;

	height:14px;

	text-indent:-9999px;

	}

	

.header-formbtn:hover{

	background:url(../common_image/btn_toform_on.jpg) no-repeat;

	}



.header-sitemapbtn{

	display:block;

	background:url(../common_image/btn_sitemap_off.jpg) no-repeat;

	width:76px;

	height:14px;

	text-indent:-9999px;

	}

	

.header-sitemapbtn:hover{

	background:url(../common_image/btn_sitemap_on.jpg) no-repeat;

	}



/*グローバルメニュー設定(一般)



******************************************************/



#gloval-menu {

	clear:both;

	height:50px;

	background:url(../common_image/header.gif) repeat-x #fff;

	margin:0 auto;

	text-align:center;

}



#gloval-menu02{

	background:url(../common_image/navi1.jpg) no-repeat 0px 0px;

	width:820px;

	height:50px;

	margin:0 auto;

	}



#gloval-menu02 ul {

	margin:0px;

	padding:0px;

	list-style-type:none;

}



#gloval-menu02 li {

	float:left;

	height:50px;

	text-indent:-5000px;

}



#gloval-menu02 a {

	display:block;

	height:50px;

	text-indent:-5000px;

}




#gloval-menu03{

	background:url(../common_image/navi1.jpg) no-repeat 0px 0px;

	width:820px;

	height:50px;

	margin:0 auto;

	}


/*ホーム*/

#gloval-menu02  .toppage {

	background:url(../common_image/navi3.jpg) no-repeat 10px 0px;

	width:143px;

}



#gloval-menu02  a.toppage-a {width:143px;}



#gloval-menu02  a.toppage-a:hover {background:url(../common_image/navi2.jpg) no-repeat 10px 0px;

	width:143px;

}



/*ギガーンの特長*/



#gloval-menu02  .gigan {



	background:url(../common_image/navi3.jpg) no-repeat -133px 0px;



	width:133px;



}



#gloval-menu02  a.gigan-a {width:133px;}



#gloval-menu02  a.gigan-a:hover {background:url(../common_image/navi2.jpg) no-repeat -133px 0px;}







/*料金・コース*/



#gloval-menu02  .pay {



	background:url(../common_image/navi3.jpg) no-repeat -266px 0px;



	width:133px;



}



#gloval-menu02  a.pay-a {width:133px;}



#gloval-menu02  a.pay-a:hover {background:url(../common_image/navi2.jpg) no-repeat -266px 0px;}



/*お申込み*/



#gloval-menu02  .order {



	background:url(../common_image/navi3.jpg) no-repeat -399px 0px;



	width:133px;



}



#gloval-menu02  a.order-a {width:133px;}



#gloval-menu02  a.order-a:hover {background:url(../common_image/navi2.jpg) no-repeat -399px 0px;}



/*ユーザーサポート*/



#gloval-menu02  .support {

	background:url(../common_image/navi3.jpg) no-repeat -532px 0px;

	width:133px;

}



#gloval-menu02  a.support-a {width:133px;}



#gloval-menu02  a.support-a:hover {background:url(../common_image/navi2.jpg) no-repeat -532px 0px;}





/*導入事例*/



#gloval-menu02  .partner {



	background:url(../common_image/navi3.jpg) no-repeat -665px 0px;



	width:133px;



}



#gloval-menu02  a.partner-a {width:133px;}



#gloval-menu02  a.partner-a:hover {background:url(../common_image/navi2.jpg) no-repeat -665px 0px;}





/*   2011/2 SEO TUNE 追記*/

#gloval-menu03 ul {

	margin:0px auto;

	padding:0px;

	list-style-type:none;
	
	width:800px;

}



#gloval-menu03 li {

	float:left;

	height:50px;

}



#gloval-menu03 a {

	display:block;

	height:50px;

}


/*右コンテンツ



*********************************************/







/*よくある質問*/



.faq_btn a {



	background:url(../index_image/faq2_off.jpg) no-repeat 0px 0px;

	height:87px;

	display:block;

	text-indent:-5000px;



}



.faq_btn a:hover {

	background:url(../index_image/faq2_off.jpg) no-repeat;

}



.requestBTN4 a {



	background:url(../common_image/faq2_off.jpg) no-repeat 0px 0px;

	width:160px;

	height:45px;

	display:block;

	text-indent:-5000px;

}



.requestBTN4 a:hover {

	background:url(../common_image/faq2_on.jpg) no-repeat;

}





/*よくある質問（JSP用）*/



a.c_faq_btn  {



	background:url(/common_image/faq2_off.jpg) no-repeat 0px 0px;

	width:160px;

	height:45px;

	display:block;

	text-indent:-5000px;

}



 a.c_faq_btn:hover {

	background:url(/common_image/faq2_on.jpg) no-repeat;

}



/*よくある質問（トップ用）*/



a.faq_btn-top  {



	background:url(/index_image/faq_off.jpg) no-repeat 0px 0px;

	height:51px;

	display:block;

	text-indent:-5000px;

}



 a.faq_btn-top:hover {

	background:url(/index_image/faq_on.jpg) no-repeat;

}



/*資料請求ボタン（トップ用大）

*********************************************/

.requestBTN3-top a{

background:url(/index_image/requestBTN3top.jpg) no-repeat center;

height:72px;

display:block;

text-indent:-5000px;

}

.requestBTN3-top a:hover{

background:url(/index_image/requestBTN3top_o.jpg) no-repeat center;

}







/*フッター設定

*********************************************/



/*フッターナビ*/

.footer-info{

	margin:0;

	line-height:2;

	padding:15px 30px 10px 30px;

	text-align:left;

	}

a.footer-a {

	background:url(../common_image/sankaku.jpg) no-repeat center left;

	padding-left:8px;

	color:#444444;

	font-size:90%;

}



#footer-menu {

	clear:both;

	border-top:5px solid #C01920;

	padding:20px 0 0 80px;

	background:#FFFFFF;

}



.footer-menu-list {

	float:left;

	line-height:2;

	font-size:85%;

	text-align:justify;

}



.footer-menu-list a{

	color:#444;

	text-decoration:underline;

}



.footer-menu-list a:hover {

	text-decoration:none;

}



.footer-menu-rogo{

	float:right;

	padding: 0 80px 0 0;

	}



#footer-menu-list {

	margin:0px;

	padding:0px;

	list-style-type:none;

}



#footer-menu li {

	display:inline;

	padding:5px 5px 5px 0px;

}



/*コンテンツ用*/



.c_footerL {



	float:left;



	width:570px;



}



.c_footerR {

	width:170px;

	float:right;

}



#c_footer-menu {

	clear:both;

	border-top:5px solid #C01920;

	padding:10px 5px 10px 5px;

	background:#FFFFFF;

}



#c_footer-menu ul {

	margin:0px;

	padding:0px;

	list-style-type:none;

}



#c_footer-menu li {

	display:inline;

	padding:5px 5px 5px 0px;

}







/*コピーライト*/



#copyright {

	clear:both;

	background:url(../common_image/back3.gif) no-repeat bottom;

}



#copyright p {

	width:780px;

	margin:0px auto;

	text-align:center;

	padding-bottom:25px;

	font-size:10px;

	color:#333333;

}




/*販売代理店-トップ以外（サイズ小）
*********************************************/
#dairten {
	clear:both;
	margin:20px auto;
}
.dairiten_btn {
	background:url(/index_image/dairiten_b_off.gif) no-repeat;
	height:90px;
	display:block;
	text-indent:-5000px;
	width:160px;
}
.dairiten_btn:hover {
	background:url(/index_image/dairiten_b_on.gif) no-repeat;
}

#dairten-text{
	padding:5px;
	text-align:justify;
}
.dairiten_sentence {
	margin:0 0 0 5px;
	width:150px;
	text-align:justify;
	font-size:95%;
	color:#555;
}