@charset "UTF-8";



/* 設定上書き
-----------------------------------------------------------------------------------------*/
body {
	background: url(background.gif) top center no-repeat;
}
#contents_area {
	margin: 30px auto 0 auto;
}



/* メイン画像
-----------------------------------------------------------------------------------------*/
#image_area {
	margin: 0 auto;
	padding: 0;

	width:950px;
	height:320px;

	text-align:left;

	overflow:hidden;
	background:url(/wp-content/themes/anju/images/jquery_bg.jpg) no-repeat center 0;
}

#image_area ul{
	width:950px;
	height:300px;
	padding:0;
	margin:0 auto;
	position:relative;
}

#image_area ul li{
	position:absolute;
	top:0;
	left:0;
	padding:10px 0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
}

#image_area ul li img{
	padding:0;
	margin:0;
}

#image_area script{ display:none; }


/* メインコンテンツ
-----------------------------------------------------------------------------------------*/
#contents_area #c_main h2 {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;

	width: 700px;
}

#contents_area #c_main .go_list {
	clear:both;
	margin: 0 20px 54px 20px;
	padding: 0;

	font-size:0.75em;
	color: #333333;
	text-align : right;
}
#contents_area #c_main .go_list a {
	background: url(go_list_bg01.gif) top left no-repeat;

	margin: 0;
	padding: 0 0 8px 16px;
}

#contents_area #c_main #box01 {
	margin: 0 0 12px 0;
	padding: 0;

	width: 700px;
}

#contents_area #c_main #box02 {
	margin: 0 0 40px 0;
	padding: 0;

	width: 700px;
}

#contents_area #c_main #box03 {
	margin: 0 20px 20px 20px;
	padding: 0;

	width:660px;
}
#contents_area #c_main #box03:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#contents_area #c_main #box03 p {
	margin: 0;
	padding: 0 0 16px 0;

	width: 440px;

	font-size:0.75em;
	color: #333333;
	line-height: 160%;
	text-align : left;

	float: left;
}
#contents_area #c_main #box03 p.image {
	margin: 0;
	padding: 0;

	width: 202px;

	float: right;
}

#contents_area #c_main #box04 {
	clear: both;
	margin: 0 20px 60px 20px;
	padding: 0;

	width: 660px;
}

#contents_area #c_main #box05 {
	margin: 0 20px 60px 20px;
	padding: 0;

	width:660px;
}
#contents_area #c_main #box05:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#contents_area #c_main #box05 p {
	margin: 0;
	padding: 0 0 16px 0;

	width: 440px;

	font-size:14px;
	color: #333333;
	line-height: 160%;
	text-align : left;

	float: left;
}
#contents_area #c_main #box05 p.image {
	margin: 0;
	padding: 0;

	width: 200px;

	float: right;
}
#contents_area #c_main #box05 dl {
	background: url(index_dl01.jpg) top left repeat-x;

	margin: 0;
	padding: 0;

	width: 440px;
	height:170px;

	overflow:hidden;

	float: left;
}
#contents_area #c_main #box05 dl dt {
	margin: 0;
	padding: 11px 100px 0 100px;

	width: 240px;
	height:28px;

	overflow:hidden;
}
#contents_area #c_main #box05 dl dd {
	margin: 0;
	padding: 0 16px 0 8px;

	width: 416px;
	height:116px;

	overflow:hidden;
}
#contents_area #c_main #box05 dl dd ul {
	margin: 0;
	padding: 0;

	width: 416px;
	height:116px;

	text-align : left;

	overflow: hidden;
	list-style:none;
}
#contents_area #c_main #box05 dl dd ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#contents_area #c_main #box05 dl dd ul li {
	margin: 0 0 10px;
	padding: 0 0 0 8px;

	width: 200px;

	text-align : left;

	float: left;
}

#contents_area #c_main .box06 {
	background: url(../images/news_bg01.gif) bottom left no-repeat;

	margin: 0 20px;
	padding: 0 0 16px 0;

	width:660px;

	font-size:0.75em;
	color: #333333;
	line-height: 160%;
	text-align : left;
}

