/* CSS Document */
body{margin:0;padding:0;text-align:center}
h1,h2,h3,h4,p,a,div,dl,dt,dd,ul,li,object,span,select,option,table,tr,td,address{margin:0;padding:0}
img{margin:0;padding:0;border:none}
a{color:#0099CC;text-decoration:underline}
a:hover{color:#999;text-decoration:none}

/*全体*/
div#wrap{background:url(../images/top_headerimgbg.jpg) repeat-x;line-height:140%;clear:both}
div#contents{width:850px;text-align:center;margin:0 auto}
div#left{width:570px;float:left;text-align:left;margin-bottom:40px}
div#right{width:257px;float:right;text-align:left}
div.area-end{clear:both}
div.catetop{float:right;padding:5px 10px}
div.catetop a{
	color: #FFF;
	font-size: 78%}
h1{
	font-size:78%;
	font-weight:normal;
	color:#FFF;
	background:#003366;
	text-align:left;
	padding:5px 10px}
h1 a{color:#FFF;text-decoration:none}
p,li{color:#333}

/*ナビ*/
#navi{width:240px}
#navi li{line-height:32px;font-size:80%;list-style-type:none}
#navi li a{
	display:block;
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #333;
	margin:0 0 0 40px;
	padding:0 0 0 30px;
	color:#333333;
	text-decoration:none}
#navi li a:hover {color:#003366;background:#EEE}
#navi li#now a{
	background: url(../images/navi_bg_now.gif) no-repeat;
	border:none;
	margin:0;
	padding:0 0 0 20px;
	color:#FFF}
#navi li#now a:hover{text-decoration:none}
#navi li.submenu a{color:#003366;padding:0 0 0 15px;background: #E2F7FF;text-decoration:none}
#navi li.submenu a:hover{text-decoration:underline}
#pageend-navi{margin:40px 0}
#pageend-navi p#back{float:left}
#pageend-navi p#totop{float:right}
div#contact{margin:0 0 45px 25px}
div#cover p.contact_warn{border: 1px solid #FF0000;padding:20px;color: #FF0000}

/*フッター*/
div#footer{
	text-align:center;
	background: url(../images/footer_bg.jpg) repeat-x top #EEE;
	margin-top:40px;
	padding-bottom:20px}
#footer div.cover{width:850px;text-align:left;margin:0 auto;position:relative}
div#coinfo{
	width:563px;
	height:127px;
	background: url(../images/address_bg.jpg) no-repeat;
	clear:both;
	margin-bottom:10px}
div#coinfo img{float:left;margin:44px 0 0 60px}
div#coinfo address{
	font-size:74%;
	text-align:left;
	font-style:normal;
	color:#333;
	float:right;
	padding-top: 24px;
	margin-right:46px;
	line-height:160%}
div#footernavi div.describe{color:#555;margin:15px 0;width:520px}
div#footernavi h3{font-size:60%;font-weight:normal;text-align:left;margin-bottom:5px}
div#footernavi p{font-size:60%}
div#footernavi ul{height:50px}
div#footernavi li{
	list-style-type:none;
	float: left;
	border-right:solid 1px #999;
	padding:0 5px;
	font-size:70%}
div#footernavi .end{border:none}
div#rights{
	clear:both;
	color:#333;
	padding:0 0 40px 0;
	font-family: "Times New Roman", Times, serif;
	text-align:center}
p#validator{position: absolute;left: 581px;top: 70px}

/*トップページ*/
div#headline img{float:left}
div#headline .description h2{font-size:105%;color:#003366;font-weight:normal;margin-bottom:5px;line-height:110%}
.description p{font-size:80%}
div#bodynavi{background: url(../images/top_bodynavi.jpg) no-repeat;padding:10px 0 50px 110px;clear:both}
div#bodynavi select{margin:40px 0 0 0}
div#info{padding:10px;background: url(../images/top_infoimg.jpg) no-repeat right 50%;margin-right:40px}
div#info ul{margin:10px 30px}
div#info li{
	line-height:200%;
	list-style-type: none;
	font-size:80%;
	background:url(../images/icon01.jpg) no-repeat 0 50%;
	padding-left:20px}
div#info span.new{background: url(../images/icon_new.jpg) no-repeat right top;padding:5px 34px 5px 0}
div#info span.upimg{background: url(../images/icon_up.jpg) no-repeat right top;padding:5px 34px 5px 0}
div#concept{margin:10px 0}
div#concept .description{margin:0 20px}
div#concept .description img{margin-bottom:10px}
div#concept .description h3{color:#003366;font-weight:normal;margin-top:16px;font-size: 95%}
div#concept h3{padding:50px 0 0 0}
div#concept h3.aboutweb{background: url(../images/about_web.jpg) no-repeat left top;margin-top:30px}
div#concept h3.aboutgraphic{background: url(../images/about_graphic.jpg) no-repeat left top;margin-top:60px}
div#concept h3.aboutlogo{background: url(../images/about_logo.jpg) no-repeat left top;margin-top:60px;clear:both}
div#concept p.directlink{
	list-style-type: none;
	font-size:80%;
	background:url(../images/icon01.jpg) no-repeat 0 50%;
	padding-left:15px;
	margin:10px 15px 10px 0;
	float:left}
