@charset "utf-8";
/*CSS INFOMATION=======================

BASECSS

File name : base.css
   
====================================*/


@media all and (min-width: 641px) and (max-width: 1300px) {

/*----------------------------------------
	
	=COMMON
-----------------------------------------*/
.spBox{
	display:none;
}


html{
	min-width:1280px;
	background:url(../images/bg.gif);
}


#container {
	margin:20px auto;
	padding:0 0 20px 20px;
	line-height:1.6;
	position:relative;
	/*min-height:1500px;	*/
}

header{
	padding:6px 20px;
	background:#e60012;
}

h1{
	width:200px;
	margin:0 auto;
	padding:20px 0;
}




.primary-content {
    margin-left:250px;
    margin-right: 20px;
  }


.hero-masonry {
	width:1000px;
	
}

.hero-masonry:after {
  content: '';
  display: block;
  clear: both;
}

.navigation{
	position:absolute;
	left:20px;
}


/*---- itemA ----*/

.itemA{
	width:235px;
	background:#e60012;
	border-radius:8px;
	-webkit-border-radius:8px;  
    -moz-border-radius:8px;
	margin:0 0 10px;
	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.65098) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.65098) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.65098) 0px 0px 3px 2px;

}

nav{
	width:235px;
}

nav li{
	border-top:1px solid #f06671;
	
}

nav li a{
	display:block;
}

nav li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}	



.item{
	margin:0 16px 16px 0;
	float:left;
	position:relative;
	max-height:none;
	
}


.col2{width:910px;}




/*---- itemB ----*/

.itemB{
	width:430px;
	height:430px;
	background:#fff;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

.itemB img{
		width:100%;
	height:auto;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

.itemB a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

/*---- itemC ----*/

.itemC{
	width:208px;
	height:208px;

	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
	
}

.itemC img{
	width:97%;
	height:208px;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

.itemC a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}


.itemE{
	width:208px;
	height:208px;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
	margin:0 0 0 -5px !important;
	
}

.itemE img{
	width:97%;
	height:208px;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

.itemE a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}





/*---- itemD ----*/

.itemD{
	width:430px;
	height:208px;

	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
	
}

.itemD img{
		width:100%;
	height:auto;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}


.itemD a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

/*---- banner ----*/

#banner li{
	width:235px;
	background:#fff;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	margin:0 0 10px;
	overflow:hidden;
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}




footer{
	clear:both;
	padding:20px 20px 20px;
	font-size:11px;
	position:relative;
	bottom:0;
	background:#e60012;
}





#copy{
	text-align:right;
	color:#fff;
}

#btnTaishou img{
	padding:0 15px 0 0;
}

#btnTaishou a{
	display:block;
	text-align:center;
	padding:13px 0 ;
	background:#858585;
}

#btnTaishou a:hover{
	display:block;
	text-align:center;
	padding:13px 0 ;
	background:#e60012;
}

/*-----------------------------------------

  =books news
-----------------------------------------*/




.booksNews-inner{
	width:980px;
	margin:0 auto;
}


.booksNews-inner li{
	border-bottom:1px dotted #aaa;
	padding:30px 0;
	overflow:hidden;
}

.booksNews-inner ul{
	padding:0 0 20px;
}

.booksNews-inner li h3{
	font-size:24px;
	line-height:1.3;
	padding:0 0 20px;
	color:#444;
	font-weight:bold;
}

.booksNews-inner li h4{
	line-height:1.6;
	padding:0 0 5px;
	color:#444;
	font-weight:bold;
}

.booksNews-inner li p{
	padding:0 0 20px;
	line-height:1.6;
	color:#444;
}

.books-news-ttl{
	font-size:12px;
	color:#444;
	padding:5px 0 15px;
	font-weight:bold;
}

.boxLeftA{
	width:240px;
	float:left;
}

.boxRightA{
	width:690px;
	float:right;
}


.fontOrenge{
	color:#fda600;
}

.fontPink{
	color:#fb2d77 !important;
	font-size:16px !important;
}

.fontYellow{
	color:#ffd800;
}

.fontGrey{
	color:#9c9c9c;
}

.fontPerple{
	color:#cb30bb;
}


.inlineBox{
	background:#fff;
	height:250px;
	padding:20px;
	color:#666;
	text-align:center;
}

.inlineBox .ttl_kounyu{
	border-bottom:1px dotted #666;
	padding:15px;
	font-weight:bold;
	font-size:30px;
	color:#333;
	text-align:center;
}



#bg_grey{
	background:#fff;
	border-top:3px solid #000;
	padding:20px 0;
}

#bg_grey02{
	background:#e7e7e7;
	padding:20px 0;
}

#works_nav{
	width:992px;
padding:20px 0 20px 11px;
overflow:hidden;
margin:0 auto;
}


