/* CSS Document */
a{
	/* \*/
	overflow:hidden;
	/* */
	outline:none;
	text-decoration:none;
	color:#0066CC;
}
a:link{
	text-decoration:none;
	color:#0066CC;
}
a:visited{
	text-decoration:none;
	color:#0066CC;
}
a:hover{
	text-decoration:none;
	color: #3399FF;
}

/* layout */
body{
	margin:0px auto;
	text-align:center;
	background:url(images/body_bg.jpg) no-repeat center top;
	color:#555555;
	font-size:12px;
	line-height:1.4;
}
#container{
	text-align:center;
	background:url(images/container_bg.jpg) repeat-y;
	width:840px;
	margin:auto;	
}
#header{
	background:url(images/header_bg.jpg) no-repeat;
	height:76px;
	padding:0px 5px 0px 30px;
}
#contents{
	width:760px;
	margin:auto;
	margin-top:20px;
}
#side{
	float:left;
	margin-bottom:20px;
	width:247px;
}
#main{
	float:right;
	width:490px;
	margin-bottom:20px;
	text-align:left;
}
#footer{
	background:url(images/footer_bg.jpg) no-repeat top;
	background-color:#FFFFFF;
	padding-top:20px;
	font-size:11px;
	clear:both;
}

/* footer */
.footer_navi{
	margin-bottom:3px;
}
.footer_navi a{
	color:#555555;
	padding:5px 10px 2px 10px;
}
.footer_navi a:hover{
	color: #0066CC;
	background:#C4E1FF;
}

/* side contact */
.side_contact{
	background:url(images/side_contact_bg.jpg) repeat-y;	
}
.side_contact a{
	background:url(images/side_contact_btn.jpg) no-repeat;
	display:block;
	margin:auto;
	width:164px;
	height:33px;
}
.side_contact_bottom{
	background:url(images/side_contact_bottom.jpg) no-repeat;
	height:15px;
}

/* headr navi */
.logo{
	float:left;
}
#header li{
	float:left;
}
#header li a{
	display:block;
}
.header_right{
	float:right;
	width:600px;
}
.header_navi{
	float:right;
}
li.header_navi_01 a{
	width:73px;
	height:30px;
	background:url(images/header_navi_01.jpg) no-repeat top;
}
li.header_navi_02 a{
	width:108px;
	height:30px;
	background:url(images/header_navi_02.jpg) no-repeat top;
}
li.header_navi_03 a{
	width:118px;
	height:30px;
	background:url(images/header_navi_03.jpg) no-repeat top;
}

.navi{
	float:right;
	margin:3px 5px 0px 0px;
}
li.navi_01 a{
	width:110px;
	height:34px;
	background:url(images/navi_01.jpg) no-repeat top;
}
li.navi_02 a{
	width:110px;
	height:34px;
	background:url(images/navi_02.jpg) no-repeat top;
}
li.navi_03 a{
	width:110px;
	height:34px;
	background:url(images/navi_03.jpg) no-repeat top;
}

/* main */
h1{
	margin:0px;
}
h2{
	margin:0px;
}
h3{
	margin-bottom:20px;
}
.top_banner h3{
	margin:0px;
	margin-bottom:20px;
	float:left;
}
.top_banner{
	margin-bottom:15px;
}
.box01{
	padding:20px;
	/*background:#EEE;*/
	border:solid 1px #DDD;
	width:360px;
	margin:10px auto;
	text-align:center
}
.box02{
	padding:10px;
	border:solid 1px #DDD;
	margin:10px 0px;
	text-align:center;
	font-size:11px;
}

/* TOP infomation */
.info{
	background:url(images/info_bg.jpg) repeat-y;
}
.info_top{
	background:url(images/info_top.jpg) no-repeat;
	height:32px;
}
.info_top2{
	background:url(images/title_topix.jpg) no-repeat;
	height:32px;
}

.info_text{
	text-align:left;
	padding:3px 15px;
}
.info_text dd{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:dotted 1px #DDDDDD;
}

.info_bottom{
	background:url(images/info_bottom.jpg) no-repeat;
	height:16px;
}

/* shop */
.shop{
}
.shop img{
	border:solid 1px #DDD;
}
.shop_text{
	padding:10px;
	background-color:#efefef;
	width:222px;
}

/* sitemap */
ul.sitemap{
	text-align:left;
}
ul.sitemap li a{
	display:block;
	text-indent:10px;
	border-bottom:dotted 1px #DDD;
	height:50px;
	line-height:50px;
}
ul.sitemap li a:hover{
	color: #0066CC;
	background:#C4E1FF;
	text-indent:15px;
}

/* 会社概要 */
table.company{
	width:100%;
	text-align:left;
	border:solid 1px #DDD;
}
table.company th{
	width:20%;
	padding:10px;
	background-color:#efefef;
	border-bottom:solid 1px #DDD;
}
table.company td{
	width:80%;
	padding:10px;
	border-bottom:dotted 1px #DDD;
}

/* contact */
.contact{
	background:url(images/contact_bg.jpg) no-repeat;
	height:87px;
	width:509px;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
}
.contact a{
	display:block;
	width:229px;
	height:66px;
	background:url(images/contact_btn.jpg) no-repeat top;
	margin:auto;
}

/* 実績紹介 */
#works_lightbox a img{
	border:6px solid #dddddd;
	margin-left:1px;
	margin-bottom:1px;
}
#works_lightbox a:hover img{
	border:6px solid #3399CC;
}

/*制作実績ページ*/
#works_main{
	width:490px;
	margin-bottom:20px;
	text-align:left;
	margin:0 auto;
	padding:10px 0 0 0;
}

.works_logo{
	padding:0 0 0 290px;
	float:left;
}
.rakuteno_bnr{
padding:10px 0 0 0;
}

.side_under_bnr{
margin:5px auto 0 auto;
padding:12px 0 0 0;
width:248px;
height:47px;
background-image:url(images/side_bnr_bg.jpg);
background-repeat:no-repeat;
}

.side_bnr_box{
padding:5px 0 0 0;
}

.side_under_bnrg{
margin:5px auto 0 auto;
padding:12px 0 0 35px;
width:248px;
height:47px;
background-image:url(images/side_bnr_bg.jpg);
background-repeat:no-repeat;
}