#contents_area #c_main #box07 {
	clear:both;
	margin: 0 40px 12px 30px;
	padding: 0;

	width: 630px;

	text-align : left;

	list-style:none;
}
#contents_area #c_main #box07:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#contents_area #c_main #box07 li {
	margin: 0;
	padding: 0 0 0 10px;

	width: 305px;

	text-align : left;

	float: left;
}

#contents_area #c_main #box08 {
	clear: both;
	margin: 0 40px 30px 40px;
	padding: 0;

	width: 620px;
}

#contents_area #c_main .box09 {
	margin: 0 40px 8px 40px;
	padding: 0;

	width: 620px;
}



/*-----------------------
2012.11.15 add css
-------------------------------------*/

#contents_area #c_main #case{
		position: relative;
		margin: 0 0 30px;/*margin: 0 0 55px;*/
		padding: 0;
		
		height: 169px;/*height: 209px;*/
		
	background:url(jquery_bg.jpg) repeat left 0;
}

#contents_area #c_main #case div{
		margin: 0;
		padding: 0;
}

#contents_area #c_main #case ul#jquery_nav{
		margin: 0;
		padding: 0;
}

#contents_area #c_main #case ul#jquery_nav li{
		margin: 0;
		padding: 0;
		
		list-style-type: none;
}

#contents_area #c_main #case ul#jquery_nav li#prev{
		position: absolute;
		top: 43px;
		left: 6px;
		margin: 0;
		padding: 0;
		z-index: 2;
}

#contents_area #c_main #case ul#jquery_nav li#next{
		position: absolute;
		top: 43px;
		right: 6px;
		margin: 0;
		padding: 0;
		z-index: 2;
}

#contents_area #c_main #case ul#jquery{
		margin: 0 auto;
		padding: 0;
		
		width: 652px;
}

#contents_area #c_main #case ul#jquery:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#contents_area #c_main #case ul#jquery li{
		display: inline;
		zoom: 1;
		
		float: left;
		margin: 0 3px;
		padding: 0;
		
		list-style-type: none;
}

#contents_area #c_main #case ul#jquery li a img{
		margin: 0 0 8px;
		padding: 0;
		
		border: 4px solid #FFF;
}


#contents_area #c_main #case ul#jquery li a span{
		margin: 0;
		padding: 0;
		
		color:#FFF;
		font-size:12px;
		line-height: 1.6em;
}

#contents_area #c_main h2.txt{
		margin: 0 0 20px;
		padding: 0 0 0 15px;
		
		font-weight: normal;
		color:#333;
		font-size: 22px;
		line-height: 1.4em;
		
		border-left: 3px solid #1C4607;
}

#contents_area #c_main h2.txt span{
		display: block;
		margin:0;
		padding: 0;
		
		float: right;

		width: 300px;
		font-size: 10px;
		
		line-height: 1.6em;
}

#contents_area #c_main #movie{
		margin: 0 auto 30px;
		padding: 0 0 20px;
		
		width: 660px;
		
		background: url(movie_bg.jpg) no-repeat center bottom;
}

#contents_area #c_main #movie iframe{
		display: block;
		margin: 0 auto 23px;
		padding: 0;
		
		width: 619px;
}

#contents_area #c_main #movie ul{
		margin: 0 auto;
		padding: 0 21px;
		
		width: 578px;		
		height: 270px;
		
		background:url(movie_col_bg.jpg) no-repeat center 0;
}

#contents_area #c_main #movie ul li{
		clear: both;
		margin: 0;
		padding: 15px 0;
		
		height: 34px;
		
		list-style-type: none;
		
		background:url(movie_col_border.jpg) no-repeat center bottom;
}

#contents_area #c_main #movie ul li:last-child{
		background:none;
}


#contents_area #c_main #movie ul li dl:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#contents_area #c_main #movie ul li dl{
		zoom:1;
		margin: 0;
		padding: 0;
}

#contents_area #c_main #movie ul li dl dt{
		display: inline;
		zoom:1;
		
		float:left;
		margin: 0;
		padding: 6px 0 0 6px;
		
		width: 60px;
}

#contents_area #c_main #movie ul li dl dt img{
		margin: 0;
		padding: 0;
}