#works_nav li{
float:left;
width:236px;
margin:12px 12px 0 0;
}

#works_nav li a:hover img{
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


#footer{
	text-align:center;
	color:#fff;
	background:#444;
	padding:15px 0;
}

#sns{
	width:60px;
	position:fixed;
	top:20px;
	right:0px;
}

#sns img{
	width:60px;
	height:auto;
}
#sns li{
	padding:0 0 10px;
}

#sns li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
/*-----------------------------------------

  =JS FADE
-----------------------------------------*/

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-image : url(../images/loading.gif);
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}


/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a:link {color: #333;text-decoration:underline;}
a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color: #333;text-decoration: none;}
a:focus {color:#333;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}

/*
.itemB a:link {color:#333; text-decoration:none;}
.itemB a:hover{color:#777; text-decoration:none;}
.itemB a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.itemC a:link {color:#fff; text-decoration:none;}
.itemC a:hover{color:#CCC; text-decoration:none;}
.itemC a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.itemD a:link {color:#333; text-decoration:none;}
.itemD a:hover{color:#777; text-decoration:none;}
.itemD a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
	
	*/

#banner li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}


}

@media all and (min-width: 1301px) and (max-width: 5000px) {

/*----------------------------------------
	
	=COMMON
-----------------------------------------*/
.spBox{
	display:none;
}


html{
	
	background:url(../images/bg.gif);
}


#container {
	margin:20px auto;
	padding:0 0 20px 20px;
	line-height:1.6;
	position:relative;
	/*min-height:1200px;	*/
}

header{
	padding:6px 20px;
	background:#e60012;
}

h1{
	width:200px;
	margin:0 auto;
	padding:20px 0;
}




.primary-content {
    margin-left:257px;
    margin-right: 20px;
  }


.hero-masonry {
	/*min-height:1350px !important;*/
}

.hero-masonry:after {
  content: '';
  display: block;
  clear: both;
}

.navigation{
	position:absolute;
	left:20px;
	
}


/*---- itemA ----*/

.itemA{
	width:235px;
	background:#e60012;
	border-radius:8px;
	-webkit-border-radius:8px;  
    -moz-border-radius:8px;
	margin:0 0 16px;
	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.65098) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.65098) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.65098) 0px 0px 3px 2px;

}

nav{
	width:235px;
}

nav li{
	border-top:1px solid #f06671;
	
}

nav li a{
	display:block;
}

nav li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}	



.item{
	margin:0 19px 19px 0;
	float:left;
	position:relative;
	max-height:none;
	
}


.col2{width:910px;}




/*---- itemB ----*/

.itemB{
	width:490px;
	height:490px;
	background:#fff;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

.itemB img{
		width:100%;
	height:auto;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

.itemB a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

/*---- itemC ----*/

.itemC{
	width:235px;
	height:235px;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
	margin:1px 0 0;
	
}

.itemC img{
	width:100%;
	height:auto;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

.itemC a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}


.itemE{
	width:235px;
	height:235px;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
	margin:1px 0 0 -5px !important;
	
}

.itemE img{
	width:100%;
	height:auto;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

.itemE a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}




.ani10{
	padding:1px 0 0;
}




/*---- itemD ----*/

.itemD{
	width:490px;
	height:235px;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	max-height:none;
	
}

.itemD img{
		width:100%;
	height:auto;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
		/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}


.itemD a:hover img{
	-webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  	/* box-shadow */
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}

/*---- banner ----*/
#banner li{
	width:235px;
	background:#fff;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	margin:0 0 15px;
	overflow:hidden;
box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
-moz-box-shadow:rgba(179, 179, 179, 0.498039) 0px 0px 3px 2px;
}




footer{
	clear:both;
	padding:20px 20px 20px;
	font-size:11px;
	position:relative;
	bottom:0;
	background:#e60012;
}





#copy{
	text-align:right;
	color:#fff;
}

#btnTaishou img{
	padding:0 15px 0 0;
}

#btnTaishou a{
	display:block;
	text-align:center;
	padding:13px 0 ;
	background:#858585;
}

#btnTaishou a:hover{
	display:block;
	text-align:center;
	padding:13px 0 ;
	background:#e60012;
}


/*-----------------------------------------

  =books news
-----------------------------------------*/
#header{
	background:#e60012;
	height:12px;
}

.booksNews-wt{
	background:url(../../21%20-%20Copy/images/gallery_waku_top.png) top left no-repeat;
	padding:15px 0 0;
	margin:10px 0 0;
}

.booksNews-wm{
	background:url(../../21%20-%20Copy/images/gallery_waku_middle.png) top left repeat-y;
	padding:0 20px 0;
}

.booksNews-wb{
	background:url(../../21%20-%20Copy/images/gallery_waku_footer.png) bottom left no-repeat;
	padding:0 0 15px;
}

