@import url("navi.css");
@import url("sales.css");
@import url("privacy.css");
@import url("kantan.css");
@import url("daiyouryou.css");
@import url("kyouyu.css");
@import url("dounyu.css");
@import url("ryoukin.css");
@import url("muryou.css");
@import url("omoushikomi.css");
@import url("question.css");
@import url("hardware.css");
@import url("contact.css");
@import url("dairiten.css");
@import url("sales.css");
@import url("company.css");
@import url("rules.css");
@import url("sitemap.css");





/* CSS Document */




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


a:link {color:#333333; text-decoration:underline;}
a:visited {color:#333333; text-decoration:underline;}
a:hover {color:#333333; text-decoration:underline;}

/* top */
#bdid_top a:link {color:#000000; text-decoration:underline;}
#bdid_top a:visited {color:#000000; text-decoration:underline;}
#bdid_top a:hover {color:#000000; text-decoration:underline;}
/* footer */
#footer a:link {color:#000000; text-decoration:underline;}
#footer a:visited {color:#000000; text-decoration:underline;}
#footer a:hover {color:#000000; text-decoration:underline;}
/* head_link */
#head_link a:link {color:#000000; text-decoration:underline;}
#head_link a:visited {color:#000000; text-decoration:underline;}
#head_link a:hover {color:#000000; text-decoration:underline;}


body {
	background:#ffffff url(../images/common/bg.jpg) repeat-y center;
	color:#000000;
	text-align:left;
	line-height:100%;
	font-size:small;
}
li {
	list-style:none;
}

table {
	border-collapse:collapse;
}

#wrap {
	width:860px;
	margin:0px auto;
	padding-top:10px;
}
h2 {
	clear:both;
}


/* ヘッダー周り
---------------------------------------------------------------------------- */

#header {
	width:820px;
	margin:0px auto 10px auto;
}

#header ul#head_link {
	margin:0px 0px 0px auto;
}
#header ul#head_link li {
	float:right;
	background:url(../images/common/icon_link.jpg) no-repeat left center;
	padding:0px 15px 0px 12px;
}
#header ul#head_link li.last {
	padding-right:0px;
}
#header ul#head_link li a {
	display:block;
}

#navi {
	width:820px;
	clear:both;
}

#navi h1 {
	background:url(../images/common/logo.jpg) no-repeat left top;
	width:130px;
	height:68px;
	float:left;
	position:relative;
	margin-top:-12px;
}
#navi h1 a {
	width:142px;
	height:57px;
	text-indent:-9999px;
	display:block;
}

#navi #globalnavi {
	width:664px;
	height:30px;
	float:right;
	padding:0px 0px 0px 0px;
	position:relative;
	margin-top:18px;
}

/* >> グローバルナビのボタン指定はnavi.cssに記述  */




/* コンテンツ
---------------------------------------------------------------------------- */

#contents {
	width:820px;
	margin:0px auto 0px auto;
	clear:both;
}


/* 左メインコンテンツ
---------------------------------------------------------------------------- */

#maincontents {
	width:620px;
	margin-right:12px;
	float:left;
}



/* 右ユーティリティ
---------------------------------------------------------------------------- */


#bdid_top #utility {
	width:180px;
	float:left;
	margin-top:10px;
}

#utility {
	width:180px;
	float:left;
}

#utility ul {
	width:180px;
}
#utility ul li {
	width:180px;
	margin-bottom:10px;
	text-indent:-9999px;
}
#utility ul li a {
	display:block;
	width:180px;
	text-indent:-9999px;
}


/* li bg */

#utility ul li#btn_order {
	background:url(../images/common/btn_moushikomi.jpg) no-repeat left top;
	height:66px;
}
#utility ul li#btn_contact {
	background:url(../images/common/btn_muryotaiken.jpg) no-repeat left top;
	height:66px;
}
#utility ul li#btn_idc {
	background:url(../images/common/btn_idc.jpg) no-repeat left top;
	height:48px;
}



/* out */

