/*
Copyright (c) 2009, DesktopFactory Inc. All rights reserved.
name: art one main.css
updated: 2009-06-18
ver.061803
*/

/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }



/* BASE ----------------------------------------------------------------- */

body {
	text-align: center;
	background: #bbb url(images/back.gif) repeat-y center;
}


#container,#header-inner {
	width: 800px;
	margin: 0 auto;
	text-align: left; 
}

a{
	text-decoration: none;
}

/* Ccommon ----------------------------------------------------------------- */


/* ----------HEADER---------- */

#header{
	background: #FFFFFF;
}

#header-inner{
	height: 70px;
	}

#logo a{
	width: 280px;
	height: 50px;
	margin-top: 10px;
	display: block;
	float: left;
	background: url(images/logo.gif) no-repeat;
	text-indent: -9999px;
}

#contact a{
	width: 130px;
	height: 30px;
	display: block;
	float: right;
	background: url(images/contact_btn.gif) no-repeat;
	margin-top: 20px;
	text-indent: -9999px;
}

#contact a:hover{
	background: url(images/contact_btn_hover.gif) no-repeat;	
}

/* ----------GLOVAL NAVIGATION---------- */

#g_navi{
	background: #813B00 url(images/g_navi_back.gif) repeat-x;
}

#g_navi-inner{
	background-color: #813B00;
	width: 800px;
	margin: 0 auto;
	height: 30px;
}

#g_navi ul{
	text-align: left; 	
	height: 30px;
}

#g_navi ul li{
}

/* Debug */
#g_navi ul li a{
float: left;
background-color: #813B00;
color: #fff;
display: block;
font-size: 11px;
text-align: center;
line-height: 30px;
text-indent: -9999px;
}

/* Menu */
#g_navi ul li#toppage a{
	width:90px ;
	background: url(images/g_navi.gif) no-repeat;
}
#g_navi ul li#mask a{
	width:180px ;
	background: url(images/g_navi.gif) no-repeat -90px 0;
}

#g_navi ul li#plaster_frp a{
	width:180px ;
	background: url(images/g_navi.gif) no-repeat -270px 0;
}

#g_navi ul li#artprint a{
	width:110px ;
	background: url(images/g_navi.gif) no-repeat -450px 0;
}

#g_navi ul li#others a{
	width:110px ;
	background: url(images/g_navi.gif) no-repeat -560px 0;
}

#g_navi ul li#sculpture a{
	width:130px ;
	background: url(images/g_navi.gif) no-repeat -670px 0;
}

/* hover Menu */
#g_navi ul li#toppage a:hover{
	background: url(images/g_navi.gif) no-repeat 0 -30px;
}
#g_navi ul li#mask a:hover{
	background: url(images/g_navi.gif) no-repeat -90px -30px;
}

#g_navi ul li#plaster_frp a:hover{
	background: url(images/g_navi.gif) no-repeat -270px -30px;
}

#g_navi ul li#artprint a:hover{
	background: url(images/g_navi.gif) no-repeat -450px -30px;
}

#g_navi ul li#others a:hover{
	background: url(images/g_navi.gif) no-repeat -560px -30px;
}

#g_navi ul li#sculpture a:hover{
	background: url(images/g_navi.gif) no-repeat -670px -30px;
}

/* Active Menu */
#a_toppage #g_navi ul li#toppage a{
	background: url(images/g_navi.gif) no-repeat 0 -60px;
}
#a_mask #g_navi ul li#mask a{
	background: url(images/g_navi.gif) no-repeat -90px -60px;
}

#a_plaster_frp #g_navi ul li#plaster_frp a{
	background: url(images/g_navi.gif) no-repeat -270px -60px;
}

#a_artprint #g_navi ul li#artprint a{
	background: url(images/g_navi.gif) no-repeat -450px -60px;
}

#a_others #g_navi ul li#others a{
	background: url(images/g_navi.gif) no-repeat -560px -60px;
}

#a_sculpture #g_navi ul li#sculpture a{
	background: url(images/g_navi.gif) no-repeat -670px -60px;
}




/* ----------FOOTER---------- */

#footer{
	margin-top: 20px;
	text-align: center;
	border-top: 1px solid #813B00;
}

#logo_s{
	width: 140px;
	height: 25px;
	margin: 10px auto;
	background-image: url(images/logo_s.gif);
	text-indent: -9999px;
}

#address,#tel,#fax{
	font-size: 80%;
margin-bottom: 5px;}

#copyright{
	margin: 20px 0;
	font-size: 80%;	
}


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

#container{
	background: #FFF;	
}
#mainContent{
	padding: 0 25px; /* 余白 */	
}

#container h1{
width: 800px;
height: 200px;
text-indent: -9999px;	
}


#a_mask h1{
background-image: url(images/title_mask.jpg);
}

#a_plaster_frp h1{
background-image: url(images/title_plaster_frp.jpg);
}

#a_artprint h1{
background-image: url(images/title_artprint.jpg);
}

#a_sculpture h1{
background-image: url(images/title_sculpture.jpg);
}

#a_others h1{
background-image: url(images/title_print.jpg);
}

#a_contact h1{
background-image: url(images/title_contact.jpg);
}


#mainContent h2{
	margin: 20px 0 0 0;
	font-size: 120%;
	font-weight: bold;
	background: url(images/h2_bar.gif) no-repeat;
	height: 60px;
	padding-left: 20px;
	padding-top: 10px;
	color: #813B00;
}

#mainContent p{
	margin: 0 10px;
	font-size: 100%;
}


/* TABLE */
#mainContent table{
	margin: 20px auto;
	width: 600px;
	border-top: 1px solid #383838;
}

#mainContent table th,#mainContent table td{
	padding: 5px;
	font-size: 90%;
}

#mainContent table th{
	font-weight: bold;
	background-color: ;
	background: #D8B398;
	border-bottom: 1px solid #383838;
}

#mainContent table td{
	border-bottom: 1px solid #383838;
	vertical-align: top;
}

#mainContent table caption{
	margin-bottom: 10px;
	font-size: 90%;
	font-weight: bold;
	color: #666;
}

#mainContent table .type{
	width: 40%;
}

/* Top Page ----------------------------------------------------------------- */
#a_toppage h1{
	width: auto;
	height: auto;
	text-indent: 0;
	margin-top: 20px;
	border-bottom: 2px solid #813B00;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	letter-spacing: 10px;
}

#a_toppage .column{
}

#a_toppage .columnL{
	width: 360px;
	float: left;
}

#a_toppage .columnR{
	width: 360px;
	float: right;
}

#a_toppage .item{
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #838383;
	background-color: #eee;
}
/* debug 
#mainContent h2{
	margin: 20px 0 0 0;
	font-size: 120%;
	font-weight: bold;
	background: url(images/h2_bar.gif) no-repeat;
	height: 60px;
	padding-left: 20px;
	padding-top: 10px;
	color: #813B00;
}
end debug */

#a_toppage #mainContent h2{
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-image: none;
	height: auto;
	margin-bottom: 5px;
}

#a_toppage #mainContent h2 a{
	color: #813B00;	
}

#a_toppage .column p{
	font-size: 80%;
	line-height: 1.3em;
}