@charset "utf-8" ;

/*
============================================================
	base.css
	*This document validates as CSS level 3

	Author: Mamico Tosa
	Last modified: [ 2011/04/06 ]
	CSS構成: 前頁共通（段組み・共通アイテム）

	-----------------------------------------------------
	■基本骨格
	#header		950px
	.h_main
	#container	950px
	  #main		730px
	  #side		200px
	#footer		100%
	  #f_box	950px
======================================================== */

/***************************************
TOC:
=1 : 共通基本項目

=2 : ヘッダー
=3 : フッター
=4 : サイドエリア
***************************************/

/* -------------------------------------------------------------
	　　　　　　1: 基本共通項目
------------------------------------------------------------- */

/* -- HTML -- */
html {  }


/* -- BODY -- */
body {
	background : #ffffff ;
	border-top : solid 5px #cc0000 ;
	margin : 0 auto ;
	text-align : center ;
	color : #6c6c6c ;
}

/* 2段組み ------ */
#container {
	width : 950px ;
	margin : 0 auto ;
	text-align : left ;
	overflow : hidden ; /* float対策 */
}

	/* メイン --- */
	#main {
		width : 730px ;
		float : left ;
		overflow : hidden ;
	}

	/* サイドエリア --- */
	#side {
		width : 200px ;
		float : right ;
	}

/*													end:基本共通項目
------------------------------------------------------------- */



/* -------------------------------------------------------------
	　　　　　　2: header
------------------------------------------------------------- */
#header {
	width : 950px ;
	height : 95px ;
	overflow : hidden ; /* float対策 */
	margin : 0 auto ;
	text-align : left ; /* IE6 */
}

/* h1 */
h1 {
	margin : 15px 0 20px ;
	float : left ;
}

/* h2 */
#header h2 {
	margin : 10px 0 0 ;
	float : left ;
	font-size: 0.9em;
}

/* 左上テキストリンク */
#top_R {
	float : right ;
	margin : 11px 0 0;
}
#top_R li {
	display : inline ;
	padding-left : 10px ;
	margin-left : 5px ;
	font-size : 12px ;
	background : url(../img/arrow01.gif) left 4px no-repeat ;
}
	#top_R a {
		text-decoration : none ;
		color : #666666 ;
	}
	#top_R a:hover { color: #990000; }

/* グローバルナビ ----- */
#g_navi {
	clear : both ;
	background : url(../img/nav_list.jpg) left top no-repeat ;
}
#g_navi li {
	display : table-cell ;
	/display : inline ; /* IE7under */
	/zoom : 1 ; /* IE7under */
	padding:0 5px;
}
	#g_navi a:hover img {
		opacity : 0 ;
		filter : alpha(opacity=0) ;
	}

#g_navi li#members { padding-left:0px; }
#g_navi li#a_card { padding-right:0px; }

.g_nav_alpha img {
	filter:alpha(opacity=0);         /* IE7以下 */
	-ms-filter: "alpha(opacity=0)";  /* IE8用 */
	-moz-opacity:0;                 /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0;              /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0;                     /* Firefox 1.5以上, Opera, Safari用 */
	}



	/* 通常 */
	xxx_li#members img { visibility : hidden ; }
	xxx_li#members a {
		/display : block ;
		width : 190px ;
		height : 25px ;
	}
	/* アークベルカード */
	xxx_#arkbell_card li#members img { visibility : visible ; }
	xxx_#arkbell_card li#a_card img { visibility : hidden ; }
	xxx_#arkbell_card li#a_card a {
		/display : block ;
		width : 185px ;
		height : 25px ;
	}


/*													end:header
------------------------------------------------------------- */


