@charset "utf-8";

/* FONT 対応サイズ表*/
/*---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83	%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217 %
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
html, body {height:100%; color:#515151;}
body {text-align:center; background:url(../images/common/bg_page.gif) repeat left top;}

/*---------------------------------------------------------------------
Header Layout
---------------------------------------------------------------------*/
#header {background:url(../images/common/bg_header.gif) no-repeat left top; height:136px; margin-bottom:14px;}
	#logo {padding:23px 0 0 20px;}

/*---------------------------------------------------------------------
Gnav Layout
---------------------------------------------------------------------*/
#gnav {margin-bottom:6px;}
	#gnav li {float:left;}
	#gnav li a {display:block; overflow:hidden; height:0; _height:51px; padding-top:51px; width:150px;}
	
	#gnav li.gnav01 a {background:url(../images/common/gnav.gif) no-repeat 0 0;}
	#gnav li.gnav02 a {background:url(../images/common/gnav.gif) no-repeat -150px 0;}
	#gnav li.gnav03 a {background:url(../images/common/gnav.gif) no-repeat -300px 0;}
	#gnav li.gnav04 a {background:url(../images/common/gnav.gif) no-repeat -450px 0;}
	#gnav li.gnav05 a {background:url(../images/common/gnav.gif) no-repeat -600px 0;}
	#gnav li.gnav06 a {background:url(../images/common/gnav.gif) no-repeat -750px 0;}
	
	#gnav li.gnav01 a:hover {background:url(../images/common/gnav_on.gif) no-repeat 0 0;}
	#gnav li.gnav02 a:hover {background:url(../images/common/gnav_on.gif) no-repeat -150px 0;}
	#gnav li.gnav03 a:hover {background:url(../images/common/gnav_on.gif) no-repeat -300px 0;}
	#gnav li.gnav04 a:hover {background:url(../images/common/gnav_on.gif) no-repeat -450px 0;}
	#gnav li.gnav05 a:hover {background:url(../images/common/gnav_on.gif) no-repeat -600px 0;}
	#gnav li.gnav06 a:hover {background:url(../images/common/gnav_on.gif) no-repeat -750px 0;}
	
	#gnav li.gnav01 a#current {background:url(../images/common/gnav_on.gif) no-repeat 0 0;}
	#gnav li.gnav02 a#current {background:url(../images/common/gnav_on.gif) no-repeat -150px 0;}
	#gnav li.gnav03 a#current {background:url(../images/common/gnav_on.gif) no-repeat -300px 0;}
	#gnav li.gnav04 a#current {background:url(../images/common/gnav_on.gif) no-repeat -450px 0;}
	#gnav li.gnav05 a#current {background:url(../images/common/gnav_on.gif) no-repeat -600px 0;}
	#gnav li.gnav06 a#current {background:url(../images/common/gnav_on.gif) no-repeat -750px 0;}


