@charset "UTF-8";
/* CSS Document */
body#top{border-top:3px #333 solid; margin:0; padding:0; text-align:center; background:url(images/body_foot_bg.gif) repeat-x bottom;}
body#cont{border-top:3px #333 solid; margin:0; padding:0; text-align:center; background:url(images/cont_foot_bg.gif) repeat-x bottom;}
strong{font-weight:normal;}
#Wrap{width:890px; margin:0 auto; padding:0; text-align:left;}
h1{margin:0; padding:0; float:left;}
img{border:none;}
p{font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", メイリオ, sans-serif, arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; line-height:180%;}
ul{font-family:"ヒラギノ角ゴ Pro W3", メイリオ, sans-serif, arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";}

h4.blue_title{font-size:14px; font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro w6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; color:#09F;}

#top ul#g_navi{list-style:none; float:right; font-size:14px; height:32px; margin:-20px 0 20px 0; padding:35px 0 0 0;}
#cont ul#g_navi{list-style:none; float:right; font-size:14px; height:32px; margin:-20px 0 0 0; padding:35px 0 0 0;}
ul#g_navi{list-style:none; float:right; font-size:14px; height:32px; margin:-35px 0 10px 0; padding:35px 0 0 0;}
ul#g_navi li{float:left; margin:0; padding:0 14px 0 14px; letter-spacing:1px; color:#09F; font-weight:bold; line-height:110%;}
ul#g_navi li a{font-weight:normal; color:#000; text-decoration:none;}
ul#g_navi li a:hover{color:#09F;}
.b_r{border-right:1px solid #999;}
.b_l{border-right:1px solid #999;}
#main_contents{margin-top:40px;}
#main{margin:0; padding:12px 12px 0 12px; background:url(images/main.jpg) no-repeat; width:893px; height:303px;}
#main2{margin:0 auto; padding:0; width:884px; height:230px;}

#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}


.mask1{
	position:relative;
	width:870px;
	height:253px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

#service_all{width:890px; margin:0; padding:0;}
#service_all h3{margin:0 0 15px 0; padding:0;}
.box{width:290px;}
.box p{margin:0; padding:0px 10px;}
.box p a{text-decoration:none; color:#333;}
.box p.ap a:hover{color:#09F;}
.box p.hp a:hover{color:#093;}
.box p.pr a:hover{color:#F60;}
.solution{background:url(images/solution_bg.jpg) right top no-repeat; width:290px; height:180px; display:block;}
.consulting{background:url(images/consul_bg.jpg) right top no-repeat; width:290px; height:180px; display:block;}
.web{background:url(images/web_bg.jpg) right top no-repeat; width:290px; height:180px; display:block;}
.mobile{background:url(images/mobile_bg.jpg) right top no-repeat; width:290px; height:180px; display:block;}
.products{background:url(images/pro_bg.jpg) right top no-repeat; width:290px; height:180px; display:block;}
.entertainment{background:url(images/entame_bg.jpg) right top no-repeat; width:290px; height:180px; display:block;}

.sbl{background:url(images/service_bg_line.gif) center top no-repeat;}

.L{float:left;}
.R{float:right;}
.cb{clear:both;}

.mr4{margin-right:3px;}
.mb4{margin-bottom:3px;}
.mr5{margin-right:5px;}
.ml5{margin-left:5px;}
.mb5{margin-bottom:5px;}
.mb30{margin-bottom:30px;}
.m5{margin:0 5px;}

#hosting_all{margin:0 0 30px 0; padding:5px; width:878px; border:1px solid #ccc;}
#hosting_all p{margin:0; padding:0;}

#hosting_right{ background:url(images/hosting_right_bg.gif); width:281px; height:164px; margin:0; padding:5px 5px 0 5px;}
.h_ul{margin:0; padding:0; list-style:none;}
.h_ul li{margin:0 0 5px 0; padding:0; line-height:100%; height:36px; width:281px;}
.h_ul li a{margin:0; padding:0;}

#middle_contents{margin:30px 0;}
#middle_contents h3{margin:0; padding:0 0 30px 0;}
#news_space{width:580px; margin:0; padding:0;}
#blog_space{width:279px; margin:0; padding:0 0 0 10px; border-left:1px dotted #ccc;}
ul#arrow_ul{ list-style:none; margin:0; padding:0 0 0 10px;}
#arrow_ul li{background:url(images/arrow01.gif) no-repeat 0 10px; font-size:12px; margin:0 0 10px 0; padding:0 0 0 20px; line-height:240%; border-bottom:1px dotted #999;}
#arrow_ul li a{color:#666; text-decoration:none;}
#arrow_ul li a:hover{color:#09F;}

#arrow_ul li img{vertical-align:middle;}

#bottom_contents{height:260px;}
#bottom_contents h3{margin:0; padding:0 0 20px 0;}
#bana_space{width:595px;}
#Contact_space{width:279px; margin:0; padding:0 0 0 10px; height:240px; border-left:1px dotted #999;}
#Contact_space p{margin:10px 0 0 20px;}

#Twitter_space{width:279px; margin:-10px 0 0 0; padding:0 0 0 10px; height:240px; border-left:1px dotted #999;}

ul#twitter_update_list{ list-style:none; margin:0; padding:0 0 0 10px;}
#twitter_update_list li{background:url(images/tw_arrow.gif) no-repeat 0 5px; font-size:12px; margin:0 0 10px 0; padding:0 0 5px 20px; line-height:140%; border-bottom:1px dotted #999;}
#twitter_update_list li a{color:#666; text-decoration:none;}
#twitter_update_list li a:hover{color:#09F;}

#Footer{margin:0; padding:0; height:100px; width:890px; text-align:center;}
#Footer p{color:#FFF; font-size:10px; margin:0; height:38px;}
#Footer p a{color:#FFF; letter-spacing:1px; font-size:12px; text-decoration:none;}
#Footer p a:hover{color:#09F;}
.pt15{padding:9px 0 0 0;}
.pt20{padding:20px 0 0 0;}


#contents{width:595px; margin:0 0 30px 0; padding:0; float:right;}
.message{font-size:16px; font-weight:normal; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; line-height:180%;}
.service_title{background:url(images/left_blue_line.gif) repeat-y 0 0; padding:0 0 0 20px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; margin-bottom:30px;}
.service_title2{background:url(images/left_green_line.gif) no-repeat 0 0; padding:0 0 0 20px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; margin-bottom:30px;}
.service_title3{background:url(images/left_orange_line.gif) no-repeat 0 0; padding:0 0 0 20px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; margin-bottom:30px;}
.service_title4{background:url(images/left_pink_line.gif) no-repeat 0 0; padding:0 0 0 20px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; margin-bottom:30px;}
.service_title5{background:url(images/left_navie_line.gif) no-repeat 0 0; padding:0 0 0 20px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; margin-bottom:30px;}
.service_title6{background:url(images/left_red_line.gif) no-repeat 0 0; padding:0 0 0 20px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; margin-bottom:30px;}
.service_title7{background:url(images/left_pur_line.gif) no-repeat 0 0; padding:0 0 0 20px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W6", メイリオ, Meiryo, sans-serif; margin-bottom:30px;}
.line{margin-top:40px;}
.es_bt{width:182px; height:28px; display:block; margin:-55px 0 30px 410px;}

table{font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, sans-serif;}
table a{text-decoration:none; color:#333;}
table a:hover{text-decoration:none; color:#09F;}
table.com{background:#CCC;}
.com th{background:#9CF;}
.com td{background:#FFF;}
table.his{background:#FFF;}
.his th{vertical-align:top;}
table.contact{margin-bottom:30px;}
.contact th{background:#9CF;}
.contact td{background:#efefef;}
.white{background:#FFF; margin:-2px; padding:5px;}

#side{width:250px; margin:0 0 50px 0; padding:0; float:left;}

ul.service_menu{list-style:none; margin:0 0 0 15px; padding:0;}
.service_menu li h3{font-size:14px; background:url(images/menu_line.gif) no-repeat bottom; padding-bottom:10px; margin-left:-32px; padding-left:32px; line-height:100%; margin-top:-5px;}
.service_menu li h3 a{text-decoration:none; color:#323232;}
.service_menu li.blue{background:url(images/blue_arrow.gif) no-repeat 0 0; margin:0; padding:0 0 0 20px; color:#09F;}
.service_menu li.blue a:hover{color:#09F;}
.service_menu li.green{background:url(images/green_arrow.gif) no-repeat 0 0; margin:0; padding:0 0 0 20px; color:#090;}
.service_menu li.green a:hover{color:#090;}
.service_menu li.orange{background:url(images/orange_arrow.gif) no-repeat 0 0; margin:0; padding:0 0 0 20px; color:#F60;}
.service_menu li.orange a:hover{color:#F60;}
.service_menu li.pink{background:url(images/pink_arrow.gif) no-repeat 0 2px; margin:0; padding:0 0 0 20px; color:#e56c6c;}
.service_menu li.pink a:hover{color:#e56c6c;}
.service_menu li.navie{background:url(images/navie_arrow.gif) no-repeat 0 2px; margin:0; padding:0 0 0 20px; color:#000b61;}
.service_menu li.navie a:hover{color:#000b61;}
.service_menu li.win{background:url(images/red_arrow.gif) no-repeat 0 2px; margin:0; padding:0 0 0 20px; color:#ac0000;}
.service_menu li.win a:hover{color:#ac0000;}
.service_menu li.pur{background:url(images/pur_arrow.gif) no-repeat 0 2px; margin:0; padding:0 0 0 20px; color:#9c71b7;}
.service_menu li.pur a:hover{color:#9c71b7;}

ul.service_menu li ul.sub{list-style:none; margin:-5px 0 15px -30px; padding:0 0 10px 30px; font-size:14px; background:url(images/menu_line.gif) no-repeat bottom;}
ul.service_menu li ul.sub li{line-height:160%;}
ul.service_menu li ul.sub li a{color:#666; text-decoration:none;}
ul.service_menu li ul.sub li a:hover{color:#09F;}

ul.service_menu li.pink ul.sub li a{ text-decoration:none; background:url(images/pink_s_arrow.gif) no-repeat 0 50%; padding-left:10px;}
ul.service_menu li.pink ul.sub li a:hover{color:#e56c6c;}

ul.service_menu li.navie ul.sub li a{ text-decoration:none; background:url(images/navie_s_arrow.gif) no-repeat 0 50%; padding-left:10px;}
ul.service_menu li.navie ul.sub li a:hover{color:#000b61;}

.es_box{margin:30px 0 0 0; padding:1px; border:1px solid #ccc; width:246px;}
.hosting_box{margin:20px 0 0 0; padding:2px 0; border:1px solid #ccc; width:248px; text-align:center;}
.hosting_box h2{margin:0 0 3px 0; padding:0;}
.hosting_box p{margin:0; padding:0;}


.n_m{width:150px;}
.mass{height:70px; width:243px;}

ul.cus{margin:30px 0 0 0; padding:0; list-style:none; font-size:12px; line-height:180%;}

ul.pri{font-size:14px; line-height:180%; margin:0; padding:0 0 0 20px;}

.red{color:#F00;}

.s{font-size:10px; color:#CCC; font-weight:normal;}

.w480{width:480px;}

.toptop{text-align:right; margin-top:30px; clear:both;}
.toptop p{font-size:12px;}
.toptop p a{color:#666; text-decoration:none;}
.toptop p a:hover{color:#09F;}

.toptop2{margin-top:30px;}
.toptop2 p{font-size:12px;}
.toptop2 p a{color:#666; text-decoration:none;}
.toptop2 p a:hover{color:#09F;}

ul.hosting_img{list-style:none; margin:0; padding:0;}
.hosting_img li{margin:0 0 20px; padding:0;}

.searchbox{margin:0 0 0 650px; padding:5px 5px 10px 5px; width:230px; height:20px; background:url(images/search_bg.gif) no-repeat; display:block; text-align:center;}
.searchbox form{margin:-4px 0 0 0;}
.searchbox form input{margin:0; padding:0;}
.searchbox form input.te{width:170px;}


.info_date{color:#09F;}

ol{font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, sans-serif;}

ul.side_bana{list-style:none; margin:0; padding:0;}

.mr30{margin-right:30px;}
.vtop{vertical-align:top;}

p.cb{margin:0; padding:0;}