/* -------------------------------------------------------------
	　　　　　　3: footer
------------------------------------------------------------- */
#footer {
	margin : 20px 0 0 ;
	background : url(../img/f_bg.jpg) left top repeat-x ;
}
#f_box {
	width : 950px ;
	margin : 0 auto ;
	text-align : left ;
	overflow : hidden ; /* float対策 */
}
	/* a */
	#f_box a {
		color : #6f6f6f ;
		text-decoration : none ;
	}
	#f_box a:hover { text-decoration : underline ; }

/* テキストリンク --- */
#f_box ul { }
#f_box li {
	display : inline ;
	padding : 0 3px 0 5px ;
	border-left : solid 1px #6f6f6f ;
}

/* address --- */
#f_box address {
	padding : 15px 0 20px ;
	float : left ;
}

/* copyright --- */
#copyright {
	margin-top : 20px ;
	float : right ;
}

/*													end:footer
------------------------------------------------------------- */


/* -------------------------------------------------------------
	　　　　　　4: サイドエリア
------------------------------------------------------------- */
/* a */
#side a:hover img {
		opacity : 0.7 ;
		filter : alpha(opacity=70) ;
}

/* メインナビゲーション ------ */
#side_navi {
	margin-bottom : 30px ;
	background : url(../img/side/menu_bg.jpg) left top no-repeat ;
}
	#side_navi a:hover img {
		opacity : 0.5 ;
		filter : alpha(opacity=50) ;
	}


/* お問い合わせ誘導 */
#side_contact {	margin-bottom : 30px ; }


/* バナーエリア */
#side_banner { margin-bottom : 20px ; }
#side_banner li { margin-bottom : 10px ; }

/* イレギュラーバナー */
p.side_other_banner { margin-bottom : 10px ; }

/* テキストナビ */
#st_navi {
	padding : 10px 10px 0px ;
	line-height : 1.2 ;
	border-bottom : solid 1px #dedede ;
}
#st_navi li {
	margin-bottom : 0.6em ;
	padding-left : 10px ;
	background : url(../img/side/arrow_01.jpg) left 5px no-repeat ;
}
	#st_navi a {
		color : #666666 ;
		text-decoration : none ;
	}
	#st_navi a:hover {
		color : #cc0000 ;
		text-decoration : underline ;
	}



/* サイドエリア（式場へのお問い合わせ） ----------- */
#side_contact { border : solid 1px #dedede ; }
#side_contact li {
	padding-bottom : 3px ;
	background : url(../img/border_01.jpg) left bottom no-repeat ;
}
#side_contact li.li_bottom { background : none ; }

	/* 式場名 */
	p.hall_name {
		margin : 5px 5px 3px ;
		padding-left : 10px ;
		color : #000000 ;
	}
	p.hall_name a {
		color : #000000 ;
		text-decoration : none ;
	}
	p.hall_name a:hover { text-decoration : underline ; }

	/* 電話・URL */
	#side_contact li span {
		font-size : 85% ;
		display : block ;
		margin : 0 15px ;
		word-break : break-all ;
		word-wrap : break-word ;
	}

	/* ボタン画像 */
	#side_contact p.A_Right { margin : 5px ; }

	/* 代表施設ボタン */
	#side_contact p.A_Center { margin : 1px 0 8px ; }

	/* 色 ---------- */
	/* ご婚礼プラン */
	#wedding p.hall_name { background : url(../img/wedding/arrow_02.jpg) 2px 7px no-repeat ; }
	#wedding #side_contact span a { color : #71b2de ; }

	/* 花嫁衣装プラン*/
	#costume p.hall_name { background : url(../img/costume/arrow_02.jpg) 1px 7px no-repeat ; }

	/* ご葬儀プラン*/
	#ceremony p.hall_name { background : url(../img/ceremony/arrow_02.jpg) 1px 7px no-repeat ; }

	/* 祝宴プラン*/
	#memorial p.hall_name { background : url(../img/memorial/arrow_02.jpg) 1px 7px no-repeat ; }


/* TOP罫線削除 */
#index #side_contact { border : none ; }

/*													end:サイドエリア
------------------------------------------------------------- */