/*---------------------------------------------------------------------
Wrapper Layout
---------------------------------------------------------------------*/
#wrapper {width:900px; margin:0 auto; text-align:left;}
	#wrapper a {text-decoration:underline;}
	#wrapper a:hover {text-decoration:none;}

	/*---------------------------------------------------------------------
	Article Layout
	---------------------------------------------------------------------*/
	#article {}
	
			
		/*---------------------------------------------------------------------
		Left section Layout
		---------------------------------------------------------------------*/
		#left-section {background:url(../images/common/bg_contents-bottom.gif) no-repeat left bottom #fff; width:675px; padding-bottom:15px; float:left;}
			#pankuzu {background:url(../images/common/bg_pankuzu.gif) no-repeat left top #fff; padding:10px 0 0 20px; margin-bottom:12px;}
				#pankuzu li {display:inline;}
			
			#entry-contents {padding:0 20px;}
				#top-comment h2 {position:absolute; top:34px; left:31px;}
				#top-comment p {position:absolute; top:75px; left:31px; line-height:175%; width:480px;}
				
				/* entry box layout */
				.entry_box {margin-bottom:10px;}
					.hgroup .date,
					.hgroup .entry_title {font-weight:bold; position:absolute;}
					#column .hgroup .date {top:28px; left:55px;}
					#review .hgroup .date {top:28px; left:70px;}
					
					#column .hgroup .entry_title {top:65px; left:55px; font-size:142%; width:500px;}
					#review .hgroup .entry_title {top:65px; left:70px; font-size:142%; width:500px;}
						.entry_box .entry_body {background:url(../images/common/bg-entry.gif) repeat-y left top; line-height:175%; padding:0 55px 30px 55px; margin-bottom:5px;}
						.entry_box .entry_body p {margin-bottom:20px;}
						.pagetop {text-align:right;}
						
					/* pagenate layout */
					#pagenate {margin:15px 0;}
						#pagenate .prev {float:left;}
						#pagenate .next {float:right;}
						
						#pagenate .prev a,
						#pagenate .next a {display:block; overflow:hidden; height:0; padding-top:21px; _height:21px; width:58px;}
						
						#pagenate .prev a {background:url(../images/common/btn_prev.gif) no-repeat left top;}
						#pagenate .next a {background:url(../images/common/btn_next.gif) no-repeat left top;}
						
			/* -- Column layout -- */
			#column #top-comment {background:url(../images/column/bg_column-top.gif) no-repeat left top; height:169px; margin-bottom:20px; position:relative;}
				#column .entry_box .hgroup {background:url(../images/column/bg_column-entrytitle.gif) no-repeat left top; height:114px; position:relative;}
				
			/* -- Review layout -- */
			#review #top-comment {background:url(../images/review/bg_review-top.gif) no-repeat left top; height:169px; margin-bottom:20px; position:relative;}
				#review .entry_box .hgroup {background:url(../images/review/bg_review-entrytitle.gif) no-repeat left top; height:114px; position:relative;}
				
			/* -- Media layout -- */
			#media #top-comment {background:url(../images/media/bg_media-top.gif) no-repeat left top; height:169px; margin-bottom:20px; position:relative;}
				#media #top-comment p {width:450px;}	
				#media .year {background:url(../images/media/bg_title-year.gif) no-repeat left top; color:#fff; font-weight:bold; font-size:183%; line-height:44px; height:44px; margin-bottom:15px; padding-left:25px;}
				#media .cate_box {background:url(../images/media/bg_paper-top.gif) no-repeat left top #fff4d0; padding:35px 12px 20px 12px; margin-bottom:25px;}
				
				#media .cate_box h4 {margin-bottom:5px;}
					#media .media_list .top_line {border-top:2px solid #7d8fad;}
					#media .media_list .top_line th {background:#beddf1; border-collapse:separate; padding:5px 15px; font-weight:bold;}
					#media .media_list .top_line th.date_th {border-right:2px solid #fff4d0;}
					
					#media .media_list td {background:#cfedff; padding:5px 15px; font-size:83%;}
					#media .media_list .even td {background:#e2f4ff;}
					#media .media_list td.date {width:15%; border-right:2px solid #fff4d0; border-bottom:2px solid #fff4d0;}
					#media .media_list td.txt {border-bottom:2px solid #fff4d0;}
			
			/* -- Point layout -- */
			#point #content {text-align:center; background:url(../../new_point/images/bg_point.gif) no-repeat left top; height:598px; padding:14px 0 0 0;}
			
			/* -- About layout -- */
			#about #about-body {background:url(../images/about/about_top.jpg) no-repeat left top; padding:150px 0 0 0; position:relative; line-height:200%;}
				#about #about-body h2 {position:absolute; top:100px; left:85px;}
				#about #aboutContents {background:url(../images/about/about_bg.jpg) repeat-y left top; padding:0 30px 100px 65px;}
				#about #btnToTop {margin:60px 0 0 125px;}
				#about #btnToTop a {background:url(../images/about/about_btn_back.gif) no-repeat 0 0; display:block; overflow:hidden; height:0; padding-top:37px; _height:37px; width:285px;}
				#about #btnToTop a:hover {background:url(../images/about/about_btn_back.gif) no-repeat 0 -37px;}
				
				
		/*---------------------------------------------------------------------
		Right section Layout
		---------------------------------------------------------------------*/
		#right-section {width:208px; float:right; background:url(../images/common/bg_side-top.gif) no-repeat left top; padding-top:8px; _zoom:100%;}
			#right-section-inner {background:url(../images/common/bg_side-middle.gif) repeat-y left bottom; padding:10px 15px 30px 15px; _zoom:100%; overflow:auto;}
			#right-section-bottom {background:url(../images/common/bg_side-bottom.gif) no-repeat left bottom; padding-bottom:10px; _zoom:100%; overflow:auto;}
				#right-section-inner .side_section {margin-bottom:20px;}
								
				/* Profile layout */
				#right-section-inner #profile {font-size:83%; text-align:justify; line-height:130%;}
					#right-section-inner #profile {margin-bottom:10px;}
					#right-section-inner #profile h4,
					#right-section-inner #profile dt {margin-bottom:5px;}
			
				/* Banner layout */
				#right-section-inner #bnr li {margin:0;}
					#right-section-inner #bnr li.bnr02 {margin-top:-5px;}
					
					#right-section-inner #bnr li a {display:block; overflow:hidden; height:0;}
					
					#right-section-inner #bnr li.bnr01 a {background:url(../images/common/btn_detail.gif) no-repeat left top; padding-top:62px; _height:62px;}
					#right-section-inner #bnr li.bnr02 a {background:url(../images/common/btn_interview.gif) no-repeat left top; padding-top:61px; _height:61px;}
					
					#right-section-inner #bnr li.bnr01 a:hover {background:url(../images/common/btn_detail_on.gif) no-repeat left top; padding-top:62px;}
					#right-section-inner #bnr li.bnr02 a:hover {background:url(../images/common/btn_interview_on.gif) no-repeat left top; padding-top:61px;}
				
				/* Recent entry layout */
				#right-section-inner #recent-entry {background:url(../images/common/bg_side-bottom-inner.gif) no-repeat left bottom; padding-bottom:5px;}
					#right-section-inner #recent-entry .side_title {background:url(../images/common/bg_side-top-inner.gif) no-repeat left top; padding:20px 0 15px 18px;}
					#right-section-inner #recent-entry .inner {background:url(../images/common/bg_side-middle-inner.gif) repeat-y left top; padding:0 20px 15px 20px;}
					#right-section-inner #recent-entry .side_list li {margin-bottom:5px;}
					
				/* Calendar layout */
				#right-section-inner #calendar {background:url(../images/common/bg_side-bottom-inner.gif) no-repeat left bottom; padding-bottom:5px; _zoom:100%; overflow:auto;}
					#right-section-inner #calendar .inner {background:url(../images/common/bg_side-top-inner.gif) no-repeat left top; padding-top:5px;}
					#right-section-inner #calendar #calendar_wrap {background:url(../images/common/bg_side-middle-inner.gif) repeat-y left top; padding:10px 20px 15px 20px;}
					#wp-calendar {width:100%; _width:148px;}
						#wp-calendar caption {text-align:center; font-size:117%; font-weight:bold;}
						#wp-calendar thead th {font-weight:bold; padding:5px 0;}
						
						#wp-calendar tbody td {padding:2px 0;}
						#wp-calendar tbody td a {color:#ba3c15;}
						
						#wp-calendar tfoot {font-weight:bold;}
						#wp-calendar tfoot #prev {}
						#wp-calendar tfoot #next {text-align:right;}
						
				/* Category layout */
				#right-section-inner #category {background:url(../images/common/bg_side-bottom-inner.gif) no-repeat left bottom; padding-bottom:5px;}
					#right-section-inner #category .side_title {background:url(../images/common/bg_side-top-inner.gif) no-repeat left top; padding:20px 0 15px 18px;}
					#right-section-inner #category .inner {background:url(../images/common/bg_side-middle-inner.gif) repeat-y left top; padding:0 20px 15px 20px;}
					#right-section-inner #category .side_list li {margin-bottom:5px;}
					
				/* Appearance layout */
				#right-section-inner #appearance {background:url(../images/common/bg_side-bottom-inner.gif) no-repeat left bottom; padding-bottom:5px;}
					#right-section-inner #appearance .side_title {background:url(../images/common/bg_side-top-inner.gif) no-repeat left top; padding:20px 0 5px 18px;}
					#right-section-inner #appearance .inner {background:url(../images/common/bg_side-middle-inner.gif) repeat-y left top; padding:0 20px 15px 20px;}
					#right-section-inner #appearance .side_list li {margin-bottom:5px;}
					
				/* Mobile layout */
				#right-section-inner #mobile {background:url(../images/common/bg_side-bottom-mobile.gif) no-repeat left bottom; padding-bottom:5px; margin:0;}
					#right-section-inner #mobile .side_title {background:url(../images/common/bg_side-top-inner.gif) no-repeat left top; padding:5px 0 5px 18px;}
					#right-section-inner #mobile .inner {background:url(../images/common/bg_side-middle-inner.gif) repeat-y left top; padding:0 0 0 28px;}
					#right-section-inner #mobile .inner img {vertical-align:bottom;}
					#right-section-inner #mobile #txt,
					#right-section-inner #mobile #qr {margin-bottom:10px;}
					
				
/*---------------------------------------------------------------------
Footer Layout
---------------------------------------------------------------------*/
#footer {background:url(../images/common/bg_footer.gif) no-repeat left top; text-align:center; margin:50px 0;}