@charset "utf-8";

/* Base======================================= */
* {
	margin: 0;
	padding: 0;
}
html {
	font-size:62.5%;
}
body {
	font-size:1.2em;
	font-weight: normal;
	line-height:1.7em;
	color: #777777;
	text-decoration: none;
	text-align: center;
	background-color: #777777;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1, h2 {
	font-size:1.2em;
	font-weight: normal;
}
h3, h4, h5, h6 {
	font-size:1.2em;
	font-weight: normal;
}
table, thead, tbody, tfoot, tr, th, td {
	font-weight: normal;	
}
table {
	/*border-collapse: collapse;*/
} 
img,img a {border: none;}
address {
	font-style: normal;
}
input {
	font-size: 1.0em;
}
textarea {
	font-size: 1.0em;
}
li {
	list-style-type: none;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #444444;
	text-decoration: underline;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	position: relative;
}
/* Hides from IE-mac */
* html .clearfix { height:1%;}
.clearfix {display:block;}
/* END hides from IE-mac */
.float-left {float:left;}
.float-right {float:right;}
.bold {font-weight: bold;}
.small {
	font-size: 0.8em;
	line-height: 1.4em;
}
.red {color: #FF0000;}
.brown {color: #CC6600;}


/* 枠======================================= */
#wrapper {
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #aaaaaa;
}

/* ヘッダ======================================= */

#header {
	width: 960px;
	height: 172px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	width: 232px;
	height: 52px;
	padding-top: 56px;
}

/* メイン======================================= */
#content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#top-main {
	width: 520px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 110px;
	padding-right: 0px;
	padding-bottom: 210px;
	padding-left: 0px;
}
#top-main ul {
	height: 16px;
	width: 514px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top-main ul li {
	float: left;
	overflow: hidden;
	text-indent: -9999;
	font-size: 0em;
	line-height: 0em;
	display:block;
}
#top-main ul li a {
	display:block;
}

/* Button with jQuery */ 
#top-profile {
	background: url(../img/top_menu.gif);
	height:16px;
	width:57px;
	background-position:0 -16px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#top-profile a {
   background: url(../img/top_menu.gif);
   height:16px;
	 width:57px;
	 background-position:0 0;
}
#top-works {
	background: url(../img/top_menu.gif);
	height:16px;
	width:50px;
	background-position:-164px -16px;
	position: absolute;
	left: 164px;
	top: 0px;
}
#top-works a {
   background: url(../img/top_menu.gif);
   height:16px;
	 width:50px;
	 background-position:-164px 0;
}
#top-flow {
	background: url(../img/top_menu.gif);
	height:16px;
	width:39px;
	background-position:-325px -16px;
	position: absolute;
	left: 325px;
	top: 0px;
}
#top-flow a {
   background: url(../img/top_menu.gif);
   height:16px;
	 width:39px;
	 background-position:-325px 0;
}
#top-link {
	background: url(../img/top_menu.gif);
	height:16px;
	width:32px;
	background-position:-482px -16px;
	position: absolute;
	left: 482px;
	top: 0px;
}
#top-link a {
   background: url(../img/top_menu.gif);
   height:16px;
	 width:32px;
	 background-position:-482px 0;
}

#maincontent {
}
#main {
	float: left;
	width: 640px;
	padding-bottom: 30px;
}
.midashi1 {
	margin-top: 40px;
	margin-bottom: 30px;
}

.midashi2 {
	margin-bottom: 25px;
	font-weight: bold;
	margin-left: 5px;
	color: #999;
}
.midashi3 {
	margin-top: 40px;
	margin-bottom: 25px;
}

