.clearfix::after {
	content:"";
	display:table;
	clear:both;
}

a {
	text-decoration: none;
}

body {
	margin: 0;
	font-size: 14px;
	line-height: 100%;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	background: url("images/background_water.jpg") fixed white;
}
div.whole {
	width: 800px;
	margin: 0 auto 0 auto;
}
div.header {
	padding: 0;
	height: 64px;
	text-align: center;
	padding: 5px;
}
img.headerbanner {
	border: 0;
}

div.contents {
	overflow:hidden;
	margin: 0 auto 0 auto;
}
div.navimenu {
	position: absolute;
	width: 140px;
	margin-left: 8px;
	margin-right: 10px;
	margin-top: 3px;
}

div.menus {
	width: 140px;
	line-height:0px;
}
div.menus a.imgmenu {
	display: block;
	width: 126px;
	height: 41px;
	border: 1px solid black;
}
div.menus a.menu_top { background: url(images/button_top.gif); }
div.menus a.menu_top:hover { background: url(images/button_top_s.gif); }
div.menus a.menu_idea { background: url(images/button_idea.gif); }
div.menus a.menu_idea:hover { background: url(images/button_idea_s.gif); }
div.menus a.menu_about { background: url(images/button_about_us.gif); }
div.menus a.menu_about:hover { background: url(images/button_about_us_s.gif); }
div.menus a.menu_model { background: url(images/button_product.gif); }
div.menus a.menu_model:hover { background: url(images/button_product_s.gif); }
div.menus a.menu_magazine { background: url(images/button_magazine.gif); }
div.menus a.menu_magazine:hover { background: url(images/button_magazine_s.gif); }
div.menus a.menu_shop { background: url(images/button_shop.gif); }
div.menus a.menu_shop:hover { background: url(images/button_shop_s.gif); }
div.menus a.menu_event { background: url(images/button_event.gif); }
div.menus a.menu_event:hover { background: url(images/button_event_s.gif); }
div.menus a.menu_listen { background: url(images/button_listen.gif); }
div.menus a.menu_listen:hover { background: url(images/button_listen_s.gif); }


div.copyright {
	font-size: 80%;
}


div.main {
	margin-left: 140px;
	padding-left: 40px;
	width: 620px;
}


.floatleft { float: left; }
.floatright { float: right; }

div.englishpagebutton{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.englishpagebutton img {
	width: 130px;
	height: 38px;
}

div.buttons {
	text-align: center;
	margin: 20px 0px;
}

h1.title {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
	background: url(images/background_water.jpg);
	margin: 10px 0px;
}

h2.subtitle {
	font-size: 120%;
	font-weight: normal;
}

div.gradationline {
	height: 6px;
	background-image: url(/images/gradationline.jpg);
	margin-top: 0px;
	margin-bottom: 20px;
}

div.document {
	background-color: white;
	opacity: 0.7;
	padding: 3px 30px;
	line-height: 150%;
}

div.contentitems {
	width: 600px;
}

div.contentitems hr{
	height: 2px;
}

div.contentitem {
	background: #d9eff0;
	width: 600px;
	padding-bottom: 10px;
	margin-bottom: 3px;
}

div.contentitem2 {
	background: #c3ebff;
	width: 600px;
	padding-bottom: 10px;
	margin-bottom: 3px;
}

div.body {
	margin: 30px;
	line-height: 150%;
}

div.right {
	text-align: right;
	margin: 20px 0px;
}

table.spectable {
	caption-side: top;
	width: 600px;
	background: #c3ebff;
	border: 1px solid black;
	font-size: 90%;
	margin-bottom: 30px;
}
table.spectable caption {
	font-size: 120%;
	font-weight: bold;
}
table.spectable td {
	border: 1px solid black;
}

div.company_info {
	background-color: white;
	opacity: 0.7;
	line-height: 150%;
}

table.company_info {
	margin: 0px;
	padding: 0px;
}
table.company_info tr {
}
table.company_info th {
	background-color: #d3eaf8;
	white-space: nowrap;
	padding: 3px 10px;
}
table.company_info td{
	padding: 3px 10px;
}

img.magazine_image {
	width: 105px;
}

div.magazine_body {
	padding-left: 130px;
	padding-top: 5px;
	line-height: 150%;
	font-size: 110%;
}

div.shoplist {
	background: url(images/background_water_whiten.jpg);
	font-size: 120%;
	padding: 5px 20px 5px 5px;
	line-height: 150%;
	text-align: left;
}

div.shop {
	margin-bottom: 30px;
}
span.shopname {
	font-size: 150%;
	font-weight: bold;
}

div.eventphotos {
	text-align: center;
}
div.eventphotos img {
	margin: 10px 30px;
	height: 205px;
}
div.eventbody {
	margin: 10px;
	line-height: 150%;
}
div.eventhistory {
	background: #c3ebff;
	width: 580px;
	padding: 10px 10px;
	margin: 3px 0;
}
span.date {
	font-weight: bold;
}

ul.listenroom {
	color: blue;
	list-style-type: square;
}

ul.listenroom ul {
	list-style-type: disc;
	color: black;
	font-size: 90%;
}
ul.listenroom ul.equipment {
	list-style-type: none;
}
div.maps {
	text-align: center;
}
div.maps p {
	margin-bottom: 30px;
}








div.welcome div.topmessage {
	color: #639ace;
	font-weight: bold;
	margin: 5px 5px;
}
div.welcome div.whatsnew {
}
div.welcome div.message {
}

div.company_info {
	line-height: 120%;
}

div.newsitem {
	border: 1px solid #cccccc;
}
div.newsitem h2 {
	color: white;
	background-color: #2f5376;
	font-size: 120%;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
}
div.newsitem div.content {
	margin: 3px;
}


table.costomers {
	font-size: 90%;
	border-spacing: 3px;
	margin-left: 20px;
	margin-bottom: 30px;
}

span.form_field {
	font-weight: bold;
}
span.form_necessary {
	font-weight: bold;
	color: red;
}
div.form_input {
	margin-left: 30px;
	margin-bottom: 10px;
}
table.form_buttons {
	border-spacing: 30px 0px;
	margin-bottom: 20px;
}