@charset "Shift_JIS";

/* Default style clear------------------------------------------- */
@import "reset.css";
/* -------------------------------------------Default style clear */


/* 2カラムデザイン */


/* 全体指定------------------------------------------------------ */


body{
font-family:"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
background-image:url(../images/bk.gif);
background-position:center top;
background-repeat:repeat-y;
}


#container{
	width:935px;
	margin:0px auto 0;
}


a:link{text-decoration:none;color:#2264C5 ;}
a:visited{text-decoration:none;color:#2264C5 ;}
a:hover{text-decoration:underline;color:#D40D0D ;}
a:active{text-decoration:none;color:#2264C5 ;}



/* ------------------------------------------------------全体指定 */


/* ヘッダー------------------------------------------------------ */

#header{
	height:95px;
	background:#ffffff url(../images/bk_header.gif) no-repeat right top;
	text-align:right;
}

#header ul,
#header ul li{
	float:right;
}

/*ボタンの背景指定*/
#header h1{
	width:935px;
	height:30px;
	background: url(../images/bot_www01.gif) no-repeat;
}

/*ボタンの大きさ指定（block）*/
#header h1 a{
	display:block;
	width:935px;
	height:30px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header h1 a:active,
#header h1 a:focus,
#header h1 a:hover{
	background: url(../images/bot_www01.gif) no-repeat 0px -30px;
}

/* -------------------------------------------------------ヘッダー*/
/* グローバルナビ------------------------------------------------ */

#grovalnavi{
	width:935px;
	height:30px;
	background:#ffcc00;
}

#grovalnavi ul,
#grovalnavi ul li{
	float:left;
}


/*ボタンの背景指定*/
#grovalnavi ul{
	width:935px;
	height:30px;
	background: url(../images/bot.gif) no-repeat;
}

/*ボタンの大きさ指定（block）*/
#grovalnavi ul li a{
	display:block;
	width:85px;
	height:30px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

/*grovalmenuのロールオーバー*/

#grovalnavi ul li.navi_index a:active,
#grovalnavi ul li.navi_index a:focus,
#grovalnavi ul li.navi_index a:hover,
#grovalnavi ul li.navi_index a.active{
	background: url(../images/bot.gif) no-repeat 0px -30px;
}

#grovalnavi ul li.navi_plan a:active,
#grovalnavi ul li.navi_plan a:focus,
#grovalnavi ul li.navi_plan a:hover,
#grovalnavi ul li.navi_plan a.active{
	background: url(../images/bot.gif) no-repeat -85px -30px;
}

#grovalnavi ul li.navi_looks a:active,
#grovalnavi ul li.navi_looks a:focus,
#grovalnavi ul li.navi_looks a:hover,
#grovalnavi ul li.navi_looks a.active{
	background: url(../images/bot.gif) no-repeat -170px -30px;
}

#grovalnavi ul li.navi_const a:active,
#grovalnavi ul li.navi_const a:focus,
#grovalnavi ul li.navi_const a:hover,
#grovalnavi ul li.navi_const a.active{
	background: url(../images/bot.gif) no-repeat -255px -30px;
}

#grovalnavi ul li.navi_woodland a:active,
#grovalnavi ul li.navi_woodland a:focus,
#grovalnavi ul li.navi_woodland a:hover,
#grovalnavi ul li.navi_woodland a.active{
	background: url(../images/bot.gif) no-repeat -340px -30px;
}

#grovalnavi ul li.navi_kouhou a:active,
#grovalnavi ul li.navi_kouhou a:focus,
#grovalnavi ul li.navi_kouhou a:hover,
#grovalnavi ul li.navi_kouhou a.active{
	background: url(../images/bot.gif) no-repeat -425px -30px;
}

#grovalnavi ul li.navi_kenpaku a:active,
#grovalnavi ul li.navi_kenpaku a:focus,
#grovalnavi ul li.navi_kenpaku a:hover,
#grovalnavi ul li.navi_kenpaku a.active{
	background: url(../images/bot.gif) no-repeat -510px -30px;
}