.profile dl {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 22px;
}
.profile dl dt {
	width: 10%;
	font-weight: bold;
	color: #999;
	float: left;
	text-align: right;
	display: block;
}
.profile dl dd {
	float: right;
	width: 75%;
	text-align: left;
}
.profile dd p.txt1 {
	margin-bottom: 14px;
}
#line1 li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 28px;
	margin-bottom: 5px;
}
.toi {
	margin-top: 50px;
	margin-bottom: 30px;
}
.link dl {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.link dl dt {
	width: 30%;
	float: left;
	text-align: left;
	display: block;
	background-image: url(../img/kaku.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
.link dl dd {
	float: right;
	width: 60%;
	text-align: left;
}
.link dd p.txt1 {
	margin-bottom: 14px;
}

#works-menu {
	width: 638px;
	margin-top: 160px;
	margin-right: auto;
	margin-left: auto;
	height: 22px;
}
#works-menu li {
	float: left;
	overflow: hidden;
	text-indent: -9999;
	font-size: 0em;
	line-height: 0em;
	display:block;
}
#works-menu li a {
	display:block;
}
#works-menu-japanese {
	background: url(../img/works_menu.gif);
	height:22px;
	width:73px;
	background-position:0px -22px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#works-menu-japanese a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:73px;
	 background-position:0px 0px;
}
#works-menu-barclub {
	background: url(../img/works_menu.gif);
	height:22px;
	width:76px;
	background-position:-94px -22px;
	position: absolute;
	left: 94px;
	top: 0px;
}
#works-menu-barclub a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:76px;
	 background-position:-94px 0px;
}
#works-menu-cafe {
	background: url(../img/works_menu.gif);
	height:22px;
	width:42px;
	background-position:-195px -22px;
	position: absolute;
	left: 195px;
	top: 0px;
}
#works-menu-cafe a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:42px;
	 background-position:-195px 0px;
}
#works-menu-noodle {
	background: url(../img/works_menu.gif);
	height:22px;
	width:60px;
	background-position:-263px -22px;
	position: absolute;
	left: 263px;
	top: 0px;
}
#works-menu-noodle a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:60px;
	 background-position:-263px 0px;
}
#works-menu-shop {
	background: url(../img/works_menu.gif);
	height:22px;
	width:47px;
	background-position:-348px -22px;
	position: absolute;
	left: 348px;
	top: 0px;
}
#works-menu-shop a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:47px;
	 background-position:-348px 0px;
}
#works-menu-beauty {
	background: url(../img/works_menu.gif);
	height:22px;
	width:57px;
	background-position:-421px -22px;
	position: absolute;
	left: 421px;
	top: 0px;
}
#works-menu-beauty a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:57px;
	 background-position:-421px 0px;
}
#works-menu-office {
	background: url(../img/works_menu.gif);
	height:22px;
	width:50px;
	background-position:-503px -22px;
	position: absolute;
	left: 503px;
	top: 0px;
}
#works-menu-office a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:50px;
	 background-position:-503px 0px;
}
#works-menu-product{
	background: url(../img/works_menu.gif);
	height:22px;
	width:62px;
	background-position:-576px -22px;
	position: absolute;
	left: 576px;
	top: 0px;
}
#works-menu-product a {
   background: url(../img/works_menu.gif);
   height:22px;
	 width:62px;
	 background-position:-576px 0px;
}

/* Side */ 
#side {
	float: left;
	width: 320px;
}
#sidemenu {
	height: 176px;
	width: 86px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 82px;
}
#sidemenu li {
	overflow: hidden;
	display:block;
}
#sidemenu li a {
	display:block;
}
#sidemenu li a:hover {
	display:block;
}
#sidemenu-works {
	height: 409px;
	width: 86px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 82px;
}
#sidemenu-works li {
	overflow: hidden;
	display:block;
}
#sidemenu-works li a {
	display:block;
}
#sidemenu-works li a:hover {
	display:block;
}
/* Button with jQuery */ 
#side-home {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:36px;
	background-position:-86px 0;
	margin-bottom: 24px;
}
#side-home a {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:36px;
	background-position:0 0;
}
#side-profile {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:51px;
	background-position:-86px -40px;
	margin-bottom: 24px;
}
#side-profile-on {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:51px;
	background-position:-86px -40px;
	margin-bottom: 24px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-profile a {
  background: url(../img/sidemenu.gif);
  height:16px;
	width:51px;
	background-position:0 -40px;
}
#side-works {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:45px;
	background-position:-86px -80px;
	margin-bottom: 24px;
}
#side-works-on {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:45px;
	background-position:-86px -80px;
	margin-bottom: 24px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works a {
  background: url(../img/sidemenu.gif);
  height:16px;
	width:45px;
	background-position:0 -80px;
}

