@charset "utf-8";
/* CSS Document */

/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset,textarea, p, blockquote, th, td{
	margin: 0; 
	padding: 0;
	font-size: small;
	line-height: 1.6;
	color: #666666;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-shadow: 1px 1px 0px #fff;
}

a {
	text-decoration: none;
	color: #1d3994;
}

a:hover {
	color: #0000ee;
	text-decoration: underline;
}

a:visited {
	color: #941d55;
}

html{
	overflow-y: scroll;
}

img {
	border: none;
	vertical-align: top;
}

ul{
	list-style:none;
}

fieldset, img{
	 border: none;
	 vertical-align: top;
}

table{
	border-collapse: collapse; 
	border-spacing: 0;
}

caption, th{
	text-align: left;
}

address, caption, cite, code, dfn, em, var{
	font-style: normal; 
	font-weight: normal;
}



/*text*/
 

body {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
text-shadow: 1px 1px 0px #fff;
font-size:14px;
*font:x-small;
color:#666;
}

input, textarea {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

table {
    font-size:inherit;
    font:100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.text24 { font-size:24px;}
.text30 { font-size:30px;}
.text32 { font-size:32px;}



/*■■■■■cmn■■■■■*/

div.content {
	width: 1000px;
	margin: 0 auto;
}

a.clear:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

ul#hdnav,
ul#topnav,
div#container,
.pagination,
#main {
	/zoom : 1;
}

ul#hdnav:after,
ul#topnav:after,
div#container:after,
.pagination:after,
#main:after{
	content : '';
	display : block;
	clear : both;
}



body {
	background: #f2f2f2;
	margin: 28px 0 0;
}



/*反転時の文字色・背景色 */
*::selection {
background: #F8E6AF;　　/* 背景色*/
color:#666666;　　/* 文字色*/
}
/* Firefox対応*/
*::-moz-selection {
background: #F8E6AF;　　/* 背景色*/
color:#666666; 　　/* 文字色*/
}


/*image半透明*/

a:hover img.hoverimg{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}

input:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}

/*■■■■■header■■■■■*/


h1 {
	float: right;
	font-size: 12px;
	margin: 0 0 10px;
}

img#logo {
	float: left;
	margin: 2px 4px 9px 8px;
}


/*■■■■■menu_nav■■■■■*/



ul#tnav {
	float: right;
	width: 397px;
}

#tnav li {
	float: right;
	margin: 0 0 0 8px;
}

ul#hdnav {
	width: 1000px;
	margin: 21px auto 26px;
	clear: both;
}

#hdnav li {
	float: left;
}

div#body {
	width: 1000px;
	margin: 0 auto;
}

div#main {
	float: left;
	width: 710px;
}




/*■■■■■footer01■■■■■*/


#footer01{
	background:url(../../image/cmn/bg_footer.png) top repeat-x #595858;
	margin:50px 0 0 0;
	padding:30px 0 15px 0;
	clear:both;
	zoom:1;
}

#footer01:after {
   content:'';
   display:block;
   clear:both;
}

#footer01 table td{
	padding:15px;
	white-space:nowrap;
	}

#footer_service_web,
#footer_service_design,
#footer_service_pc,
#footer_service_portfolio,
#footer_service_contact{
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	}

#footer_service_web{
	background: url(../../image/cmn/footer_webservice.png) no-repeat top left;
	}

#footer_service_design{
	background: url(../../image/cmn/footer_designservice.png) no-repeat top left;
	}
	
#footer_service_pc{
	background: url(../../image/cmn/footer_pcservice.png) no-repeat top left;
	}

#footer_service_contact{
	background: url(../../image/cmn/footer_contact.png) no-repeat top left;
	}

#footer_service_portfolio{
	background: url(../../image/cmn/footer_portfolio.png) no-repeat top left;
	}

#footer_start li a{
	font-weight:bolder;
	}