#utility ul li#btn_order a {
	background:url(../images/common/btn_order.jpg) no-repeat left top;
	height:66px;
}
#utility ul li#btn_contact a {
	background:url(../images/common/btn_contact.jpg) no-repeat left top;
	height:66px;
}


/* ov */

#utility ul li#btn_order a:hover {
	background:url(../images/common/btn_moushikomi_ov.jpg) no-repeat left top;
	height:66px;
}
#utility ul li#btn_contact a:hover {
	background:url(../images/common/btn_muryotaiken_ov.jpg) no-repeat left top;
	height:66px;
}




/* current */



#utility2 {
	width:180px;
	float:left;
}

#utility2 ul {
	width:180px;
}
#utility2 ul li {
	width:180px;
	text-indent:-9999px;
}
#utility2 ul li a {
	display:block;
	width:180px;
	text-indent:-9999px;
}
#utility2 ul li#bnr_s2 {
	background:url(../images/common/bnr_s2.jpg) no-repeat left top;
	height:50px;
	margin-top:10px;
}

#utility2 ul li#img_tel {
	background:url(../images/common/img_tel.jpg) no-repeat left top;
	height:80px;
}


#utility2 ul li#img_side_1 {
	background:url(../images/common/side_1.jpg) no-repeat left top;
	height:46px;
}

#utility2 ul li#img_side_2 {
	background:url(../images/common/side_2.jpg) no-repeat left top;
	height:45px;
}

#utility2 ul li#img_side_3 {
	background:url(../images/common/side_3.jpg) no-repeat left top;
	height:45px;
}

#utility2 ul li#img_side_4 {
	background:url(../images/common/side_4.jpg) no-repeat left top;
	height:45px;
}

#utility2 ul li#img_side_5 {
	background:url(../images/common/side_5.jpg) no-repeat left top;
	height:85px;
	margin-bottom:10px;
}

#utility2 ul li#img_sv {
	background:url(../images/common/btn_zen_serve.jpg) no-repeat left top;
	height:50px;
	margin-bottom:10px;
}
#utility2 ul li#img_idc {
	background:url(../images/common/btn_zen_idc.jpg) no-repeat left top;
	height:50px;
	margin-bottom:10px;
}




#utility2 ul li#bnr_s2 a {
	height:50px;
}

#utility2 ul li#img_side_1 a {
	height:46px;
}

#utility2 ul li#img_side_2 a {
	height:45px;
}

#utility2 ul li#img_side_3 a {
	height:45px;
}

#utility2 ul li#img_side_4 a {
	height:45px;
}
#utility2 ul li#img_sv a {
	background:url(../images/common/btn_zen_serve.jpg) no-repeat left top;
	height:50px;
}
#utility2 ul li#img_idc a {
	background:url(../images/common/btn_zen_idc.jpg) no-repeat left top;
	height:50px;
}


#utility2 ul li#img_side_1 a:hover {
	background:url(../images/common/side_1_ov.jpg) no-repeat left top;
	height:46px;
}

#utility2 ul li#img_side_2 a:hover {
	background:url(../images/common/side_2_ov.jpg) no-repeat left top;
	height:45px;
}

#utility2 ul li#img_side_3 a:hover {
	background:url(../images/common/side_3_ov.jpg) no-repeat left top;
	height:45px;
}

#utility2 ul li#img_side_4 a:hover {
	background:url(../images/common/side_4_ov.jpg) no-repeat left top;
	height:45px;
}

/* フッター周り
---------------------------------------------------------------------------- */

#footer {
	width:820px;
	background:url(../images/common/line_footer.jpg) no-repeat center 40px;
	padding:48px 20px 10px 20px;
	clear:both;
}
#footer div {
	float:left;
}
#footer ul {
	float:right;
}
#footer ul li {
	float:left;
	background:url(../images/common/icon_link.jpg) no-repeat left center;
	padding:0px 15px 0px 12px;
}
#footer ul li.last {
	padding-right:0px;
}



/* トップ
------------------------------------------------------------------------------------ */


#bdid_top #header {
	width:820px;
	margin:0px auto 0px auto;
}

