@charset "utf-8";

/*
----------------------------------------------------------------------------------------------------

	■ 基本情報
		- 著作権	:	Copyright(c) 2009 アプロコム株式会社 All Rights Reserved.
		- 作成者	:	アプロコム株式会社　田中大士
		- 作成日	:	2009/05/22
		- 更新日	:	2009/05/25

	■ ファイル情報
		- 名称
			∟ サイト用CSS

		- 概要
			∟ 各サイト内で共通化されるスタイル設定

	■ ソース内容
		- ドキュメント
		- 各要素の設定

	■ 対応ブラウザ
		- Microsoft Internet Explorer
			∟ 6 +		:	○	2009/05/25

		- Mozilla Firefox
			∟ 2.0 +	:	○	2009/05/25

		- Opera
			∟ 9.0 +	:	○	2009/05/25

		- Apple Safari
			∟ 3.0 +	:	○	2009/05/25

		- Google Chrome
			∟ beta		:	○	2009/05/25

	■ 更新履歴

----------------------------------------------------------------------------------------------------
*/


/*
 ドキュメント
---------------------------------------------------------------------- */
/* 背景、文字 */
body{
	background	: #260b08;
	color		: #333333;
	font-size	: 78%;
}

/* リンク */
a			{color:#333333; text-decoration:underline;}
a:link		{color:#333333;}
a:visited	{color:#333333;}
a:hover		{color:#333333; text-decoration:none;}
a:active	{color:#333333; text-decoration:none;}


/*
 ヘッダー
---------------------------------------------------------------------- */
/* エリア */
div#header{
	background	: url(/_settings/domain/img/header/background.gif) repeat-x;
	height		: 95px;
}

/* コンテンツ */
div#header_contents{
	width	: 780px;
	margin	: 0px auto;
}

/* ロゴ */
div#header_contents img.logo{float:left;}

/* 詳細 */
div#header_detail{float:left;}

/* 上部ペイン */
div#header_top{width:680px; height:55px; margin:0px 0px 0px 10px;}

/* タイトル */
div#header_title{float:left;}
* html div#header_title{width:455px;}
div#header_title h1{color:#ffffff; margin:3px 0px 0px 0px;}
div#header_title img{margin:3px 0px 0px 0px;}

/* リンク */
div#header_link{float:right;}
div#header_link li{float:left; margin:0px 0px 0px 10px;}
* html div#header_link li{margin:0px 0px 0px 5px;}


/*
 メニュー
---------------------------------------------------------------------- */
/* エリア */
div#menu{}

/* リスト */
div#menu li{
	float	: left;
	width	: 138px;
	height	: 40px;
}

/* リンク */
div#menu a{
	display		: block;
	width		: 138px;
	height		: 40px;
	text-indent	: -5000px;
}
div#menu a.menu_01{background:url(/_settings/domain/img/menu/menu_01.gif);}
div#menu a.menu_02{background:url(/_settings/domain/img/menu/menu_02.gif);}
div#menu a.menu_03{background:url(/_settings/domain/img/menu/menu_03.gif);}
div#menu a.menu_04{background:url(/_settings/domain/img/menu/menu_04.gif);}
div#menu a.menu_05{background:url(/_settings/domain/img/menu/menu_05.gif);}

/* ホバー */
div#menu a:hover,div#menu a.active{background-position:0px -40px;}


/*
 コンテンツ
---------------------------------------------------------------------- */
/* エリア */
div#contents{background:url(/_settings/domain/img/contents/background.gif);}

/* コンテンツ */
div#main_contents{
	width	: 780px;
	margin	: 0px auto;
}


/*
 ページトップへ
---------------------------------------------------------------------- */
/* エリア */
div#page_top{margin:10px 0px 0px 0px;}

/* リンク */
div#page_top a{
	display		: block;
	background	: url(/_settings/domain/img/footer/page_top.gif);
	width		: 130px;
	height		: 25px;
	text-indent	: -5000px;
	float		: right;
}


/*
 フッター
---------------------------------------------------------------------- */
/* エリア */
div#footer{
	color	: #ffffff;
	width	: 780px;
	margin	: 10px auto 0px auto;
}

/* リンク */
div#footer_link{}
div#footer_link a{color:#ffffff;}

/* 会社情報 */
div#company_info{margin:15px 0px 0px 0px;}

/* コピーライト */
div#copyright{
	font-size	: 80%;
	text-align	: right;
	padding		: 0px 0px 10px 0px;
	margin		: 10px 0px 0px 0px;
}


/*
 おすすめ情報
---------------------------------------------------------------------- */
/* エリア */
div#recommend{
	background	: #bab79c url(/_settings/domain/img/recommend/background.gif) 0px 40px no-repeat;
	padding		: 0px 0px 10px 0px;
	margin		: 10px 0px 0px 0px;
}

/* バナー */
div#recommend li{float:left; margin:0px 0px 0px 10px;}
* html div#recommend li{margin:0px 0px 0px 5px;}


/*
 バナー
---------------------------------------------------------------------- */
/* エリア */
div#banner{}

