@charset "utf-8";
/* -----------------------------------------------------------------------
base setting
------------------------------------------------------------------------- */

body{
	background-color:#f1f1f1;
	font-size:0.875em;
	color:#333333;
	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/cross_b.png) ;
	width:100%;
	height:100%;
	min-width:980px;
}

/* font-size:12px */

a{ color:#595757; text-decoration:underline;}
a:hover{color:#da0554; text-decoration:none;}

p{line-height:1.7;
font-size:13px;
color:#C8C9CA
margin-bottom:10px;}


h1{
	font-weight:normal;
	font-size:10px;
	color:#2d2d2f;
	margin:0 0 5px 0;
}

h3{
	font-weight:bold;
	font-size:20px;
	line-height:36px;
	color:#009be8;
	padding:0 0 5px 40px;
	background:url(../images/h3_icon.png) no-repeat ;
	border-bottom: 2px dashed #009be8;
}


h4{
	margin:30px 0 0 0;
	padding:0 0 5px 50px;
	color:#339cd0;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	background:url(../images/h4_icon.png) no-repeat  20px 0;
}


.red{
	color:#ff6464;
}

.blue{
	color:#2ea1d4;
	font-weight:bold;
}

.small{
	font-size:12px;
}

.opc:hover{
	opacity:0.8;
}

/* -----------------------------------------------------------------------
header
------------------------------------------------------------------------- */

header{
	background:#fff;
	padding:10px 0 0px 0;
}

#hdrOuter{
	height:88px;
}



#hdrLogo{
	width:610px;
	float:left;
	margin:0 20px 0 0;
}

.partsHeader{
	float:right;
}

.h_contct_btn{
	background:url(../images/h_contact_btn.png) no-repeat ;
	width:177px;
	line-height:25px;
	text-align:center;
	float:left;
	margin:0 10px 0px 0;
color:#ff6464;
}




.tel{
	font-size:24px;
	color:#ff6464;
	font-weight:bold;
	letter-spacing:0.2em;
	margin:4px 0 0 0;
}

/* -----------------------------------------------------------------------
nav
------------------------------------------------------------------------- */


nav{
	background:url(../images/nav_bg.png) repeat-x ;
	overflow:hidden;
	padding:6px 0 0 0;
}

nav li{
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:45px;
   height:45px;
   border-right:1px solid #fff;
}

nav li:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #6fc8f1), color-stop(0.00, #00a0e9));
background: -webkit-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
background: -moz-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
background: -o-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
background: -ms-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
background: linear-gradient(to bottom, #00a0e9 0%, #6fc8f1 88%);
filter:progid:DXImageTransform.Microsoft.Gradient(
GradientType=0,StartColorStr=#ff6fc8f1,EndColorStr=#ff00a0e9);
}


.current_page_item{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #6fc8f1), color-stop(0.00, #00a0e9));
	background: -webkit-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: -moz-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: -o-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: -ms-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: linear-gradient(to bottom, #00a0e9 0%, #6fc8f1 88%);
filter:progid:DXImageTransform.Microsoft.Gradient(
GradientType=0,StartColorStr=#ff6fc8f1,EndColorStr=#ff00a0e9);

}

.current_page_item a{
	color:#08a3ea\9;/*IE8用ハック*/
	color:#08a3ea\0/;/*IE9用ハック*/
		color:#fff;
}

.menu-item-home{
	width:32px;
	background:url(../images/li_home.png) no-repeat;
	text-indent:-9999;
	border-left:1px solid #fff;
}

.menu-item-home:hover{
	filter:progid:DXImageTransform.Microsoft.Gradient(
GradientType=0,StartColorStr=#006fc8f1,EndColorStr=#0000a0e9);
}

nav li#menu-item-home a{
	height:40px;
}

	
nav li a{
	color:#595757;
	display:block;
	text-decoration:none;
}

nav li a:hover{
	color:#08a3ea\9;/*IE8用ハック*/
	color:#08a3ea\0/;/*IE9用ハック*/
	color:#fff;
}

nav li#menu-item-9{
	width:32px;
	padding:5px 0 0 0;
	height:40px;
	border-left:1px solid #fff;
}

nav li#menu-item-9 a{
	height:40px;
}

nav li#menu-item-8{
	width:127px;
}

nav li#menu-item-25{
	width:164px;
	line-height:15px;
}

nav li#menu-item-25 a{
	padding:8px 0 0 0;
	height:48px;
}

