@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Garamond", "Georgia", "Times New Roman","ヒラギノ明朝 Pro W3" ,"ＭＳ Ｐ明朝", "細明朝体";
	line-height: 100%;
	background: #ffffff;
	text-align: left;
	text-rendering: optimizeLegibility;
	position: relative;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

h1,h2,h3,h4 {
	font-weight: normal;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

a.link1:link,
a.link1:visited {
	color: #000000;
	text-decoration: none;
}

a.link1:hover,
a.link1:focus {
	color: #ffffff;
	background: #000000;
	text-decoration: none;
}

::-moz-selection{
	background: #111111;
	color: #ffffff;
}

::selection{
	background: #111111;
	color: #ffffff;
}

img {
	border: none;
	vertical-align: bottom;
}

img.obj {
	vertical-align: middle;
}

hr {
	display: none;
}

.clear {
	clear: both;
}

/* for modern browser */
.clearfix {
  display: inline-block;
}

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

/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

ul.listBlock,
ul.listBlock li {
	display: block;
	list-style-type: none;
}


/* --------------------------------------------------------------------- */
/* margin-padding */
/* --------------------------------------------------------------------- */

.mt20 {
	margin-top: 16px;
}

.mt30 {
	margin-top: 28px;
}

.mt60 {
	margin-top: 60px;
}

.mt50 {
	margin-top: 50px;
}


/* --------------------------------------------------------------------- */
/* text */
/* --------------------------------------------------------------------- */

.txt10 {
	font-size: 77%;
}

.txt11 {
	font-size: 85%;
}

.txt12 {
	font-size: 93%;
}

.txt14 {
	font-size: 107%;
}

.txt16 {
	font-size: 122%;
}

.txt18 {
	font-size: 136%;
}

.txtBold {
	font-weight: bold;
}

.txtEx1 {
	color: #007030;
}

.txt_A1 {
	font-size: 93%;
	line-height: 1.8;
}


/* --------------------------------------------------------------------- */
/* title */
/* --------------------------------------------------------------------- */

h1#title1 img {
	margin: 10px 0px 0px 97px;
}

/* --------------------------------------------------------------------- */
/* logo/onlinestore */
/* --------------------------------------------------------------------- */

p#onlinestore {
	position: absolute;
	right: 23px;
	top: 59px;
}

p#logo {
	position: absolute;
	right: 339px;
	top: 130px;
}

p#logo a img {
	display: block;
}


/* --------------------------------------------------------------------- */
/* menu */
/* --------------------------------------------------------------------- */

nav#menu {
	display: block;
}

nav#menu ul {
	display: block;
	list-style-type: none;
}


/* --------------------------------------------------------------------- */
/* sub header */
/* --------------------------------------------------------------------- */

div#subHeaderArea {
	display: block;
	width: 100%;
	position: relative;
	padding:30px 0 0 0;
}

div#subHeaderArea header {
	width:180px;
	float:left;
	margin:0 66px 0 0;
	padding-left:48px;
}

div#subHeaderArea nav {
	/*width:260px;*/
	float:left;
	font-size:122%;
}

p#subLogo {
	display: block;
	width: 180px;
	height: 15px;
	overflow: hidden;
	font-size: 77%;
	line-height: 1;
	background: url("../../images/logo.png") no-repeat left top;
	position: relative;
	padding-top:1px;
}

p#subLogo span,
p#subLogo a {
	display: block;
	padding-top: 16px;
}

div#subHeaderArea nav ul {
	list-style-type: none;
	margin-left: -8px;
}

div#subHeaderArea nav ul li {
	display: inline;
	margin-right:14px;
	color:#cccccc;
}

div#subHeaderArea nav ul li a {
	padding: 0 2px;
}

nav#subArchiveArea {
	position: relative;
	
}

ul#subArchive {
	width: 59px;
	height: 10px;
	position: absolute;
	right: 9px;
	top: 3px;
	/top: -12px;
}

ul#subArchive li {
	float: left;
	width: 13px;
}

ul#subArchive li a img {
	display: block;
}

ul#subArchive li#archive1 {
	margin-top: 2px;
}

ul#subArchive li#archive2 {
	margin-top: 1px;
}

ul#subArchive li#archive3 {
	margin-top: 1px;
}

ul#subArchive li#archive4 {
	margin-top: 0px;
}


/* --------------------------------------------------------------------- */
/* contents */
/* --------------------------------------------------------------------- */

div#container {
	min-width: 1000px;
	_width: 1000px;
	padding-bottom:100px;
}

div#contents {
	padding:144px 0 0 48px;
	clear:both;
	font-size:93%;
	position:relative;
	z-index:10;
}

div#pageTitleArea {
	width:190px;
	float:left;
	margin-right:50px;
}

div#contentsArea {
	width:690px;
	margin-left:48px;
	overflow: hidden;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}


/*------------------------------------------------------------------*/
/* topicPath */
/*------------------------------------------------------------------*/

ul#topicPath {
	height:2em;
	font-size: 93%;
	padding-top:10px;
	color:#000000;
	list-style-type:none;
}
ul#topicPath li {
	float: left;
	line-height: 2em;
	padding-right: 0.6em;
}
ul#topicPath li a {
	display: block;
	background: url(../images/topicpath_bg.gif) no-repeat right center;
	padding-right: 10px;
}

a.link2:link,
a.link2:visited {
	color: #000000;
	text-decoration: none;
}

a.link2:hover,
a.link2:focus {
	color: #000000;
	text-decoration:underline;
}


/*------------------------------------------------------------------*/
/* footer */
/*------------------------------------------------------------------*/

div#subFooterArea {
	width:190px;
	margin-left:48px;
	margin-top:-50px;
}

footer#subFooter {
	position:relative;
	display: block;
}

footer#subFooter address {
	display: block;
	width: 181px;
	height: 26px;
	font-style: normal;
	position: relative;
}

footer#subFooter address ul li {
	position: absolute;
}

li#shopAddress {
	position: absolute;
	left: 27px;
	top: 0px;
	/top: -4px;
}

li#shopPhone {
	position: absolute;
	left: 27px;
	top: 14px;
	/top: 19px;
}

li#shopTwitter {
	position: absolute;
	left: 0px;
	top: 6px;
}

li#shopTwitter a,
li#shopTwitter img,
li#shopPhone img,
li#shopTwitter img {
	display: block;
	line-height: 1;
}

footer#subFooter small {
	position: absolute;
	top:40px;
	font-size:70%;
}