/*------共通の設定------*/

body {
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, "MS P Gothic",  Helvetica, sans-serif;
	color:#333;
	font-size:0.875em;
	background-color:#f0f0f0;
	}

a img{border:0px;}

a:link{color:#77778c; text-decoration:none;}
a:visited{color:#77778c; text-decoration:none;}
a:active{color:#77778c; text-decoration:none;}
a:hover{color:#77778c; text-decoration:none;}

h1, h2, h3, h4, p{margin:0; padding:0;}
.clear{clear:both;}


div#wrapper{
	width:1000px;
	margin:0 auto;
	padding:0 25px;
	}



/*------ヘッダの設定------*/

div#header{
	width:1000px; 
	height:42px;
	font-size:0;
	line-height:0%;
	}

div#head_logo_l{
	width:130px; 
	float:left;
	}
div#head_menu{
	width:740px; 
	float:left;
	}
div#head_logo_r{
	width:130px; 
	float:right;
	text-align:right;
	}

div#head_logo_l img{
	margin:15px 0 0 0;
	}
div#head_logo_r img{
	margin:15px 0 0 0;
	}
div#head_logo_l{
	background:url(../images/head_unpiatto-on.gif) no-repeat left bottom;
	}
div#head_logo_r{
	background:url(../images/head_ottaipnu-on.gif) no-repeat right bottom;
	}

div#head_menu ul{
	margin:18px 0 0 122px;
	padding:0;
	list-style-type:none;
	}
div#head_menu li{
	margin:0;
	padding:0;
	float:left;
	}
div#head_menu li.about{
	background:url(../images/head_about-on.gif) no-repeat left top;
	}
div#head_menu li.interior{
	background:url(../images/head_interior-on.gif) no-repeat left top;
	}
div#head_menu li.other{
	background:url(../images/head_other-on.gif) no-repeat left top;
	}
div#head_menu li.produce{
	background:url(../images/head_produce-on.gif) no-repeat left top;
	}
div#head_menu li.contact{
	background:url(../images/head_contact-on.gif) no-repeat left top;
	}
div#head_menu li.blog{
	background:url(../images/head_blog-on.gif) no-repeat left top;
	}

div#head_logo_l a:hover img,
div#head_logo_r a:hover img,
div#head_menu li a:hover img{
	filter: alpha(opacity=0);
	-moz-opacity:0.00;
	opacity:0.00;
	}



/*------フッタの設定------*/

div#footer{
	width:1000px;
	height:28px; 
	text-align:center;
	border-top:1px solid #d8d8dd;
	}
div#footer p{
	margin:5px 0 0 0;
	}



/*------トップページの設定------*/

#top_image{
	width:1000px;
	height:510px;
	background-color:#fff;
	}
#top_image img{
	margin:10px 0 0 10px;
	}






/*------カテゴリメニューの設定------*/

#category_menu{
	width:1000px; 
	height:510px; 
	background-color:#fff;
	font-size:11px;
	line-height:110%;
	}

#category_title{
	width:1000px; 
	height:82px; 
	text-align:center;
	}
#category_title h2{
	padding-top:32px;
	}

#category_menu ul{
	margin:0 0 0 23px; 
	padding:0; 
	list-style-type:none;
	}
#category_menu li{
	width:191px; 
	height:85px; 
	float:left;
	text-align:center;
	}
#category_menu li img{
	margin-bottom:7px;
	}
#category_menu li a{
	display:block;
	}
#category_menu li a:hover span{
	text-decoration:underline;
	}



/*------作品画像の設定------*/

#main_image{
	width:1000px; 
	height:510px; 
	background-color:#fff; 
	text-align:center; 
	font-size:0; 
	line-height:0%;
	}
#main_image_bk{
	width:1000px; 
	height:510px; 
	background-color:#000; 
	text-align:center; 
	font-size:0; 
	line-height:0%;
	}
#main_image img,
#main_image_bk img{
	margin:1px;
	}



/*------作品データの設定------*/

#data{
	width:1000px;
	height:50px;
	font-size:11px;
	line-height:110%;
	color:#77778c;
	}

#arw_box_l{
	width:40px; 
	float:left;
	text-align:left;
	}
#arw_box_r{
	width:40px; 
	float:right;
	text-align:right;
	}

.data_box{
	width:110px;
	margin-top:11px;
	margin-right:20px;
	float:left;
	}
.data_box2{
	width:140px;
	margin-top:11px;
	float:left;
	}
.data_box3{
	width:230px; 
	margin-top:11px;
	margin-right:0;
	float:left;
	}

span.data_title{
	font-size:9px;
	line-height:160%;
	font-weight:bold;
	}

#arw_box_l,
#language-ja_arw{
	background:url(../images/arw_l-on.gif) no-repeat left top;
	}
#arw_box_r,
#language_arw{
	background:url(../images/arw_r-on.gif) no-repeat right top;
	}
#arw_box_l a:hover img,
#arw_box_r a:hover img,
#language_arw a:hover img,
#language-ja_arw a:hover img{
	filter: alpha(opacity=0);
	-moz-opacity:0.00;
	opacity:0.00;
	}



/*------テキストページの設定------*/

/*ABOUT US*/

#text_about{
	width:970px; 
	height:413px;
	margin:0 15px 0 15px;
	font-size:1em; 
	line-height:120%;
/*	background:url(../images/about_unpiatto.gif) no-repeat left bottom;*/
	color:#77778c;
	}
#text_about p{
	margin-bottom:1em;
	}
#language{
	width:973px;
	margin:17px 0 0 0;
	padding:0;
	text-align:right;
	float:left;
	}
#language_arw{
	width:27px; 
	float:left;
	text-align:right;
	}


#text_about-ja{
	width:970px; 
	height:413px;
	margin:0 15px 0 15px;
	font-size:1em; 
	line-height:120%;
/*	background:url(../images/about_unpiatto-ja.gif) no-repeat right bottom;*/
	color:#77778c;
	}
#text_about-ja p{
	margin-bottom:1em;
	line-height:130%;
	}
#language-ja{
	width:973px;
	margin:17px 0 0 0;
	padding:0;
	text-align:left;
	float:right;
	}
#language-ja_arw{
	width:27px; 
	text-align:left;
	float:left;
	}


/*CONTACT US*/

#text_contact{
	width:970px; 
	height:413px;
	margin:0 15px 0 15px;
	font-size:1em; 
	line-height:120%;
	color:#77778c;
	}