#side-works2 {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:45px;
	background-position:-86px -80px;
	margin-bottom: 18px;
}
#side-works2-on {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:45px;
	background-position:-86px -80px;
	margin-bottom: 18px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-on a {
	height:16px;
	width:45px;
	background-position:-86px -80px;
	background-image: url(../img/sidemenu.gif);
}
#side-works2 a {
  background: url(../img/sidemenu.gif);
  height:16px;
	width:45px;
	background-position:0 -80px;
}

#side-works2-japanese {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:53px;
	background-position:-102px -114px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#side-works2-japanese-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:53px;
	background-position:-102px -114px;
	margin-bottom: 9px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-japanese a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:53px;
	background-position:-16px -114px;
}
#side-works2-barclub {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:56px;
	background-position:-102px -142px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#side-works2-barclub-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:56px;
	background-position:-102px -142px;
	margin-bottom: 9px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-barclub a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:56px;
	background-position:-16px -142px;
}
#side-works2-cafe {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:27px;
	background-position:-102px -170px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#side-works2-cafe-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:27px;
	background-position:-102px -170px;
	margin-bottom: 9px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-cafe a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:27px;
	background-position:-16px -170px;
}
#side-works2-noodle {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:43px;
	background-position:-102px -198px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#side-works2-noodle-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:43px;
	background-position:-102px -198px;
	margin-bottom: 9px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-noodle a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:43px;
	background-position:-16px -198px;
}
#side-works2-shop {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:30px;
	background-position:-102px -226px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#side-works2-shop-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:30px;
	background-position:-102px -226px;
	margin-bottom: 9px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-shop a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:30px;
	background-position:-16px -226px;
}
#side-works2-beauty {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:41px;
	background-position:-102px -254px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#side-works2-beauty-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:41px;
	background-position:-102px -254px;
	margin-bottom: 9px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-beauty a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:41px;
	background-position:-16px -254px;
}
#side-works2-office {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:34px;
	background-position:-102px -282px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#side-works2-office-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:34px;
	background-position:-102px -282px;
	margin-bottom: 9px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-office a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:34px;
	background-position:-16px -282px;
}
#side-works2-product {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:45px;
	background-position:-102px -310px;
	margin-bottom: 24px;
	margin-left: 16px;
}
#side-works2-product-on {
	background: url(../img/sidemenu.gif);
	height:19px;
	width:45px;
	background-position:-102px -310px;
	margin-bottom: 24px;
	margin-left: 16px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-works2-product a {
  background: url(../img/sidemenu.gif);
  height:19px;
	width:45px;
	background-position:-16px -310px;
}

#side-flow {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:35px;
	background-position:-86px -353px;
	margin-bottom: 24px;
}
#side-flow-on {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:35px;
	background-position:-86px -353px;
	margin-bottom: 24px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-flow a {
  background: url(../img/sidemenu.gif);
  height:16px;
	width:35px;
	background-position:0 -353px;
}
#side-link {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:29px;
	background-position:-86px -393px;
}
#side-link-on {
	background: url(../img/sidemenu.gif);
	height:16px;
	width:29px;
	background-position:-86px -393px;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#side-link a {
  background: url(../img/sidemenu.gif);
  height:16px;
	width:29px;
	background-position:0 -393px;
}

/* フッタ======================================= */
#footer {
	width: 960px;
	text-align: left;
	background-color: #777777;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 10px;
}
#address {
	padding-top: 12px;
	padding-left: 18px;
	float: left;
}
#foot-logo {
	float: right;
	width: 200px;
	padding-top: 12px;
	text-align: right;
}
#copyright {
	text-align: right;
	padding-top: 10px;
}


/* その他======================================= */

.pankuzu {
	height: 16px;
	line-height: 16px;
	margin-bottom: 10px;
}
.contentbox1 {
	width: 580px;
}
.pagetop {
	background: url(../img/pagetop.gif);
	height:18px;
	width:18px;
	display:block;
	background-position: -18px 0;
	font-size: 0px;
	line-height: 0px;
	margin-left:610px;
}
.pagetop a {
	background: url(../img/pagetop.gif);
	height:18px;
	width:18px;
	display:block;
	background-position: 0 0;
	font-size: 0px;
	line-height: 0px;
}
.margin-bottom20 {
	margin-bottom: 20px;
}
.margin-bottom50 {
	margin-bottom: 50px;
}
.margin-top40 {
	margin-top: 40px;
}