#contents_area #c_main #movie ul li dl dd{
		display: inline;
		zoom:1;
		
		float:right;
		margin: 0;
		padding: 0;
		
		width: 510px;
		
		font-size:14px;
		line-height:1.4em;
}





#contents_area #c_main #case div#jqbox{
	width:643px;
	height:147px;
	
	margin:0 auto;
	padding:3px 0 0 0;
	
	overflow:hidden;
	display:block;
	
	position:relative;
	left: 2px;
}


#contents_area #c_main #case ul.jquery_nav{
		margin: 0;
		padding: 0;
}

#contents_area #c_main #case ul.jquery_nav li{
		margin: 0;
		padding: 0;
		
		list-style-type: none;
}

/*#contents_area #c_main #case ul.jquery_nav li#prev{
		position: absolute;
		top: 54px;
		left: 0;
		margin: 0;
		padding: 0;
		z-index: 2;
		background-color: white;
		padding: 5px 3px 10px 0;
}*/

/*#contents_area #c_main #case ul.jquery_nav li#next{
		position: absolute;
		top: 54px;
		right: 0;
		margin: 0;
		padding: 0;
		z-index: 2;
		background-color: white;
		padding: 5px 0 10px 3px;
}*/

#contents_area #c_main #case div#jqbox ul.jquery{
		margin: 0;
		padding: 4px 0;
		
		width: 660px;
}

#contents_area #c_main #case div#jqbox ul.jquery:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#contents_area #c_main #case div#jqbox ul.jquery li{
		display: inline;
		zoom: 1;
		
		width:161px;
		
		float: left;
		margin: 0;
		padding: 0;
		
		list-style-type: none;
}

#contents_area #c_main #case div#jqbox ul.jquery li a img{
		margin: 0 0 8px;
		padding: 0;
		
		border: 4px solid #FFF;
}


#contents_area #c_main #case div#jqbox ul.jquery li a img:hover,
#contents_area #c_main #case div#jqbox ul.jquery li a img:active{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )";
	background: #fff;
}



#contents_area #c_main #case div#jqbox ul.jquery li a span{
		margin: 0;
		padding: 0;
		
		font-size:12px;
		line-height: 1.6em;
		display: block;
		text-align: center;
		display:none;
}

#contents_area #c_main #case div#jqbox ul.jquery li a:link,
#contents_area #c_main #case div#jqbox ul.jquery li a:visited{
		color:#FFF;
}

#contents_area #c_main #case div#jqbox ul.jquery li a:hover,
#contents_area #c_main #case div#jqbox ul.jquery li a:active{
		color:#cc9900;
}

/*-----------------------
2013.06.10 add css
-------------------------------------*/

body #contents_area #c_main #case{
width: 704px;

background: url(https://www.sumai-jp.com/wp-content/themes/anju/files/jquery_bg01.jpg) no-repeat center bottom;
}

#contents_area #c_main #case .c_img{
	margin: 0 auto;
}

#contents_area #c_main #case ul.jquery li a{
	display: block;
	
	margin: 0;
	background: #000;
}

#contents_area #c_main #case ul.jquery_nav{

}

#contents_area #c_main #case ul.jquery_nav #prev{
position: absolute;
top: 15px;
left: 0;

padding: 0px 0px 10px 0;
}

#contents_area #c_main #case ul.jquery_nav #next{
position: absolute;
top: 15px;
right: 0;
margin: 0;
padding: 0px 0 10px 0px;
}

#contents_area #c_main h2#study,
#contents_area #c_main h2#study2{
	margin: 0;
	padding: 0;

	border: 0;
}


#contents_area #c_main #leftBox{
	float: left;
	
	margin: 0 0 30px;
	
	width: 347px;
	font-size: 14px;
}

#contents_area #c_main #whitebg{
	margin: 0 0 5px;
	padding: 0 5px 5px;
	
	width: 343px;
	
	background: url(https://www.sumai-jp.com/wp-content/themes/anju/files/study_bg01.jpg) top left;
}

#contents_area #c_main #whitebg ul#news{
	margin: 0;
	padding: 0 15px 5px;
	
	width: 313px;
	
	background: #FFF;
	border: 0;
}

