@charset "utf-8";


/* -------------------------------------------------------------------------------
	
	TOP PAGE
	
------------------------------------------------------------------------------- */

.jump {
	position: absolute;
	right: 5px;
	bottom: 0px;
	}
/*.left {float: left;}
.right {float: right;}*/
em { font-style: normal; }
span.atn {
	color: #d5131c;
	clear: both;
	}

/*-- main --*/


body#rosegarden2 div#main{
	float: right;
	width: 680px;
	text-align: left;
	margin:0;
	}

body#rosegarden2 #main .contents{
	width: 650px;
	margin: 0 0 0 15px;
	}


p.breadlist {
	z-index: 300;
	position: absolute;
	top:40px;
	left: 30px;
	}

h2.tit {
	margin: 45px 0 15px 10px;
	width: 670px;
	height: 0px;
	overflow: hidden;
	display: block;
	padding-top: 55px;
	background-image: url(../images/gardencolumn/tit_main.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	}



/*--side menu --*/

/*-- gardencolumn --*/
#sidenavi div.menu {
	position: relative;
	font-size: 100%;
	margin: 0;
	padding: 50px 0 20px 12px ;
	width: 193px;
	color: #000000;
	text-align: left;
	clear: both;
	}
.menu h2 {
	margin: 0 0 5px 0;
	width: 170px;
	height: 0px;
	overflow: hidden;
	display: block;
	padding-top: 45px;
	background-image: url(../images/common/tit_sidemenu.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	}
.menu ul.list {
	width: 170px;
	padding: 0;
	margin: 0 0 0 0;
	clear: both;
	}
.menu ul.list li {
	list-style: none;
	margin: 0;
	padding: 5px 0 10px 10px;
	background-image: url(../images/common/side_dotline.gif);
	background-position:  0 bottom;
	background-repeat: no-repeat;	
	}
.menu ul.list li.no {
	list-style: none;
	margin: 0;
	padding: 0px 0 5px 10px;
	background-image: url(../images/common/side_dotline.gif);
	background-position:  0 bottom;
	background-repeat: no-repeat;	
	}
.menu a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 20px;
	background-image: url(../../images/common/link_star.gif); 
	background-position:  0 3px;
	background-repeat: no-repeat;
	}
.menu span.sel {
	color: #6a7e13; 
	text-decoration: none;
	display: block;
	padding: 0 0 0 20px;
	background-image: url(../../images/common/link_star_sel.gif); 
	background-position:  0 3px;
	background-repeat: no-repeat;	
	}
.menu span.arrow_sel {
	color: #6a7e13; 
	text-decoration: none;
	display: block;
	padding: 0 0 0 20px;
	background-image: url(../../images/common/link_arrow_sel.gif);
	background-position:  0 3px;
	background-repeat: no-repeat;	
	}
.menu span.no {

	text-decoration: none;
	line-height: 20px;
	display: block;
	padding: 0 0 0 20px;
	margin:0;

	}
.menu span.no_sel {
	color: #6a7e13; 
	text-decoration: none;
	line-height: 20px;
	display: block;
	padding: 0 0 0 20px;
	margin:0;

	}
.menu span.arrow a {
	background-image: url(../../images/common/link_arrow.gif); 
	background-position:  0 3px;
	background-repeat: no-repeat;
	}
.menu span.no a {
	padding: 0;
	background-image:none;
	}


/****************************************

	column

****************************************/

#rosegarden2 div.g_column div.tit {
	width: 650px;
	display: block;
	background-image: url(../images/common/tit_ul650.gif);
	background-position: 0 bottom ;
	background-repeat: no-repeat;
	}
#rosegarden2 div.g_column div.tit h3 {
	padding: 5px 0 10px 25px;
	display: block;
	background-image: url(../images/common/tit_star.gif);
	background-position: 5px 6px;
	background-repeat: no-repeat;
	line-height: 110%;
	}


#monthly{
	background-image: url(../images/gardencolumn/rgardencolum_bg_monthly1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-bottom: 30px;
}

#monthly p{
	margin: 0;
	padding: 0;
}

#monthly #monthly2{
	background-image: url(../images/gardencolumn/rgardencolum_bg_monthly2.gif);
	background-position:  left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin: 0;
}

#monthly div#monthly2 div.monthly_box{
	background-color: #e4d0b1;
	padding: 10px 10px;
	margin: 0;
	line-height: 130%;
}


#monthly div#monthly2 div.monthly_box div.img_left{
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
}

#monthly div#monthly2 div.monthly_box div.garden{
	width: 475px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}

