@charset "UTF-8";
/*ホームページ制作================================================================*/
h3{
background:url(../img/h3Bg.png) no-repeat;
padding:20px 20px 10px 0;
font-size:190%;
font-weight:bold;
color:#003e7b;
clear:both;
}
h3.fix{
background:url(../img/h3Bg2.png) no-repeat;
}
h4{
font-size:125%;
font-weight:bold;
color:#333333;
}
h5{
font-weight:bold;
}
p{
margin-bottom:20px;
}
.art{
width:720px;
margin:0 auto;
}
.artTopics{
	width:720px;
	margin:0 auto;
	float:right;
}
/*制作実績=============================*/
#artWorks{
	width:950px;
	margin:0 auto;
}
#artWorks h3{
	background:url(../img/h3BgL.png) no-repeat;
}
#artWorks h3.fix2{
background:url(../img/h3Bg3.png) no-repeat;
}
/*.wBox{
float:left;
width:220px;
display:inline;
margin:0 8px 40px;
}
.wBox img{
width:220px;
height:165px;
}
.wBox h4{
text-align:center;
width:220px;
height:50px;
padding-top:10px;
line-height:1.2;
background:url(../img/h4w.png) no-repeat top;
}
.wBox h4 a{
display:block;
text-align:center;
font-weight:bold;
font-size:14px;
}
.wBox h4 span{
font-size:11px;
font-weight:normal;
}
.wBox p span.title a{
}
*/
.win7
{
font-size:12px;
height:auto;
width:auto;
float:left;
background:url(../img/nav-bg.png) repeat-x top left;
width:100%;
position:relative;
margin:0 0 1em 0;
}
.win7 div
{
position:absolute;
top:0;
left:-50px;
width:366px;
height:195px;
background:url(../img/shine.png) no-repeat center;
z-index:0;
}
.win7 a
{
padding:75px 27px 0;
height:120px;
width:262px;
display:block;
z-index:2;
position:relative;
color:#000000;
font-size:11px;
line-height:1.7;
}
.win7 a:hover{
text-decoration:none;
color:#666666;
}
span.win7
{
width:auto;
overflow:hidden;
}
/*制作実績ここまで=============================*/
#senmonkanokoe{
border:#CCCCCC 1px solid;
padding:10px 10px 0;
margin-bottom:20px;
}
#senmonkanokoe h4{
font-size:24px;
}
#senmonkanokoe img{
float:left;
margin:0 10px 10px 0;
}
#senmonkanokoe p{font-size:11px; padding-left:110px;}
.flow ol{
padding-left:2em;
}
.flow li{
list-style-position:outside;
list-style-type:decimal;
margin-bottom:1em;
}
.flow img{
float:right; margin:0 0 10px 10px; width:200px;
padding:2px;
border:#CCCCCC 1px solid;
}
.flow h4{
clear:both;
margin-bottom:10px;
padding-top:60px;
background:url(../img/flowPoint.jpg) top center no-repeat;
}
.case h5{
font-weight:bold;
color:#003366;
}
.case01{
border:#e3e3e3 4px solid;
padding:1em;
margin-bottom:20px;
}
.itemCase{
width:720px;
}
p.image{
margin:0;
}
.itemCase p.image img{
float:left;
margin:0 20px 10px 0;
display:inline;
}
.text{
overflow:hidden;
zoom:1;
}
/*プラン=====================*/
.plan h3{
margin-top:20px;
}
.plan h4{
font-size:100%;
font-weight:bold;
}
.plan h4 a{
font-weight:bold;
}
.plan h5{
}
.plan table{
border:#E9E9E9 3px solid;
padding:3px;
border-collapse:separate;
margin-bottom:20px;
line-height:1.5;
}
.plan table a{
color:#009999;
font-weight:bold;
}
.plan th{
border:none;
border-right:#E9E9E9 1px solid;
border-bottom:#E9E9E9 1px solid;
}
.plan td{
text-align:right;
border:none;
border-right:#E9E9E9 1px solid;
border-bottom:#E9E9E9 1px solid;
}
ul.plan{
width:720px;
font-size:12px;
}
ul.plan li{
width:180px;
height:28px;
float:left;
}
ul.plan li a{
display:block;
width:178px;
height:28px;
padding-top:4px;
text-align:center;
border-top:#f4f4f4 1px solid;
border-left:#ffffff 1px solid;
border-right:#c0c0c0 1px solid;
background:#f4f4f4;
}
ul.plan li a.current{
background:#ffffff;
}
ul.plan li a:hover{
background:#B0C2D6;
text-decoration:none;
}