.booksNews-inner{
	width:980px;
	margin:0 auto;
	padding:48px 0;
}


.booksNews-inner li{
	border-bottom:1px dotted #aaa;
	padding:30px 0;
	overflow:hidden;
}

.booksNews-inner ul{
	padding:0 0 20px;
}

.booksNews-inner li h3{
	font-size:24px;
	line-height:1.3;
	padding:0 0 20px;
	color:#444;
	font-weight:bold;
}

.booksNews-inner li h4{
	line-height:1.6;
	padding:0 0 5px;
	color:#444;
	font-weight:bold;
}

.booksNews-inner li p{
	padding:0 0 20px;
	line-height:1.6;
	color:#444;
}

.books-news-ttl{
	font-size:12px;
	color:#444;
	padding:5px 0 15px;
	font-weight:bold;
}

.boxLeftA{
	width:240px;
	float:left;
}

.boxRightA{
	width:690px;
	float:right;
}


.fontOrenge{
	color:#fda600;
}

.fontPink{
	color:#fb2d77 !important;
	font-size:16px !important;
}

.fontYellow{
	color:#ffd800;
}

.fontGrey{
	color:#9c9c9c;
}

.fontPerple{
	color:#cb30bb;
}


.inlineBox{
	background:#fff;
	height:250px;
	padding:20px;
	color:#666;
	text-align:center;
}

.inlineBox .ttl_kounyu{
	border-bottom:1px dotted #666;
	padding:15px;
	font-weight:bold;
	font-size:30px;
	color:#333;
	text-align:center;
}



#bg_grey{
	background:#fff;
	border-top:3px solid #000;
	padding:20px 0;
}

#bg_grey02{
	background:#e7e7e7;
	padding:20px 0;
}

#works_nav{
	width:992px;
padding:20px 0 20px 11px;
overflow:hidden;
margin:0 auto;
}


#works_nav li{
float:left;
width:236px;
margin:12px 12px 0 0;
}

#works_nav li a:hover img{
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


#footer{
	text-align:center;
	color:#fff;
	background:#444;
	padding:15px 0;
}


#sns{
	width:68px;
	position:fixed;
	top:20px;
	right:0px;
}

#sns li{
	padding:0 0 10px;
}

#sns li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

/*-----------------------------------------

  =JS FADE
-----------------------------------------*/

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-image : url(../images/loading.gif);
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}


/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a:link {color: #333;text-decoration:underline;}
a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color: #333;text-decoration: none;}
a:focus {color:#333;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}

/*
.itemB a:link {color:#333; text-decoration:none;}
.itemB a:hover{color:#777; text-decoration:none;}
.itemB a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.itemC a:link {color:#fff; text-decoration:none;}
.itemC a:hover{color:#CCC; text-decoration:none;}
.itemC a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.itemD a:link {color:#333; text-decoration:none;}
.itemD a:hover{color:#777; text-decoration:none;}
.itemD a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
	
	*/

#banner li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}


}






header{
	padding:7px 20px;
	background:#e60012;
}





#btnTaishou img{
	padding:0 15px 0 0;
}

#btnTaishou a{
	display:block;
	text-align:center;
	padding:13px 0 ;
	background:#858585;
}

#btnTaishou a:hover{
	display:block;
	text-align:center;
	padding:13px 0 ;
	background:#e60012;
}




/*-----------------------------------------

  =books news
-----------------------------------------*/

#header{
	background:#e60012;
	height:12px;
}

.booksNews-inner{
	width:980px;
	margin:0 auto;
	padding:25px 0;
}


.booksNews-inner li{
	border-bottom:1px dotted #aaa;
	padding:30px 0;
	overflow:hidden;
}

.booksNews-inner ul{
	padding:0 0 20px;
}

.booksNews-inner li h3{
	font-size:24px;
	line-height:1.3;
	padding:0 0 20px;
	color:#444;
	font-weight:bold;
}

.booksNews-inner li h4{
	line-height:1.6;
	padding:0 0 5px;
	color:#444;
	font-weight:bold;
}

.booksNews-inner li p{
	padding:0 0 20px;
	line-height:1.6;
	color:#444;
}

.books-news-ttl{
	font-size:12px;
	color:#444;
	padding:5px 0 15px;
	font-weight:bold;
}

.boxLeftA{
	width:240px;
	float:left;
}

.boxRightA{
	width:690px;
	float:right;
}


.fontOrenge{
	color:#fda600;
}

.fontPink{
	color:#fb2d77 !important;
	font-size:16px !important;
}

.fontYellow{
	color:#ffd800;
}

.fontGrey{
	color:#9c9c9c;
}

.fontPerple{
	color:#cb30bb;
}


