@charset "utf-8";
@import url("common.css");

/*--------------------------------------------------
 contents
 -------------------------------------------------*/
#content{
	margin:30px auto 0;
	width:770px;
	background:url(../image/bg_inside.jpg) 0 0 repeat-y;
	}

/*--------------------------------------------------
 gallery
 -------------------------------------------------*/	
#gallery .attention{ text-align:right; margin-bottom:20px;}
 
#gallery .g_container{ width:770px;padding-left:10px;}  
#gallery .g_container li{ width:150px; float:left; border-right:1px dotted #ccc; margin:0 20px 25px 0; padding:0 20px 10px 0; height:330px;border-bottom:1px dotted #ccc; }  
#gallery .g_container li .photo{ margin-bottom:10px; height:280px; }

#gallery .paging{  width:770px ;text-align:center; margin-top:30px;}
#gallery .paging span{ font-size:18px; font-weight:bold;}
#gallery .paging a{
padding:5px 7px; font-size:16px; font-weight:bold; background:#F5F3EF;text-align:center; border:1px solid #E1DCD2; margin-left:5px;}
#gallery .paging a:hover{ background:#FFF;}

/*--------------------------------------------------
 gallery管理画面
 -------------------------------------------------*/	
#gallery .btn_new{ width:322px; margin:30px auto;}
#gallery #g_kanri{ border:2px solid #ddd; background:#eee; padding:10px; margin-bottom:20px;}

#gallery #g_kanri .ttl{ font-size:18px; color:#000; text-align:center; margin:20px auto; font-weight:bold;}

#gallery #g_kanri .g_container {background:#fff; padding:10px 0px 10px 15px; width:730px;}
#gallery #g_kanri .g_container li{ width:150px; padding-right:15px; margin-right:15px; height:290px;}
#gallery #g_kanri .g_container li .lead{ margin-bottom:10px;}
#gallery #g_kanri .g_container li .btn img{ margin:0 1px;}

#gallery #g_kanri .editcontainer{ background:#fff; padding:20px;}
#gallery #g_kanri .editcontainer .photo{ float:left; width:250px; padding:5px; text-align:center;}
#gallery #g_kanri .editcontainer .text{ float:left; width:400px;}
#gallery #g_kanri .editcontainer .text .lead{ line-height:140%; font-weight:bold; font-size:14px; margin-bottom:10px;}
#gallery #g_kanri .editcontainer .text .form01{ margin-bottom:30px; width:300px;}
#gallery #g_kanri .editcontainer .text .form02{ margin-bottom:15px; width:350px;}
#gallery #g_kanri  .form03{ background:#FFE3A2; border:1px solid #C94710; padding:5px; font-weight:bold; font-size:14px; color:#8A1800; width:150px; margin:0 auto;}
#gallery #g_kanri .btn_submit{ text-align:center; width:100%;}
#gallery #g_kanri .form04{ padding:5px; width:150px; background:#ddd; border:2px solid #666; color:#000; font-weight:bold; margin:20px auto;}

#gallery #g_kanri .newcontainer{ background:#fff; padding:20px;}
#gallery #g_kanri .newcontainer .text .lead{ font-weight:bold; font-size:14px; margin-bottom:10px;}
#gallery #g_kanri .newcontainer .text .form01{ margin-bottom:30px; width:300px;}
#gallery #g_kanri .newcontainer .text .form02{ margin-bottom:15px; width:450px;}
#gallery #g_kanri .newcontainer .text .form03{ background:#FFE3A2; border:1px solid #C94710; padding:5px; font-weight:bold; font-size:14px; color:#8A1800; width:130px; margin:0 auto;}
#gallery #g_kanri .btn_submit{ text-align:center;}

#gallery #g_kanri .form05{ background:#fff; border:1px solid #666; padding:5px; font-weight:bold; font-size:14px; color:#000; width:180px; margin:0 5px;}


/*--------------------------------------------------
 NEWS
 -------------------------------------------------*/
#content #news li{ clear:both; width:770px; }

#content #news li.paging{ text-align:center; margin-top:30px;}
#content #news li.paging span{ font-size:18px; font-weight:bold;}
#content #news li.paging a{  padding:5px 7px; font-size:16px; font-weight:bold; background:#F5F3EF;text-align:center; border:1px solid #E1DCD2;  margin-left:5px;}
#content #news li.paging a:hover{ background:#FFF;}
 
#content #news .date{
	font-weight:bold;
	color:#8E1852;
	font-size:14px;
	background:url(../image/bg_title_short01.jpg) ;
	width:135px;
	height:22px;
	text-align:right;
	float:left;
	padding:8px 10px 0 0;
	clear:both;
}

#content #news  dl{
	float:right;
	background:url(../image/line_tate.jpg) 0 0 repeat-y;
	padding:0 0 0 10px;
	width:600px;
}

