@charset "Shift_JIS";

/*--------------------------------------------------------------------
common
css初期化
--------------------------------------------------------------------*/
html, body {
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	outline: none;
}

.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}



* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
}

/*--------------------------------------------------------------------*/



body{

background:url(../img/back.jpg);
background-repeat:repeat-y;
background-position:center;
}


/*                                        全体      */

#all {
margin-left:auto;
margin-right:auto;
width:960px;
background:#37612f;
}



/*                                        タイトル部分      */

#title li{
list-style-type:none;
padding-top:27px;
padding-right:8px;
}


#title img{
padding:27px 0px 34px 8px;
float:left;
}


#title ul{
float:right;
}

#home{
float:left;
}

#tenpo{
float:right;
float:left;

}

#syouhin{
float:right;
float:left;
}

#akusesu{
float:right;
float:left;
}


#blog{
float:right;

}


#title {
width:960px;
height:86px;
background:#000000;
}


#title #home a{
width:113px;
height:32px;
display:block;
background-image:url(../img/home.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#title #home a:hover{
background-image:url(../img/home.jpg);
background-position:left bottom;
}


#title #tenpo a{
width:113px;
height:32px;
display:block;
background-image:url(../img/tenpo.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#title #tenpo a:hover {
background-image:url(../img/tenpo.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}




#title #syouhin a{
width:113px;
height:32px;
display:block;
background-image:url(../img/syouhin.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#title #syouhin a:hover {
background-image:url(../img/syouhin.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}





#title #akusesu a{
width:113px;
height:32px;
display:block;
background-image:url(../img/akusesu.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#title #akusesu a:hover {
background-image:url(../img/akusesu.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}




#title #blog a{
width:113px;
height:32px;
display:block;
background-image:url(../img/blog.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#title #blog a:hover {
background-image:url(../img/blog.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}





/*                                        メインの画像      */

#mainphoto {
margin-top:0px;
}



/*                                        メイン部分      */

#main{
background-color:#37612f;
}



/*                                        メイン部分の左側      */

#mainleft{
float:left;
height:747px;
background:#37612f;
padding-left:5px;
padding-right:4px;
padding-top:19px;}



/*                         母の日の画像      */

#mainleft a{
width:470px;
height:310px;
display:block;
background-image:url(../img/haha.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
margin-bottom:16px;
}

#mainleft a:hover{
background-image:url(../img/haha.jpg);
background-position:left bottom
}


/*                         更新情報      */

#kousin{
width:470px;
height:270px;
background-color:#ff0000;
background:url(../img/kousin_02.jpg);
background-repeat:no-repeat;
overflow:scroll;

}


#kousin h2,h3,p{
font-family:serif,san-serif;
margin-left:20px;}

#kousin h2{
margin-top:20px;
font-size:15px;
font-weight:1500;}


#kousin h3{
margin-bottom:5px;
font-size:15px;
}


#kousin p{
font-size:14px;
margin-right:50px;
line-height:18px;
letter-spacing:1px;
}


/*                         架空サイト      */

#kakuu{
width:470px;
height:54px;
background:#549147;
color:#ffffff;
font-weight:1500;
font-size:13px;
margin-top:20px;
}


#kakuu p{
padding-left:20px;
padding-top:20px;
}


/*                                        メイン部分の右側      */

#mainright{
background:#37612f;

height:701px;
float:right;
padding:19px 6px 46px 3px;
}


/*                         6種そろえる為のクラス  */

#mainright .left{
float:left;

}




#mainright .right{
float:right;

}





/*                         6種ホバーすると画像かわる  */


#mainright li {
list-style-type:none;
margin-left:6px;
margin-bottom:6px;
}




#mainright #gardening a{
width:230px;
height:230px;
display:block;
background-image:url(../img/gadening.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#mainright #gardening a:hover{
background-image:url(../img/gadening.jpg);
background-position:left bottom;
}



#mainright #arrange a{
width:230px;
height:230px;
display:block;
background-image:url(../img/arrange.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#mainright #arrange a:hover{
background-image:url(../img/arrange.jpg);
background-position:left bottom;
}


#mainright #recruit a{
width:230px;
height:230px;
display:block;
background-image:url(../img/recruit.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#mainright #recruit a:hover{
background-image:url(../img/recruit.jpg);
background-position:left bottom;
}


#mainright #plizzard a{
width:230px;
height:230px;
display:block;
background-image:url(../img/plizzard.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#mainright #plizzard a:hover{
background-image:url(../img/plizzard.jpg);
background-position:left bottom;
}


#mainright #online a{
width:230px;
height:230px;
display:block;
background-image:url(../img/online.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#mainright #online a:hover{
background-image:url(../img/online.jpg);
background-position:left bottom;
}



#mainright #mail a{
width:230px;
height:230px;
display:block;
background-image:url(../img/mail.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-99999px;
}

#mainright #mail a:hover{
background-image:url(../img/mail.jpg);
background-position:left bottom;
}



/*                                        ふったー      */

#footer {
width:960px;
height:45px;
background:#37612f;
float:right;
}



#footer p{
float:left;
font-size:13px;
color:#ffffff;}

#footer hr{
margin-top:10px;
width:940px;
height:3px;
background:#ffffff;
}



#footer #mozi{
margin-left:600px;
margin-top:6px;
}