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

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #626162;
	line-height: 22px;
}

a{
	color: #F90;
}

img , img a{
	border: 0;
}

p{
	padding: 5px 0;
}

ul,ol{
	line-height: 150%;
	list-style-position: inside;
}
.red{
	color: #F00;
}
.bold{
	font-weight: bold;
}
.text16{
	font-size: 16px;
}
.text24{
	font-size: 24px;
}

.fleft{
	float: left;
	padding-right: 15px;
}

.cleft{
	clear: left;
}
.clear{
	clear: both;
}
.notice{
	color: #666;
}
.align-right{
	text-align: right;
}
.align-center{
	text-align: center;
}

div#wrapper{
	width: 600px;
	margin: 0 auto;
	color: #FFF;
	background-color: #323232;
}

h1{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

h2#header{
	padding-bottom: 176px;
	background-position: bottom;	
}

.header-bg-index{
	background-image: url(../img/index/bg_header.jpg);
}
.header-bg-profile{
	background-image: url(../img/profile/profile_top.jpg);
}
.header-bg-work{
	background-image: url(../img/work/work_top.jpg);
}
.header-bg-contact{
	background-image: url(../img/contact/contact_top.jpg);
}
.header-bg-gallery{
	background-image: url(../img/gallery/gallery_top.jpg);
}

/*メニュー*/
ul#header-menu{
	list-style: none;
	list-style-position: outside;
}

ul#header-menu li{
	float: left;
	height: 40px;
	margin-bottom: 15px;
}

p.text{
	padding: 5px 5px;
}

.content{
	padding: 5px 0;
}
.content2{
	padding: 5px 0;
	text-align: center;
}

.sub-content{
	margin: 0 10px 10px 10px;
	padding: 5px;
	border-bottom: solid 1px #999;
}

.weekly-work-left{
	float: left;
	width: 333px;
	padding-left: 2px;
}

.weekly-work-right{
	float: right;
	width: 260px;
	padding-right: 2px;
}

ul#sample{
	list-style: none;
	list-style-position: outside;
}

ul#sample li{
	float: left;
}

ul#contact{
	list-style: none;
	list-style-position: outside;
}

ul#contact li{
	float: left;
}

.title{
	font-size: 16px;
	color: #F90;
	margin-top: 15px;
}

.sub-title{
	font-size: 16px;
	color: #F90;
	margin: 15px 0;
	text-align: center;
}
.megaweb{
	margin: 10px auto;
	width: 520px;
}
div#footer-menu{
	color: #000;
	background-color: #999999;
	height: 35px;
	padding: 10px 0 0 18px;
}

div#footer-menu ul{
	list-style: disc;
	list-style-position: inside;
}

div#footer-menu ul li{
	float: left;
	padding-right:5px;
}
div#footer-menu ul li a{
	color: #000;
	font-weight: bold;
}

/*会社概要*/
table.campany{
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	border: solid 1px #999;
}
table.campany th{
	border: solid 1px #999;
	padding: 5px;
}
table.campany td{
	border: solid 1px #999;
	padding: 5px;
}

/*事業内容*/
table.work{
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	border: solid 1px #999;
	margin-bottom: 15px;
}
table.work th{
	width: 200px;
	border: solid 1px #999;
	padding: 5px;
}
table.work td{
	border: solid 1px #999;
	padding: 5px;
}
table.sites{
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	margin-bottom: 15px;
}
table.sites th{
	width: 200px;
	border-bottom: solid 1px #999;
	padding: 10px;
}
table.sites td{
	border-bottom: solid 1px #999;
	padding: 10px;
}


/*制作実績*/
table.gallery{
	width: 100%;
	table-layout: fixed;
	margin-bottom: 30px;
}
table.gallery td{
	vertical-align: middle;
	text-align: center;
	padding: 8px;
}

/*お問い合わせ*/
.contact-title{
	padding: 10px 5px;
	background-color: #FFF;
	color: #000;
	margin: 0 2px 2px 2px;
	font-weight: bold;
}

.contact-title a{
	color: #F00;
}