#grovalnavi ul li.navi_money a:active,
#grovalnavi ul li.navi_money a:focus,
#grovalnavi ul li.navi_money a:hover,
#grovalnavi ul li.navi_money a.active{
	background: url(../images/bot.gif) no-repeat -595px -30px;
}

#grovalnavi ul li.navi_kitchen a:active,
#grovalnavi ul li.navi_kitchen a:focus,
#grovalnavi ul li.navi_kitchen a:hover,
#grovalnavi ul li.navi_kitchen a.active{
	background: url(../images/bot.gif) no-repeat -680px -30px;
}

#grovalnavi ul li.navi_bath a:active,
#grovalnavi ul li.navi_bath a:focus,
#grovalnavi ul li.navi_bath a:hover,
#grovalnavi ul li.navi_bath a.active{
	background: url(../images/bot.gif) no-repeat -765px -30px;
}

#grovalnavi ul li.navi_advice a:active,
#grovalnavi ul li.navi_advice a:focus,
#grovalnavi ul li.navi_advice a:hover,
#grovalnavi ul li.navi_advice a.active{
	background: url(../images/bot.gif) no-repeat -850px -30px;
}







/* -------------------------------------------------グローバルナビ*/

/* ぱんくずリスト------------------------------------------------ */

#path{
	height:25px;
	font-size:80%;
	margin-bottom:10px;
	text-align:left;
	line-height:25px;
	padding-left:10px;
}


ol#topicpath li{
	display:inline;	
	line-height:25px;
}


ol#topicpath li a{
	padding-right: 15px;
	background: url(../images/path_or.gif) no-repeat right center;
}




/* -------------------------------------------------ぱんくずリスト*/



/* mainとcontentsのfloat----------------------------------------- */

#contents{
	width:935px;
	float:left;
	margin-bottom:10px;
	}

/* -----------------------------------------mainとcontentsのfloat*/


/* メインコンテンツ--------------------------------------------- */

#main{
	float:left;
	width:770px;

	text-align:left;
	}

/* ----------------------------------------------メインコンテンツ*/


/* 左レイアウト------------------------------------------------- */

#sub{
	float:right;
	height:800px;
	width:160px;
	background:#ffffff;
	text-align:left;
/*	border:1px solid #517020;*/
}

/* --------------------------------------------------左レイアウト*/
















/* sub内のボタン設定------------------------------------------------- */

/*ボタンの大きさ指定（block）*/

#sub ul{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	border-top:1px solid #cccccc;
}

#sub li{
	margin:0;
	padding:0;
	font-size:80%;
	border-bottom:1px solid #cccccc;
	background:#4A922E url(../images/list_marker_white.gif) left center no-repeat;
}
#sub ul li a{
	background:#ffffff url(../images/list_marker_red.gif) left center no-repeat;
	padding:7px 0 7px 10px;
	display:block;
	width:153px !important;
	width /**/:140px;
	color:#000000;
	text-decoration:none;
}

#sub a:hover{
	color:#ffffff;
	background-image:none;
	background-color:transparent;
}





/* --------------------------------------------------sub内のボタン設定*/



/* 最下部------------------------------------------------------- */

#footer{
	clear:both;
	padding:5px 0 0 0;
	text-align:center;
	height:85px;
	background-image: url("../images/bk-under.gif");
	color:#666666;
}

#extra_menu00 li{
	display:inline;
	font-size:80%;
}

#extra_menu00 li a:hover{text-decoration:none;
	color:#0066ff ;
	position: relative;
	top: 2pt;
	}



#extra_menu00{
	margin:5px 0px 10px 0px;
}

#extra_menu li{
	display:inline;
	font-size:80%;
}

#extra_menu li a:hover{text-decoration:none;
	color:#0066ff ;
	position: relative;
	top: 2pt;
	}



#extra_menu{
	margin:5px 0px 10px 0px;
}


span.copy{
	font-size:11px;
}




/* --------------------------------------------------------最下部*/