@charset "UTF-8";
@import "base.css";

body { background:#f1f1f1; }

#wrapper {
	background: url(../images/wrapper_bg.jpg)  #f1f1f1 repeat-y;
	width: 1020px;
	position:relative;
	margin:10px auto;
	padding: 0;	
	text-align: left;
	}

#main {
	margin: 0;
	}

#content {
	width: 790px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	background: #fff;
	padding: 0 5px 1em 0;
	}
p.top_box{
  border: #666 solid 1px;
	padding: 8px 3px;
	display: block;
	width: 380px;
	height: auto;
	margin: 20px 0;
}



#header .logo {
	position:absolute;
	left: 440px;
	top: 29px;
}
#header .logo a 
{
	background: url(../images/h1.jpg) 0 0 no-repeat;
	width: 409px;
	height:31px;
	display:block;
}
#header h1
{
	position:absolute;
	top:5px;	
	text-align:right;
	width:500px;	
	font-size:12px;	
	height:30px;
	line-height:110%;
	right:10px;
	padding-top:4px;
}
#header p.Srh1
{
	position:absolute;
	top:5px;	
	text-align:right;
	width:500px;	
	font-size:12px;	
	height:30px;
	line-height:110%;
	right:10px;
	padding-top:4px;
	margin:0;
}

#header h1.Srh1
{
	position:absolute;
	top:5px;	
	text-align:right;
	width:500px;	
	font-size:12px;	
	height:30px;
	line-height:110%;
	right:10px;
	padding-top:4px;
	margin:0;
}


#header {
	
	background: url(../images/header_bg.jpg) #f1f1f1 0  15px no-repeat;
	height: 75px;
	width: 1020px;
	margin: 0;
	font-size:12px;
	text-indent:0;
	padding: 0;	
	
	}

#header .section {
	position:absolute;
	right:0;
	top:24px;
	margin: 0;
	height:51px;
	padding: 0;
	}

#header p.tel {
	margin: 0;
	padding: 0;	
	width:174px;
	height:51px;	
}

#header_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	height: 19px;
	}

#header_nav li {
	height: 19px;
	float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header_nav li a {
	display: block;
	height: 19px;
	}

#nav01 { width: 80px; }
#nav02 { width: 100px; }

#nav01 a {
	background: url(../images/header_nav.jpg) -20px 0 no-repeat;
	width: 80px;
	}
#nav02 a {
	background: url(../images/header_nav.jpg) -100px 0 no-repeat;
	width: 100px;
	}


/*----------04  Navigation -----------*/

#nav {
	width: 210px;
	float: left;
	padding: 20px 0 20px 0;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav .internal li {
	height: 40px;
	/*text-indent: -9999px;*/
	}

#nav .internal li a {
	display: block;
	height: 40px;
	}

/*#nav03 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -40px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -80px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -120px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -160px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -200px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -240px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -280px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -320px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -360px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -400px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -440px no-repeat; }

#nav03 a:hover { background: url(../images/nav.jpg) -210px 0 no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -210px -40px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -210px -80px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -210px -120px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -210px -160px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -210px -200px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -210px -240px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -210px -280px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -210px -320px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -210px -360px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -210px -400px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -210px -440px no-repeat; }*/

#nav p { text-align: center; }


/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	height:105px;
	background: #fff url(../images/footer_bg.jpg) bottom repeat-x;
	font-size: 85%;
	text-align: center;
	color: #de91a2;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #f94956;
	}
#footer a:hover { text-decoration: underline; }

#footer address { margin:50px 1em; }


/*---------- 06  Contents -----------*/

.section { padding: .5em 15px 1em 10px; }
.section .section { padding: .5em 10px 1em 10px; }

.center { text-align: center; }

#content h2 {
	height: 23px;
	width:785px;
	overflow:hidden;
	margin: 5px 0 10px 10px;
	}
	
#content h3 {
	clear: both;
	height: 23px;	
	margin: 10px 0 5px 0px;
	}
#content h4 {
	height: 26px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #028eaf;
	outline: none;
	}
a:hover { color: #de91a2; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin: 0 10px 8px 0;
	}

.image_r {
	float: right;
	margin: 0 0 8px 16px;
	}

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
	text-align: left;
	border-top: 2px solid #ccc;
	width:315px;
	}

#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

#content ul.totop li {
	list-style: none;
	width: 107px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 14px;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.jpg) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */



#content table {
	font-size: 100%;
	margin: 10px auto;
	}

#content table th {
	padding: 4px 12px;
}
#content table td {
	padding: 4px 12px;
	font-size: 10px;	
	}

#content table th {
	background: #999999
	color: #636570;
	width: 130px;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}

.red{
color:#ff0000;
}

.alpha { float: left; }
.beta { float: right; }