.inlineBox{
	background:#fff;
	height:250px;
	padding:20px;
	color:#666;
	text-align:center;
}

.inlineBox .ttl_kounyu{
	border-bottom:1px dotted #666;
	padding:15px;
	font-weight:bold;
	font-size:30px;
	color:#333;
	text-align:center;
}



#bg_grey{
	background:#fff;
	border-top:3px solid #000;
	padding:20px 0;
}

#bg_grey02{
	background:#e7e7e7;
	padding:20px 0;
}

#works_nav{
	width:992px;
padding:20px 0 20px 11px;
overflow:hidden;
margin:0 auto;
}


#works_nav li{
float:left;
width:236px;
margin:12px 12px 0 0;
}

#works_nav li a:hover img{
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


#footer{
	text-align:center;
	color:#fff;
	background:#444;
	padding:15px 0;
}




.cp-inner{
	width:980px;
	margin:0 auto;
}

.cp-inner h2{
	font-size:16px;
	font-weight:bold;
	background:#e60012;
	border-radius:5px;
	-webkit-border-radius: 5px;  
    -moz-border-radius-topleft: 5px;
	color:#fff;
	margin:-5px 0 10px;
	padding:0 10px 10px;
	width:200px;
	text-align:center;
}

.cp-inner ul{
	margin:20px 0 0;
}

.cp-inner ul li.box{
	border:10px solid #e60012;
	padding:30px;
	overflow:hidden;
	margin:0 0 20px;
	border-radius:10px;
	-webkit-border-radius: 10px;  
    -moz-border-radius-topleft: 10px;
}

.cp-inner ul{
	padding:0 0 20px;
}

.cp-inner li h3{
	font-size:32px;
	line-height:1.3;
	padding:0 0 10px;
	color:#fff;
	font-weight:bold;
	
}

.cp-inner li h4{
	line-height:1.6;
	font-size:20px;
	padding:0 0 5px;
	color:#444;
	font-weight:bold;
	margin:0 0 20px;
}

.cp-inner li p{
	padding:0 0 10px;
	line-height:1.6;
	color:#444;
}

.cp-ttl{
	color:#fff;
	font-weight:bold;
}


.cpMainttl{
	background:#e60012;
	padding:15px 15px 0;
	border-radius:5px;
	-webkit-border-radius: 5px;  
    -moz-border-radius-topleft: 5px;
	margin:0 0 30px;
}




.cpBox p{
	font-size:14px;
	margin:0 0 10px;
	line-height:1.6;
}

.cpBox .ttlA{
	background:#e60012;
	color:#fff;
	padding:10px 20px;
	margin:0 0 20px;
	font-size:24px;
	font-weight:bold;
	border-radius:10px;
	-webkit-border-radius: 10px;  
    -moz-border-radius-topleft: 10px;
}

.cpBox .ttlB{
	font-size:17px;
	font-weight:bold;
	background:#FF0;
	padding:10px;
	line-height:1.4;
	border-radius:8px;
	-webkit-border-radius: 8px;  
    -moz-border-radius-topleft: 8px;
	border:2px solid #000;
	text-align:center;
}

.cpBox .ttlC{
	font-size:20px;
	font-weight:bold;
	color:#e60012;
	padding:10px 0 0;
	line-height:1.4;
	text-align:center;
}

.cpBox .inner{
	padding:10px;
}

.cpBoxA{
	border:2px solid #000;
	padding:0 15px 15px;
	margin:0 0 20px;
	border-radius:5px;
	-webkit-border-radius: 5px;  
    -moz-border-radius-topleft: 5px;
}

.cpBoxA h5{
	background:#000;
	color:#fff;
	padding:10px 10px;
	margin:20px 0 20px;
	font-size:14px;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius: 3px;  
    -moz-border-radius-topleft: 3px;
}

.cpBox .cpBoxA ol li{
	font-size:13px;
	list-style:disc;
	border:0;
	margin:0 0 3px 20px;
}

.cp-inner li .boxLeftA{
	width:246px;
	float:left;
}

.cp-inner li .boxLeftA img{
	border:3px solid #f00;
}

.cp-inner li .boxRightA{
	width:620px;
	float:right;
}

h3.ttl{
	font-size:35px;
	font-weight:bold;
	line-height:1.4;
	color:#e60012;
	
}

h4.ttl{
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
}

.cpBtnA a{
	background:#000;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius: 3px;  
    -moz-border-radius-topleft: 3px;
	margin:15px 0 0;
	padding:12px 0;
	text-align:center;
	width:100%;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

.cpBtnA a:hover{
	background:#e60012;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius: 3px;  
    -moz-border-radius-topleft: 3px;
	margin:15px 0 0;
	padding:12px 0;
	text-align:center;
	width:100%;
	display:block;
	font-weight:bold;
	font-size:14px;
}