#monthly div#monthly2 div.monthly_box div.garden p.text{
	padding-bottom: 10px;
}

#monthly div#monthly2 div.monthly_box h4{
	font-size: 110%;
	margin-bottom: 5px;
	color: #bc433f;
}

#monthly div#monthly2 div.monthly_box div.garden_old {
	width: 615px;
	margin: 0;
	padding: 0;
}

#monthly div#monthly2 div.monthly_box div.garden_old div.img,
#monthly div#monthly2 div.monthly_box div.garden div.img{
	float: left;
	width: 110px;
	margin: 0 8px 0 0;
	padding: 0;
}

#monthly div#monthly2 div.monthly_box div.garden_old div.img2,
#monthly div#monthly2 div.monthly_box div.garden div.img2{
	float: left;
	width: 110px;
	margin: 0;
	padding: 0;
}

#monthly div#monthly2 div.monthly_box div.garden07 p{
	margin-bottom: 5px;
}

#monthly div#monthly2 div.monthly_box div.garden07 .img{
	width: 120px;
	float: left;
	margin-right: 5px;
}


/******************************

	Column Pattern

********************************/

div.g_column{

	width:650px;
	padding:10px 0 10px 5px;
}


/*Freespece Column*/
div.freespece{
	background-image: url(../images/gardencolumn/culumf_bg3.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:630px;
	padding: 10px 0 0 0;
	margin: 0;
}

div.freespece2{
	background-image: url(../images/gardencolumn/culumf_bg2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	margin: 0;
}

div.freespece3{
	background-image: url(../images/gardencolumn/culumf_bg.gif);
	background-repeat: y-repeat;
	background-position: top left;
	padding: 0 10px;
	margin: 0;
}

div.freespece3 h5{
	color: #bc433f;
	font-size: 110%;
	margin: 0 0 0px 0;
	padding: 0 0 10px 0;
}

div.photobox{
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
	padding: 0;
}

div.photobox2{
	float: left;
	width: 200px;
	margin: 0 10px 0 0;
	padding: 0;
}

div.photobox3{
	float: left;
	width: 140px;
	margin: 0 10px 0 0;
	padding: 0;
}


div.freespecebox{
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
}

div.freespecebox2{
	margin: 0;
	padding: 0;
}


/*Column Pattern1　左photo*/

div.g_column div.pattern1{
	margin-left: 10px;
	margin-bottom:5px;
	padding-bottom: 0;
}

div.g_column div.pattern1 div.img{
	float: left;
	width: 250px;
	margin-right: 20px;
	font-size: 85%;
}

div.g_column div.pattern1 div.img_w{
	float: left;
	margin-right: 20px;
	font-size: 85%;
}

div.g_column div.pattern1 div.img_290{
	float: left;
	width: 290px;
	margin-right: 20px;
	font-size: 85%;
}

div.g_column div.pattern1 div.img_295{
	float: left;
	width: 295px;
	margin-right: 10px;
	font-size: 85%;
	margin-bottom: 0;
}

div.g_column div.pattern1 .left img{
	float: left;
	margin-right: 20px;
}



/*Column Pattern2　右photo*/

div.g_column div.pattern2{
	margin-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.g_column div.pattern2 div.img{
	float: right;
	width: 250px;
	margin-left: 20px;
	font-size: 85%;
}

div.g_column div.pattern2 div.left{
	float: right;	
	width: 180px;
	font-size: 85%;
}



/*Column Pattern3　中央photo*/


div.g_column div.pattern3 div.img{
	margin: 0 auto;
	width: 460px;
}
div.g_column div.pattern3 div.img p{
	text-align: left;
}

div.g_column div.pattern3 div.img2,
div.g_column div.pattern3 div.img{
	font-size: 85%;
}

div.g_column div.pattern3 div.img2{
	width: 295px;
	margin: 0 auto;
	text-align: center;
}




/*Column Pattern4　集合photo*/

div.g_column div.pattern4{
	margin-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.g_column div.pattern4 p{
	margin-bottom: 0px;
}

div.g_column div.pattern4 div.img{
	width: 460px;
	float: left;
	margin-right: 10px;
	font-size: 85%;
}

div.g_column div.pattern4 div.img2{
	font-size: 85%;
}


div.g_column div.pattern4 div.img_left{
	width: 190px;
	float: left;
	margin-right: 15px;
	font-size: 85%;
}

div.g_column div.pattern4 div.img_left2{
	width: 190px;
	float: left;
	font-size: 85%;
}

div.g_column div.pattern4 div.img_right{
	float: right;
	margin-right: 10px;
	font-size: 85%;
}
	
div.g_column div.pattern4 div.box{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.g_column div.pattern4 .img_left_295{
	float: left;
	margin-right: 10px;
}

div.g_column div.pattern4 .img_295{
	margin-bottom: 10px;
}


p.caption{
	font-size: 85%;
	line-height: 120%;
	margin-top: 3px;
}

/*Column Pattern5　下3枚photo*/
div.g_column div.pattern5{
	margin-bottom: 0px;
	padding-bottom: 0;
}

div.g_column div.pattern5 div.img{
	float: left;
	width: 180px;
	margin-right: 25px;
}

div.g_column div.pattern5 div.img p{
	font-size: 85%;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.g_column div.pattern5 div.img2{
	float: left;
	width: 390px;
	margin-right: 30px;
}


div.g_column div.pattern5 dt{
	font-weight: 600;
	font-size: 110%;
	color: #bc433f;
}
div.g_column div.pattern5 dl{
	margin-top: 0;
	padding-top: 0;
}

/*Column Pattern6　下3枚photo*/

div.g_column div.pattern6{
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 0;
}

div.g_column div.pattern6 div.img{
	float: left;
	width: 205px;
	font-size: 85%;
}

div.g_column div.pattern6 p{
	clear: both;
	font-size: 90%;
	margin: 0;
	padding: 0;
	}


/*Column Pattern7　下2枚photo*/

div.g_column div.pattern7{
	margin-bottom: 10px;
	padding-bottom: 0;
	margin-left: 10px;
}

div.g_column div.pattern7 div.img{
	float: left;
	width: 295px;
	font-size: 85%;
	margin-right: 10px;
}

div#contact {
	margin: 0 auto;
	width:584px;
}
div.g_column div.pattern7 div.img320{
	font-size: 85%;
	margin-right: 10px;
}


/*recomend　下2枚photo*/

div.recomend{
	border: 2px solid #c7c0ab;
	padding: 10px;
}

div.recomend img{
	float: left;
	width: 200px;
	margin-right: 20px;
}

/*Column Pattern8　下1枚photo*/

div.g_column div.pattern8{
	margin-bottom: 10px;
	padding-bottom: 0;
	margin-left: 10px;
}

div.g_column div.pattern8 div.img{
	float: left;
	width: 600px;
	font-size: 85%;
	margin-right: 10px;
}

div.g_column div.pattern8 div.img p{
	margin-top: 5px;
}


/*Column Pattern9*/

div.g_column div.pattern9{
	margin-bottom: 10px;
	padding-bottom: 0;
	margin-left: 10px;
}

div.g_column div.pattern9 div.img{
	float: left;
	width: 300px;
}

div.g_column div.pattern9 div.img320{
	width: 320px;
	float: left;
}

/*Column Pattern10
photo大1　photo小1*/

div.g_column div.pattern10{
	margin-bottom: 10px;
	padding-bottom: 0;
	position:relative; 
	height: 320px;
	position:relative; 
}

div.g_column div.pattern10 div.img{
	margin: 0px auto;
	width: 400px;
	float: left;
	font-size: 85%;
}

div.g_column div.pattern10 div.imgs{
	margin: 0px auto;
	width: 230px;
	float: right;
	vertical-align: bottom;
	font-size: 85%;
	position:absolute; 
	bottom:0; 
	right: 0;
}





/******************************

	Column Pattern event

********************************/

div.event p{
	margin-left: 10px;
}

div.event div.ditile{
	margin-left: 10px;
	clear: both;

}

div.event div.ditile table{
}

div.event div.ditile caption{
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 110%;
}

div.event div.ditile th{
	width: 5em;
	margin: 0;
	vertical-align:top;
	background-color: #e2dfcb;
	padding: 5px;
	border-bottom: 1px solid #fff6e2;
}

div.event div.ditile td{
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #fff6e2;
	background-color: #ffffff;
}

/*1107column*/
div.yoseue{
	border: 1px solid #313b05;
	padding: 10px;
	
}

div.summer11event{
	width: 610px!important;
}

div.yoseue h4{
	font-size: 107%;
	margin-bottom: 1em;
}

div.yoseue div.textbox{
	width: 400px!important;
}

/*1111column apple report*/
div#apple_report{
	border: 1px solid #352827;
	padding: 20px;
}

div#apple_report h4{
	margin-bottom: 1em;
}

div#apple_report .ph{
	width: 290px;
	float: left;
}

div#apple_report div.txt{
	float: right;
	width: 290px;
	margin: 0;
}

div#apple_report div.txt p{
	margin-bottom: 20px;
}