/* 一覧 */
div#banner li{margin:10px 0px 0px 0px;}


/*
 内容パターン 1
---------------------------------------------------------------------- */
/* タイトル */
div#detail_1_title{
	margin	: 10px 0px 0px 0px;
	position: relative;
}
div#detail_1_title a{
	position	: absolute;
	bottom		: 0px;
	right		: 0px;
	background	: url(/_settings/domain/img/detail_1/ico_link.gif) left center no-repeat;
	padding		: 0px 0px 0px 12px;
}

/* エリア */
div#detail_1{background:#3c312f url(/_settings/domain/img/detail_1/body.gif) 0px 18px no-repeat;}

/* 内容 */
div#detail_1_body{
	background	: #ffffff;
	margin		: 0px 10px;
	padding		: 1px 10px 0px 10px;
}


/*
 内容パターン 2
---------------------------------------------------------------------- */
/* タイトル */
img#detail_2_title{margin:10px 0px 0px 0px;}

/* エリア */
div#detail_2_body{
	background	:url(/_settings/domain/img/detail_2/body.gif) repeat-y;
	padding		:0px 20px;
}

/* テーブル */
div#detail_2_body td.td_header{font-weight:bold;}

/* フッタ */
div#detail_2_footer{
	background	: url(/_settings/domain/img/detail_2/footer.gif);
	height		: 70px;
	padding		: 20px 20px 0px 20px;
}


/*
 内容パターン 3
---------------------------------------------------------------------- */
/* タイトル */
img#detail_3_title{margin:10px 0px 0px 0px;}

/* エリア */
div#detail_3_body{
	background	:url(/_settings/domain/img/detail_2/body.gif) repeat-y;
	padding		:0px 20px;
}

/* テーブル */
div#detail_3_body td.td_header{font-weight:bold;}

/* フッタ */
div#detail_3_footer{
	background	: url(/_settings/domain/img/detail_2/footer_2.gif);
	height		: 108px;
	padding		: 20px 20px 0px 20px;
}


/*
 テーブル
---------------------------------------------------------------------- */
/* テーブル */
table.common_table{width:100%; background:#260b08; border-collapse:separate; border-spacing:1px;}

/* 列幅 */
colgroup.col_50{width:50px;}
colgroup.col_60{width:60px;}
colgroup.col_70{width:70px;}
colgroup.col_75{width:75px;}
colgroup.col_80{width:80px;}
colgroup.col_90{width:90px;}
colgroup.col_100{width:100px;}
colgroup.col_110{width:110px;}
colgroup.col_120{width:120px;}
colgroup.col_130{width:130px;}
colgroup.col_140{width:140px;}
colgroup.col_150{width:150px;}


/* ヘッダセル */
table.common_table th{
	vertical-align	: middle;
	padding			: 5px 10px;
	background		: #d1c0a5 url(/_settings/domain/img/table/th.gif) bottom repeat-x;
	border			: solid 2px #ffffff;
}

/* データセル */
table.common_table td{
	background		: #ffffff;
	vertical-align	: middle;
	padding			: 5px 10px;
}


/*
 詳細部分
---------------------------------------------------------------------- */
/* エリア */
div#contents_detail{}

/* 左 */
div#contents_left{width:200px; float:left;}

/* 右 */
div#contents_right{width:570px; float:right; padding:10px 0px 0px 0px;}


/*
 サイドメニュー
---------------------------------------------------------------------- */
/* エリア */
div#side_menu{
	margin			: 10px 0px 0px 0px;
	padding			: 0px 0px 10px 0px;
	border-bottom	: solid 1px #bab79c;
}

/* リスト */
div#side_menu li{
	width	: 200px;
	height	: 30px;
}

/* リンク */
div#side_menu a{
	display		: block;
	width		: 200px;
	height		: 30px;
	text-indent	: -5000px;
}


/*
 ギャラリー
---------------------------------------------------------------------- */
/* エリア */
div#gallery{margin:10px 0px 0px 0px;}

/* 説明 */
div#gallery p{
	margin		: 10px 0px 0px 0px;
	text-align	: right;
}

/* 画像一覧 */
div#gallery li{
	float	: left;
	width	: 135px;
	height	: 135px;
	margin	: 10px 10px 0px 0px;
}
div#gallery li.col_04{margin:10px 0px 0px 0px;}


/*
 フォーム
---------------------------------------------------------------------- */
/* ヘルプ */
p.msg_help{color:#888888; margin:3px 0px 0px 0px;}
p.msg_error{color:#cc0000; font-weight:bold; margin:3px 0px 0px 0px;}

/* 確認メッセージ */
div#confirm_text{margin:10px 0px 0px 0px;}

/* 入力パーツ */
input.txt_name{width:350px;}
input.txt_age{width:30px; text-align:right; ime-mode:disabled;}
input.txt_tel{width:100px; ime-mode:disabled;}
input.txt_mail{width:350px; ime-mode:disabled;}
input.txt_address{width:350px;}
textarea{width:350px; height:100px;}

/* ボタン */
div#form_button{margin:10px 0px 0px 0px; text-align:right;}