@charset "UTF-8";
/* CSS Document */



/* 1: layout second
----------------------------------------------------------------------------------------------*/

#header { padding:32px 0 0;}
#header .second { width:234px; float:left;}
#header #menuInner { width:707px; float:right; padding:44px 0 0 ;}

#menuInner {}
	#menuInner .inner { padding:23px 0 22px; background: url(../images/index/bg_gnav.png) no-repeat;}
	ul.menu { line-height:1em;}
	ul.menu li{float:left; margin-bottom:20px; }	


#gnav { position:relative;}
#gnav ul { position: absolute; top:-130px; right:0;}
#gnav ul li { float:left;}
#gnav .gnavLists { border-right:1px dotted #ccc; padding:0 15px 0; margin:0 15px 0 0;background:url(../images/common/ico_arrow.gif) no-repeat 0 5px; 
font: 12px/1.8 "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;}


#topicPath  { margin:25px 0 155px;}
#topicPath .nav{ width:980px; margin:0 auto; padding:8px 0 ; text-align:left;}
	#topicPath .nav li {background: url("../images/common/ico_arrow_topicpath.gif") no-repeat scroll 5px center transparent; 
	float: left;font-size: 10px;line-height: 1.1;margin-right: 5px;padding:2px 0 0 18px;}
	#topicPath .nav li.first {background: url("../images/common/ico_home.gif") no-repeat scroll left top transparent;padding-left: 15px;}


#Container .h1Outer { position: relative;}
	#Container .h1Outer h1 {   position: absolute; top:-80px; }
#Container .h1ttl { position: relative;}
	#Container .h1ttl img {  position: absolute; top:-193px; left:0;}
#Container .contents{ background:url(../images/common/bg_line.gif) repeat-x top;}
	#Container .contents .inner { width:980px; margin:0 auto; padding:60px 0 100px ;}
#Container .contents h2 { text-align:left; padding:0 0 80px;}


/* about
----------------------------------------------------------------------------------------------*/

#about { text-align:center;}
	#about .context { background:url(../images/about/img_about_concept_1.png) no-repeat; min-height:543px; text-align:center;}
	#about .aboutTxt { margin:40px auto 0; width:390px; 
	font: 16px/2.5 "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;
	color:#000;}

#staff { background:url(../images/about/bg_staff.gif) repeat;}
	#staff .staffLists li { float:left;}
	#staff .staffLists li p {padding:0 45px 0 50px; margin:30px 0; text-align:left;}
	#staff .staffLists li .profilelists { padding:0 50px;}
	#staff .staffLists li .profilelists dt { font-weight:bold;  border-top:1px dotted #ccc; padding:10px 0 0; text-align:left; font-size:12px;}
	#staff .staffLists li .profilelists dd { margin:10px 0 30px;}
	#staff .staffLists li.staff { width:310px; padding:70px 0 0;}
	#staff .staffLists li.storeManager { width:360px;}
	#staff .contents { padding:2px 0 0;}
	#staff .inner { background:url(../images/about/bg_staffLists.png) repeat-y;}
	 
	 
#corporate {}
	#corporate .corporateInner { margin:30px auto; width:700px; text-align:left;}
	#corporate .corporateTab { border-top:2px solid #ccc; line-height:1.4;}
	#corporate .corporateTab th { font-weight:bold; font-size:13px; vertical-align:middle; padding:15px 0px ; border-bottom:1px dotted #ccc; width:180px; text-align:center; background:#FFEEF1;}
	#corporate .corporateTab td { padding:15px 15px ; border-bottom:1px dotted #ccc; width:500px;}


#access { margin:0 0 80px;}
	#access .fr { text-align:left; width:410px;}
	#access h3 { font-weight:bold; font-size:18px; background:url(../images/common/bg_ttl_second.gif) bottom repeat-x; padding:0 0 15px;}
	#access .fl { text-align:left;}
	#access .address { margin:20px 0 0;}
	#access .tel { margin:10px 0 0;}
	#access h4 { font-weight:bold; margin:40px 0 5px; padding:0 0 0 18px; background:url(../images/about/ico_train.gif) 0 3px no-repeat}
	#access h4.ttlCar { font-weight:bold; margin:40px 0 5px; padding:0 0 0 25px; background:url(../images/about/ico_car.gif) 0 5px no-repeat}
		#access .link { margin:0 40px 0 0; text-align:right; font-size:12px; }
		#access .link a { background:url(../images/common/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 15px; color:#666;}
	 
	 
