* {
	margin: 0px;
}
body {
	text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%;
}
body p {
	padding-top: 5px; padding-bottom: 5px;
}
img {
	height: auto; vertical-align: bottom; max-width: 100%;
}
header {
	height: 80px; color: rgb(255, 255, 255); background-image: url("images/bg-header.png");
}
#site_title {
	position: absolute; z-index: 1;
}
#top_width {
	margin: 0px auto; position: relative; max-width: 1000px;
}
div[id^='max_width'] {
	margin: 0px auto; max-width: 1000px;
}
div[id^='maxmax_width'] {
	margin: 0px auto; max-width: 770px;
}
#footer_width {
	margin: 0px auto; max-width: 1000px;
}
#site_title img {
	width: 95%; height: auto; margin-left: -8px;
}
#menu_button img {
	width: 70%; height: auto;
}
#contact {
	display: none;
}
#content_wrap_slide {
	border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(238, 238, 238);
}
#stage {
	margin: 0px auto; position: relative; max-width: 900px; box-shadow: 3px 3px 3px 0px #c8c8c8; background-color: rgb(238, 238, 238); -webkit-box-shadow: 3px 3px 3px 0px #C8C8C8;
}
#stage ul {
	padding: 0px; position: relative;
}
#stage ul li {
	width: 100%; list-style-type: none; position: absolute; opacity: 0;
}
#stage img {
	height: auto; max-width: 100%;
}
#slide_control {
	position: absolute;
}
[id^='photo_'] {
	cursor: pointer;
}
#prev_button {
	cursor: pointer;
}
#next_button {
	cursor: pointer;
}
#play_stop {
	cursor: pointer;
}
#nav_pc {
	display: none;
}
#menu_button {
	top: 0px; position: fixed; z-index: 3; cursor: pointer;
}
#nav_mo {
	width: 100%; position: fixed; z-index: 2;
}
#nav_mo > ul {
	padding: 0px; background-image: linear-gradient(180deg, rgba(201, 201, 201, 1) 0%, rgba(102, 102, 102, 1) 100%); background-color: rgb(102, 102, 102);
}
#nav_mo > ul > li {
	font-size: 90%; list-style-type: none;
}
#nav_mo > ul > li > a:link {
	transition:color 0.5s ease-in-out; color: rgb(255, 255, 255); padding-top: 15px; padding-bottom: 15px; text-decoration: none; border-bottom-color: rgb(82, 82, 82); border-bottom-width: 1px; border-bottom-style: solid; display: block; -webkit-transition: color 0.5s ease-in-out 0s; -moz-transition: color 0.5s ease-in-out 0s; -o-transition: color 0.5s ease-in-out 0s;
}
#nav_mo > ul > li > a:visited {
	color: rgb(255, 255, 255); padding-top: 15px; padding-bottom: 15px; text-decoration: none; border-bottom-color: rgb(82, 82, 82); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#nav_mo > ul > li > a:hover {
	color: rgb(196, 196, 196); text-decoration: none;
}
#nav_mo > ul > li:last-child {
	margin-bottom: -1px;
}
.nav_mo_s {
	color: rgb(255, 255, 255); padding-top: 15px; padding-bottom: 15px; text-decoration: none; border-bottom-color: rgb(82, 82, 82); border-bottom-width: 1px; border-bottom-style: solid; display: block; cursor: pointer;
}
.nav_mo_sub {
	padding: 0px; margin-top: 15px; display: none; background-color: rgb(117, 117, 117);
}
.nav_mo_sub > li {
	font-size: 90%; list-style-type: none;
}
.nav_mo_sub > li > a:link {
	transition:color 0.5s ease-in-out; color: rgb(255, 255, 255); padding-top: 15px; padding-bottom: 15px; text-decoration: none; border-bottom-color: rgb(70, 70, 70); border-bottom-width: 1px; border-bottom-style: solid; display: block; -webkit-transition: color 0.5s ease-in-out 0s; -moz-transition: color 0.5s ease-in-out 0s; -o-transition: color 0.5s ease-in-out 0s;
}
.nav_mo_sub > li > a:visited {
	color: rgb(255, 255, 255); padding-top: 15px; padding-bottom: 15px; text-decoration: none; border-bottom-color: rgb(70, 70, 70); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.nav_mo_sub > li > a:hover {
	color: rgb(191, 191, 191); text-decoration: none;
}
.content_even {
	background-color: rgb(255, 255, 255);
}
.content_even a:link {
	transition:color 0.3s ease-in-out; color: rgb(0, 0, 0); -webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s;
}
.content_even a:visited {
	color: rgb(0, 0, 0);
}
.content_even a:hover {
	color: rgb(176, 176, 176);
}
.content_odd {
	background-color: rgb(239, 239, 239);
}
.content_odd a:link {
	transition:color 0.3s ease-in-out; color: rgb(0, 0, 0); -webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s;
}
.content_odd a:visited {
	color: rgb(0, 0, 0);
}
.content_odd a:hover {
	color: rgb(176, 176, 176);
}
.contentcon_even {
	background-color: rgb(255, 255, 255);
}
.contentcon_even a:link {
	transition:color ease-in-out; color: rgb(0, 0, 0); -webkit-transition: color 0s ease-in-out 0s; -moz-transition: color 0s ease-in-out 0s; -o-transition: color 0s ease-in-out 0s;
}
.contentcon_even a:visited {
	color: rgb(0, 0, 0);
}
.contentcon_even a:hover {
	color: rgb(176, 176, 176);
}
.contentcon_odd {
	background-color: rgb(239, 239, 239);
}
.contentcon_odd a:link {
	transition:color ease-in-out; color: rgb(0, 0, 0); -webkit-transition: color 0s ease-in-out 0s; -moz-transition: color 0s ease-in-out 0s; -o-transition: color 0s ease-in-out 0s;
}
.contentcon_odd a:visited {
	color: rgb(0, 0, 0);
}
.contentcon_odd a:hover {
	color: rgb(176, 176, 176);
}
div[class^='bg-text'] {
	padding: 30px 5px; height: auto; overflow: hidden; z-index: 1;
}
div[class^='bg-text'] p {
	text-align: left;
}
.h1_design {
	background: url("images/bg-h1.png") no-repeat left; text-align: left; color: rgb(54, 54, 54); text-indent: 35px; font-size: 110%; font-weight: normal; margin-bottom: 10px;
}
#under_wrap {
	height: 48px; border-top-color: rgb(194, 194, 194); border-bottom-color: rgb(194, 194, 194); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(239, 239, 239);
}
#under_wrap2 {
	height: 300px; border-top-color: rgb(194, 194, 194); border-bottom-color: rgb(194, 194, 194); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(239, 239, 239);
}
.h1_design2 {
	padding-bottom: 10px; font-size: 110%; font-weight: normal;
}
.h1_design2 img {
	
}
.content_left {
	margin-bottom: 30px;
}
.color1 {
	color: rgb(255, 0, 0);
}
.color2 {
	color: rgb(255, 102, 0);
}
.color3 {
	color: rgb(87, 87, 87);
}
.supplement {
	color: rgb(108, 108, 108); font-size: 90%;
}
.content_sub {
	text-align: left;
}
.content_sub ul {
	padding: 0px 0px 0px 30px;
}
.content_sub ul li {
	padding-top: 5px; padding-bottom: 5px;
}
.modal {
	
}
.modal dt {
	border: 1px solid rgb(232, 232, 232); border-image: none; margin-bottom: 10px; float: left; background-color: rgb(255, 255, 255);
}
.modal dt p {
	padding: 5px;
}
.modal dd {
	display: none;
}
.modal_title {
	text-align: center; margin-top: 5px; margin-bottom: -5px;
}
#modal_bg {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 4; background-image: url("images/modal-bg.png");
}
#modal_window {
	overflow: hidden; display: none; position: fixed; z-index: 5;
}
#modal_window img {
	padding: 5px; border-radius: 5px; display: none; z-index: 6; box-sizing: border-box; background-color: rgb(249, 249, 249); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
