@charset "UTF-8";

/*
LAYOUT CSS
CSS Priority
-----------------------------
1.width,height
2.float,clear
3.position,top,bottom,left,right
4.overflow,display
5.margin,padding
6.text-align
7.font,line-height
8.background,border
9.etc....
-----------------------------
*/

html{ height:100%; background:#f7f3e1;}
body{ height:100%; text-align:center;}



/*-------------------------------------------------------------------------------------------------*
LAYOUT
--------------------------------------------------------------------------------------------------*/
#wrapper{ width:780px; min-height:100%; position:relative; margin:0 auto; overflow:hidden; text-align:left; background:#fff;}

	#header		{ width:780px; overflow:hidden; margin:0 0 34px;}
	#footer		{ width:780px; clear:both; background:#969696;}
	#contents	{ width:770px; clear:both; padding:0 0 30px 10px; position:relative; overflow:hidden;}



/*-------------------------------------------------------------------------------------------------*
HEADER
--------------------------------------------------------------------------------------------------*/
#header	#ci	{ width:338px; height:52px; float:left; position:relative; display:inline; overflow:hidden; margin:16px 0 30px 10px;}
#header #ci img		{ position:absolute; top:0; left:0; display:block;}
#header p   { width:160px; float:right; padding:10px; display:none; font-size:77%; line-height:15px; color:#e50012; background:#fbd9dc;}
#header #nav{ height:25px; clear:both; overflow:hidden;}

	/*glo-nav*/
	#glo-nav		{ width:438px; height:25px; float:left; padding:0 34px 0 0; overflow:hidden; background:url(../images/nav/img_nav.png) no-repeat left top;}
	#glo-nav dt		{ position:absolute; top:-9999px;}
	#glo-nav dd		{ height:25px; float:left; padding-right:1px;}
	#glo-nav dd a	{ height:25px; display:block; text-indent:-9999px;}
	#glo-nav dd a:hover	{ background:url(../images/nav/img_nav.png) no-repeat left bottom;}
	#glo-nav #n_01 a	{ width:77px;}
	#glo-nav #n_02 a	{ width:100px;}
	#glo-nav #n_03 a	{ width:126px;}
	#glo-nav #n_04 a	{ width:131px;}
	#glo-nav #n_02 a:hover	{ background-position:-78px bottom;}
	#glo-nav #n_03 a:hover	{ background-position:-179px bottom;}
	#glo-nav #n_04 a:hover	{ background-position:-306px bottom;}
	
	#glo-nav dd.active	  { background:url(../images/nav/img_nav.png) no-repeat; text-indent:-9999px;}
	#glo-nav #n_01.active { width:77px; background-position:left bottom;}
	#glo-nav #n_02.active { width:100px; background-position:-78px bottom;}
	#glo-nav #n_03.active { width:126px; background-position:-179px bottom;}
	#glo-nav #n_04.active { width:131px; background-position:-306px bottom;}
	
	
	/*option-nav*/
	#option-nav	{ width:287px; height:25px; overflow:hidden; background:url(../images/nav/img_op-nav.png) no-repeat left top;}
	#option-nav li		{ float:left;}
	#option-nav li a	{ height:25px; display:block; text-indent:-9999px;}
	#option-nav li a:hover	{ background:url(../images/nav/img_op-nav.png) no-repeat left bottom;}
	
	#option-nav #on_02 	{ padding:0 12px 0 12px;}	
	#option-nav #on_01 a{ width:80px;}
	#option-nav #on_02 a{ width:87px;}
	#option-nav #on_03 a{ width:96px;}
	#option-nav #on_02 a:hover	{ background-position:-92px bottom;}
	#option-nav #on_03 a:hover	{ background-position:-191px bottom;}


	/*bread-nav*/
	#bread-nav	{ float:right; clear:both; padding:7px 10px 0 0; overflow:hidden;}
	#bread-nav li	{ float:left; padding:0 10px 0 0; color:#888; font-size:93%; line-height:16px;}
	#bread-nav li a		{ color:#888; line-height:16px;}
	#bread-nav li a:hover	{ color:#704f2a;}
	#bread-nav li span	{ color:#888; padding:0 0 0 10px;}
	
	/*form*/
	#gs			{ position:absolute; top:44px; left:356px; padding:4px; overflow:hidden;}
	#text_box	{ width:125px; font-size:93%; margin:0 5px 0 0;}
	#text_btn	{ font-size:93%;}
	
/*-------------------------------------------------------------------------------------------------*
CONTENTS
--------------------------------------------------------------------------------------------------*/
#contents .page_top	{ position:absolute; right:70px; bottom:60px; color:#585757; font-size:93%; padding:2px 0 0 12px; background:url(../images/img_pt_bg.gif) no-repeat left center;}
#contents a:hover.page_top{ color:#704f2a;}








/*-------------------------------------------------------------------------------------------------*
TOPPAGE
--------------------------------------------------------------------------------------------------*/




/*slide*/
#slide	{ width:540px; height:254px; float:left; position:relative; overflow:hidden; margin:0 36px 0 0; background:#717171;}

	/*slide-nav*/
	#slide-nav	{ width:38px; height:252px; position:absolute; left:1px; top:1px; z-index:30; background:#fff;}
	#slide-nav a{ width:31px; height:24px; text-indent:-9999px; display:block; margin:10px 0 0 7px; background:url(../../../images/slide/slide_btn.png) no-repeat; -webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out;}
	#slide-nav a:hover	{ width:35px; height:24px; margin-left:12px;}
	#slide-nav a#sn_01	{ background-position:left top;}
	#slide-nav a#sn_02	{ background-position:left -24px;}
	#slide-nav a#sn_03	{ background-position:left -48px;}
	#slide-nav a#sn_04	{ background-position:left -72px;}
	#slide-nav a:hover#sn_01	{ background-position:right top;}
	#slide-nav a:hover#sn_02	{ background-position:right -24px;}
	#slide-nav a:hover#sn_03	{ background-position:right -48px;}
	#slide-nav a:hover#sn_04	{ background-position:right -72px;}
	
	#slide-nav a.active			{ width:35px; height:24px; margin-left:12px;}
	#slide-nav a#sn_01.active	{ background-position:right top;}
	#slide-nav a#sn_02.active	{ background-position:right -24px;}
	#slide-nav a#sn_03.active	{ background-position:right -48px;}
	#slide-nav a#sn_04.active	{ background-position:right -72px;}
	
	
	
	/*slide-img*/
	#slide-img	{ width:500px; height:252px; position:absolute; left:39px; top:1px; background:#fff;}
	#slide-img a{ position:absolute; top:0; left:0; display:none;}
	#slide-img a.active	{ display:block; z-index:20;}
	#slide-img img	{ display:block;}
	#slide-img a:hover img{opacity: .80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}





/*s-news*/
#s-news		{ width:184px; height:254px; float:left; position:relative; background:#717171;}
#s-news h2	{ width:182px; height:48px; position:absolute; top:1px; left:1px; text-indent:-9999px; background:#fff url(../../../images/img_news.gif) no-repeat left 10px;}
#s-news div	{ width:182px; height:219px; position:absolute; bottom:1px; left:1px; overflow:scroll; overflow-x:hidden; background:#fff;}
#s-news dl	{ color:#595757; font-size:93%; line-height:17px;}
#s-news dt	{ padding:0 8px;}
#s-news dd	{ padding:0 8px 15px 8px;}
#s-news dd a{ color:#585757; display:block;}
#s-news dd a:hover{ color:#ad9052;}





/*info*/
#info	{ width:170px; float:left; padding:36px 0 0; clear:both;}
#info ul	{}
#info li a	{padding:0 0 0 9px; font-size:93%; line-height:20px; color:#3e3a39; background:url(../../../images/info/img_arrow_02.gif) no-repeat left center;}
#info li a:hover	{ color:#ad9052;}

	/*box*/
	.box	{ padding:1px; margin:0 0 10px; background:#717171;}
	.box dl	{ padding:0 9px 10px; background:#fff;}
	.box dt	{ width:150px; height:34px; text-indent:-9999px;}
	.box a	{ padding:0 0 0 9px; font-size:85%; line-height:20px; color:#3e3a39; background:url(../../../images/info/img_arrow.gif) no-repeat left center;}
	.box a.style_02	{ padding:0 0 0 9px; margin:2px 0 0; line-height:16px; display:block; background-position:left 4px;}
	.box a:hover	{ color:#ad9052;}
	.box strong a	{ width:150px; height:26px; padding:0; display:block; text-indent:-9999px;}
	
		/*start*/
		#start dt	{ background:url(../../../images/info/img_midashi_01.gif) no-repeat center 10px;}
		.box #start strong a		{ margin:0 0 8px; background:url(../../../images/info/img_btn.png) no-repeat left top;}
		.box #start strong a:hover	{ background:url(../../../images/info/img_btn.png) no-repeat right top;}

		/*member*/
		#member dt	{ background:url(../../../images/info/img_midashi_02.gif) no-repeat center 10px;}
		#member dd.text	{ margin:0 0 7px; font-size:85%; line-height:17px; color:#804f21;}
		
		.box #member strong a		{ margin:0 0 8px; background:url(../../../images/info/img_btn.png) no-repeat left top;}
		.box #member strong a#mb_01	{ background-position:left -26px;}
		.box #member strong a#mb_02	{ margin:16px 0 6px; background-position:left -52px;}
		.box #member strong a#mb_03	{ margin:0 0 6px; background-position:left -78px;}
		.box #member strong a#mb_04	{ margin:0 0 3px; background-position:left -104px;}
		.box #member strong a:hover#mb_01	{ background-position:right -26px;}
		.box #member strong a:hover#mb_02	{ background-position:right -52px;}
		.box #member strong a:hover#mb_03	{ background-position:right -78px;}
		.box #member strong a:hover#mb_04	{ background-position:right -104px;}

	/*mail*/
	#mail	{ width:170px; height:46px; padding:7px 0 26px;}
	#mail a	{ width:170px; height:46px; display:block; text-indent:-9999px; background:url(../../../images/info/img_mail.png) no-repeat left top;}
	#mail a:hover	{ background-position:left bottom;}





/*course-list*/
#main	{ width:336px; float:left; position:relative; padding:36px 36px 30px 34px;}
#course-list h2		{ width:336px; height:21px; position:relative; margin-bottom:26px;}
#course-list h2 a	{ width:336px; height:21px; position:absolute; top:0; left:0; text-indent:-9999px; display:block; background:url(../../../images/course/img_01.png) no-repeat left top;}
#course-list h2 a:hover	{ background-position:left bottom;}
#course-list em{ width:171px; height:13px; position:absolute; top:42px; right:36px; display:block;}
#course-list em a			{ height:13px; display:block; text-indent:-9999px; background:url(../../../images/course/img_01.png) no-repeat left top;}
#course-list em a:hover	{ height:13px; display:block; text-indent:-9999px; background:url(../../../images/course/img_01.png) no-repeat left bottom;}
#course-list dl			{ position:relative; clear:both; padding:19px 0 17px; margin:0; background:url(../../../images/course/img_line.gif) no-repeat left bottom;}
#course-list dl:hover	{ background:#fffade url(../../../images/course/img_line.gif) no-repeat left bottom;}
#course-list dt			{ margin:0 0 15px 82px; font-size:123.1%;}
#course-list dt a		{ padding:0 0 0 13px; color:#595757; display:inline-block; font-weight:bold; line-height:23px; background:url(../../../images/course/img_arrow.gif) no-repeat left center;}
#course-list dt a span	{ color:#f7b62d; margin-right:4px;}
#course-list dd.text	{ margin:0 0 0 82px; font-size:85%; color:#595757; line-height:17px;}
#course-list dd.photo	{ position:absolute; left:0; top:19px;}






/*bunner*/
#bunner	{ width:184px; padding:0 0 30px; float:left;}
#bunner dt		{ height:16px; padding-bottom:17px; text-indent:-9999px; background:url(../../../images/bunner/img_midashi_01.png) no-repeat left top;}
#bunner dd a	{ padding:0 0 0 9px; font-size:85%; line-height:20px; color:#3e3a39; background:url(../../../images/info/img_arrow.gif) no-repeat left center;}
#bunner dd a:hover	{ color:#ad9052;}
#bunner a em	{ position:absolute; top:-9999px;}
	
	/*shop*/
	#shop	{ height:259px; position:relative; display:block; margin-bottom:10px;}
	#shop div		{ height:259px; background:url(../images/bunner/img_bunner_top.jpg) no-repeat left bottom;}
	#shop:hover div	{ opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
	#shop span		{ width:43px; height:46px; text-indent:-9999px; position:absolute; right:20px; top:16px; background:url(../images/bunner/img_bunner_top_pick.png) no-repeat left top;}
	
	/*book*/
	#book	{ height:125px; display:block; margin-bottom:10px; background:url(../images/bunner/img_book.png) no-repeat left top;} 
	#book:hover	{ opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
	
	/*search*/
	#search	{ height:76px; display:block; margin-bottom:10px; background:url(../images/bunner/img_search.png) no-repeat left top;}
	#search:hover	{ opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
	
	/*semminer*/
	#semminer	{ height:45px; display:block; margin:30px 0 23px; background:url(../images/bunner/img_semminer.png) no-repeat left top;}
	#semminer:hover	{ background-position:left bottom;}

	/*manner*/
	#manner	{ height:45px; display:block; margin-bottom:9px; background:url(../images/bunner/img_manner.png) no-repeat left top;}
	#manner:hover	{ background-position:left bottom;}

	/*rest*/
	#rest		{ height:45px; display:block; margin-bottom:31px; background:url(../images/bunner/img_rest.png) no-repeat left top;}
	#rest:hover	{ background-position:left bottom;}

	
	
	
	
	
/*cop*/
#cop	{ width:760px; clear:both; position:relative; padding:14px 0 14px; overflow:hidden; background:#eaeadb;}
#cop h3	{ width:71px; height:15px; position:absolute; top:19px; left:33px; text-indent:-9999px; background:url(../../../images/img_cop.png) no-repeat left top;}

#cop ul	{ margin:0 0 0 204px; overflow:hidden;}
#cop li		{ width:262px; float:left;}
#cop li a	{ padding:0 0 0 9px; font-size:85%; line-height:20px; color:#3e3a39; background:url(../../../images/img_cop_arrow.gif) no-repeat left center;}
#cop li a:hover	{ color:#ad9052;}
#cop li.last{ clear:both; float:none;}






/*-------------------------------------------------------------------------------------------------*
FOOTER
--------------------------------------------------------------------------------------------------*/
#footer form	{ display:none;}
#footer-inner	{ position:relative; padding:1px 0 0;}
#footer-inner p	{ clear:both; color:#b4b4b5; padding:0 0 70px 10px; font-size:69%; line-height:28px; background:#fff;}

	/*access*/
	#access		{ background:#fff;}
	#access h3	{ padding:12px 0 3px 10px; font-size:93%; line-height:24px; color:#595757;}
	#access dl	{ overflow:hidden; padding:0 0 0 10px;}
	#access dl.last	{ overflow:hidden; padding:0 0 9px 10px;}
	#access dt,
	#access dd	{ float:left; font-size:93%; line-height:20px; color:#595757;}
	#access dd a{ color:#595757;}
	#access dd a:hover{ color:#ad9052;}
	
	#access dt	{ padding:0 0 0 25px;}
	#access dt:first-letter	{ }
	
	#access dt#tokyo	{ padding:0;}
	#access dt#osaka	{ padding:0; clear:both;}
	
	
	/*footer-nav*/
	#footer-nav	{ clear:both; margin:1px 0 1px; padding:9px 0 10px 10px; background:#fff;}
	#footer-nav	ul	{ overflow:hidden;}
	#footer-nav li	{ float:left; padding:0 20px 0 0;}
	#footer-nav li a{ color:#717071; font-size:85%; line-height:17px;}
	#footer-nav li a:hover	{ color:#ad9052;}
	#footer-nav li#policy	{ clear:both;}






/*-------------------------------------------------------------------------------------------------*
STYLE ETC
--------------------------------------------------------------------------------------------------*/
hr		{ display:none;}
a.start	{ float:left; display:block; padding:8px; margin:10px 0 0; background:#FC0; color:#000; text-shadow:1px 1px 0 #fff;}
a:hover.start	{ color:#000; background:#F60;}