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


/*-- 背景 --*/
body {
	color : #666666 ;
	background-color : #ffffff ;
}

div#outer_frame {
	width : 100% ;
	position : relative ;
	overflow : hidden ;
}


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

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

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

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


/*-- ページ構成 --*/
div#header {        /*-- ヘッダー --*/
	margin : 0 auto ;
	width : 826px ;
	height : 85px ;
	background-image : url(../img/background_header_bottom.gif) ;
	background-position : center bottom ;
	background-repeat : no-repeat ;
}

div#contents {      /*-- カラムなし --*/
	margin : 0 auto ;
	width : 826px ;
}

div#left_column {   /*-- 左カラム --*/
	margin-bottom : -32768px ;
	padding-bottom : 32768px ;
	width : 8% ;
	background-image : url(../img/background_left.gif) ;
	background-position : right top ;
	background-repeat : repeat-y ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
}

div#right_column {  /*-- 右カラム --*/
	margin-bottom : -32768px ;
	padding-bottom : 32768px ;
	width : 8% ;
	background-image : url(../img/background_right.gif) ;
	background-position : left top ;
	background-repeat : repeat-y ;
	position : absolute ;
	top : 0 ;
	right : 0 ;
}

div#footer {        /*-- フッター --*/
	margin : 0 auto ;
	width : 826px ;
	background-color : #ffffff ;
}

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

div.container {     /*-- 横幅指定 --*/
	margin : 0 8% -32768px 8% ;
	padding-bottom : 32768px ;
}


/*-- 特別設定 --*/
div.line_top {
	width : 100% ;
	height : 20px ;
	background-image : url(../img/background_top_bottom.gif) ;
}

div.line_bottom {
	margin : 0 ;
	padding : 0 ;
	width : 100% ;
	height : 20px ;
	background-image : url(../img/background_top_bottom.gif) ;
	clear : both ;
}

div#menu {
	height : 80px ;
}

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

div#menu ul li a.menu {
	width : 165px ;
	height : 80px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_menu.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul li a.design {
	width : 165px ;
	height : 80px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_design.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul li a.deco {
	width : 165px ;
	height : 80px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_deco.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul li a.coupon {
	width : 165px ;
	height : 80px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_coupon.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul li a.mail {
	width : 165px ;
	height : 80px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_mail.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

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


/*-- ヘッダー専用設定 --*/
div#header h1 {
	width : 730px ;
	height : 20px ;
	text-align : right ;
	float : right ;
}

div#header h1 a {
	font-size : 12px ;
	line-height : 20px ;
	color : #666666 ;
	text-decoration : none ;
}

div#header div.title {
	width : 88px ;
	height : 81px ;
	float : left ;
}

div#header div.title a {
	width : 88px ;
	height : 81px ;
	text-indent : -9999px ;
	background-image : url(../img/title.gif) ;
	background-position : center center ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul {
	margin-top : 41px ;
	width : 536px ;
	height : 20px ;
	float : right ;
}

div#header ul li {
	height : 17px ;
	list-style : none ;
	float : left ;
}

div#header ul li a.blog {
	width : 150px ;
	height : 17px ;
	text-indent : -9999px ;
	font-size : 12px ;
	line-height : 12px ;
	background-image : url(../img/button_blog.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul li a.tenjin {
	width : 111px ;
	height : 17px ;
	text-indent : -9999px ;
	font-size : 12px ;
	line-height : 12px ;
	background-image : url(../img/button_access_tenjin.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul li a.nagasaki {
	width : 111px ;
	height : 17px ;
	text-indent : -9999px ;
	font-size : 12px ;
	line-height : 12px ;
	background-image : url(../img/button_access_nagasaki.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul li a.kagoshima {
	width : 111px ;
	height : 17px ;
	text-indent : -9999px ;
	font-size : 12px ;
	line-height : 12px ;
	background-image : url(../img/button_access_kagoshima.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul li a.home {
	margin-top : 4px ;
	width : 52px ;
	height : 13px ;
	text-indent : -9999px ;
	font-size : 12px ;
	line-height : 12px ;
	background-image : url(../img/button_home.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul li a:hover {
	background-position : 0 -20px ;
}


/*-- コンテンツ専用設定 --*/
div#contents h2 {
	margin-top : 20px ;
	width : 826px ;
	height : 21px ;
	text-indent : 40px ;
	color : #7dccf6 ;
	font-size : 14px ;
	line-height : 20px ;
	background-image : url(../img/h2_empty.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	clear : both ;
}


/*-- フッター専用設定 --*/
div#footer p.copyright {
	margin : 0 ;
	font-size : 12px ;
	line-height : 20px ;
	font-family : Arial ;
	text-align : right ;
}