@charset "UTF-8";

/* Base */
html { font-family: "Ropa Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 16px; line-height: 1.5;}
body { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); min-width: 960px;  font-family: "Meiryo UI"; width: 100%; margin-left: auto; margin-right: auto;}
h1, h2, h3, p, ul { margin: 0; }
ul { padding-left: 0; }
ul li { list-style-type: none; }
a { color: inherit; text-decoration: none; }
img { vertical-align: middle; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/*header*/
#header{
   width: 960px;
   height: 100px;
   margin: 0 auto 0;
   }
.rogo{
   float: left;
   }
.nav li{
   list-style-type: none;
   display: inline-block;
   float: right;
   width: 150px;
   height: 90px;
   text-align: center;
   font-weight:500;
   font-size: 14px;
   border-top: #cccccc solid 4px;
   margin-top: 0;
   color: #666666;
   }
.nav li:hover{
   width: 150px;
   height: 90px;
   color: #000000;
   border-top: #000000 solid 4px;
   }
/*font_set*/
.menu{
   width: 150px;
   margin-top: 20px;
   }
/*slider_set*/
#slider{
   width: 100%;
   margin: 0 auto 0;
   }
/*slider_out*/
/*category_set*/
#category{
   width: 100%;
   height: 100%;
   margin: 50 auto;
   background-color: #f6f6f6;
   overflow:hidden;
   clear: both;
   }
#category h3{
   background-color: #000000;
   margin-bottom: 20px;
   }
#category h4{
   margin: 0 auto;
   }
#category h5{
   background-color: #000000;
   }
#category h6{
   
  
   }
.title{
   color: #FFFFFF;
   width: 960px;
   line-height: 70px;
   margin: 0 auto 0;
   font-size: 20px;
   text-align: center;
   }
.frame{
   width: 960px;
   margin: 0 auto 0;
   }
.list li{
    display: block;
	float: left;
	width: 32%;
	height: 380px;
	margin: .65%;
	margin-bottom: 50px;
	background-color: #FFFFFF;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
	}
#link{ 
    width: 100%;
	height: 100%;
	background-color: #666666;
	overflow:hidden;
    clear: both;
   }
#link2{ 
    width: 100%;
	height: 100%;
	background-color: #333333;
	overflow:hidden;
    clear: both;
   }
#link_inner{
   width: 960px;
   margin: 0 auto;
 }
.link_box{
   width: 240px;
   float: left;
   color: #FFFFFF;
   margin-bottom: 50px;
   }
.link li{
   list-style: none;
   line-height: 28px;
   }
.link_box a:hover{
  color: rgba(0,0,0,0.6);
  text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}
/* clearfix */
#link:before,
#link:after {
    content: "";
    display: table;
}
 
#link:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
#link {
    zoom: 1;
}

ul.keyword{
   list-style-type: none;
   margin: 50px 0 20px 0;
   width: 240px;
   float: left;
   line-height: 40px;
   font-size: 20px;
   }
   
ul.keyword li{
   color:#333333;
   
   }
   
ul.keyword li a{
   color:#333333;
   
   }
   
ul.keyword li a:hover {
   color:#3399ff;
   
   }
   
ul.keyword li a:visited {
   color:#0404B4;
   
   }
   
ul.keyword li a:active {
   color:#FE2E64;
   
   }

/*footer_set*/
#footer{
    background-color: #000000;
	height: 100%;
	width: 100%;
	clear:both;
	overflow:hidden;
	}
.rogo_footer{
    margin-top: 20px;
	float: left;
	padding-bottom: 30px;
    }
.copyright{
    color: #FFFFFF;
	margin-top: 30px;
	line-height: 25px;
	float: left;
    }
.copyright a:hover{
  color: rgba(130,130,130,130.6);
  text-shadow: 2px 2px 3px rgba(255,255,255,0.1)
    }
/*font_set*/
.w_12{
    font-size: 12px;
	color:#FFFFFF;
	}
.bold_ffff{
     font-weight:bold;
	 font-size: 16px;
	 color: #000000;
	 text-align: center;
	 }
	 
.font_12{
     font-size: 14px;
	 color: #000000;
	 padding: 10px 10px;
	 }
.detail_12{
    text-align: right;
	font-size: 12px;
	 color: #000000;
	 padding: 10px 10px;
	}
.contact li{
     display: block;
	 float: left;
	 width: 32%;
	 height: 350px;
	 margin: .65%;
	 margin-bottom: 50px; 
	 }
.link_ffff{
     font-weight:bold;
	 font-size: 16px;
	 color: #ffffff;
	 text-align: left;
	 margin-bottom: 10px;
	 }
.link10_ffff{
     font-weight:bold;
	 font-size: 16px;
	 color: #ffffff;
	 text-align: left;
	 margin-bottom: 10px;
	 margin-top: 40px;
	 }
.catch_copy{
     font-size:10px;
	 color:#FFFFFF;
	 text-align: left;
	 margin-left: auto;
	 margin-right: auto;
	 }
/*category_out*/