/*ソリューション================================================================*/
.itemSol{
width:720px;
margin-bottom:50px;
border-bottom:1px solid #f4f4f4;
}
.itemSol a{
font-weight:bold;
}
.itemSol p.image img{
float:left;
margin:0 20px 10px 0;
display:inline;
}
.kinou{
border:#f4f4f4 6px solid;
padding:1em;
margin-bottom:1.5em;
}
/*ドメイン・サーバー================================================================*/
#domOff{
width:720px;
height:145px;
background:url(../img/domOff.gif) no-repeat;
margin-bottom:20px;
}
div#dom01:hover{
width:720px;
height:145px;
background:url(../img/domain06.gif) no-repeat 0px -145px;
}
.artRight{
width:720px;
float:right;
}
table.server{
border:#E9E9E9 3px solid;
padding:3px;
border-collapse:separate;
margin-bottom:0px;
line-height:1.5;
}
table.server th{
border:none;
border-right:#E9E9E9 1px solid;
border-bottom:#E9E9E9 1px solid;
text-align:center;
}
table.server td{
text-align:right;
border:none;
border-right:#E9E9E9 1px solid;
border-bottom:#E9E9E9 1px solid;
text-align:center;
}
/*サポート================================================================*/
#pacSup{
width:350px;
float:right;
border-left:#CCCCCC 1px solid;
margin-left:15px;
padding-left:15px;
}
#artNav{
width:188px;
padding:10px;
height:auto;
position:relative;
float:left;
border:#CCCCCC 1px solid;
}
#artNav ul{
padding-top:10px;
}
#artNav li{
background:url(../img/list.gif) no-repeat;
background-position:0px 3px;
border-bottom:1px solid #cccccc;
text-indent:1em;
}
#artNav li a{
display:block;
color:#444444;
}
#artNav li a:hover{
background:url(../img/list.gif) no-repeat #2e5fa9;
background-position:0px 3px;
color:#FFFFFF;
}
.artFaq{
width:720px;
float:right;
}
.artFaq h3{
background:none;
}
.artFaq h4{
background:url(../img/h3Bg.png) no-repeat;
padding:20px 0 10px 0;
font-size:170%;
font-weight:bold;
color:#003e7b;
clear:both;
}
.artFaq h5{
font-size:140%;
font-weight:bold;
color:#009999;
}
.artFaq h6{
font-size:110%;
font-weight:bold;
}
.artFaq p{
padding-left:30px;
}
.sale{
padding:10px 40px 10px 40px;
margin:0 auto;
background:#F4F4F4;
margin-bottom:40px;
}
.sale h5{
font-size:110%;
font-weight:bold;
}
/*コンサルティング================================================================*/
ul#consul{
margin-bottom:20px;
padding-left:20px;
}
ul#consul li{
list-style-type:decimal;
border-bottom:1px solid #CCCCCC;
padding:5px 0;
}
/*会社概要================================================================*/
.privacy ul{
margin-bottom:20px;
padding-left:20px;
}
.privacy li{
list-style-type:circle;
border-bottom:1px solid #CCCCCC;
padding:5px 0;
font-size:90%;
}
ul#staffNav{
width:938px;
height:auto;
padding:5px;
border:#CCCCCC 1px solid;
}
ul#staffNav li{
float:left;
}
ul#staffNav img{
width:39px;
height:30px;
}
ul#staffNav a{
display:block;
width:39px;
height:30px;
padding:5px;
}
ul#staffNav a.current{
background-color:#86A3C1;
}
ul#staffNav a:hover{
background-color:#04427b;
}
.artSta{
width:720px;
margin:0 auto;
}
#artStaCon1{
width:275px;
height:auto;
float:left;
}
#artStaCon1 img{
width:250px;
margin-bottom:15px;
}
#artStaCon2{
width:445px;
float:right;
}
#artStaCon2 h4{
font-size:170%;
font-weight:bold;
border-bottom:1px #CCCCCC dotted;
margin-bottom:0.3em;
width:
}
/*#artStaCon2 h5{
font-size:110%;
font-weight:bold;
color:#204860;
}*/
#artStaCon2 p strong{
font-weight:bold;
color:#204860;
}
p#post{
font-weight:bold;
font-size:120%;
}
/*サイトマップ================================================================*/
.sitemap ul{
padding:10px 0 30px 20px;
}
.sitemap li{
background:url(../img/list.gif) no-repeat;
background-position:0px 3px;
border-bottom:1px solid #cccccc;
text-indent:1em;
}
.sitemap li a{
display:block;
color:#444444;
}
.sitemap ul li a:hover{
background:url(../img/list.gif) no-repeat #2e5fa9;
background-position:0px 3px;
color:#FFFFFF;
}
/*Topics＆News================================================================*/
#title{
position:relative;
height:auto;
border-bottom:2px solid #12335f;
margin-bottom:1em;
}
#title h4{
display:block;
width:550px;
margin:0;
border:0;
}
#title p{
position:absolute;
top:2px;
right:0px;
font-size:16px;
font-weight:bold;
margin:0;
}
.item{
width:720px;
margin-bottom:20px;
}
.item p.image img{
width:230px;
float:right;
margin:0 0 10px 10px;
display:inline;
}
#topicsNav{
width:210px;
height:auto;
position:relative;
float:left;
}
#topicsNav ul{
padding-top:10px;
}
#topicsNav li{
background:url(../img/list.gif) no-repeat;
background-position:0px 3px;
border-bottom:1px solid #cccccc;
padding:0 0 0 1em;
margin:0 0 0.2em;
}
#topicsNav li a{
display:block;
color:#444444;
}
#topicsNav li a:hover{
background-position:0px 3px;
text-decoration:underline;
}
/*リンク集================================================================*/
.links ul{
margin-bottom:20px;
padding-left:20px;
}
.links li{
list-style-type:circle;
border-bottom:1px solid #CCCCCC;
padding:3px 0;
}
#links01{
float:left;
width:200px;
height:auto;
}
#links02{
float:right;
width:500px;
height:auto;
}
/*yokota================================================================*/
p.title_topics01 {
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 0px;

	padding: 0.2em 0.6em;
	border: 1px solid #cccccc;
	color:#333333;
	font-size: 125%;
	font-weight: bold;
}
p.title_topics02 {
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 0px;

	padding: 0.2em 0.6em;
	border: 1px solid #cccccc;
	color:#333333;
	font-size: 125%;
	font-weight: bold;
}
#topicsNav a.current {
color:#003e7b;
text-decoration:underline;
font-weight:bold;
}