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

html {
overflow-y: scroll;
}

body {
	height: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-top: auto;
	background-color: white;
	font-weight: 200;
	font-size: 13px;
	bottom: 0%;	
}
img {
	vertical-align: bottom;
}
#history,#profile{
	width:686px;
}
.header {
	width: 900px;
	height: 80px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.nav {
	height: 30px;
	width: 900px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#Image2{
	width:20%;
	height:30px;
}
#Image3{
	width:20%;
	height:30px;
}
#Image4{
	width:20%;
	height:30px;
}
#Image5{
	width:20%;
	height:30px;
}
#Image6{
	width:20%;
	height:30px;
}
#sp_00,#sp_01,#sp_02,#sp_03,.top_rogo_b02{
	display:none;
}
#pc_00,#pc_01{
	width:900px;
	height:auto;
}
#pc_02,#pc_03{
	width:360px;
    height:auto;
}
#pc_04,#pc_05,#pc_06,#pc_07{
	width:180px;
	height:auto;
}
.main_img01 {
	width: 900px;
	height: 350px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.main_img02 {
	width: 900px;
	height: 200px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.top_01 {
	width: 900px;
	height: 180px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.top_02 {
	width: 900px;
	height: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.top_03 {
	width: 900px;
	height: 180px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-top: auto;
	clear: left;
	float: left;
	background-color: #FFFFFF;
}
.top_03_1 {
	width: 875px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	border: 7px solid #E6E6E6;
	height: 155px;
}
.top_04 {
	width: 900px;
	height: 180px;
	float: right;
}
.footer {
	width: 900px;
	height: 200px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 900px;
	clear: both;
	float: none;
}
.headwrap {
	width: 100%;
	height: 80px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-bottom: 1px solid #B3B3B3;
	background-color: #FFFFFF;
}
.navwrap {
	width: auto;
	height: 25px;
	border-bottom: 5px solid #B3B3B3;
	background-color: #FFFFFF;
}
.footwrap {
	width: 100%;
	height: 200px;
	clear: both;
	background-color: #FFFFFF;
	border-top: 1px solid #B3B3B3;
}
.news {
	width: 360px;
}
.mainwrap {
	width: 900px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	float: none;
	min-height: 890px;
	overflow-y: hidden;
	max-height: 30000px;
}
.news_text {
	width: 850px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	overflow-y: scroll;
	height: 110px;
	font-size: 110%;
}
.footer_rogo {
	clear: right;
	width: 318px;
	height: 46px;
	float: right;
	margin-top: 10px;
}
.movetop {
	float: none;
	margin-left: 780px;
}
.header_sitemap {
	margin-left: 95px;
}
.header_privacy {
	margin-left: 5px;
}
.header_sitemap:hover {
	opacity: 0.6;
}
.header_privacy:hover {
	opacity: 0.6;
}
.movetop:hover {
	opacity: 0.6;
	float: left;
}
.sidemenu {
	width: 200px;
	float: left;
	background-color: #FFFFFF;
}
.sidemenu_inside {
	width: 186px;
	height: auto;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
	border: 1px solid #8D8D8D;
}
.sidemenu_inside li{
	padding-top: 3px;
}
.mainarea {
	float: right;
	background-color: #FFFFFF;
	width: 700px;
}
.mainarea_inside {
	width: 686px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
}
.mainarea_inside_text {
	width: 406px;
	float: left;
	min-height: 150px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 7px;
}
.mainarea_inside_img {
	width: 280px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	min-height: 150px;
	float: left;
}
h2 {
	background-color: #B3B3B3;
	color: #FFFFFF;
	font-style: normal;
	text-indent: 5px;
}
li {
	margin-left: 10px;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	color: #000000;
}
.link:hover {
	opacity: 0.6;
}
.table_01 {
	width: 228px;
	float: left;
	clear: left;
	padding-left: 0px;
	margin-left: 7px;
}
.table_02 {
	width: 228px;
	float: left;
}
.table_03 {
	width: 228px;
	float: left;
}
.table_04 {
	width: 686px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	clear: left;
	min-height: 35px;
}
.table_05 {
	width: 343px;
	float: left;
	margin-left: 7px;
}
.table_06 {
	width: 343px;
	float: left;
}
.table_07 {
	width: 686px;
	float: left;
	margin-left: 7px;
}
.table_08 {
	width: 686px;
	clear: both;
}
.table_09 {
	width: 456px;
	float: right;
}
table {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.table_products{
	width:686px;
}
.table_wrap {
	width: 686px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	overflow-y: hidden;
	height: auto;
	clear: both;
	min-height: 1000px;
}
.table_color003 {
	background-color: #F9E1E2;
	margin-left: 10px;
}
.table_color004 {
	background-color: #C3ECFF;
}
.table_color005 {
	background-color: #FFD996;
}
.table_color007 {
	background-color: #F8FD83;
}
.table_color01 {
	background-color: #CEFFBA;
}
.table_color002 {
	background-color: #E0C9FF;
}
.table_color_000 {
	background-color: #E7E7E7;
}
.table_color_PP {
	background-color: #D9C2A1;
}
.sitemap {
	text-align: left;
	margin-left: 0px;
}
.sitemap th,td{
	height: 30px;
}
#bread {
	font-size: 11px;
	height: 33px;
	line-height: 40px;
	text-indent: 10px;
}
#bread a {
	text-decoration: underline;
	color: #206eff;
}
#bread a:hover {
	opacity: 0.6;
}
.news_text a{
	text-decoration: underline;
	color: #206eff;
}
.news_text a:hover{
	opacity: 0.6;
}
.news_text_b a{
	text-decoration: underline;
	color: #206eff;
	font-size:9px;
}
.news_text_b a:hover{
	opacity: 0.6;
}
.form td,.form th {
	height: 40px;
	text-align: left;
	border-top-color: #CECECE;
	border-top-style: solid;
	border-top-width: 1px;
}
.form{
	width:510px;
}
#submit {
	width: 100px;
}
#reset {
	width: 100px;
}
.important {
	font-size: 11px;
	color: red;
}
.table_products {
	text-align: left;
}
.shomei {
	text-align: right;
}
td {
	height: 25px;
}
.td_01 {
	height: 45px;
}
.input {
	width: 300px;
}
.papercushion {
	width: 686px;
	margin-left: 7px;
	clear: both;
	}
.main_img {
   position: relative;
   width:  900px; /* 画像の横幅に合わせて記述 */
   height: 350px; /* 画像の高さに合わせて記述 */
}
.main_img img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
.main_img img.active {
   z-index: 10;
   opacity: 1.0;
}
.main_img img.last-active {
   z-index: 9;
}
.table_1_3 {
	width: 200px;
}
.table_1_2 {
	width: 310px;
}
.table_1_1 {
	width:500px;
}

.table_env {
	width:625px;
}

.slider{
    width: 900px;
	height:350px;
}
.slider img{
    height: 350px;
    width: 900px;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: black;
}