/* about */



/* business
----------------------------------------------------------------------------------------------*/

#business { }
	#business .fr { width:467px; padding:40px 0 0;}
	#business .businessTxt { margin:40px auto 0; text-align:left;}

#flow  {font: 16px/2.4 "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;}
	#flow .contents { background:none;}
	#flow .contents .inner { padding-top:0;}
	#flow  h3 { font-size:23px; font-weight:bold; line-height:3;}
	#flow .flowInner { background:url(../images/business/bg_flow_1.png) no-repeat ; padding:0 145px; min-height:650px;}
		#flow .flowInner .fl { width:310px;}
		#flow .flowInner .fl p { padding:150px 0 0;}
		#flow .flowInner .fr { width:320px;}
		#flow .flowInner .fr h3 { padding:0 0 40px ;}
		#flow .flowInner .fr p { padding:0 0 53px ;}
		#flow .flowInner .flowBtm { font-size:20px; font-weight:bold; letter-spacing:0.1em; padding:0 0 50px;}

/* business */



/* faq
----------------------------------------------------------------------------------------------*/

#faq { }
	#faq #mainVisual_second { margin:20px 0 40px; }
	#faq .faqInner { width:700px; margin:0 auto 100px;}
	#faq .question { background:url(../images/common/bg_ttl_second.gif) bottom repeat-x;}
	#faq .question .questionInner { background:url(../images/faq/ico_question.jpg) left no-repeat; padding:0 0 0 40px;}
	#faq .question .questionInner h2 { padding:15px 0; font-size:16px; font-weight:bold;}
	#faq .question .questionInner h2 span {background:url(../images/faq/bg_question.jpg) repeat-x; padding:5px 0;}
	
	#faq .answer { background:url(../images/faq/ico_answer.jpg) 0 0 no-repeat; padding:0 90px 0 40px; margin:50px 0 0 15px;
	text-align: left;}

/* faq */



/* contact
----------------------------------------------------------------------------------------------*/

#contact { }
	#contact .contactInner { width:820px; margin:0 auto;}
	#contact .timeTab { font-size:12px; text-align:left; width:100%; margin:10px 0 0;}
		#contact .timeTab th { width:70px;}
	#contact .form { font: 23px/2.5 "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;}
	#contact .formInner { background:url(../images/common/bg_ttl_second.gif) bottom repeat-x; padding:30px 0 0;}
	#contact .contactInner .fr { margin:100px 0 0;}
	#contact .contactInner h2 { padding:0 0; text-align:center;}
	#contact .contactInner h2 span {background:url(../images/contact/bg_contact.gif) repeat-x ; padding:10px 20px;}
	#contact .formTxt { margin:30px 0;}
	#contact .contactTab { width:820px;}
		#contact .contactTab th { padding:18px 0 12px 110px; line-height:1.1; border-bottom:1px dotted #ccc; font-weight:bold;}
		#contact .contactTab td { padding:12px 0; border-bottom:1px dotted #ccc; font-weight:bold; text-align:left; width:530px;}
		#contact .contactTab td input ,#contact .contactTab td textarea{ padding:5px; font-size:14px; border:1px solid #aaa;}
		#contact .fontred { color:#f00;}
		#contact .fontgray_cmt { font-size:12px; margin:30px 0;}
		
	#contact .contactInner.nextPage { margin-top:40px; text-align:center;}
		#contact .contactInner.nextPage a { background:url(../images/common/ico_home.gif) 0 2px no-repeat; padding:0 0 0 15px; text-decoration:underline;}

.sendcompleteError { padding:70px 0;}

/* contact */



/* privecyporicy
----------------------------------------------------------------------------------------------*/

