/* ----------------------------------------------------------
  Author : web@gpi-group.co.jp [2009.6.1]
  URI    : http://www.gpi-group.co.jp/
  (c) GPI INC
---------------------------------------------------------- */

/*****resort CSS******/
body {
	color: #666 ;
	background-color:#FFFFFF;
	background-repeat: repeat;
	background-position: center center;
	background-attachment: fixed;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	padding: 0px ;
	padding-bottom: 0px ;
	margin: 0px;
	font-size: 12px ;
	font-style: normal ;
	font-weight: normal ;
	text-align: center ;
	line-height: 150%;
}

text{
	color:#8C8E8E; 
	font-size:11px;
}

a {
	color: #0000FF ;
	text-decoration: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
}

/****__レイアウト__****/
.column{
	background-color:#FFFFFF;
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: fixed;
	width:800px;
	margin: 0px;
}

.footer{
	background-image: url(/garden/images/footer.jpg); 
	height:147px;
	width:800px;
}
div.contentsbox{
    border-style: double;
    border-width: 3px;
    border-color: #a52a2a;
    padding: 10px;
    margin:10px 0;
    width:620px;
    color:#a52a2a;
    font-weight:bold;
    font-size:120%;
    line-height : 1.6em;
}

/**css3 button**/
.button{
  margin-top:10px;
  margin-bottom:10px;
  text-align: center;
}

