@charset "UTF-8";
/* 
CSS3 Document
Copyright (C) WEB TOTAL SUPPORT CHUPS All Rights Reserved.
*/

@import url(common.css);

/* --------------------------------------------------
  body
-------------------------------------------------- */
body {
  font-size: 14px;
  background:url(../common/sphone/header_back.jpg);
  background-repeat:repeat-x;
}

/* --------------------------------------------------
  wrapper
-------------------------------------------------- */
#wrapper {
  margin:0px;
  padding:0px;
}

/* --------------------------------------------------
  container
-------------------------------------------------- */
#container {
  margin:0px 0px 50px 0px;
  padding:0px;
}

/* --------------------------------------------------
  header
-------------------------------------------------- */
#header {
	margin:0px;
	width:100%;
}

h1{
	margin:15px 0px 0px 15px;
}

h1 img{
	width:70%;
	height:70%;
}

#nav {
	margin:0px 0px 30px 15px;
    width:300px;
	height:60px;
}

#nav ul li{
	margin:0px 9px 5px 0px;
}


/* --------------------------------------------------
  main content
-------------------------------------------------- */
h2{
	display:none;
}

h2 img{
	visibility:hidden;
}

#works_list{
	margin:0px;
	padding:0px;
	width:100%;
}

#works_list .defort{
	text-align:center;
	margin:0px 0px 10px 0px;
}

#works_list .end{
	text-align:center;
	margin:0px 0px 30px 0px;
}

#works_list .title{
	margin:0px;
	padding:0px;
	line-height:1.2em;
}

#works_list .category{
	margin:0px;
	padding:0px;
	line-height:1.0em;
	font-weight:bold;
	color:#666;
}

#specially {
    width: 300px;
	height:auto;
	margin:0px 10px 0px 10px;
	padding:0px;
}

#specially #left{
	float:left;
    width:300px;
	height:auto;
	margin:0px 0px 10px 0px;
	padding:0px;
}


#specially #right{
	float:left;
    width:300px;
	height:auto;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#specially .main_box{
    width: 280px;
	height:auto;
	margin:10px 10px 20px 10px;
	padding:0px;
}

#specially .main_box .text_box{
	float:left;
    width: 160px;
	margin:0px;
	padding:0px 0px 20px 0px;
}

#specially .main_box .text_box .title{
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
}

#specially .main_box .text_box .title span{
	color:#6C3;
}

#specially .main_box .text_box p{
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:10px;
	line-height:1.5em;
}

#specially .main_box .image{
	float:right;
    width: 120px;
	height:150px;
	margin:0px;
	padding:0px;
}


#delivery {
    width: 300px;
	margin:10px 10px 0px 10px;
	padding:0px;
}

#delivery #left{
    width:300px;
	margin:0px 0px 20px 0px;
	padding:0px;
}


#delivery #right{
    width:300px;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#delivery h3{
	height:30px;
	margin:0px;
	padding:7px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	background:url(../common/sub_ct.jpg);
	background-repeat:repeat-x;
}

#delivery #left ul{
	width:300px;
    margin:5px 0px 0px 5px;
    padding:0px;
    list-style:none;
}

#delivery #left li{
	width: 300px;
    margin:0px 0px 5px 0px;
    padding:0px;
	text-align:left;
	line-height:1.3em;
    text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
}


#feed{
	margin:0px;
	padding:0px;
	}

#feed ul{
	margin:0px;
	padding:0px;
}

#feed li{
	width:300px;
    margin:5px 0px 0px 5px;
	text-align:left;
	line-height:1.3em;
    list-style:none;
    text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
}

/* --------------------------------------------------
  footer
-------------------------------------------------- */
#footer {
    background:url(../common/footer_back.jpg);
    height:150px;
}

#footer_wrapper {
    width:100%;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:auto;
    margin-right:auto;
    background:url(../common/footer_back.jpg);
}

#footer_wrapper #footer_menu{
    width:300px;
    margin:0px 10px 0px 10px;
    padding:0px;
}

#footer_wrapper #footer_menu #left{
    float:left;
	width:300px;
    margin:20px 0px 0px 10px;
    padding:0px;
}

#footer_wrapper #footer_menu address{
	text-align:left;
    margin:0px;
    padding:0px;
	font-size:8px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;

}

#footer_wrapper #footer_menu #right{
    float:left;
	width:300px;
    margin:20px 0px 0px 0px;
    padding:0px;
}

#footer_wrapper #footer_menu #right ul{
    margin:0px;
	padding:0px;
    list-style: none;
}

#footer_wrapper #footer_menu #right ul li{
    float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	font-size:12px;
}

#footer_wrapper #footer_menu #right ul li a {
	color:#FFF;
}

#footer_wrapper #footer_menu #right ul li a:link {
	color:#FFF;
    text-decoration: none;
}

#footer_wrapper #footer_menu #right ul li a:visited {
	color:#FFF;
    text-decoration: none;
}

#footer_wrapper #footer_menu #right ul li a:hover {
	color:#6C3;
    text-decoration: none;
}

#footer_wrapper #footer_menu #right ul li a:active {
   text-decoration: none;
}

#footer_wrapper #sub_logo{
    float:left;
    margin:30px 0px 0px 0px;
    padding:0px;
}

#footer_wrapper #sub_logo img{
	width:134px;
	height:15px;
    margin:0px 0px 0px 20px;
    padding:0px;
}