nav li#menu-item-24{
	width:163px;
}

nav li#menu-item-23{
	width:163px;
}

nav li#menu-item-22{
	width:170px;
}

nav li#menu-item-21{
	width:150px;
}


/* -----------------------------------------------------------------------
key visual
------------------------------------------------------------------------- */

.kv{
	width:100%;
	background:url(../images/kv_bg.png) no-repeat center top;
	background-size:contain;
}

.kv_ie{
	text-align:center;
	padding:20px 0;
}


.flow-wrapper{
	padding:20px 0!important;
	width:920px!important;
	height:564px!important;
	margin-bottom:50px!important;
	text-align:center;
}

/* -----------------------------------------------------------------------
main
------------------------------------------------------------------------- */

article{
	border:#c8c8c8 1px solid;
	background:#fff;
	padding:5px 0 10px 0; 
	margin-bottom:23px;
}

article h3{
	margin-bottom:10px;
	padding:0 0 2px 60px;
	background:url(../images/h3_icon.png) no-repeat 12px 0 ;
}

article p{
	padding:0 20px;
	font-size:16px;
}


h4.acv_list{
	margin:5px 0 0 0!important;
}

.news p{
	font-size:12px;
}

.acv{
	margin:0 20px 0 0;
	font-size:12px;
	font-weight:normal;
	float:right;
}

/* -----------------------------------------------------------------------
side
------------------------------------------------------------------------- */

aside{
	background:url(../images/side_bg.png) no-repeat ;
	height:691px;
	margin-bottom:40px;
}


.sideBox01{
	width:238px;
	margin: 0px auto 0;
	padding-top:140px;
}

.sideBox01 img{
	margin-bottom:5px;
}

.sideBox01 img:hover{
	opacity:0.8;
}

.sideBox01 h3{
	background:none;
	padding:5px;
}


.sideBox02{
	width:260px;
	margin: 0px auto 0;
	padding-top:0;
}

.sideBox02 ul{
	padding-top: 20px;
}

.sideBox02 ul li{
	padding-bottom: 15px;
	margin-right: 0;
	text-align: center;
	}

.sideBox02 img{
	width:100%;
}

.sideBox02 img:hover{
	opacity:0.8;
}

.sideBox02 h3{
	background:none;
	padding:5px;
}


/* -----------------------------------------------------------------------
footer
------------------------------------------------------------------------- */
.foot_area{
border-top:dotted 4px #009be8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #e4e4e4), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: -moz-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: -o-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: -ms-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: linear-gradient(to bottom, #fff 0%, #e4e4e4 98%);
z-index:0;
position:relative;
overflow:auto;

}

footer{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #e4e4e4), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: -moz-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: -o-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: -ms-linear-gradient(top, #fff 0%, #e4e4e4 98%);
background: linear-gradient(to bottom, #fff 0%, #e4e4e4 98%);
overflow:visible;
z-index:100;
padding:0 0 5px 0;


}

#ftrOuter{
	padding:20px 0px 20px 12px;
	overflow:auto;
}

.f_1l{
	width:567px;
	float:left;
	margin:20px 60px 0 0;
}

.more{
	float:right;
	margin:10px 0 0 0;
}

.f_1r{
	width:342px;
	float:right;
}

#ftr2Outer{
	position:relative;
	width:100%;
	margin:0 auto;
	border-top:10px #00a0e9 solid;
	text-align:center;
}


.pagetop{
	position:absolute;
	top:-40px;
	right:10px;
float: right;
display: block;
text-decoration: none !important;
z-index:10000;
}

footer nav{
	background:none;
	text-align:center;
	padding:20px 0 40px;
	
}


footer nav li{
	background:url(../images/footer_li_bg.png) no-repeat ;
	line-height:25px;
	padding:0 12px 0 30px;
	margin:0 10px 0 0 ;
	font-weight:normal;
	border:none;
}

footer nav li#menu-item-35{
	margin:0px;
	padding:0 0px 0 30px;
}

footer nav li.menu-item-home{
	background:url(../images/footer_li_bg.png) no-repeat !important;
}


footer nav li:hover{
	background:url(../images/footer_li_bg.png) no-repeat ;
	
}

footer nav li.current_page_item {
	background:url(../images/footer_li_bg.png) no-repeat ;
	color:#595757;
}

footer nav li.current_page_item a{
	color:#595757;
}

