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

/* ------------------------------
font指定
------------------------------ */

body {
font-family:"微軟正黑體","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"微軟正黑體","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"微軟正黑體","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/* ------------------------------
site共通
------------------------------ */

body{
margin:0 auto;
height:100%;
background:#ffffff url(../images/bg.png);
color:#6a6a6a;
}

#contents{
width:960px;
height:auto;
margin:0 auto 80px;
}


h1,h2,h3{
text-indent:-10000px;
overflow:hidden;
}

a{
text-decoration:none;
color:#be5759;
border-bottom:1px dotted #be5759;
}

a:hover{
color:#f5b8b9;
border-bottom:1px dotted #f5b8b9;
}

p{
line-height:160%;
}

p.bg_red{
padding:5px 5px 5px 10px;
background-color:#4c2026;
margin-bottom:10px;
}

strong{
font-weight:bold;
color:#2678f4;	
}

#wrapper {
	MARGIN: 0px auto; WIDTH: 900px; HEIGHT: auto;
}

/* ------------------------------
header
------------------------------ */
#header{
height:1078px;
width:100%;
position:relative;
margin:30px 0 20px;
}

#header h1{
height:1050px;
width:100%;
background:url(../images/header_img.png) no-repeat center;
margin:0 auto;
position:absolute;
}
/*==================================*/
/*=================================#portfolio系列=*/


#portfolio {
	MARGIN: 50px 0px 40px; 
}
#portfolio H2 {
	MARGIN: 0px auto 40px; WIDTH: 900px; BACKGROUND: url(../images/portfolio/works_10_12.png) no-repeat; HEIGHT: 42px
}
#portfolio H3 {
	TEXT-ALIGN: center; MARGIN: 0px auto 30px; WIDTH: 187px; BACKGROUND: url(../images/portfolio/title_bg.png) no-repeat; HEIGHT: 24px; COLOR: #000; FONT-SIZE: 93%; FONT-WEIGHT: normal; PADDING-TOP: 5px; text-shadow: 0px 1px 0px #FFF
}
#portfolio H4 {
	TEXT-INDENT: -10000px; MARGIN:0px 300px 0px 0px; WIDTH: 300px; BACKGROUND: url(../images/portfolio/image_bg.png) no-repeat; HEIGHT: 439px; OVERFLOW: hidden
}
#portfolio H4.cd12_01 {
	BACKGROUND: url(../images/portfolio/image01.png) no-repeat 
}
#portfolio H4.cd12_02 {
	BACKGROUND: url(../images/portfolio/image02.png) no-repeat
}
#portfolio H4.cd12_03 {
	BACKGROUND: url(../images/portfolio/image03.png) no-repeat
}
#portfolio H4.cd12_04 {
	BACKGROUND: url(../images/portfolio/image04.png) no-repeat
}
#portfolio H4.cd12_05 {
	BACKGROUND: url(../images/portfolio/image05.png) no-repeat
}
#portfolio H4.cd12_06 {
	BACKGROUND: url(../images/portfolio/image06.png) no-repeat
}
#portfolio H4.cd12_07 {
	BACKGROUND: url(../images/portfolio/image07.png) no-repeat
}
#portfolio H4.cd12_08 {
	BACKGROUND: url(../images/portfolio/image08.png) no-repeat
}
#portfolio DIV.left_item {
	MARGIN: 0px auto; WIDTH: 448px; FLOAT: left
}
#portfolio DIV.right_item {
	MARGIN: 0px auto; WIDTH: 448px; FLOAT: left
}
#portfolio DIV.left_item UL#thum {
	TEXT-ALIGN: center; MARGIN: 0px auto 20px; WIDTH: 372px; _width: 400px
}
#portfolio DIV.right_item UL#thum {
	TEXT-ALIGN: center; MARGIN: 0px auto 20px; WIDTH: 372px; _width: 400px
}
#portfolio DIV.left_item UL#thum LI {
	MARGIN: 0px 10px; WIDTH: 104px; DISPLAY: block; BACKGROUND: url(../images/portfolio/list_bg.png) no-repeat; FLOAT: left; HEIGHT: 105px
}
#portfolio DIV.right_item UL#thum LI {
	MARGIN: 0px 10px; WIDTH: 104px; DISPLAY: block; BACKGROUND: url(../images/portfolio/list_bg.png) no-repeat; FLOAT: left; HEIGHT: 105px
}
#portfolio DIV.left_item UL#thum LI IMG {
	POSITION: relative; DISPLAY: block; TOP: 1px; LEFT: 1px
}
#portfolio DIV.right_item UL#thum LI IMG {
	POSITION: relative; DISPLAY: block; TOP: 1px; LEFT: 1px
}
#portfolio DIV.left_item UL#text {
	TEXT-ALIGN: left; MARGIN: 0px auto 20px 28px
}
#portfolio DIV.right_item UL#text {
	TEXT-ALIGN: left; MARGIN: 0px auto 20px 28px
}
#portfolio DIV.left_item UL#text LI {
	LINE-HEIGHT: 160%; COLOR: #666; FONT-SIZE: 110%
}
#portfolio DIV.right_item UL#text LI {
	LINE-HEIGHT: 160%; COLOR: #666; FONT-SIZE: 110%
}
#portfolio DIV.left_item P {
	MARGIN: 0px auto 10px 28px; COLOR: #9a9a9a; FONT-SIZE: 98%
}
#portfolio DIV.right_item P {
	MARGIN: 0px auto 10px 28px; COLOR: #9a9a9a; FONT-SIZE: 98%
}
#coda-nav-1 UL {
	WIDTH: 120px; _width: 140px
}
#coda-nav-2 UL {
	WIDTH: 120px; _width: 140px
}
.coda-nav UL {
	MARGIN: 0px 0px; DISPLAY: block; CLEAR: both; OVERFLOW: hidden
}
.coda-nav UL LI {
	MARGIN: 0px 8px; WIDTH: 14px; DISPLAY: block; FLOAT: left; HEIGHT: 15px
}
.coda-nav UL LI A {
	WIDTH: 14px; DISPLAY: block; BACKGROUND: url(../images/portfolio/list_bt.png) no-repeat 0px -15px; HEIGHT: 15px
}
.coda-nav UL LI A.current {
	BACKGROUND: url(../images/portfolio/list_bt.png) no-repeat 0px 0px
}