#content #news  dt{
	background:url(../image/bg_title_long01.jpg) 0 0 no-repeat;
	width:570px;
	padding:3px 0 0 30px;
	height:20px;
	font-weight:bold;
	color:#8E1852;
	font-size:14px;
	margin-bottom:10px;
}

#content #news  dd{
	width:555px;
	padding:0 15px 0 30px;
	margin-bottom:50px;
	background:none;
}

#content #news dd p{
		line-height:150%;
	font-size:14px;
}

#content #news  dd img{
	float:left;
	margin:0 20px 0 0;
}

#content #news .btn_next{
	padding:7px;
	font-weight:bold;
	font-size:12px;
	background:#FFECD0;
	border:1px solid #FDCA6A;
	width:100px;
	text-align:center;
	margin:10px auto;
	clear:both;
}

#content #news .btn_next a{
	text-decoration:none;
}



/*--------------------------------------------------
 NEWS 写真用レイアウト変更
 -------------------------------------------------*/
#content #news  .newstext dd.photo_tate p{
	float:left;
	width:410px;
	
}

#content #news  .newstext dd.photo_yoko p{
	float:left;
	width:350px;
	
}




/*--------------------------------------------------
 NEWS フォント変更
 -------------------------------------------------*/
/*-色変更-*/

.blue{
	color:#0C73BE;
}

.red{
	color:#B71549;
}

.orange{
	color:#DD7E0B;
}

.green{
	color:#69A637;
}


.black{
	color:#000
}

.purple{
	color:#A22877;
}

/*-サイズ変更-*/

.size16{
	font-size:16px;
}

.size18{
	font-size:18px;
}

.size12{
	font-size:12px;
}


.size10{
	font-size:10px;
}


/*--------------------------------------------------
 MAP
 -------------------------------------------------*/
#map .left{
	 float:left;
 }
 
#map .title{
	background:url(../image/icn_white.jpg) 0 0 no-repeat;
	padding-left:20px;
	color:#8C1852;
	font-weight:bold;
	font-size:16px;
}

#map dl{
	margin:20px 0 0 20px;
	width:200px;
}

#map dt{
	color:#C55384;
	font-weight:bold;
	background:url(../image/bg_linedotted.jpg) 0 17px no-repeat;
	font-size:14px;
	padding-bottom:12px;
}

#map dd{
	font-size:14px;
	line-height:160%;
	margin-bottom:18px;
}


#map .gmap{
	float:right;
	width:500px;
}



/*--------------------------------------------------
 about
 -------------------------------------------------*/
 #about{
	 height:400px;
	 text-align:center;
 }
 
 
 
 
 
 /*--------------------------------------------------
 price
 -------------------------------------------------*/
#price table{
	 width:98%;
	 margin-bottom:20px;}

#price .cate{
	font-weight:bold;
	color:#8E1852;
	font-size:14px;
	background:url(../image/line_tate2.gif) 140px 10px repeat-y ;
	width:125px;
	height:22px;
	text-align:right;
	padding:8px 30px 0 0;
}

	
#price .menu{
	text-align:left;
	background:url(../image/icn_pink.jpg) 10px 10px no-repeat;
	padding:5px  0 7px 25px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #D2BF7D;
	line-height:140%;
	}
#price .menu span{
	font-size:12px;
	font-weight:normal;
	margin-left:10px;
	color:#BCA885;
}

#price .price{
	text-align:right;
	font-size:14px;
	padding:5px  0 7px  0;
	border-bottom:1px dotted #D2BF7D;	line-height:140%;
}


#price .attention{
	float:right;
	color:#A84446;
	margin-top:15px;
}


 
 /*--------------------------------------------------
 about
 -------------------------------------------------*/
 #about img.photo{
	 float:left;
	 padding:5px;
	 border:1px solid #cccccc;
	 margin-right:15px;
 }
 
 #about .lead{
	 float:right;
	 width:430px;
	 text-align:left;
 }

 #about .lead .title{
	 font-weight:bold;
	 line-height:140%;
	 font-size:16px;
	 color:#CF4752;
	 margin-bottom:15px;
 }
 
  #about .lead .text{
	margin-bottom:30px;
  }
 
 #about .lead .text p{
	 margin-bottom:7px;
	 line-height:130%;
	  font-size:14px;
 }


 #about .lead .prof{
	 background:#F4F4F2;
	 padding:15px;
	 width:400px;
	 margin-left:5px;
 }
 
 
  #about .lead .name{
	  font-weight:bold;
	  margin-bottom:10px;
	  font-size:14px;
  }
 #about .lead .prof .text{
	 margin-left:5px;
	 color:#87856B;
	 margin-bottom:0px !important;
	 line-height:140%;}

/*--------------------------------------------------
 cleafix
 -------------------------------------------------*/
.clfx:after,
#content:after,
#content #news li:after,
#content #news dl:after,
#content #news .newstext dd:after,
#map:after,
#price dl:after,
#about:after
{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clfx,
#content,
#content #news dl,	
#content #news li,
#content #news .newstext dd,
#map,
#price dl,
#about
{	zoom:1;
}