footer nav li a:hover{
	color:#0ba2e7;
}

/* -----------------------------------------------------------------------
下層ページ
------------------------------------------------------------------------- */
/*汎用*/


.page article{
	border:none;
	background:none;
	padding:0px;
}

.page article section{
border:#c8c8c8 1px solid;
	background:#fff;
	margin-bottom:20px;
	padding:10px 0;
}

.page #container{
	padding:0 0 10px 0;
}


#mainTitle {
	padding:15px 0;
	margin:0 auto;
	width:927px;
}

#mainTitle h2{
	padding:65px 0;
	height:20px;
	font-size:30px;
	font-weight:bolder!important;
	text-align:center;
	color:#fff;
	text-shadow:0 0 5px #000;
	font-weight:bold;
	background:url(../images/h2_bg.jpg) no-repeat ;
}

#mainTitle h2.wrap{
	width:927px;
	position:relative;
}

.sub_title{
	margin-bottom:-20px;
	height:20px;
	font-size:20px;
	font-weight:bolder!important;
	color:#fff;
	text-shadow:0 0 5px #000;
	position:relative;
	width:500px;
	top:-110px;
	left:75px;
	z-index:100;
}

.page-id-11 #mainTitle h2{
	background:url(../images/h2_counsul.jpg) no-repeat ;
	padding:45px 0 85px;
}


.page-id-13 #mainTitle h2{
	background:url(../images/h2_cl_bg.jpg) no-repeat ;
}

.page-id-15 #mainTitle h2{
	background:url(../images/h2_staff.jpg) no-repeat ;
}

.page-id-17 #mainTitle h2{
	background:url(../images/h2_first.jpg) no-repeat ;
}



#topicPath{
	padding:10px 0 10px 0;
	white-space: nowrap;
}

.page article p{
	padding:0 20px;
	font-size:16px;
}


.h3_sub{
	font-size:80%;
	margin:0 0 0 10px;
}

h4.hb{
	margin:30px 0 0 0;
	padding:0 0 5px 50px;
	color:#339cd0;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	background:url(../images/h4_hb.png) no-repeat  20px 0;
}

.pager{
	margin:20px 0;
	overflow:hidden;
}

.pre_p{
	float:left;
}

.pre_n{
	float:right;
}


.btn_area{
	overflow:auto;
	margin-bottom:10px;
}





.stf_box{
	overflow:hidden;
}

.stf_pic{
	float:left;
	margin:0 0 0 10px;
	
}


.stf_cont{
	width:450px;
	float:right;
}

.stf_cont h4{
	margin-top:0px;
}


.dld_btn{
	width:400px;
	margin:0 auto;
	overflow:hidden;
}

.dld_btn img{
	float:left;
	margin:0 0 10px 20px;
}

.dld_btn img:hover{
	opacity:0.8;
}






.access_more{
	width:720px;
	height:220px;
	background:url(../images/access_more.jpg) no-repeat ;
	padding:40px 0 0 205px;
	border:3px solid #5fb8ff;
	margin-bottom:20px;
}

.map1{
	width:930px;
	height:1070px;
	padding:10px 0 0 0;
	background:url(../images/map1_bg.png) no-repeat 20px 0;
}

.map2{
	width:930px;
	height:880px;
	padding:10px 0 0 0;
	background:url(../images/map2_bg.png) no-repeat 20px 0;
}



.map1 p,
.map2 p{
	font-size:13px!important;
	margin-bottom:5px!important;
}



/*======================================================

ムービーページCSS


/*===============================

ムービーページ用ナビゲーションCSS

================================*/

nav.movie{
	background:none;
	margin-bottom:20px;
}

nav.movie ul{
	width:930px;
	margin:0 auto;
}

nav.movie ul li{
		width:19.0%;
	line-height:1em;
	text-align:left;
		height:auto;
		margin:0 9px 0 0;
}

nav.movie ul li a{
	display:block;
	padding:1% 1% 0 17%;
		width:19.0%;
	height:40px;
	display:table-cell;
	vertical-align:middle;
	color:#888888;
}

nav.movie ul li.menu-item-333,
nav.movie ul li.menu-item-333 a{
	width:180px;
	text-align:center;
	padding:0;
	margin:0;
}

