@charset "utf-8";

@import url(common.css);

body{background:url(../../product/purpose/img/body_back.gif) repeat-x left top #FFFFFF;}



/* basic layout
++++++++++++++++++++++++++++++*/
#top{display:none;}

#container{margin:0 auto;}
body#golf #container{background:url(../../product/purpose/img/golf/h1_back.jpg) no-repeat center 160px;}
body#field #container{background:url(../../product/purpose/img/field/h1_back.jpg) no-repeat center 160px;}
body#parkgolf #container{background:url(../../product/purpose/img/parkgolf/h1_back.jpg) no-repeat center 160px;}
body#schoolyard #container{background:url(../../product/purpose/img/schoolyard/h1_back.jpg) no-repeat center 160px;}
body#ground #container{background:url(../../product/purpose/img/ground/h1_back.jpg) no-repeat center 160px;}
body#garden #container{background:url(../../product/purpose/img/garden/h1_back.jpg) no-repeat center 160px;}
body#park #container{background:url(../../product/purpose/img/park/h1_back.jpg) no-repeat center 160px;}
body#gardening #container{background:url(../../product/purpose/img/gardening/h1_back.jpg) no-repeat center 160px;}
body#bank #container{background:url(../../product/purpose/img/bank/h1_back.jpg) no-repeat center 160px;}
body#orchard #container{background:url(../../product/purpose/img/orchard/h1_back.jpg) no-repeat center 160px;}

#container-inner{width:940px; margin:0 auto;}

#header{
	position:relative;
	width:940px;
	height:460px;
	overflow:hidden;
	}

#footer{
	border-top:5px solid #000000;
	background:#333333;
	text-align:center;
	}
#footer-inner{position:relative; width:940px; margin:0 auto; padding:0 0 3em 0; text-align:left;}



/* header
++++++++++++++++++++++++++++++*/
#logo-box{
	position:absolute;
	top:40px; left:0;
	width:340px; height:33px;
	}

#header-link{
	position:absolute;
	top:60px; right:0;
	width:80px; height:12px;
	}

ul#global-navi{
	position:absolute;
	top:90px; left:0;
	width:940px; height:76px;
	background:url(../../product/purpose/img/global_navi.png) no-repeat left top;
	overflow:hidden;
	}

#header ul#global-navi li a{
	position:absolute;
	top:0;
	width:94px;
	height:76px;
	text-indent:-9999px;
	text-decoration:none;
	}

ul#global-navi li#global-navi01 a{background:url(../../product/purpose/img/global_navi.png) no-repeat 0 0; left:0;}
ul#global-navi li#global-navi02 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -94px 0; left:94px;}
ul#global-navi li#global-navi03 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -188px 0; left:188px;}
ul#global-navi li#global-navi04 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -282px 0; left:282px;}
ul#global-navi li#global-navi05 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -376px 0; left:376px;}
ul#global-navi li#global-navi06 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -470px 0; left:470px;}
ul#global-navi li#global-navi07 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -564px 0; left:564px;}
ul#global-navi li#global-navi08 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -658px 0; left:658px;}
ul#global-navi li#global-navi09 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -752px 0; left:752px;}
ul#global-navi li#global-navi10 a{background:url(../../product/purpose/img/global_navi.png) no-repeat -846px 0; left:846px;}

ul#global-navi li#global-navi01 a:hover{background-position:0 -76px;}
ul#global-navi li#global-navi02 a:hover{background-position:-94px -76px;}
ul#global-navi li#global-navi03 a:hover{background-position:-188px -76px;}
ul#global-navi li#global-navi04 a:hover{background-position:-282px -76px;}
ul#global-navi li#global-navi05 a:hover{background-position:-376px -76px;}
ul#global-navi li#global-navi06 a:hover{background-position:-470px -76px;}
ul#global-navi li#global-navi07 a:hover{background-position:-564px -76px;}
ul#global-navi li#global-navi08 a:hover{background-position:-658px -76px;}
ul#global-navi li#global-navi09 a:hover{background-position:-752px -76px;}
ul#global-navi li#global-navi10 a:hover{background-position:-846px -76px;}

body#golf ul#global-navi li#global-navi01 a{background-position:0 -152px;}
body#field ul#global-navi li#global-navi02 a{background-position:-94px -152px;}
body#parkgolf ul#global-navi li#global-navi03 a{background-position:-188px -152px;}
body#schoolyard ul#global-navi li#global-navi04 a{background-position:-282px -152px;}
body#ground ul#global-navi li#global-navi05 a{background-position:-376px -152px;}
body#garden ul#global-navi li#global-navi06 a{background-position:-470px -152px;}
body#park ul#global-navi li#global-navi07 a{background-position:-564px -152px;}
body#gardening ul#global-navi li#global-navi08 a{background-position:-658px -152px;}
body#bank ul#global-navi li#global-navi09 a{background-position:-752px -152px;}
body#orchard ul#global-navi li#global-navi10 a{background-position:-846px -152px;}

#title-box{
	position:absolute;
	top:166px; left:0;
	width:940px; height:289px;
	overflow:hidden;
	}

#title-box h1{
	position:absolute;
	top:240px; left:0;
	width:940px; height:26px;
	overflow:hidden;
	}



/* contents
++++++++++++++++++++++++++++++*/
#contents{
	padding:3em 0 0 0;
	text-align:left;
	}

#contents h2{
	margin:0 0 0.2em 0;
	padding:0 0 0 17px;
	font-size:110%;
	line-height:19px;
	background:url(../../product/purpose/img/arrow_black.gif) no-repeat left center;
	}
#contents h2 a{color:#333333; text-decoration:none;}
#contents h2 a:hover{color:#0000FF; text-decoration:underline;}

#contents div.contents-inner{
	margin:0 0 3em 0;
	}

#contents div.contents-inner h3{
	margin:0 0 0.2em 0;
	font-size:100%;
	line-height:160%;
	}

#contents div.contents-inner div.purpose-product-box{
	width:306px;
	margin:0 5px 5px 0;
	border:1px solid #CCCCCC;
	background:#F9F9F9;
	}
div.purpose-product-box div.purpose-product-box-inner{
	padding:10px;
	}
div.purpose-product-box div.purpose-product-box-inner div.thumbnail{
	width:84px;
	height:84px;
	margin:0 8px 0 0;
	background:url(../../product/purpose/img/thumbnail_back.jpg) no-repeat left top;
	}
div.purpose-product-box div.purpose-product-box-inner p{
	width:190px;
	margin:0 0 1em 0;
	font-size:100%;
	line-height:160%;
	word-break:break-all;
	word-wrap:break-word;
	}
div.purpose-product-box div.purpose-product-box-inner p a{color:#222222; text-decoration:none;}
div.purpose-product-box div.purpose-product-box-inner p a:hover{color:#0000FF; text-decoration:underline;}


	






/* footer
++++++++++++++++++++++++++++++*/
#page-top-box{
	width:100%; height:24px;
	text-align:right;
	overflow:hidden;
	}

#footer-inner h2{font-size:100%; margin:0 0 1em 0;}
#footer-inner p{
	margin:0 0 1em 0;
	font-size:90%;
	line-height:160%;
	color:#FFFFFF;
	}
#footer-inner p a{color:#FFFFFF; text-decoration:none;}
#footer-inner p a:hover{color:#FFFFFF; text-decoration:underline;}