div#wnew{margin:25px 0 0 50px}
div#wnew img{margin-bottom:10px}
div#wnew dl{margin:3px 0 10px 0;font-size:80%;color:#333}
div#wnew dt{color:#79AE3B}
div#blognew{margin:10px 0 0 50px;padding:10px 0 0 0;background:url(../images/blog_line.gif) repeat-x top left}
div#blognew dl{margin:0px 0 10px 0;font-size:80%;color:#333;padding:0 0 10px 0;background:url(../images/blog_line.gif) repeat-x bottom left}
div#blognew dt{color:#79AE3B; font-size:85%; padding:5px 0 0 0}
div#blognew dd{line-height:120%}
div#sidebn{margin:10px 0 0 50px;width:75%}
div#sidebn img{margin-bottom:10px}
div#range{margin: 0 20px}
div#range h3{
	color:#003366;
	font-weight:normal;
	border-bottom:1px #003366 solid;
	padding: 20px 10px 5px 10px;
	clear:both}
div#range p{font-size:80%;padding:5px 10px 0 10px}
div#range strong{font-size:150%}

/*下層ページ　全体*/
div#cover h2{font-size:190%;line-height:150%;color:#003366;font-weight:normal;margin-bottom:20px}
div#cover h3{
	color:#003366;
	font-weight:normal;
	margin:36px 0 20px 0;
	padding-left:7px;
	border-left:solid 5px #003366}
div#cover h4{
	color:#003366;
	font-weight:normal;
	margin:30px 0 15px 0;
	padding-left:7px;
	border-bottom:solid 1px #003366}
div#cover p{margin-bottom:15px;font-size:80%}
div#cover ul{margin:10px 20px;font-size:80%}
div#cover li{line-height:160%;background: url(../images/icon02.jpg) no-repeat 0 50%;padding-left:15px;list-style-type: none}
div#cover table{
	font-size:80%;
	color:#003366;
	font-weight:normal;
	margin:20px 0 10px 20px}
div#cover td{padding:5px 10px}
div#cover td.left{border-left:solid 5px #79AE3B;background:#EEE;width:140px}
div#cover td.right{border:solid 1px #EEE;width:320px}
div#cover td.left2{border-left:solid 5px #79AE3B;background-color:#EEE;width:100px}
div#cover td.right2{border:solid 1px #EEE}
div#cover td.right3{border:solid 1px #EEE;width:220px}
div#cover td.unit{border:solid 1px #EEE}
div#cover p.notes{margin-left:30px;color:#91883A;font-size:68%}
div#cover .related{border:solid 1px #AAA;background-color:#E2F7FF;margin:20px 0;clear:both}
div#cover .related ul{margin:10px 20px}
div#cover .related li{line-height:160%;background: url(../images/icon02.jpg) no-repeat 0 50%;padding:2px 0 2px 15px;list-style-type: none}
.layoutleft{float:left;margin:0 10px 5px 0}
.layoutright{float:right;margin:0 0 5px 10px}
div.imgarea img{float:left;margin:5px 10px 10px 0;border:solid 1px #CCC}

/*制作実績共通*/
.works{width:570px;margin:30px 0}
.works p{display:none}
.works div{width:141px;height:90px;float:left;text-align:center}
.works div img{border:1px solid #DDD;margin-bottom:5px}
.clear{clear:both}

/*webデザイン*/
div#cover div.flow{
	margin:30px 0;
	padding:10px 20px;
	border-top: dotted 1px #003366;
	border-bottom: dotted 1px #003366}
div#cover div.flow h3{
	border:none;
	font-size:110%;
	margin-bottom:5px;
	background: url(../images/icon03.jpg) no-repeat 0 50%;
	padding:5px 0 5px 35px}
div#cover div.hpspec{margin:20px 10px 20px 0;color:#333}
div#cover div.hpspec ul{margin:5px 20px;padding:0}
div#cover div.hpspec li{list-style-type: circle;background-image: none;padding:0;margin:0 10px}
div#cover div.hpspec ul.browser{float:left}
div#cover p.price_ex{background: url(../images/icon01.jpg) no-repeat 0 50%;margin-left:20px;padding-left:20px}
p.detail{background: url(../images/icon01.jpg) no-repeat 0 50%;padding-left:20px}

/*3D*/
div#cover .digest dt{float:left;width:160px}
div#cover .digest dd{float:right;font-size:80%;width:370px;margin-top:20px}
div#cover .digest img{margin:20px}
div#cover .dsample dl{
	font-size:80%;
	float:left;
	width:190px;
	margin:20px 0;
	text-align: center}