#footer_service_web li a,
#footer_service_design li a,
#footer_service_pc li a,
#footer_service_portfolio li a,
#footer_service_contact li a,
#footer_start li a{
	background:url(../../image/cmn/footer_triangle_red.png) no-repeat left;
	padding:0 0 0 15px;
	font-size:12px;
	color:#CCC;
	text-shadow:none;
	}

#footer01 table td#footer_info{
	padding:0 0 0 120px;
	}

#footer_info p{
	font-size:12px;
	text-shadow:none;
	color:#999;
	margin:15px 0 10px 0;
	}


/*■■■■■footer02■■■■■*/


div#footer02 {
	background: url(../../image/cmn/bg_footer02.png) repeat-x left top #2f2f2f;
	width: 100%;
	clear: both;
	padding: 18px 0;
	zoom:1;
}

div#footer02:after {
   content:'';
   display:block;
   clear:both;

	}

#footer02 ul {
	text-align: center;
	}

#footer02 li {
	border-left: 1px solid #b5b4b4;
	color: #CCC;
	display: inline-block;
	font-size: 12px;
	margin: 0 2px 0;
	padding: 0 0 0 8px;
	text-shadow:none;
}

#footer02 li a{
	color:#999;
	}
	
	
	
/*■■■■■second_footer■■■■■*/	
	
#second_footer{
	background:url(../../image/cmn/footer_cmn_bg.png) no-repeat top;
	padding:30px 0 0 370px;
	height:110px;
	margin:50px 0;
	clear:both;
	}
	
	
	
	


/*■■■■■side■■■■■*/



div#side {
	width: 247px;
	float: right;
	
}

#side img{
	margin:0 0 20px 0;
	}


#sdnav ul{
	margin:0 0 20px 0;
	}

#sdnav ul li{
	background:#e0e0e0 url(../../image/cmn/side_list.png) no-repeat left;
	padding:5px 0 5px 30px;

	font-weight:bolder;
	margin:0 0 2px 0;
	font-size:14px;
	}

#portfolio{
	background:url(../../image/cmn/side_mac.png) no-repeat top;
	height:235px;
	margin:0 0 20px 0;
	}

#billboard{width:244px; height:176px;  overflow:hidden; }
	
.slideshow{width:224px; height:136px; margin:10px; overflow:hidden;}
.slideshow li{list-style:none; float:left; display:inline; position:relative;}




#side_nav{
	background:#e5e5e5;
	padding:40px 20px 10px 20px;
	margin:0 0 20px 0;
	}


#side_nav li{
	background:url(../../image/cmn/side_triangle.png) no-repeat  5px #f2f2f2;
	border:#CCC 1px solid;
	padding:5px 5px 5px 20px;
	margin:0 0 7px 0;
	color:#999;
	width:185px;
	font-weight:bold;
	}

#side_nav li a{
	display:block;
	width:100%;
	height:100%;
	color:#666;
	}




/*■■■■■path■■■■■*/
	

#path_box{
	width:980px;
	height:30px;
	background:#e5e5e5;
	padding:10px 0 0 20px;
}



#path li{
	float:left;
	font-weight: bolder;
	margin:0 7px;
	}
	


h2{
	padding:26px 0 0 63px;
	margin:0 0 20px 0;
	}




/*■■■■■service_cmn■■■■■*/

h4.service{
	background: url(../../image/service/price/heading.png) no-repeat top left;
	padding:10px 0 0 30px;
	font-weight:bolder;
	font-size:14px;
	height:50px;
	clear:both;
	}
	
table.price {
 width: 660px;
 margin: 0px 0px 20px 20px;
 float: left;
 font-size: 13px;
 line-height: 21px;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
}

table.price th {
 font-size: 13px;
 line-height: 20px;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 padding: 5px 5px;
 width: 190px;
 background: #999;
 color: #FFF;
 text-shadow:none;
}

table.price td {
 font-size: 13px;
 line-height: 20px;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 padding: 5px 5px;
 width: 470px;
}