@charset "utf-8";
/*-- レイアウト設定用スタイルシート（全ページ共通）   --*/
/*-- Copyright (C) 2009-2010, HANIWA, All Rights Reserved. --*/
@import url(./base.css);


/*-- 文字・背景色 --*/
body {
	background-color : #f3eeec ;
	color : #404040 ;
}


/*-- アンカー --*/
a:link {
	color : #0000ff ;
	text-decoration : underline ;
}

a:visited {
	color : #800080 ;
	text-decoration : underline ;
}

a:active {
	color : #ff0000 ;
	text-decoration : underline ;
}

a:hover {
	color : #008000 ;
	text-decoration : underline ;
}


/*-- ページ構成 --*/
div#container {     /*-- 横幅・縦幅指定 --*/
	margin : 0 auto ;
	width : 1000px ;
}

div#left_column {   /*-- 左カラム --*/
	width : 790px ;
	float : left ;
	background : url(../img/left_column.gif) left top repeat-y ;
}

div#right_column {  /*-- 右カラム --*/
	padding : 15px 0 ;
	width : 200px ;
	float : right ;
}

div#header {        /*-- ヘッダー --*/
	margin : 0 auto ;
	width : 780px ;
}

div#menu {          /*-- メニュー --*/
	padding-left : 5px ;
	width : 785px ;
}

div#contents {      /*-- コンテンツ --*/
	padding : 15px 20px ;
	width : 750px ;
}

div#footer {        /*-- フッター --*/
	margin : 0 auto ;
	padding : 15px ;
	width : 750px ;
	background-color : #4b352c ;
	color : #ffffff ;
}

div#analytics {     /*-- アクセス解析 --*/
	clear : both ;
	display : none ;
}


/*-- ヘッダー設定 --*/
div#header h1 {
	padding : 0 15px ;
	width : 750px ;
	height : 20px ;
	font-size : 12px ;
	line-height : 20px ;
	font-weight : normal ;
	color : #665033 ;
	text-align : right ;
}

div#header p.logo {
	margin-top : -20px ;
	width : 360px ;
	height : 68px ;
}

div#header p.logo a {
	width : 360px ;
	height : 68px ;
	text-indent : -9999px ;
	background : url(../img/header_logo.gif) left top no-repeat ;
	display : block ;
}

div#header ul.menu {
	margin : -34px 0 0 445px ;
	width : 320px ;
	height : 34px ;
	background : url(../img/header_menu.gif) left top no-repeat ;
}

div#header ul.menu li {
	padding : 0 0 0 20px ;
	width : 80px ;
	height : 24px ;
	font-size : 12px ;
	line-height : 24px ;
	text-align : center ;
	list-style : none ;
	float : left ;
}

div#header ul.menu li a {
	color : #ffffff ;
	text-decoration : none ;
}

div#header ul.menu li a:hover {
	color : #ffcc00 ;
}


/*-- メニュー設定 --*/
div#menu ul {
	width : 785px ;
	height : 40px ;
	background : url(../img/menu_ul.gif) left top no-repeat ;
}

div#menu ul li {
	list-style : none ;
	float : left ;
}

div#menu ul li a.design {
	width : 260px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_ul.gif) ;
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul li a.design:hover {
	background-position : 0 -40px ;
}

div#menu ul li a.management {
	width : 260px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_ul.gif) ;
	background-position : -260px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul li a.management:hover {
	background-position : -260px -40px ;
}

div#menu ul li a.marketing {
	width : 260px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_ul.gif) ;
	background-position : -520px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul li a.marketing:hover {
	background-position : -520px -40px ;
}


/*-- コンテンツ設定 --*/
div#contents div#bottom_navi {
	margin-right : -15px ;
	width : 765px ;
	padding-bottom : 30px ;
}

div#contents div#bottom_navi div.bottom_navi {
	padding : 0 15px ;
	width : 220px ;
	height : 300px ;
	float : left ;
}

div#contents div#bottom_navi div.border {
	background : url(../img/contents_bottom_navi_border.gif) right top repeat-y ;
}