#privecyporicy .privecyporicyInner { width:720px; margin:60px auto 0; }
	#privecyporicy .privecyporicyInner.first{ margin-top:30px; }
	#privecyporicy .privecyporicyInner h2 { text-align:center; padding:0; margin:0 0 25px; font-weight:bold;}
	#privecyporicy .context { text-align:left;}
	#privecyporicy .context p { line-height:1.6;}
	#privecyporicy .privecyporicyLists { padding:0 0 0 1.5em;}
	#privecyporicy .privecyporicyLists li { text-indent:-1.5em; margin:0 0 25px;}
	#privecyporicy .privecyporicyLists .num { font-weight:bold; padding:0 0.5em 0 0 ;}
	
	
/* privecyporicy */




/* diary
----------------------------------------------------------------------------------------------*/

#diary { text-align:left;}
#diary .contents{ background:none;}
#diary .diaryContainer {}
	#diary .diaryContainer .diaryMain { width:700px; width:730px; float:left;}
	
	
	#diary .diaryContainer .diarySide { width:230px; float:right; font-size:12px;}
		#diary .diaryContainer .diarySide h2 { padding:0 0 5px ;
		background: url("../images/common/bg_ttl.gif") repeat-x scroll center bottom transparent;
		font-weight:bold;}
		#diary .diaryContainer .diarySide .diarySideInner { background:url("../images/common/bg_line_smart.gif") repeat-x scroll center bottom transparent;
		padding:0 0 25px; margin:0 0 40px;} 
		#diary .diaryContainer .diarySide .diarySideLists {
			margin:30px 0 0; padding:0 0 0 20px;}
		#diary .diaryContainer .diarySide .diarySideLists li {
			background:url(../images/common/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 15px; margin:0 0 10px;}
	.diaryMainLists { margin:0 -10px 0 0; }
	.diaryMainLists li a { width:226px; float:left; margin:0 10px 20px 0; background:url(../images/diary/bg_diary_top.gif) top no-repeat; }
	.diaryMainLists li .diaryMainList_middle { background:url(../images/diary/bg_diary_middle.gif) repeat-y; margin:10px 0 0; text-align:center; }
	.diaryMainLists li .diaryMainList_bottom { background:url(../images/diary/bg_diary_bottom.gif) bottom no-repeat; padding:0 0 40px;}
	.diaryMainLists li .diaryMainList_bottom p { text-align:left; padding:5px 20px 0; font-size:10px; }
	.diaryMainLists li .diaryMainList_bottom p.date { font-weight:bold;}
	.diaryMainLists li .diaryMainList_bottom p.text a {color: #666666; font-size:11px;}
	.diaryMainLists li img{ max-width:100%; height: auto;}
	
	
	.social-boxInner{ text-align: left; margin:20px 0 10px; }
	.social-boxInner li{ float:left; width:120px; line-height:1; margin-left:0; }
	
/* diary */





/* news
----------------------------------------------------------------------------------------------*/

#news { text-align:left;}
	.diaryMain .news{ width:700px; background:url(../images/news/bg_diary_top_l.gif) top no-repeat; padding:10px 0 0; margin:0 0 20px; }
	.diaryMain .news_middle { background:url(../images/news/bg_diary_middle_l.gif) repeat-y; text-align:center; }
	.diaryMain .news_bottom { background:url(../images/news/bg_diary_bottom_l.gif) bottom no-repeat; padding:30px 70px 40px;}
	.diaryMain .news_bottom p { text-align:left; padding:15px 0 35px; font-size:14px; }
	.diaryMain .news_bottom p.date { font-weight:bold; font-size:10px;}
	#Container .diaryMain .ttlOuter { background:url(../images/news/bg_diaryTtl.gif) no-repeat bottom; }
	#Container .diaryMain h2 { text-align:center; padding:0 0 30px; font-size:16px; font-weight:bold;}
	.diaryMain .news .figure { text-align:center;}


/* news */


	.post-body img{ max-width:100%; height:auto; }



/* recruit
----------------------------------------------------------------------------------------------*/

#recruit {}
	#recruit .recruitInner { width:720px; margin:60px auto ; }
	#recruit .recruitTab { width:100%; border-top:1px dotted #ccc;}
	#recruit .recruitTab th { padding:15px 0; border-bottom:1px dotted #ccc; width:100px; font-weight:bold;}
	#recruit .recruitTab td { padding:15px 0; border-bottom:1px dotted #ccc; text-align:left;}


/* recruit */