/*==================================*/


/* ------------------------------
SP
------------------------------ */

#sp{
width:900px;
margin:0px auto;

}

/* ------------------------------
SP222
------------------------------ */

#sp2{
width:900px;
margin:0px auto;

}

/* ------------------------------
staff
------------------------------ */

#staff{
	width:900px;
	margin:0 auto 150px;		
}

#staff table{
	width:900px;
	margin:0 auto;
	vertical-align:middle;	
}

#staff td.staff01{
	text-align:right;
}

#staff td.staff02{
	text-align:left;
}

#staff li{
	line-height:200%;
	font-size:110%;
	color:#7a7a7a;
}

#staff img{
	height:100px;
	width:500px;
	margin:0px 0px 0px 0px ;
}


#staff td.staff02 a{
text-decoration:none;
color:#639;
border-bottom:1px dotted #639;
}

#staff td.staff02 a:hover{
color:#CA95CA;
border-bottom:1px dotted #CA95CA;
}


#staff td.staff01 a{
text-decoration:none;
color:#4c5175;
border-bottom:1px dotted #4c5175;
}

#staff td.staff01 a:hover{
color:#9ca2cd;
border-bottom:1px dotted #9ca2cd;
}


/* ------------------------------
link
------------------------------ */

#link{
	width:900px;
	margin:0 300PX;		
}


#link img{
	height:100px;
	width:500px;
	display:block;
	margin:0 auto;
}


/* ------------------------------
footer
------------------------------ */

#footer{
	bottom: 0px;
    position: fixed;
    z-index: 9998;
	height:54px;
	width:100%;
	background: url(../images/footer_bg.png) repeat-x top;
	border-bottom:1px solid #a3acb8;
}


#footer p{
	text-indent:-10000px;
	overflow:hidden;
	background: url(../images/footer_text.png) no-repeat;
	width:329px;
	height:14px;
	margin:0 auto;
	position:relative;
	top:25px;
	float:right;
	right:30px;
}


/* ------------------------------
bottom
------------------------------ */

#bottom{
	bottom: 0px;
    position: fixed;
    z-index: 9999;
	height:54px;
	width:100%;
	background:#ffffff;
	padding:0px 30px;
	background: url(../images/footer_bg.png) repeat-x top;
}

#social_bt{
	overflow:hidden;
	float:left;
	position:relative;
	margin-right:15px;
	padding-left:40px;
	top:20px;

}

p#copyright{
	float:right;
	font-size:80%;
	right:60px;
	position:relative;
	line-height:2.2;
}