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

*{
	margin: 0px;
	padding:0px;
	border:0;
}

body {
	background-color: #FFFFFF;
	color: #666666;
}

a{
	color:#0066bd;
	text-decoration:underline;
}

a:hover{
	color:#000000;
	text-decoration:none;
}

h1{
	background-color: #ffffff;
	margin-bottom: 25px;
}

b {
font-weight:bold;
color:#333333;
}

#con {
	margin:0 auto;
	width: 640px;
}

/* ------------------------------
ヘッダー
------------------------------ */

.header {
	width: 640px;
	height:180px;
	position:relative;
}

.header .logo{
padding:25px 0 0 0;
width:459px;
position:absolute;
}

.header .guide{
position:absolute;
top:21px;
right:0;
}

.header .guide li{
float:left;
margin-left:12px;
list-style:none;
}

.header .guide01 a{ 
background:url(../images/header_top.gif) no-repeat;
text-indent:-9999px;
width:32px;
height:12px;
display:block;
}

.header .guide01 a:hover{
background-position:0 -12px;
}

.header .guide02 a{ 
background:url(../images/header_info.gif) no-repeat;
text-indent:-9999px;
width:84px;
height:12px;
display:block;
}

.header .guide02 a:hover{
background-position:0 -12px;
}

.header .tell{
position:absolute;
top:47px;
right:0;
}


.header .navi{
position:absolute;
margin-top:104px;
}

.header .navi li{
list-style:none;
float:left;
}

