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


/*======== reset & clear ========*/

@import "common/reset.css";
@import "common/clearfix.css";


/*======== main style ========*/

@import "common/layout.css";


/*======== IE ========*/

@import ../ie.css;


/*======== windows IE 5.x ========*/

@media tty {
	i{content:"\";/*" "*/}} @import '../win-ie5x.css'; /*";}
}/* * /


/*======== detail ========*/
/* main---------------*/
#mainContainer #mainArea {
	margin-bottom:20px;
}

a:hover img {
opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.exSmallTxt {
	font-size: 10px;
}


/*navi*/

#topnav1 { clear:both; width:890px; height:224px; margin:10px 0; background:url(../images/top/img_02.gif) no-repeat 0px 46px; }
#topnav1 ul { width:840px; margin-left:26px; }
#topnav1 li{float:left; margin-right:1px; }

#topnav2 { clear:both; width:890px; height:92px; margin:10px 0;}
#topnav2 ul { width:868px; margin-left:16px; }
#topnav2 li{float:left; margin-right:10px; }

/* news */
.news {
	width:850px;
	text-align:left;
}
.news h3 { border-bottom:1px solid #0097E0; }
.news dl{
	width:850px;
	margin:10px 0;
	/*overflow: hidden;*/
	line-height:1.6;
}
.news dt{
	display:block;
	clear:left;
	float:left;
	width:6em;
	margin:0 0.5em 0.5em 0.5em;/*margin:0.5em 0 0 0.5em;*/
	padding-bottom:5px;
}
.news dd{
	display:block;
	margin:0.5em; _margin:0;
	padding: 0 1em 0.5em 7em;
	background: url(../images/line_dashed_02.gif) repeat-x left bottom;	
}


/*---------------------	top renewal----------------------------*/

#wrap-top { background:#ffffff; }
#wrap-top a{ text-decoration:none;}
#wrap-top h2{ color:#004ea2;font-size:26px;margin-bottom:30px;padding-bottom:20px;background:url(../images/top/border_blue.gif) no-repeat center bottom;}
#wrap-top h3{ color:#004ea2;font-size:16px;font-weight:bold;margin-bottom:20px;}

.SectionArea { width:850px;margin:0 auto; }


.sliderArea {width:1200px;margin:0 auto; }

#header-top { background:#ffffff;width:100%;height:100px;}
.header-topArea{ background:#ffffff;width:850px;margin:0 auto;position:relative;}
.header-topArea .logo{position:absolute;top:15px;left:0;}
.header-topArea #navi-top{ position:absolute;top:55px;right:0;margin:0;}
.header-topArea #navi-top li{ float:left;margin-left:40px;font-size:14px;}
.header-topArea #subnavi-top{position:absolute;top:15px;right:0;margin:0;}
.header-topArea #subnavi-top li{ float:left;margin-left:20px;font-size:12px;background:url(../images/top/bg_yajirushi.gif) no-repeat left center;padding-left:12px;	}

#navi-top { background:#ffffff; }

#sliderArea { background:#00346c;padding:20px 0;color:#ffffff;}


/*---------	Section01 ---------*/
#Section01 { background:#dcf2ff;padding:50px 0;}

.lineup-left { float:left;width:420px;margin-right:15px;}
.lineup-right { float:left;width:415px;}

.lineup-right li.series01{background:url(../images/top/lineup_01.jpg) no-repeat left center;width:415px;height:140px;margin-bottom:6px; }
.lineup-right li.series02{background:url(../images/top/lineup_02.jpg) no-repeat left center;width:415px;height:140px;margin-bottom:6px; }
.lineup-right li.series03{background:url(../images/top/lineup_03.jpg) no-repeat left center;width:415px;height:90px; }
.lineup-right li.series01 a{display:block;width:391px;height:100px;text-align:left;font-size:16px;font-weight:bold;/* display: -webkit-flex;
 display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */padding-left:24px;padding-top:40px;}
.lineup-right li.series02 a{display:block;width:391px;height:100px;text-align:left;font-size:16px;font-weight:bold; /*display: -webkit-flex;
 display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */padding-left:24px;padding-top:40px;}
.lineup-right li.series03 a{display:block;width:391px;height:90px;text-align:left;font-size:16px;color:#ffffff;font-weight:bold; display: -webkit-flex;
 display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */ align-items: center; /* 縦方向中央揃え */padding-left:24px;}
 
 
.lineup-right li.series01 a:hover,.lineup-right li.series02 a:hover,.lineup-right li.series03 a:hover,.lineup-bottom li.series07 a:hover,.lineup-bottom li.series08 a:hover{
background-color:rgba(255,255,255,0.3);
-webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
 
 
 
 .lineupArea{ margin-bottom:40px;padding-bottom:60px;background:url(../images/top/border_blue.gif) no-repeat center bottom;}

.lineup-left li.series04{background:url(../images/top/bg_link.png) no-repeat right bottom #ffffff;width:207px;height:68px; float:left;margin-right:3px;margin-bottom:3px;}
.lineup-left li.series04 a{display:block;width:207px;height:68px;display: -webkit-flex;display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */justify-content: center; /* 横方向中央揃え */}
.lineup-left li.series05{background:url(../images/top/bg_link.png) no-repeat right bottom #ffffff;width:137px;height:88px; float:left;margin-right:3px;margin-bottom:3px;}
.lineup-left li.series05 a{display:block;width:137px;height:88px;display: -webkit-flex;display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */justify-content: center; /* 横方向中央揃え */}
.lineup-left li.series06{background:#004ea2;width:418px;height:58px; float:left;}
.lineup-left li.series06 a{color:#ffffff;display:block;width:418px;height:58px;display: -webkit-flex;display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */justify-content: center; /* 横方向中央揃え */}
.lineup-left li.series10{background:#004ea2;width:207px;height:58px; float:left;margin-right:3px;margin-bottom:3px;}
.lineup-left li.series10 a{color:#ffffff;display:block;width:207px;height:58px;display: -webkit-flex;display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */justify-content: center; /* 横方向中央揃え */}
.lineup-left li.series11{background:#006600;width:207px;height:58px; float:left;margin-right:3px;margin-bottom:3px;}
.lineup-left li.series11 a{color:#ffffff;display:block;width:207px;height:58px;display: -webkit-flex;display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */justify-content: center; /* 横方向中央揃え */}

.lineup-left li.series04 a:hover,.lineup-left li.series05 a:hover{
background-color:rgba(0,78,162,0.8);
-webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color:#ffffff;
}
.lineup-left li.series06 a:hover{
background-color:rgba(255,255,255,0.3);
-webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color:#ffffff;
}

.lineup-left li.series10 a:hover,.lineup-left li.series11 a:hover{
background-color:rgba(254,254,254,0.3);
-webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color:#ffffff;
}


.lineup-bottom li.series07{background:url(../images/top/lineup_04.jpg) no-repeat left center;width:415px;height:100px;margin-right:20px;float:left;}
.lineup-bottom li.series07 a{display:block;width:391px;height:100px;text-align:left;font-size:16px;font-weight:bold; display: -webkit-flex;
 display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */padding-left:24px;}
.lineup-bottom li.series08{background:url(../images/top/lineup_05.jpg) no-repeat left center;width:415px;height:100px;float:left;}
.lineup-bottom li.series08 a{display:block;width:391px;height:100px;text-align:left;font-size:16px;font-weight:bold; display: -webkit-flex;
 display: flex; -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */align-items: center; /* 縦方向中央揃え */padding-left:24px;} 
 
 
 /*---------	Section02 ---------*/
#Section02 { padding:50px 0 80px 0;background:url(../images/top/bg_donyu.jpg) no-repeat center top;}
#Section02 ul{ font-weight:bold;padding:30px 0;}
li.donyu01 {background:url(../images/top/img_icon_01.png) no-repeat center top;width:169px;height:100px;float:left;border-right:1px solid #dddddd;}
li.donyu02 {background:url(../images/top/img_icon_02.png) no-repeat center top;width:169px;height:100px;float:left;border-right:1px solid #dddddd;}
li.donyu03 {background:url(../images/top/img_icon_03.png) no-repeat center top;width:169px;height:100px;float:left;border-right:1px solid #dddddd;}
li.donyu04 {background:url(../images/top/img_icon_04.png) no-repeat center top;width:169px;height:100px;float:left;border-right:1px solid #dddddd;}
li.donyu05 {background:url(../images/top/img_icon_05.png) no-repeat center top;width:169px;height:100px;float:left;}
li.donyu01 a,li.donyu02 a,li.donyu03 a,li.donyu04 a,li.donyu05 a{display:block;width:169px;height:30px;padding-top:70px;}
li.donyu01 a:hover,li.donyu02 a:hover,li.donyu03 a:hover,li.donyu04 a:hover,li.donyu05 a:hover{background-color:rgba(255,255,255,0.3);
-webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;}

  /*---------	Section03 ---------*/
#Section03 { background:#51beff;padding:50px 0 80px 0;}
#Section03 p {color:#ffffff;margin-bottom:40px;font-weight:bold;font-size:16px;}
#Section03 li {float:left;}
.mR20{margin-right:20px;}
.mR15{margin-right:15px;}
.resize img{width:270px;}


  /*---------	Section04 ---------*/
#Section04 {padding:50px 0 80px 0;}
#Section04 li {float:left;width:415px;}
#Section04 li p{margin-top:15px;text-align:left;}
#Section04 li.tatami {margin-right:20px;}
#Section04 li.tatami h3{color:#006920;background:url(../images/top/border_green.gif) no-repeat center bottom;padding-bottom:20px;margin-bottom:30px;font-size:18px;}
#Section04 li.aparel h3{color:#ce2631;background:url(../images/top/border_red.gif) no-repeat center bottom;padding-bottom:20px;margin-bottom:30px;font-size:18px;}
 
 
   /*---------	Section05 ---------*/
#Section05 {padding:0px 0 100px 0;}

/*---------	footer ---------*/
#footer-top {
	position: relative;
	margin: 0 auto
	width: 100%;
	height: 63px;
	border-top:1px solid #0097E0;
	clear:both;
	color:#666666;
	font-size:12px;
	padding:20px 0;
	text-align:center;
	}
#footer-top a {color:#666666; text-decoration:none;}
#footer-top a:visited{ color:#800080;}
#footer-top a:hover {text-decoration:underline;} 
#footer-top .f-navi{ margin-bottom:10px; }
#footer-top .f-navi ul{display: table;margin: auto;}
#footer-top .f-navi li{display: table-cell; float:left;text-align:center;margin-right:5px;margin-left:5px;border-right:1px solid #dddddd;padding-right:5px;}
#footer-top .f-copyright { clear:both; text-align:center; margin:5px;}