#content p.Srh2 {
	height: 23px;
	width:785px;
	overflow:hidden;
	margin: 5px 0 10px 10px;
	}
/*---------- 07  Index -----------*/

#index #title01 {background:url(../images/index_h2-01.jpg) 0 0 no-repeat;}
#index #title02 {background:url(../images/index_h3-02.jpg) 0 0 no-repeat;}
#index h3 {
	height: 24px;	
	margin: 0 0 2px 10px;
	}

#index .bg01{
background:#f2efde;
margin: 5px 0 0 5px;
height:831px;
}
#index p.Srh3 {
	height: 24px;	
	margin: 0 0 2px 10px;
	}
/*---------- 08 Company -----------*/
#company #title01 {background:url(../images/company_h2-01.jpg) 0 0 no-repeat;}
#company #title02 {background:url(../images/company_h3-02.jpg) 0 0 no-repeat;}
#company #title03 {background:url(../images/company_h3-03.jpg) 0 0 no-repeat;}

#company table.defTable {
width:352px;
}

#map{
width:350px;
height:350px;
margin-left: 350px;
}


#map2{
width:350px;
height:350px;
margin-left: 350px;
}


/*---------- 09  flow -----------*/
#flow h3{
height:41px;
}

#flow #title01 {background:url(../images/flow_h2-01.jpg) 0 0 no-repeat;}
#flow #title02 {background:url(../images/flow_h3-02.gif) 0 0 no-repeat;}
#flow #title03 {background:url(../images/flow_h3-03.gif) 0 0 no-repeat;}
#flow #title04 {background:url(../images/flow_h3-04.gif) 0 0 no-repeat;}
#flow #title05 {background:url(../images/flow_h3-05.gif) 0 0 no-repeat;}
#flow #title06 {background:url(../images/flow_h3-06.gif) 0 0 no-repeat;}
#flow #title07 {background:url(../images/flow_h3-07.gif) 0 0 no-repeat;}
#flow #title08 {background:url(../images/flow_h3-08.gif) 0 0 no-repeat;}
#flow #title09 {background:url(../images/flow_h3-09.gif) 0 0 no-repeat;}
#flow #title10 {background:url(../images/flow_h3-10.gif) 0 0 no-repeat;}


/*---------- 09  type -----------*/
#type #title01 {background:url(../images/type_h2-01.jpg) 0 0 no-repeat;}

#type .typeList {
	margin-left: 160px;
}
#type .typeList dt {
	margin-bottom: 5px;
}
#type .typeList dd {
	margin-left: 0.5em;
}



/*---------- 09  Sign-----------*/


#sign #title01 {background:url(../images/sign_h2-01.jpg) 0 0 no-repeat;}

#sign #singimg{
margin-top:-10px;
}


/*---------- 09  Signdesigner-----------*/


#signdesigner #title01 {background:url(../images/signdesigner_h2-01.jpg) 0 0 no-repeat;}
 


/*---------- 09  Production-----------*/


#production #title01 {background:url(../images/production_h2-01.jpg) 0 0 no-repeat;}
 

#production #gallerylist{

margin:20px 0 0 45px;
}



#production .thumbnail li{
 	float:left;
	background: none;
	width : 140px;
	margin:5px 0 0 0;
}

/*---------- 10  Case-----------*/

#case #title01 {background:url(../images/case_h2-01.jpg) 0 0 no-repeat;}

#case .detail { width: 220px ; margin: 0; }
#case .detail dl { margin: 0; }

#case .detail01 {
    text-indent: -9999px;
		margin: 0 ;
		background: url(../images/case_detail01.jpg) 0 0 no-repeat;
		}
#case .detail02 {
    text-indent: -9999px;
		margin: 0;
		background: url(../images/case_detail02.jpg) 0 0 no-repeat;
		}

#case .comment { margin: 5px 0 15px 0 ; }

#case p#preview {  
    padding: 0;  
    width: 520px;  
    height: 390px;  
    background: #fff;
		margin: 0;   
    }  
  
#case img#largeImg {  
    display: block;  
    }
#case p.thumbs { margin-left: 10px; }
#case p.thumbs img {  
    float: left;  
    display: block;  
    width: 160px;  
    margin: 0 10px 0 0; 
		height: 120px; 
    }
#case .off {
	display: none;
}

/*---------- 09  Contacet-----------*/

#contact #title01 {background:url(../images/contact_h2-01.jpg) 0 0 no-repeat;}

/*---------- 09  Flow-----------*/


#flow #title01 {background:url(../images/flow_h2-01.jpg) 0 0 no-repeat;}
#header .section
{
	width:174px;
	height:60px;
	display:block;
}

#header .section01
{
	width:174px;
	height:60px;
	display:block;
	margin-top: 0px;
}