nav.movie ul li.menu-item-330,
nav.movie ul li.menu-item-332{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #ffc719), color-stop(0.00, #fffec1));
background: -webkit-linear-gradient(top, #fffec1 0%, #ffc719 99%);
background: -moz-linear-gradient(top, #fffec1 0%, #ffc719 99%);
background: -o-linear-gradient(top, #fffec1 0%, #ffc719 99%);
background: -ms-linear-gradient(top, #fffec1 0%, #ffc719 99%);
background: linear-gradient(to bottom, #fffec1 0%, #ffc719 99%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFfffec1', endColorstr='#ffffc719');
}


nav.movie ul li.menu-item-326,
nav.movie ul li.menu-item-331,
nav.movie ul li.menu-item-333{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #ff2), color-stop(0.00, #ffffbc));
background: -webkit-linear-gradient(top, #ffffbc 0%, #ff2 99%);
background: -moz-linear-gradient(top, #ffffbc 0%, #ff2 99%);
background: -o-linear-gradient(top, #ffffbc 0%, #ff2 99%);
background: -ms-linear-gradient(top, #ffffbc 0%, #ff2 99%);
background: linear-gradient(to bottom, #ffffbc 0%, #ff2 99%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffbc', endColorstr='#ffff10');
}

nav.movie ul li.menu-item-331 a{
	padding:1% 1% 0 14%;
}

nav.movie ul li.menu-item-332 a{
	text-align:center;
	padding:0;
}


nav.movie ul li:hover,
nav.movie ul li.current-menu-item{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #6fc8f1), color-stop(0.00, #00a0e9));
	background: -webkit-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: -moz-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: -o-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: -ms-linear-gradient(top, #00a0e9 0%, #6fc8f1 88%);
	background: linear-gradient(to bottom, #00a0e9 0%, #6fc8f1 88%);
filter:progid:DXImageTransform.Microsoft.Gradient(
GradientType=0,StartColorStr=#ff6fc8f1,EndColorStr=#ff00a0e9);

}

nav.movie ul li a:hover,
nav.movie ul li.current-menu-item a{
	color:#08a3ea\9;/*IE8用ハック*/
	color:#08a3ea\0/;/*IE9用ハック*/
		color:#fff;
}


/*ナビゲーションCSSここまで===============================

ムービーページ用ページCSS

================================*/



.page-id-176 #contents,
.category-5 #contents,
.category-7 #contents,
.category-8 #contents{
	width:930px!important;
}


.w_wrapper{
	width:930px;
	margin:0 auto 20px;
	padding:10px 15px;
	background:#fff;
}



.mov_lead{
	padding:30px;
	font-size:18px;
	color:#595757;
}

.category-5 article,
.category-7 article,
.category-8 article{
	border:none;
	margin:0 auto;
	background:none;
}


.movie_box{
	border:1px solid #cbcccd;
	width:280px;
	height:254px;
	padding:10px;
	float:left;
	margin:0 8px 15px 0;
	background:#fff;
}

.movie_box img{
	width:280px;
	height:157.5px;
	overflow:hidden;
}

.movie_box img:hover{
	opacity:0.8;
}

.movie_box p{
	font-size:13px;
	height:44px;
}

.movie_box p a{
	text-decoration:none;
}

h3.acv_list a:hover,
.movie_box p a:hover{
	opacity:0.8!important;
}

h3.acv_list{
	font-size:16px;
	height:36px;
	line-height:1em;
	border-bottom:2px solid #60b8ff;
}

h3.acv_list a{
	color:#7ac1ff;
	text-decoration:none;
}


/*オススメ書籍・リンク集*/

.category-9 #container,
.category-10 #container{
	width:960px!important;
}

.category-9 #contents,
.category-10 #contents{
	width:960px!important;
}

.category-9 article{
	border:none;
	background:none;
}

.category-9 section{
	  border: #c8c8c8 1px solid;
	  background:#fff;
	  padding:20px 30px;
}

.category-10 #contents article{
	padding:30px 50px;
}

.category-9 h3,
.category-10 h3{
	font-size:20px;
	height:auto;
	line-height:1.4;
	padding:10px 0 10px 60px;
}

.category-10 p{
	line-height:1.2;
}

.category-10 p a{
	color:#60b8ff;
}

.category-recommend_books .flR img{
	border:1px solid #DADADA;
	padding:4px;
}


.rec_book_box{
	width:660px;
	float:left;
}

.auther{
	text-align:right;
	font-weight:bold;
}

.price{
	text-align:right;
	font-size:90%;
	color:#888888;
}