#modal_control {
	
}
#modal_prev_button {
	display: none; position: fixed; z-index: 7; cursor: pointer;
}
#modal_next_button {
	display: none; position: fixed; z-index: 7; cursor: pointer;
}
#modal_close_button {
	display: none; position: fixed; z-index: 7; cursor: pointer;
}
.img_450_left img {
	margin: auto; display: block;
}
.img_450_right img {
	margin: auto; display: block;
}
#news {
	
}
#news ul {
	padding: 0px;
}
#news ul li {
	padding-top: 10px; padding-bottom: 10px; border-bottom-color: rgb(54, 54, 54); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none;
}
#news ul li:first-child {
	border-top-color: rgb(54, 54, 54); border-top-width: 1px; border-top-style: solid;
}
#faq {
	text-align: left;
}
#faq dt {
	color: rgb(87, 87, 87); padding-top: 20px; padding-bottom: 10px;
}
#faq dd {
	padding-top: 10px; padding-bottom: 20px; border-bottom-color: rgb(54, 54, 54); border-bottom-width: 1px; border-bottom-style: solid;
}
#faq dt:first-child {
	border-top-color: rgb(54, 54, 54); border-top-width: 1px; border-top-style: solid;
}
#company {
	margin: 0px auto; width: 100%; border-collapse: collapse;
}
#company tr {
	
}
#company th {
	border: 1px solid rgb(97, 97, 97); border-image: none;
}
#company td {
	border: 1px solid rgb(97, 97, 97); border-image: none;
}
#company th {
	padding: 20px; color: rgb(87, 87, 87); white-space: nowrap; background-color: rgb(229, 229, 229);
}
#company td {
	padding: 20px; text-align: left; background-color: rgb(255, 255, 255);
}
#footer_nav {
	display: none;
}
#bg-text-footer {
	padding: 30px 5px;
}
#bg-text-footer p {
	
}
#footer_content {
	color: rgb(255, 255, 255); clear: both; border-top-color: rgb(148, 148, 148); border-top-width: 1px; border-top-style: solid; background-image: linear-gradient(180deg, rgba(201, 201, 201, 1) 0%, rgba(102, 102, 102, 1) 100%); background-color: rgb(102, 102, 102);
}
#footer_content a:link {
	transition:color 0.3s ease-in-out; color: rgb(255, 255, 255); -webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s;
}
#footer_content a:visited {
	color: rgb(255, 255, 255);
}
#footer_content a:hover {
	color: rgb(196, 196, 196);
}
footer {
	position: relative;
}
footer a:link {
	text-decoration: none;
}
footer a:visited {
	text-decoration: none;
}
#back_top {
	top: -25px; right: 0px; display: none; position: absolute; cursor: pointer;
}
@media only screen and (min-width:450px)
{
#site_title img {
	width: 100%; margin-left: 0px;
}
#menu_button img {
	width: 100%;
}
#nav_mo ul li a:link {
	padding-top: 15px; padding-bottom: 15px;
}
#nav_mo ul li a:visited {
	padding-top: 15px; padding-bottom: 15px;
}
#under_wrap {
	height: 55px;
}
}
@media only screen and (min-width:600px)
{
#modal_window img {
	padding: 10px;
}
div[class^='bg-text'] {
	padding-top: 40px; padding-bottom: 40px;
}
div[class^='bg-text'] h1 {
	
}
#bg-text-footer {
	padding-top: 0px; padding-bottom: 0px;
}
.content_left {
	margin-bottom: 40px;
}
.content_right {
	
}
.ie8_under #site_title {
	width: 150px; height: 130px;
}
.ie8_under #slide_control {
	display: none;
}
.ie7 #site_title {
	left: 0px;
}
.ie6 #site_title {
	right: 0px;
}
.ie7 #content_wrap_slide {
	display: none;
}
.ie6 #content_wrap_slide {
	display: none;
}
}
@media only screen and (min-width:650px)
{
.img_450_left {
	padding-right: 5px; float: left;
}
.img_450_right {
	padding-left: 5px; float: right;
}
}
@media only screen and (min-width:900px)
{
.content_left {
	width: 50%; padding-right: 10px; margin-bottom: 0px; float: left; box-sizing: border-box;
}
.content_right {
	width: 50%; padding-left: 10px; float: right; box-sizing: border-box;
}
#nav_mo {
	display: none;
}
#menu_button {
	display: none;
}
#nav_pc {
	display: block;
}
#nav_pc > ul {
	padding: 0px;
}
#nav_pc > ul > li {
	width: 130px; height: 80px; float: left; list-style-type: none; cursor: pointer;
}
#nav_pc > ul > li > a:link {
	padding: 0px;
}
#nav_pc > ul > li > a:visited {
	padding: 0px;
}
#nav_pc > ul > li > a:hover {
	text-decoration: none;
}
#nav_pc > ul > li:first-child {
	margin-left: 180px;
}
.nav_hover {
	position: absolute;
}
.nav_pc_sub {
	padding: 0px; width: 260px; text-align: left; display: none; position: relative; z-index: 1; box-shadow: 2px 2px 3px 0px #6b6b6b; background-color: rgb(150, 150, 150); -webkit-box-shadow: 2px 2px 3px 0px #6B6B6B;
}
.nav_pc_sub > li {
	border-bottom-color: rgb(82, 82, 82); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none;
}
.nav_pc_sub > li > a:link {
	padding: 20px 10px; transition:color 0.5s ease-in-out; color: rgb(250, 250, 250); text-decoration: none; display: block; -webkit-transition: color 0.5s ease-in-out 0s; -moz-transition: color 0.5s ease-in-out 0s; -o-transition: color 0.5s ease-in-out 0s;
}
.nav_pc_sub > li > a:visited {
	padding: 20px 10px; color: rgb(250, 250, 250); text-decoration: none; display: block;
}
.nav_pc_sub > li > a:hover {
	color: rgb(196, 196, 196); text-decoration: none; display: block;
}
.content_sub {
	
}
.content_sub ul {
	
}
.content_sub ul li {
	
}
#footer_nav {
	display: block;
}
}
@media only screen and (min-width:1450px)
{
#contact {
	right: 0px; display: block; position: absolute; z-index: 1;
}
#top_width {
	max-width: 1200px;
}
div[id^='max_width'] {
	max-width: 1200px;
}
#footer_width {
	max-width: 1200px;
}
#stage {
	max-width: 1200px;
}
#h1_wrap2 {
	max-width: 1200px;
}
}
