@charset   "UTF-8";

*{   
margin: 0;   
padding: 0;   
}


*{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
/*
-------------------------------------------------------------------------------

リンク・マージン設定

-------------------------------------------------------------------------------

*/

/* リンク設定・*/

a:link {
	COLOR: #666666; TEXT-DECORATION: none;
}
a:visited {
	COLOR: #666666; TEXT-DECORATION: none;
}
a:active {
	COLOR: #666666; TEXT-DECORATION: none;
}
a:hover {
	COLOR: #333333; TEXT-DECORATION: underline;
}

a:hover *{
	filter: alpha(opacity=55);-moz-opacity:0.55;opacity:0.55;
}


/*

-------------------------------------------------------------------------------

全体

-------------------------------------------------------------------------------

*/


/*　メイン　*/
body{
	width:100%;
	margin:0px;
	padding:0px;
	line-height: 160%;
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
	text-align: center;
	color: #46382a;
}

a {
	 
  outline : 0 ;
}

img   {
   border:none;
}

ul,ol li{
     list-style:none;
}

.img_r{
       float:right;
}
.mt10 {
     margin-top: 10px;
}

.mt15 {
     margin-top: 15px;
}
.mb15 {
     margin-bottom: 15px;
}
.mb30 {
     margin-bottom: 30px;
}
.pb30 {
	padding:-bottom: 30px;
}
.mt20 {
     margin-top: 20px;
}
.mt30 {
     margin-top: 30px;
}
.mt40 {
     margin-top: 40px;
}

.mt50 {
     margin-top: 50px;
}
.mt60 {
     margin-top: 60px;
}
.ml15 {
     margin-left: 15px;
}
.mr10 {
     margin-right: 10px;
}
.mr15 {
     margin-right: 15px;
}
span.open{
       font-size: 150%;
       color: #009999;
       font-weight: bold;
}
span.tel{
       font-size: 150%;
       color: #EA4509;
       font-weight: bold;
}
span.fs_13{
       font-size: 14px;
       font-weight: normal;

}
span.green{
       color: #009999;
       font-weight: bold;
}

span.pink_03{
       color: #CC6666;
}

.tenpo_name{
       font-size: 16px;
       color: #006699;
       font-weight: bold;
}
.clear{
	clear:both;
}
.f_left{
     float: left;
}

.f_right{
     float: right;
}

/*

-------------------------------------------------------------------------------

header

-------------------------------------------------------------------------------

*/


#header {
	width: 980px;
	margin: 25px auto;
}

#globalnavi{
	width: 100%;
	height: 100px;
	background-color: #fff;
	border-top: 5px solid #46382a;
	z-index:99;
}


#globalnavi ul{
	width: 980px;
	height: 100px;
	margin: 30px auto;
      list-style-type: none; 
}

#globalnavi li{
	float:left;
	height:30px;
}
.fixed{
	position:fixed;
}

/*

-------------------------------------------------------------------------------

TOP_acce

-------------------------------------------------------------------------------

*/

#acce{
	padding-top: 130px;
	margin-top: -130px;
}
#top_design,#shop,#news,#contact{
	padding-top: 150px;
	margin-top: -150px;
}

.b_back{
	clear:both;
	width:100%;
	background-color: #eceae1;
}

.sub_wp{
	clear:both;
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#acce_l{
	float:left;
	width: 400px;
	margin: 30px 0 30px 5px;

}
#acce_l p{
	padding: 50px 15px 0 20px;
	text-align: left;
	line-height: 200%;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#acce_r{
	float:right;
	width: 530px;
	margin: 80px 10px 30px 0;

}

#top_viewer {
	width: 530px;
	height: 350px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#top_viewer img {
	top: 0;
	left: 0;
	position: absolute;
}
.acce_main {
	clear:both;
	padding-bottom: 50px;
}

/*

-------------------------------------------------------------------------------

Design

-------------------------------------------------------------------------------

*/


#design_l{
	float:left;
	width: 400px;
	margin: 70px 0px 70px 0px;
}


#design_r{
	float:right;
	width: 500px;
	padding: 70px 0px 70px 0px;
	text-align: left;

}

#works{
	margin-top: 50px;
}

#works h2{
	background: url("../images/marc01.png") no-repeat left transparent;
	padding: 23px 0 15px 30px;
	margin-top: 25px;
	letter-spacing: 0.1em;
	font-size: 14px;
	 border-bottom:dotted 1px #CCC;
}

#works p{
	padding: 15px 15px 0 20px;
	text-align: left;
	line-height: 190%;
	font-size: 12px;
	letter-spacing: 0.1em;
}
/*

-------------------------------------------------------------------------------

NEWS

-------------------------------------------------------------------------------

*/



h2.info{
	margin-top: 15px;
	font-size: 15px;
	letter-spacing: 0.1em;
}
p.info{
	font-size: 14px;
	margin-top: 15px;
	letter-spacing: 0.1em;
	line-height: 190%;

}
p.en{
	font-size: 12px;
	margin-top: 10px;
	letter-spacing: 0.1em;
	line-height: 190%;

}

p.thanks{
	font-size: 13px;
	margin-top: 30px;
	letter-spacing: 0.05em;
	line-height: 190%;

}

/*

-------------------------------------------------------------------------------

footer

-------------------------------------------------------------------------------

*/
#footer{
	clear:both;
	width:100%;
	background-color: #46382a;
	margin: 0px;

}
.footer_wp{
	padding: 50px;
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}

#footer p.cr{
	color: #eceae1;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 180%;
}



/*
Back to top button
*/
#back-top {
    position: fixed;
    bottom: 5%;
    right: 3%;
}
#back-top span {
    width: 100px;
    height: 50px;
    display: block;
}

/*　IEブラウザ用 */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}