.header .navi01 a{ 
background:url(http://www.fun-c.net/tst/images/header_menu01.gif) no-repeat;
text-indent:-9999px;
width:48px;
height:45px;
display:block;
margin-right:69px;
}

.header .navi01 a:hover{
background-position:0 -45px;
}

.header .navi02 a{ 
background:url(http://www.fun-c.net/tst/images/header_menu02.gif) no-repeat;
text-indent:-9999px;
width:72px;
height:45px;
display:block;
margin-right:67px;
}

.header .navi02 a:hover{
background-position:0 -45px;
}

.header .navi03 a{ 
background:url(http://www.fun-c.net/tst/images/header_menu03.gif) no-repeat;
text-indent:-9999px;
width:105px;
height:45px;
display:block;
margin-right:69px;
}

.header .navi03 a:hover{
background-position:0 -45px;
}

.header .navi04 a{ 
background:url(http://www.fun-c.net/tst/images/header_menu04.gif) no-repeat;
text-indent:-9999px;
width:51px;
height:45px;
display:block;
margin-right:71px;
}

.header .navi04 a:hover{
background-position:0 -45px;
}

.header .navi05 a{ 
background:url(../images/header_menu05.gif) no-repeat;
text-indent:-9999px;
width:88px;
height:45px;
display:block;
}

.header .navi05 a:hover{
background-position:0 -45px;
}

/* ------------------------------
フッター
------------------------------ */
.footer{
	width: 640px;
	float:left;
	clear: both;
	margin-top: 30px;
	display:block;
	height: 80px;
}

.footer .column{
float:left;
margin-right:18px;
}


.footer .column a{
text-indent:-9999px;
background:url(../images/column_banner.gif)  no-repeat;
width:110px;
height:38px;
display:block;
}

.footer .column a:hover{
background-position:0 -38px;
}


/* ------------------------------
左メニューdesign
------------------------------ */
.rightmenu{
	width:110px;
	display:block;
	float:left;
	margin-right:18px;
}

.rightmenu li{
list-style:none;
margin-bottom:20px;
}

.rightmenu .design01 a{
	display:block;
	background:url(../images/d_menu01.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .design01 a:hover{
background-position:-110px 0;
}

.rightmenu .design02 a{
	display:block;
	background:url(../images/d_menu02.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .design02 a:hover{
background-position:-110px 0;
}

.rightmenu .design03 a{
	display:block;
	background:url(../images/d_menu03.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .design03 a:hover{
background-position:-110px 0;
}

.rightmenu .design04 a{
	display:block;
	background:url(../images/d_menu04.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .design04 a:hover{
background-position:-110px 0;
}

.rightmenu .design05 a{
	display:block;
	background:url(../images/d_menu05.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .design05 a:hover{
background-position:-110px 0;
}

.rightmenu .work01 a{
	display:block;
	background:url(../images/w_menu01.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .work01 a:hover{
background-position:-110px 0;
}

.rightmenu .work02 a{
	display:block;
	background:url(../images/w_menu02.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .work02 a:hover{
background-position:-110px 0;
}

.rightmenu .company01 a{
	display:block;
	background:url(../images/c_menu01.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .company01 a:hover{
background-position:-110px 0;
}

.rightmenu .company02 a{
	display:block;
	background:url(../images/c_menu02.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .company02 a:hover{
background-position:-110px 0;
}

.rightmenu .company03 a{
	display:block;
	background:url(../images/c_menu03.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .company03 a:hover{
background-position:-110px 0;
}

.rightmenu .company04 a{
	display:block;
	background:url(../images/c_menu04.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .company04 a:hover{
background-position:-110px 0;
}

.rightmenu .company05 a{
	display:block;
	background:url(../images/c_menu05.gif) no-repeat;
	text-indent:-9999px;
	width:110px;
	height:26px;
}
.rightmenu .company05 a:hover{
background-position:-110px 0;
}

/* ------------------------------
コンテンツトップ
------------------------------ */
.main {
	width: 640px;
	margin: 0 0 0 0;
}

.main h2 {
background:url(../images/top_tx01.gif) no-repeat;
text-indent:-9999px;
height:25px;

}

.main h3 {
background:url(../images/top_tx02.gif) no-repeat;
text-indent:-9999px;
height:25px;
}

.main h4 {
background:url(../images/top_tx03.gif) no-repeat;
text-indent:-9999px;
height:25px;
}

p {
	font-size:11px;
	line-height:130%;
	color:#888888;
	margin-bottom:20px;
}

/* ------------------------------
コンテンツエリア
------------------------------ */

.contents{
	float: left;
	width: 512px;
	margin: 0 0 0 0;
}

.contents .tx{
	font-size:70%;
	line-height:150%;
	margin-top: 15px;
	}

.photo {
	width: 512px;
	list-style:none;
	margin-bottom: 20px;
}

.title {
	margin-top:25px;
	display: block;
}

/* ------------------------------
事例・作品
------------------------------ */
.photocontents{
	display:block;
}

#photoList{

}

#photoList li {
	list-style: none;
	float: left;
	font-family:"Franklin Gothic Book", "小塚ゴシック Pro M";
	margin-right: 3px;
	height:114px;
}
#photoList p {
	font-size:11px;
	line-height: 110%;
}
#photoList li img {
	width:125px;
	height:111px;
}
#photoList li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	min-height: 1px;
	margin-top: 15px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.contents .top{
	text-align:right;
	font-size:70%;
	margin-top: 20px;
}

/* ------------------------------
納品まで
------------------------------ */

.worktx{
margin-top:35px;
}

.worktx span{
font-weight:bold;
color:#000000;
}

/* ------------------------------
価格表
------------------------------ */

.workseat{
	margin-bottom:20px;
	font-size:x-small;
	color:#888888;
	border-collapse: collapse;	border-spacing: 0;
}

.workseat .tleft{
width: 2%; white-space: nowrap;
}

.workseat th{
padding-bottom:2px;
}

.workseat td{
padding-left:15px;
}

/* ------------------------------
会社概要
------------------------------ */

.company{
	width: 512px;
	margin-bottom:20px;
	margin-top:20px;
	font-size:11px;
	color:#888888;
	border-collapse: collapse;	border-spacing: 0;
}

.company th,td{
	padding:5px;
}

.company th	{
	border-bottom: 1px solid #DDD;
	color:#333333;
}

.company td	{
	border-bottom: 1px solid #DDD;
}

.pr ul{
font-size:70%;
line-height:150%;
padding:10px;
margin:5px;
list-style:disc;
color:#888888;
}

/* ------------------------------
お問い合わせ
------------------------------ */

.maininfo{
	border:1px solid #dddddd;
}