#bdid_top #mainimage {
	background:url(../images/top/main_images.jpg) no-repeat left top;
	width:820px;
	height:260px;
	text-indent:-9999px;
	clear:both;
}


#bdid_top ul#servertype {
	width:620px;
}
#bdid_top ul#servertype li {
	width:200px;
	margin:0px 10px 0px 0px;
	float:left;
}
#bdid_top ul#servertype li h2 {
	text-indent:-9999px;
}
#bdid_top ul#servertype li div {
	height:204px;
	text-indent:-9999px;
	position:relative;
}
#bdid_top ul#servertype li div a {
	width:200px;
	height:204px;
	display:block;
}
#bdid_top ul#servertype li div a:hover {
	background:url(../images/top/type_btn_ov.jpg) no-repeat left top;
}
#bdid_top ul#servertype li#type_3 {
	margin-right:0px;
}

#bdid_top ul#servertype li#type_1 {
	background:url(../images/top/btn_1.jpg) no-repeat left top;
	margin-top:10px;
}
#bdid_top ul#servertype li#type_2 {
	background:url(../images/top/btn_2.jpg) no-repeat left top;
	margin-top:10px;
}
#bdid_top ul#servertype li#type_3 {
	background:url(../images/top/btn_3.jpg) no-repeat left top;
	margin-top:10px;
}


#bdid_top ul#servertype li#type_1 a {
	background:url(../images/top/btn_1.jpg) no-repeat left top;
}
#bdid_top ul#servertype li#type_2 a {
	background:url(../images/top/btn_2.jpg) no-repeat left top;
}
#bdid_top ul#servertype li#type_3 a {
	background:url(../images/top/btn_3.jpg) no-repeat left top;
}

#bdid_top ul#servertype li#type_1 a:hover {
	background:url(../images/top/btn_1_ov.jpg) no-repeat left top;
}
#bdid_top ul#servertype li#type_2 a:hover {
	background:url(../images/top/btn_2_ov.jpg) no-repeat left top;
}
#bdid_top ul#servertype li#type_3 a:hover {
	background:url(../images/top/btn_3_ov.jpg) no-repeat left top;
}




#bdid_top h2#tit_reason {
	background:url(../images/top/tit_reason.jpg) no-repeat left top;
	width:620px;
	height:31px;
	text-indent:-9999px;
}

#bdid_top ul#reason {
	width:620px;
}
#bdid_top ul#reason li {
	height:149px;
	float:left;
	text-indent:-9999px;
	margin-bottom:10px;
}
#bdid_top ul#reason li#ec_domain {
	background:url(../images/top/ec_domain.jpg) no-repeat left top;
	width:210px;
}
#bdid_top ul#reason li#ec_online {
	background:url(../images/top/ec_online.jpg) no-repeat left top;
	width:200px;
}
#bdid_top ul#reason li#ec_install {
	background:url(../images/top/ec_install.jpg) no-repeat left top;
	width:210px;
}


#cp {
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(../images/top/cp_muryotaiken.jpg) no-repeat;
	width:620px;
	height:74px;
	margin-top:10px;
}

#cp a {
	width:620px;
	height:74px;
	display:block;
}

#cp a:hover {
	background:url(../images/top/cp_muryotaiken_ov.jpg) no-repeat;
}

#bdid_top #topics {
	background:#ffffff;
	clear:both;
}
#bdid_top #topics h2 {
	background:url(../images/top/h3_news.jpg) no-repeat left top;
	height:26px;
	text-indent:-9999px;
}
#bdid_top #topics ul {
	padding:15px 12px;
}
#bdid_top #topics ul li {
	background:url(../images/common/icon_topics.jpg) no-repeat left center;
	border-bottom:1px dotted #999999;
	padding:5px 0px 5px 10px;
}
#bdid_top #topics ul li span.t_date {
	padding-right:20px;
}



