@charset "utf-8";

@import url("style.css");

/* ----------------------------------------------
	format styles
---------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;
}
body{line-height:1;}
blockquote,q {quotes:none;}
ol,ul {list-style:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:normal;}

/* ----------------------------------------------
	base styles
---------------------------------------------- */
html {
	-webkit-text-size-adjust:none;
	overflow-y:scroll;
}

body {
	font: normal 80%/160% Verdana,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; 
	/*font-size: 75%; フォントサイズ 14px　（75%だと12pxになるような気がします。14pxなら80.6%?） */
	color:#555;
	letter-spacing:0;
	text-align:left;
	text-decoration:none;
}

/* clearfix */
div:after,ul:after,dl:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* link */
a,
a:link,
a:visited,
a:active {
	color: #0077E6;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

/* ----------------------------------------------
	common styles
---------------------------------------------- */
body {
	width: 100%;
	padding-bottom: 78px;
	background: url(../img/bg.gif) repeat-x bottom #FFF;
}

/* ------------------------------------------------------------ header */
#header {
	width: 936px;
	margin: 0 auto;
}

#logo a {
	float: left;
	width: 240px;
	height: 77px;
	margin-bottom: 30px;
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat;
	display: block;
}

#header dl {
	float: right;
}
#header dt a {
	float: right;
	width: 97px;
	height: 31px;
	text-indent: -9999px;
	background: url(../img/btnContact.gif) no-repeat;
	display: block;
}
#header dd a {
	float: right;
	width: 166px;
	height: 40px;
	margin-top: 3px;
	text-indent: -9999px;
	background: url(../img/btnTel.gif) no-repeat;
	display: block;
}

/* ------------------------------------------------------------ header */

/* -------------------------------------------------- nav */
#nav {
	clear: both;
	width: 936px;
}

#nav li {
	float: left;
}

#nav li a {
	height: 35px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}
#nav1 a {width:160px;background: url(../img/nav1.gif);}
#nav2 a {width:110px;background: url(../img/nav2.gif);}
#nav3 a {width:168px;background: url(../img/nav3.gif);}
#nav4 a {width:150px;background: url(../img/nav4.gif);}
#nav5 a {width:134px;background: url(../img/nav5.gif);}
#nav6 a {width:112px;background: url(../img/nav6.gif);}
#nav7 a {width:102px;background: url(../img/nav7.gif);}

/* ------------------------------------------------------------ visual */
#visual {
	background: url(../img/bgVisual.gif) #B5171C;
	position: relative;
}

.none {
	display: none;
}

/* -------------------------------------------------- headline */
#headline {
	width: 100%;
	min-height: 8px;
	background: url(../img/bgHeadline.png);
	position: absolute;
	bottom: 0;
}

/* ---------------------------------------- (only subpages) */
.sub #headline {
	height: 115px;
}

#inner {
	width: 936px;
	margin: 35px auto 0;
}

/* title */
#inner h1 {
	float: left;
	width: 175px;
	height: 30px;
	margin-top: 12px;
	margin-left: 71px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

/* individual titles */
#ttlConsulting {background: url(../img/ttlConsulting.png);}
#ttlSeo {background: url(../img/ttlSeo.png);}
#ttlMarketing {background: url(../img/ttlMarketing.png);}
#ttlDesign {background: url(../img/ttlDesign.png);}
#ttlProgram {background: url(../img/ttlProgram.png);}
#ttlCompany {background: url(../img/ttlCompany.png);}
#ttlRecruit {background: url(../img/ttlRecruit.png);}


/* caption */
#inner p {
	float: left;
	max-width: 395px;
	margin-left: 55px;
	padding: 4px 0 3px 6px;
	color: #FFF;
	font-size: 95% !important;
	letter-spacing: -0.05em;
	background: #000;
}


/* -------------------------------------------------- headword */
#headword {
	width: 936px;
	min-height: 229px;
	margin: 0 auto;
	background: url(../img/visual.png) no-repeat right top;
}

/* ------------------------------------------------------------ container */
#container {
	width: 936px;
	margin: 0 auto;
	padding: 31px 44px 10px;
	background: #FFF;
}

/* --------------------------------------------------
 home contents see style.css >> */

/* -------------------------------------------------- aside */
#aside {
	width: 200px;
	float: right;
}

#aside p {
	margin-bottom: 5px;
}

.sideTxt {
	padding-left: 7px;
}

.bgHr {
	margin-bottom: 10px !important;
	padding-bottom: 10px;
	background: url(../img/hr.gif) no-repeat bottom;
}

/* -------------------------------------------------- footer */
#footer {
	clear: both;
	width: 936px;
	padding-top: 60px;
}

#gosh {
	float: left;
	width: 280px;
	height: 65px;
	text-indent: -9999px;
	background: url(../img/contactF.gif) no-repeat;
}

#logoF a {
	float: right;
	width: 190px;
	height: 45px;
	margin-top: 10px;
	text-indent: -9999px;
	background: url(../img/logoF.gif) no-repeat;
}

#copy {
	clear: both;
	text-align: center;
}