@charset "UTF-8";
/* CSS Document */


/* common
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	line-height: 1.5em;
}

*{ 
	margin: 0;
	padding: 0;
}

a { text-decoration: none;}
ul { list-style-type: none;}

body {
	font-size:0.8em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.9em;
	color: #666;
	letter-spacing: 0.09em;
}

p { margin-top:13px;}

#container {
	width: 940px;
	height: 100%;
	position: relative;
	margin: 0 auto;
	clear: both;
}

.tet_indent { text-indent: 1em;}

.c-both { clear: both;}

/* header
------------------------------------------------------------ */
h1 {
	width: 284px;
	height: 111px;
	float: left;
	text-indent: -9999px;
	}
	
h1 a {
	display: block;
	height: 140px;
}

#header {
	width: 992px;
	height: 148px;
	margin: 5px auto;
	padding-right: 52px;
	background: url(../img/hedder_bg.jpg) no-repeat;
	border-style: none;
}

#headAbout {
	width: 430px;
	float: right;
	margin: 40px 0 20px;
	font-size: 0.9em;
	line-height: 1.65em
}
.about_ttl {
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
}
.aboutYear { 
line-height: 0.7em;
margin-top:25px;
font-weight: bold;
}
/* contents_ common
------------------------------------------------------------ */

.goTopBttm {
	width: 720px;
	padding: 90px 0 20px;
	text-align: right;
	clear: both;
}

.goTop
{
	width: 720px;
	padding: 90px 0 20px;
	text-align: right;
	clear: both;
	border-bottom: 1px dotted;
}

.goTop_forTex {
	width: 720px;
	padding: 30px 0 15px;
	text-align: right;
	clear: both;
}

.goTop_Saudade {
	background:url(../img/goTop.jpg) no-repeat 0 0;
	width: 80px;
	margin: 10px 0;
	float: right;
	text-indent: -9999px;
}

.goTop_Saudade a
{
	display: block;
	width: 80px;
	padding-top: -15px;
	height: 15px;
}
.goTop_Saudade a:hover { background:url(../img/goTop2.jpg) no-repeat 0 0;}

.fwb { font-weight: bold;}

.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt80 { margin-top:80px;}

.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.m20 { margin: 20px 0;}

.mr19 { margin-right:19px;}
.mr20 { margin-right:20px;}
.ml5 { margin-left: 5px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml40 { margin-left: 40px;}

.ptM10 {padding-top: -10px;}


.txtA { text-align: center;}
.LH12em { line-height: 1.2em;}

.fl { float: left;}


.mailMagazine {
	border: 2px solid #FCC;
	padding: 15px 15px 20px;
	margin: 20px 0;
	}
	
.mailMagToiawase {
	border: 1px solid #CCC;
	padding:10px;
	margin: 20px 0;
	text-align: center;}


/* globalnavi
------------------------------------------------------------ */

#gNavi {
	margin: 30px 0 20px 0;	
	border-bottom: solid #CCC 1px;
	border-top: solid #CCC 1px;
	padding: 5px;
	height: 30px;
}
#gNavi ul { display: block; margin: 0 auto; width: 798px;}
#gNavi li {
	display: block;
	float: left;
	height: 30px;
	text-indent: -9999px;
}
#gNavi a { display: block; height: 30px;}

.home { background: url(../img/gNavi.jpg) no-repeat 0 0; width: 101px;}
.home a:hover { background: url(../img/gNavi.jpg) no-repeat 0 -30px; width: 101px;}

.about { background: url(../img/gNavi.jpg) no-repeat -101px 0; width: 101px;}
.about a:hover { background: url(../img/gNavi.jpg) no-repeat -101px -30px; width: 101px;}

.art { background: url(../img/gNavi.jpg) no-repeat -202px 0; width: 80px;}
.art a:hover { background: url(../img/gNavi.jpg) no-repeat -202px -30px; width: 80px;}
#art .art { background: url(../img/gNavi.jpg) no-repeat -202px -60px; width: 80px;}

.design { background: url(../img/gNavi.jpg) no-repeat -283px 0; width: 108px;}
.design a:hover { background: url(../img/gNavi.jpg) no-repeat -283px -30px; width: 108px;}

.show { background: url(../img/gNavi.jpg) no-repeat -391px 0; width: 100px;}
.show a:hover { background: url(../img/gNavi.jpg) no-repeat -391px -30px; width: 100px;}

.products { background: url(../img/gNavi.jpg) no-repeat -491px 0; width: 125px;}
.products a:hover { background: url(../img/gNavi.jpg) no-repeat -491px -30px; width: 125px;}

.blog { background: url(../img/gNavi.jpg) no-repeat -616px 0; width: 91px;}
.blog a:hover { background: url(../img/gNavi.jpg) no-repeat -616px -30px; width: 91px;}

.mail { background: url(../img/gNavi.jpg) no-repeat -707px 0; width: 91px;}
.mail a:hover { background: url(../img/gNavi.jpg) no-repeat -707px -30px; width: 91px;}

.toiawase { background: url(../img/gNavi.jpg) no-repeat -707px 0; width: 91px;}
.toiawase a:hover { background: url(../img/gNavi.jpg) no-repeat -707px -30px; width: 91px;}

.bottomNavi li { margin: 6px;}
	
/* footer
------------------------------------------------------------ */

#footer {
	width: 940px;
	height: 20px;
	text-align: center;
	font-size: 90%;
	color: #999;
	padding-top: 15px;
	padding-bottom: 60px;
	border-top: solid #CCC 1px;
	clear: both;
}

address {
	font-style: normal;
}



/* common tool
------------------------------------------------------------ */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.note { font-size: 0.9em;}