/*-------------------------------------------------------------

	Universal selector

-------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	/*background-color: transparent;*/
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/*-------------------------------------------------------------

	Structure Module

-------------------------------------------------------------*/

body {
	background-color: #ffffff;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", Osaka, "メイリオ", Meiryo, verdana, arial, sans-serif;
	text-align: center;
	color: #666666;
	margin: 0;
	padding: 0;
}

html>/**/body {
    font-size: 16px;
}

/*-------------------------------------------------------------

	Text Module

-------------------------------------------------------------*/

p {
	margin: 0.5em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin: 0;
}

strong {
	font-weight: bold;
}

/*-------------------------------------------------------------

	Hypertext Module

-------------------------------------------------------------*/

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:active {
	color: #666666;
}

a:hover {
	color: #580056;
	text-decoration: underline;
}

/*-------------------------------------------------------------

	List Module

-------------------------------------------------------------*/

ul,
ol,
dl {
	list-style: none;
	margin: 0;
}

li,
dt,
dd {
	font-size: 100%;
	margin: 0;
}

/*-------------------------------------------------------------

	Forms Module

-------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}

input,
textarea {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", osaka, Arial, Helvetica, Meiryo, sans-serif;
}

input {
	line-height: 1.2;
}

/*-------------------------------------------------------------

	Tables Module

-------------------------------------------------------------*/

table {
	margin: 0;
}

/*-------------------------------------------------------------

	Image Module

-------------------------------------------------------------*/

img,
a img {
	border: none;
}

/*-------------------------------------------------------------

	Layout

-------------------------------------------------------------*/

div#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0;
	width: 760px;
}

div#wrapper {
	background: url(/hadagoromo/images/common/wk02.gif) no-repeat left bottom;
	clear: both;
	padding: 0 0 3px 0;
}

div#content {
	background: url(/hadagoromo/images/common/bg.gif) repeat-y left top;
	padding: 12px 0 0 0;
}

div#content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	line-height: 0;
}

div#content {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html div#content {
	height: 1%;
}

div#content {
	display: block;
}
/* End hide from IE-mac */

div#side {
	float: left;
	width: 208px;
}

div#main {
	float: left;
	width: 552px;
}

p.mess {
	color: #ff0000;
	font-size: 75%;
	padding: 0 0 0 10px;
}

/*-------------------------------------------------------------

	Layout

-------------------------------------------------------------*/

div.uR {
	float: left;
	display: inline;
}

div.uR dd {
	font-size: 70%;
}

div.unitLst dd {
	line-height: 1.4;
	margin: 0.3em 0 0 0;
}

div.unitLst:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	line-height: 0;
}

div.unitLst {
	display: inline-block;
}

/*-------------------------------------------------------------

	PLIST

-------------------------------------------------------------*/

div.pList {
	font-size: 70%;
	padding: 0 7px 7px 7px;
}

div.pList a:link {
	color: #666666;
	text-decoration: underline;
}

div.pList a:visited {
	color: #666666;
	text-decoration: underline;
}

div.pList a:active {
	color: #666666;
}

div.pList a:hover {
	color: #580056;
	text-decoration: underline;
}

/*-------------------------------------------------------------

	Elements

-------------------------------------------------------------*/

div.kei {
	clear: both;
}

div.pagetop {
	clear: both;
	text-align: right;
	padding: 8px 20px 5px 0;
}

.pageDetail {
	text-align: right;
	padding: 5px 0;
}

/* ---------------------------------
	Header
--------------------------------- */

div#header h1 {
	float: left;
	width: 145px;
}

div#header h2 {
	clear: both;
}

div#navigator {
	text-align: right;
	margin: 0 0 0 150px;
}

div#navigator li {
	display: inline;
}

div.fmenu {
	font-size: 10px;
	padding: 10px 0 6px 0;
}

div.visited img {
	vertical-align: middle;
	margin: 0 0 2px 0;
}

div.member input.text {
	border: 1px solid #bfbfbf;
	font-size: 10px;
	height: 18px;
	width: 152px;
}

div.member {
	margin: 0 0 6px 0;
}

div.member input {
	vertical-align: top;
}

div.member img {
	vertical-align: top;
}

div#bw {
	background: url(/hadagoromo/images/header/bw.jpg) no-repeat left bottom;
}

div#bw ul {
	text-align: center;
}

div.headmenu {
	clear: both;
}

div.headmenu li {
	display: inline;
}

div.headmenu li img {
	vertical-align: bottom;
}

div.brawrap {
	background: url(/hadagoromo/images/header/braw.gif) no-repeat left top;
	height: 33px;
	width: 760px;
}

div.brawrap h3 {
	float: left;
	width: 125px;
}

div.brawrap h3 img {
	margin: 4px 0 0 2px;
}

div.brawrap h4 {
	float: left;
}

div.brawrap h4 img {
	margin: 4px 0 0 0;
}

div.brawrap li {
	float: left;
}

div.brawrap li img {
	margin: 8px 1px 0 0;
}

div.brawrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	line-height: 0;
}

div.brawrap {
	display: inline-block;
}

/* ---------------------------------
	Side
--------------------------------- */

div#sidemenu {
	width: 185px;
}

div#sidemenu h2 {
	margin: 0 0 10px 0;
}

div#sidemenu h3 {
	margin: 0 0 10px 0;
}

div#sidemenu ul {
	margin: 10px 0;
}

div#sidemenu li {
	line-height: 1.2;
	margin: 0 0 5px 0;
}

div#sidemenu div.menu li {
	background: url(/hadagoromo/images/side/y1.gif) no-repeat left center;
	font-size: 75%;
	margin: 0 0 6px 0;
	padding: 0 0 0 28px;
}

div#sidemenu div.guide {
	margin: 0 0 0 18px;
}

div#sidemenu div.guide ul {
	margin: 10px 0 10px 10px;
}

div#sidemenu div.guide li {
	font-size: 70%;
}

div#sidemenu div.guide li.ic01 {
	background: url(/hadagoromo/images/side/ic01.gif) no-repeat left top;
	height: 17px;
	padding: 0 0 0 23px;
}

div#sidemenu div.guide li.ic02 {
	background: url(/hadagoromo/images/side/ic02.gif) no-repeat left top;
	height: 20px;
	padding: 5px 0 0 23px;
}

div#sidemenu div.guide li.ic03 {
	background: url(/hadagoromo/images/side/ic03.gif) no-repeat left top;
	height: 13px;
	padding: 0 0 0 23px;
}

div#sidemenu div.guide li.ic04 {
	background: url(/hadagoromo/images/side/ic04.gif) no-repeat left top;
	height: 17px;
	padding: 0 0 0 23px;
}

div#sidemenu div.catalogue {
	margin: 0 0 0 18px;
	padding: 1px 0 0 0;
}

div#sidemenu div.bnr {
	margin: 0 0 0 13px;
}

div#sidemenu li img {
	vertical-align: top;
}

div#sidemenu a:link {
	color: #a26ea6;
	text-decoration: none;
}

div#sidemenu a:visited {
	color: #a26ea6;
	text-decoration: none;
}

div#sidemenu a:active {
	color: #a26ea6;
}

div#sidemenu a:hover {
	color: #580056;
	text-decoration: underline;
}

/* ---------------------------------
	Footer
--------------------------------- */

div#footer {
	clear: both;
	text-align: center;
	font-size: 70%;
	margin: 0;
	padding: 15px 0 0 0;
}

div#footer p.logo {
	margin: 1em 0 0 0;
}