/* CSS Document */

/* TOPメニュー --------------------------- */
#topMenuL,#topMenuL ul { float:left; width:172px; height:357px; margin:0; padding:0; background:#C00;}
#topMenuR ul { float:right; width:157px; height:157px; margin:0 auto; padding:0; background:#444;}
#topMenuL li,#topMenuL li a,#topMenuL li li a,
#topMenuR li a { margin:0; padding:0; background:url(../parts/topmenu.gif) no-repeat 0 0;}

#topMenuL li,#topMenuL li a,
#topMenuL li li a { width:172px; display:block; text-indent:-9999px;}
/* ビジネスブログ作成 */
#topMenuL li.tmBlog { height:34px; background-position:0 0;}
#topMenuL li.blPlan a { background-position:0 -34px; height:28px;}
#topMenuL li.blTemp a { background-position:0 -62px; height:28px;}
#topMenuL li.blPlan a:hover { background-position:-200px -34px;}
#topMenuL li.blTemp a:hover { background-position:-200px -62px;}
/* ホームページ作成 */
#topMenuL li.tmHp { height:44px; background-position:0 -90px;}
#topMenuL li.hpPlan a { background-position:0 -134px; height:28px;}
#topMenuL li.hpTemp a { background-position:0 -162px; height:28px;}
#topMenuL li.hpPlan a:hover { background-position:-200px -134px;}
#topMenuL li.hpTemp a:hover { background-position:-200px -162px;}
/* その他 */
#topMenuL li.plan a { background-position:0 -197px; height:40px; margin-top:8px;}
#topMenuL li.flow a { background-position:0 -237px; height:40px;}
#topMenuL li.str a { background-position:0 -277px; height:41px;}
#topMenuL li.plan a:hover { background-position:-200px -197px;}
#topMenuL li.flow a:hover { background-position:-200px -237px;}
#topMenuL li.str a:hover { background-position:-200px -277px;}
/* 右 */
#topMenuR li a { width:157px; height:38px; display:block; text-indent:-9999px;}
#topMenuR li.qa a { background-position:0 -400px; height:39px;}
#topMenuR li.case a { background-position:0 -439px;}
#topMenuR li.mail a { background-position:0 -477px;}
#topMenuR li.inq a { background-position:0 -515px;}


/* 内部上ナビ ----- */
ul#naviInside { float:right; width:380px; margin-top:10px; height:23px;}
ul#naviInside li { float:left; margin:0; padding:0; height:23px;}
ul#naviInside li a { background:url(../parts/navi_inside.jpg) no-repeat 0 0; display:block; text-indent:-9999px;}
ul#naviInside li.navi1 a { background-position:0 0; width:98px}
ul#naviInside li.navi2 a { background-position:-98px 0; width:80px}
ul#naviInside li.navi3 a { background-position:-178px 0; width:110px}
ul#naviInside li.navi4 a { background-position:-288px 0; width:92px}
ul#naviInside li.navi1 a:hover { background-position:0 -30px; width:98px}
ul#naviInside li.navi2 a:hover { background-position:-98px -30px; width:80px}
ul#naviInside li.navi3 a:hover { background-position:-178px -30px; width:110px}
ul#naviInside li.navi4 a:hover { background-position:-288px -30px; width:92px}


/* ナビ（テキスト） ----- */
#navi { float:right; width:480px; margin:13px auto 20px auto;}
#navi a { text-decoration:none;}
#navi a:hover { text-decoration:underline;}
#navi ul,#navi li { margin:0; padding:0;}
#navi li { float:right; padding:0 8px; font-size:0.8em; line-height:120%; border-right:1px solid #CCC;}
#navi li.end { border:none; padding-right:0;}


/* メニュー内部 -------------------------------------------------------------------- */

/* 上部メニュー ----- */
#menu { clear:both; width:800px; height:35px; margin:0 auto; padding:0;
  background: url(../parts/menu_inside.gif) repeat-x 0 0;}

#menu ul { width:800px; margin:0 auto; padding:0; text-indent:-9999px;}
#menu li { list-style-type:none; text-decoration:none; margin:0; padding:0; float:left;}

#menu a { background:url(../parts/menu_inside.gif) no-repeat; width:130px; height:35px; display:block;}

#menu1 a { background-position:0 0; width:105px;}
#menu2 a { background-position:-105px 0; width:145px;}
#menu3 a { background-position:-250px 0; width:150px;}
#menu4 a { background-position:-400px 0;}
#menu5 a { background-position:-530px 0; width:140px;}
#menu6 a { background-position:-670px 0;}

#menu1 a:hover { background-position:0 -35px; width:105px;}
#menu2 a:hover { background-position:-105px -35px; width:145px;}
#menu3 a:hover { background-position:-250px -35px; width:150px;}
#menu4 a:hover { background-position:-400px -35px;}
#menu5 a:hover { background-position:-530px -35px; width:140px;}
#menu6 a:hover { background-position:-670px -35px;}


/* プラン ----- */
#menu_plan {
	float:right;
	width:408px; height: 52px;
	background:url(../parts/menu_plan.jpg) repeat-x center top;
	margin:0; padding:0;
	border-bottom:1px solid #BBB;
}

#menu_plan ul { width:400px; margin:0 auto; padding:0; text-indent:-9999px;}
#menu_plan li { list-style-type:none; text-decoration:none; margin:0; padding:0; float:left;}

#menu_plan a { background:url(../parts/menu_plan.jpg) no-repeat; color:#000; height:50px; width:200px;}

/* link */
#menu_plan1 a { background-position:0 0; display:block;}
#menu_plan2 a { background-position:-200px 0; display:block;}

/* hover */
#menu_plan1 a:hover { background-position:0 -50px;}
#menu_plan2 a:hover { background-position:-200px -50px;}


/* タブ ----- */
#tab { float:left; width:30px; height:290px; margin-top: 30px;
	background: url(../parts/tab.jpg) no-repeat;}
#tab ul li { width:30px; height:145px;}
#tab ul li a { display:block; width:30px; height:145px;	text-indent:-9999px;}
#tab ul li a.all { background:url(../parts/tab.jpg) no-repeat 0 0px;}
#tab ul li a.all:hover { background:url(../parts/tab.jpg) no-repeat -30px 0px;}
#tab ul li a.recommend { background:url(../parts/tab.jpg) no-repeat 0 -145px;}
#tab ul li a.recommend:hover { background:url(../parts/tab.jpg) no-repeat -30px -145px;}