div#contents div#bottom_navi div.design h2 {
	width : 220px ;
	height : 50px ;
	text-indent : -9999px ;
	background : url(../img/contents_bottom_navi_design_h2.gif) left top no-repeat ;
	display : block ;
}

div#contents div#bottom_navi div.marketing h2 {
	width : 220px ;
	height : 50px ;
	text-indent : -9999px ;
	background : url(../img/contents_bottom_navi_marketing_h2.gif) left top no-repeat ;
	display : block ;
}

div#contents div#bottom_navi div.management h2 {
	width : 220px ;
	height : 50px ;
	text-indent : -9999px ;
	background : url(../img/contents_bottom_navi_management_h2.gif) left top no-repeat ;
	display : block ;
}

div#contents div#bottom_navi div.bottom_navi p {
	height : 72px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#contents div#bottom_navi div.bottom_navi ul {
	padding : 10px 0 0 0 ;
	font-size : 12px ;
	line-height : 18px ;
}

div#contents div#bottom_navi div.bottom_navi ul li {
	list-style : none ;
}


/*-- フッター設定 --*/
div#footer p {
	font-size : 12px ;
	line-height : 18px ;
	color : #fff8e0 ;
}

div#footer p.copyright {
	text-align : center ;
}

div#footer dl {
	padding : 5px 0 15px 30px ;
	font-size : 12px ;
	line-height : 18px ;
	color : #fff8e0 ;
}

div#footer dl dt {
	width : 100px ;
	float : left ;
}

div#footer dl dd {
	margin-left : 100px ;
}


/*-- 右カラム設定 --*/
div#right_column div.menu {
	margin-bottom : 10px ;
	padding-bottom : 5px ;
	background : url(../img/right_column_div.gif) left bottom no-repeat ;
}

div#right_column div.menu ul {
	padding : 5px 0 ;
	border-right : solid 1px #4b352c ;
	border-bottom : solid 1px #4b352c ;
	border-left : solid 1px #4b352c ;
}

div#right_column div.menu ul li {
	list-style : none ;
}

div#right_column div.menu ul li a {
	padding-left : 10px ;
	width : 188px ;
	height : 26px ;
	font-size : 12px ;
	line-height : 26px ;
	color : #665033 ;
	text-decoration : none ;
	display : block ;
}

div#right_column div.menu ul li a:hover {
	background-color : #fff8f0 ;
}

div#right_column div.design h2 {
	width : 200px ;
	height : 24px ;
	text-indent : -9999px ;
	background : url(../img/right_menu_design_h2.gif) left top no-repeat ;
}

div#right_column div.management h2 {
	width : 200px ;
	height : 24px ;
	text-indent : -9999px ;
	background : url(../img/right_menu_management_h2.gif) left top no-repeat ;
}

div#right_column div.marketing h2 {
	width : 200px ;
	height : 24px ;
	text-indent : -9999px ;
	background : url(../img/right_menu_marketing_h2.gif) left top no-repeat ;
}

div#right_column div.haniwa h2 {
	width : 200px ;
	height : 24px ;
	text-indent : -9999px ;
	background : url(../img/right_menu_haniwa_h2.gif) left top no-repeat ;
}

div#right_column div.news {
	margin-bottom : 10px ;
	padding-bottom : 5px ;
	background : url(../img/right_column_div.gif) left bottom no-repeat ;
}

div#right_column div.news h2 {
	width : 200px ;
	height : 24px ;
	text-indent : -9999px ;
	background : url(../img/right_menu_news_h2.gif) left top no-repeat ;
}

div#right_column div.news ul.news {
	padding : 5px 0 ;
	border-right : solid 1px #4b352c ;
	border-bottom : solid 1px #4b352c ;
	border-left : solid 1px #4b352c ;
}

div#right_column div.news ul.news li {
	list-style : none ;
}

div#right_column div.news ul.news li a {
	padding : 3px 10px ;
	width : 178px ;
	font-size : 12px ;
	line-height : 18px ;
	color : #665033 ;
	text-decoration : none ;
	display : block ;
}

div#right_column div.news ul.news li a:hover {
	background-color : #fff8f0 ;
}