#contents_area #c_main #whitebg ul#news li{
	margin: 0;
	padding: 15px 0;

	width: 100%;
}

#contents_area #c_main #whitebg ul#news li:first-child{
	border: 0;
}
#contents_area #c_main #whitebg ul#news li.last{
	padding: 5px 0;
	background: url(none);
}

#contents_area #c_main #whitebg ul#news li.go_list{
	background: none;
}

#contents_area #c_main #whitebg ul#news li.go_list a{
	padding: 0 15px 8px 16px;

	background: url(https://www.sumai-jp.com/wp-content/themes/anju/files/go_list_bg01.gif) 0px 3px no-repeat;
}

#contents_area #c_main #whitebg ul#news li p{
	margin: 0;
}


#contents_area #c_main #rightBox{
	float: left;
	
	margin: 0 0 30px 5px;
	
	width: 342px;
	
	font-size: 14px;
}

#contents_area #c_main #rightBox a.right,
#contents_area #c_main #leftBox a.right{
	float: right;
	padding-left: 20px;
	/*background: url(https://www.sumai-jp.com/wp-content/themes/anju/images/news_bg02.gif) 0% 40% no-repeat;*/
}

/*
#contents_area #c_main #whitebg2{
	margin: 0 0 5px;
	padding: 0 5px 5px;
	
	width: 335px;
	
	background: url(https://www.sumai-jp.com/wp-content/themes/anju/files/study_bg01.jpg) top left;
}

#contents_area #c_main #whitebg2 ul#news3{
	margin: 0;
	padding: 0 15px 5px;
	
	width: 305px;
	
	background: #FFF;
	border: 0;
}

#contents_area #c_main #whitebg2 ul#news3 li{
	margin: 0;
	padding: 15px 0;

	width: 100%;

}

#contents_area #c_main #whitebg2 ul#news3 li:first-child{
	border: 0;
}
#contents_area #c_main #whitebg2 ul#news3 li.last{
	padding: 5px 0;
	background: url("none")
}

#contents_area #c_main #whitebg2 ul#news3 li.go_list{
	background: none;
}

#contents_area #c_main #whitebg2 ul#news3 li.go_list a{
	padding: 0 15px 8px 16px;

	background: url(https://www.sumai-jp.com/wp-content/themes/anju/files/go_list_bg01.gif) 0px 3px no-repeat;
}

#contents_area #c_main #whitebg2 ul#news3 li p{
	margin: 0;
}

#contents_area #c_main h2#study2{
	margin: 0;
	padding: 0;
	border: 0;
}
*/



#contents_area #c_main #whitebg2{
	margin: 0 0 5px;
	padding: 0 5px 5px;
	
	width: 335px;
	
	background: url(https://www.sumai-jp.com/wp-content/themes/anju/files/study_bg01.jpg) top left;
}

#contents_area #c_main #whitebg2 ul#news3{
	margin: 0;
	padding: 0 7px 5px 8px;
	
	width: 320px;
	
	background: #FFF;
	border: 0;
}

#contents_area #c_main #whitebg2 ul#news3 li{
	margin: 0;
	padding: 15px 0;

	width: 100%;
}


#contents_area #c_main #whitebg2 ul#news3 li:first-child{
	border: 0;
}
#contents_area #c_main #whitebg2 ul#news3 li.last{
	padding: 5px 15px 5px 0;
	background: url(none);
}

#contents_area #c_main #whitebg2 ul#news3 li.go_list{
	background: none;
}

#contents_area #c_main #whitebg2 ul#news3 li.go_list a{
	padding: 0 15px 8px 16px;

	background: url(https://www.sumai-jp.com/wp-content/themes/anju/files/go_list_bg01.gif) 0px 3px no-repeat;
}

#contents_area #c_main #whitebg2 ul#news3 li p{
	margin: 0;
	background: url(none);
}

#contents_area #c_main #news3 li img.small02 {
padding: 0;
width: 43px;
float: left;
}

#contents_area #c_main #news3 li p {
padding-left: 5px;
width: 270px;
}