div#cover .dsample h4{clear:both}
div#cover .dsample p.notes{clear:both}
div#cover .dsample li.bgno{background-image:none}

/*会社概要・求人*/
#prof dl{font-size:80%;margin-left:10px;clear:both}
#prof dt{color:#003366;margin-bottom:15px;float:left;width:90px}
#prof dd{color:#333;margin-bottom:15px;float:right;width:470px}
#prof dd ul{font-size:100%;margin:0}
#prof dd li{background-image: none;padding:0}

/*サイトマップ*/
div#sitemap{margin-bottom:60px}
div#sitemap li{background-image:none;list-style-type: circle;padding:0}
div#sitemap li.sublist{margin-left:30px;line-height:200%}

/*お問合せ*/
.phone{margin:0 0 0 30px}
.phone span{color:#CC6600;font-size:300%;line-height:160%}
#form2{width:500px}
#form2 td{border-bottom:solid 1px #CCC}
td.mfconfirmtdleft{
	padding:10px;
	width:170px;
	font-size:100%;
	border-bottom: solid 1px #CCC}
td.mfconfirmtdlright{padding:10px;width:330px;font-size:100%;border-bottom: solid 1px #CCC;color: #666}
#cover p.co_note{font-size:70%}

/*運営サイト*/
div.siteintro img{float:left;margin-right:20px}
div.siteintro dl{font-size:80%;color:#333}
div.siteintro dd{margin-bottom:10px}

/*光ファイバー*/
div#cover table.hikaritable1{margin:0 auto 5px;padding:0;width:560px;border-top:1px solid #CCC}
div#cover table.hikaritable1 th,
div#cover table.hikaritable1 td{padding:5px 10px;line-height:130%;border-bottom:1px solid #CCC}
div#cover table.hikaritable1 th{font-weight:bold;background: url(../usen/images/bg_th.jpg) repeat-x;}
div#cover table.hikaritable1 td.ucom{background-color:#ECF6FF;font-weight:bold}
#hikari-outlineimg{width:230px;float:left}
div#cover #hikari-outlineimg p{font-size:70%;line-height:130%}
div#cover #hikari-quality{margin-left:260px}
div#cover #hikari-quality dl{font-size:80%;line-height:150%;margin:0;padding:0 0 40px 0;color:#333}
div#cover #hikari-quality dt{border:1px solid #CCC;padding:3px 7px;font-weight:bold;margin:15px 0 5px}
#hikari-giga-ex{border-bottom:1px solid #CCC;width:560px;margin:0 auto}
#hikari-giga-ex dl{
	font-size:80%;
	line-height:150%;
	margin:0;
	padding:0 5px 0 10px;
	color:#333;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC}
#hikari-giga-ex dl dt,
#hikari-giga-ex dl dd{padding:5px 0}
#hikari-giga-ex dl dt{width:220px;float:left;color:#003366;font-weight:bold}
#hikari-giga-ex dl dd{margin-left:235px}

/*リンク*/
#links ul.leftlinks{float: left;margin:0;padding:0}
#links ul.rightlinks{float: right;margin:0;padding:0}

/*マイナス6%*/
div#minus6{}
div#minus6 li{
	background-image: none;
	list-style-type: decimal;
	padding-left:0;
	margin:20px 0;
	color:#003366}
div#minus6 li span{font-size:80%;color:#333}

/*FAQ*/
div#cover div.faq{margin:30px 0;padding:10px 20px;border-top: dotted 1px #003366;border-bottom: dotted 1px #003366}
div#cover div.faq h3{
	border:none;
	font-size:110%;
	margin-bottom:15px;
	background: url(../images/icon03.jpg) no-repeat 0 50%;
	padding:5px 0 5px 35px}
div#cover div.faq h3 a{text-decoration:none}
div#cover ul.faqlist{margin-bottom:30px}
div#cover ul.faqlist li{line-height:220%}
div#cover div.faq_answer{background-color: #F9F9F9;border: solid 1px #DDD;padding: 30px 30px 0 30px;margin:30px 0 60px 0}
div#cover p.answernavi{text-align: center;margin:50px auto}

/*プライバシー*/
ol#privacy{color: #333;font-size: 74%}
ol#privacy li{background: none;list-style-type: decimal;padding:5px 0 10px 0}
ol#privacy span{color: #003366}
ol#privacy ul#pmorenotice{font-size:90%}
ol#privacy ul#pmorenotice li{list-style-type: circle;padding:0}

/*404*/
div#cover h2#fnfp{font-size:350%}