/**button_example**/
.button_example{
border:1px solid #8bcf54; -webkit-border-radius: 24px; -moz-border-radius: 24px;border-radius: 24px;font-size:15px;font-family:arial, helvetica, sans-serif; padding: 12px 60px 12px 60px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 letter-spacing:10pt;
 background-color: #a9db80; background-image: -webkit-gradient(linear, left top, left bottom, from(#a9db80), to(#96c56f));
 background-image: -webkit-linear-gradient(top, #a9db80, #96c56f);
 background-image: -moz-linear-gradient(top, #a9db80, #96c56f);
 background-image: -ms-linear-gradient(top, #a9db80, #96c56f);
 background-image: -o-linear-gradient(top, #a9db80, #96c56f);
 background-image: linear-gradient(to bottom, #a9db80, #96c56f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9db80, endColorstr=#96c56f);
}

.button_example:hover{
 border:1px solid #74bf36;
 background-color: #8ed058; background-image: -webkit-gradient(linear, left top, left bottom, from(#8ed058), to(#7bb64b));
 background-image: -webkit-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -moz-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -ms-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -o-linear-gradient(top, #8ed058, #7bb64b);
 background-image: linear-gradient(to bottom, #8ed058, #7bb64b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ed058, endColorstr=#7bb64b);
}
/**css3 button**/

/****__width__****/
.width10{width:10px;}
.width15{width:15px;}
.width20{width:20px;}
.width30{width:30px;}
.width40{width:40px;}
.width50{width:50px;}
.width60{width:60px;}
.width70{width:70px;}
.width80{width:80px;}
.width90{width:90px;}
.width100{width:100px;}
.width110{width:110px;}
.width120{width:120px;}
.width130{width:130px;}
.width140{width:140px;}
.width150{width:150px;}
.width160{width:160px;}
.width170{width:170px;}
.width175{width:175px;}
.width180{width:180px;}
.width190{width:190px;}
.width200{width:200px;}
.width210{width:210px;}
.width220{width:220px;}
.width230{width:230px;}
.width240{width:240px;}
.width250{width:250px;}
.width260{width:260px;}
.width270{width:270px;}
.width280{width:280px;}
.width290{width:290px;}
.width300{width:300px;}
.width310{width:310px;}
.width320{width:320px;}
.width330{width:330px;}
.width340{width:340px;}
.width350{width:350px;}
.width360{width:360px;}
.width370{width:370px;}
.width380{width:380px;}
.width390{width:390px;}
.width400{width:400px;}
.width410{width:410px;}
.width420{width:420px;}
.width430{width:430px;}
.width440{width:440px;}
.width450{width:450px;}
.width460{width:460px;}
.width470{width:470px;}
.width480{width:480px;}
.width490{width:490px;}
.width500{width:500px;}
.width510{width:510px;}
.width520{width:520px;}
.width530{width:530px;}
.width540{width:540px;}
.width550{width:550px;}
.width560{width:560px;}
.width570{width:570px;}
.width580{width:580px;}
.width590{width:590px;}
.width600{width:600px;}
.width610{width:610px;}
.width620{width:620px;}
.width630{width:630px;}
.width640{width:640px;}
.width650{width:650px;}
.width660{width:660px;}
.width670{width:670px;}
.width680{width:680px;}
.width690{width:690px;}
.width700{width:700px;}
.width780{width:780px;}
.width798{width:799px;}
.width800{width:800px;}
.width900{width:900px;}
.width1000{width:1000px;}

/****__height__****/
.height50{height:50px;}
.height99{height:99px;}
.height100{height:100px;}
.height130{height:130px;}
.height230{height:230px;}
.height250{height:250px;}
.height300{height:300px;}
.height400{height:400px;}
.height550{height:550px;}
.height600{height:600px;}


/****__text__****/
.b{font-weight: bold;}
.normal{font-weight:normal;}

.text-align_left{text-align:left;}
.text-align_center{text-align:center;}
.text-align_right{text-align:right;}

.text9{font-size:9px;}
.text10{font-size:10px;}
.text11{font-size:11px;}
.text12{font-size:12px;}
.text13{font-size:13px;}
.text14{font-size:14px;}
.text15{font-size:15px;}
.text16{font-size:16px;}
.text17{font-size:17px;}

.text9em{font-size:0.9em;}
.text12em{font-size:1.2em;}
.text15em{font-size:1.5em;}
.text20em{font-size:2.0em;}

.Gray{color:#666666;}
.Blue{color:#0000FF;}
.Blue2{color:#3399CC;}
.Yellow{color:#ff9900;}
.Brown{color:#a52a2a;}
.Maroon{color:#a52a2a;}
.White{color:#FFFFFF}
.Orange{color:#FF9900;}
.Brown2{color:#633031;}
.Red{color:#FF0000;}
.Green{color:#009900;}


.line-height200{line-height: 200%;}
.line-height220{line-height: 220%;}
.line-height120{line-height: 120%;}


/****__margin__****/
.margin-top0{margin-top:0px}
.margin-top1{margin-top:1px}
.margin-top2{margin-top:2px}
.margin-top3{margin-top:3px}
.margin-top4{margin-top:4px}
.margin-top5{margin-top:5px}
.margin-top10{margin-top:10px}
.margin-top15{margin-top:15px}
.margin-top20{margin-top:20px}
.margin-top30{margin-top:30px}
.margin-top40{margin-top:40px}
.margin-top50{margin-top:50px}

.margin-right1{margin-right:1px;}
.margin-right5{margin-right:5px;}
.margin-right10{margin-right:10px;}
.margin-right15{margin-right:15px;}
.margin-right20{margin-right:20px;}
.margin-right30{margin-right:30px;}
.margin-right40{margin-right:40px;}
.margin-right50{margin-right:50px;}

.margin-bottom0{margin-bottom:0px;}
.margin-bottom1{margin-bottom:1px;}
.margin-bottom5{margin-bottom:5px;}
.margin-bottom10{margin-bottom:10px;}
.margin-bottom15{margin-bottom:15px;}
.margin-bottom20{margin-bottom:20px;}
.margin-bottom30{margin-bottom:30px;}
.margin-bottom40{margin-bottom:40px;}
.margin-bottom50{margin-bottom:50px;}

.margin-left1{margin-left:1px;}
.margin-left2{margin-left:2px;}
.margin-left3{margin-left:3px;}
.margin-left5{margin-left:5px;}
.margin-left10{margin-left:10px;}
.margin-left15{margin-left:15px;}
.margin-left20{margin-left:20px;}
.margin-left25{margin-left:25px;}
.margin-left30{margin-left:30px;}
.margin-left35{margin-left:35px;}
.margin-left40{margin-left:40px;}
.margin-left45{margin-left:45px;}
.margin-left50{margin-left:50px;}
.margin-left55{margin-left:55px;}
.margin-left60{margin-left:60px;}
.margin-left70{margin-left:70px;}
.margin-left80{margin-left:80px;}
.margin-left90{margin-left:90px;}
.margin-left100{margin-left:100px;}
.margin-left110{margin-left:110px;}

.margin001{margin:10px 10px 0px 20px;}
.margin002{margin:10px 0px 0px 10px;}
.margin003{margin:2px 0px 10px 2px;}
.margin004{margin:0px 10px 0px 10px;}
.margin005{margin:5px 10px 5px 10px;}
.margin006{margin:10px 10px 10px 10px;}

dl{
    margin:10px;
}
dl dt{
    color:#a52a2a;
    font-weight:bold;
    margin:10px;
}

/***copyright***/
.copyright{
	text-align:center;
	caption-side: center;
	clear:both;
}

/***__seo__***/
.style1 {font-size: 10px}

h1 {
	font-size: 10px;
	color: #888888;
	padding-top: 5px;
	margin:0px auto;
	text-align: center;
	line-height: 120%
}

/***__IEのみ適用__***/
#margin001ie {
	_margin-left:1.5px;
}
//img popup
    #imgHover div {
        float: left;
        margin-right: 5px;
	width:110px;
	text-align:center;
    }
    #imgHover div img {
        border: none;
    }
    #imgHover div a {
        display: block;
    }
    #imgHover div a:hover {
        position: relative;
    }
    #imgHover div a .mainImage {
        display: none;
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 5px;
	text-align:center;
    }
    #imgHover div a:hover .mainImage {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
/***title***/
.strtitle{
  margin:10px;
  font-weight: bold;
  font-size:120%;

}
/***box***/
.boxw {
    border: 3px double #006400;
    width: auto;
    height: auto;
    margin: 1em;
    padding: 1em;
    background-color:#32cd32;
    color:#FFFFFF;
}
.boxs {
    border: 2px solid #006400;
    width: auto;
    height: auto;
    margin: 1em;
    padding: 1em;
    color:#006400;
    font-weight:bold;
    font-size:120%;
    background-color:#98fb98;
}
div.service_text{
    margin:0px 10px 0px 40px;
}
div.service_button{
 margin:10px auto;
 text-align:center;
}
.button_example{
 letter-spacing: 0.5em;
border:1px solid #34740e; -webkit-border-radius: 26px; -moz-border-radius: 26px;border-radius: 26px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 30px 10px 30px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.button_example:hover{
 border:1px solid #224b09;
 background-color: #36780f; background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
 background-image: -webkit-linear-gradient(top, #36780f, #005900);
 background-image: -moz-linear-gradient(top, #36780f, #005900);
 background-image: -ms-linear-gradient(top, #36780f, #005900);
 background-image: -o-linear-gradient(top, #36780f, #005900);
 background-image: linear-gradient(to bottom, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}