#bottom_btn_1 {
	width:180px;
	background:url(../images/common/btn_y_1.jpg) no-repeat;
	text-indent:-9999px;
}
#bottom_btn_2 {
	width:180px;
	background:url(../images/common/btn_y_2.jpg) no-repeat;
	text-indent:-9999px;
	margin:0px 25px 0px 25px;
}
#bottom_btn_3 {
	width:180px;
	background:url(../images/common/btn_y_3.jpg) no-repeat;
	text-indent:-9999px;
}

#bottom_btn_1 a {
	width:180px;
	height:37px;
	display:block;
}

#bottom_btn_2 a {
	width:180px;
	height:37px;
	display:block;
}
#bottom_btn_3 a {
	width:180px;
	height:37px;
	display:block;
}

#bottom_btn_1 a:hover {
	width:180px;
	background:url(../images/common/btn_y_1_ov.jpg) no-repeat;
}

#bottom_btn_2 a:hover {
	width:180px;
	background:url(../images/common/btn_y_2_ov.jpg) no-repeat;
}

#bottom_btn_3 a:hover {
	width:180px;
	background:url(../images/common/btn_y_3_ov.jpg) no-repeat;
}

#btn_bottom_set {
	width:600px;
	margin:20px auto;
}

#btn_bottom_set .left {
	text-align:left;
}

#btn_bottom_set .cen {
	text-align:center;
}

#btn_bottom_set .right {

}


/*ul#bottom_btn {
	width:620px;
	margin-top:30px;
	text-align:center;
}

#bottom_btn li {
	height:37px;
}
#bottom_btn li#bottom_btn_1 {
	width:180px;
	background:url(../images/common/btn_y_1.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-left:5px;
}
#bottom_btn li#bottom_btn_2 {
	width:180px;
	background:url(../images/common/btn_y_2.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:0px 25px 0px 25px;
}
#bottom_btn li#bottom_btn_3 {
	width:180px;
	background:url(../images/common/btn_y_3.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-right:0px;
}


#bottom_btn li#bottom_btn_1 a {
	width:186px;
	height:37px;
	display:block;
}

#bottom_btn li#bottom_btn_2 a {
	width:186px;
	height:37px;
	display:block;
}
#bottom_btn li#bottom_btn_3 a {
	width:186px;
	height:37px;
	display:block;
}




#bottom_btn li#bottom_btn_1 a:hover {
	width:186px;
	background:url(../images/common/btn_y_1_ov.jpg) no-repeat;
}

#bottom_btn li#bottom_btn_2 a:hover {
	width:186px;
	background:url(../images/common/btn_y_2_ov.jpg) no-repeat;
}

#bottom_btn li#bottom_btn_3 a:hover {
	width:186px;
	background:url(../images/common/btn_y_3_ov.jpg) no-repeat;
}
*/



/* 汎用
------------------------------------------------------------------------------------ */

.clear {
	clear:both;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.m_h5 {
	margin:5px 0px;
}
.m_h10 {
	margin:10px 0px;
}
.m_h20 {
	margin:20px 0px;
}
.m_5 {
	margin:5px;
}
.m_10 {
	margin:10px;
}
.m_20 {
	margin:20px;
}

.m_w5 {
	margin:0px 5px;
}
.m_w10 {
	margin:0px 10px;
}
.m_w20 {
	margin:0px 20px;
}
.m_w30 {
	margin:0px 30px;
}

.m_b5 {
	margin-bottom:5px;
}
.m_b10 {
	margin-bottom:10px;
}
.m_b15 {
	margin-bottom:15px;
}
.m_b20 {
	margin-bottom:20px;
}
.m_b30 {
	margin-bottom:30px;
}
.m_b40 {
	margin-bottom:40px;
}

.m_t5 {
	margin-top:5px;
}
.m_t10 {
	margin-top:10px;
}
.m_t20 {
	margin-top:20px;
}

.blue {
	color:#0066FF;
	font-weight:bold;
}

.red {
	color:#FF0000;
}


/*チューニング作業での追加*/
#bdid_top #topics h3 {
	background:url(../images/top/h3_news.jpg) no-repeat left top;
	height:26px;
	text-indent:-9999px;
}