*{ margin:0; padding:0; font:normal normal normal 100%/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif; border:none; }


/* ━ 基本設定 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

body { background:#fcca; font-size:small; color:#111; text-align:center; }

a { text-decoration:underline; color:#333; }
a:hover { text-decoration:none; color:#764; }

p{ line-height:150%; text-align:left; margin:10px; }
b { font-weight:bold; }
li{ list-style:none; }
hr { margin:20px auto; background-color:#222; width:100%; height:1px; text-align:center; }

.hid { display:none; } 
.w { font-size:x-small; }

/* ━ ページレイアウト ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

body,html{ height:100%; }

#page{ position:relative; height:auto !important; height:100%; min-height:100%; }

#header{ position:absolute; position:fixed; z-index:9999; height:80px; width:100%; background:url("images/back_04.gif"); color:#ddd; }

#pr{ position:relative; top:80px; height:25px; width:100%; background:#333; text-align:right; }
#pr a{ line-height:25px; font-size:x-small; color:#a79; margin-right:10px; }

#main_back{ background:url("images/back_01.gif"); padding:120px 0 220px 0; max-width:960px; margin:auto; text-align:left; 
	border-left:3px solid #222; border-right:3px solid #222; }

#main{ width:900px; margin:auto; }

#footer{ position:absolute; bottom:0px; width:100%; height:120px; background:url("images/back_04.gif"); color:#888; }

/* ━ ヘッダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* コメント部分 */

h1{ font-size:x-small; position:absolute; top:0px; right:10px; text-align:right; width:auto; height:25px; line-height:25px; color:#888; }

/* タイトル部分 */

h2{ position:absolute; top:24px; left:30px; background:url("images/logo.png"); width:262px; height:32px; }
h2 a{ display:block; width:100%; height:100%; }

/* ━ メニュー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#menu_space{ width:100%; overflow:hidden; }
#menu_space ul { position:absolute; top:35px; right:0px; width:auto; }
#menu_space ul li { position:relative; float:left; margin:0 40px; }
#menu_space ul li a{ display:block; margin-bottom:10px; }
#menu_space ul li img{ display:block; margin-bottom:10px; }

/*　ドロップダウン　*/

#menu_space li.dropdown_item > ul { z-index:500;
	position:absolute; left:0px; top:20px; margin:0; border-top:3px solid #ca2; min-width:120px;
	background:#222; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.90; padding:5px 8px; }

#menu_space li.dropdown_item > ul li
{ clear:both; width:auto; font-size:13px; margin:auto; padding:5px 0px; }

#menu_space li.dropdown_item > ul li a
{ text-decoration:none; color:#ddd; margin:0; padding:0px; }

#menu_space li.dropdown_item > ul li a:hover
{ text-decoration:none; color:#a98; }

/*　ナビゲーションメニュー　*/

#navi_menu{ position:absolute; bottom:-30px; width:100%; height:30px; z-index:400;
	line-height:30px; text-align:left; padding:0 20px;
	background:#777; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.90;  }
#navi_menu a{ margin:0 10px; color:#000; }

/* ━ 強調文字設定 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

h3{ width:900px; background:url("images/vl_line.png") no-repeat; height:85px;
	line-height:40px; padding-left:70px; color:#404; font-weight:bold; margin:5px auto -20px auto; font-size:16px; }

h4{ width:770px; height:32px; background:url("images/yellow_bar.gif"); border-bottom:2px solid #555; border-right:2px solid #888;
	padding-left:30px; margin:15px auto; color:#111; font-size:14px; font-weight:bold;  line-height:34px; }

/* ━ dlタグ設定 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

dl{ width:800px; margin:10px auto; }
dl dt{ margin:10px 5px; color:#950; font-weight:bold; }
dl dd{ margin:5px 10px; color:#544; line-height:200%; }

/* ━ テーブルタグ設定 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.table{ margin:auto; border-top:1px solid #222; border-left:1px solid #222; border-collapse:collapse; }
.table th,.table td{ border-bottom:1px solid #222; border-right:1px solid #222; }
.table th{ padding:10px; text-align:center; font-weight:bold; background:#cac; }
.table td{ background:#eee; padding:10px; line-height:150%; }

/* 確認画面 */
td{ border:1px solid #111; padding:10px; background:#eee; }
table .key{ text-align:center; font-weight:bold; width:120px; background:#cac; }

/* 中央寄せ */
table .cnt{ text-align:center; }

/* ━ 制作例 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* website */

#website_works{ margin:auto; width:800px; overflow:hidden; }
#website_works p{ margin:0 0 10px 0; }
#website_works p img{ position:relative; top:3px; }

#website_works dl{ width:240px; margin:5px; float:left; }
#website_works dl dt{ padding:2px; margin:0px; width:240px; height:128px; border:1px solid #111; background:#fff; }
#website_works dl dd{ padding:7px; margin:3px 0; font-size:12px; width:230px; border:1px solid #111; background:#eee; }

#website_works ul{ overflow:hidden; margin-top:5px; }
#website_works ul li{ float:left; padding-left:17px; margin-right:5px; margin-top:5px; }

.icon_couse{ background:url("images/icon_couse.gif") no-repeat; }
.icon_page{ background:url("images/icon_page.gif") no-repeat; }
.icon_link{ background:url("images/icon_link.gif") no-repeat; }
.icon_option{ clear:both; font-size:11px; background:url("images/icon_option.gif") no-repeat; }

/* ━ メールフォーム設定 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.s,.m,.l{ border:1px solid #333; padding:3px 5px; }
.l{ width:500px; }
.m{ width:300px; }
.s{ width:150px; }
textarea{ border:1px solid #333; }
select{ border:1px solid #333; padding:3px 5px; }

/* ━ 各種ボタン設定 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 共通部分 */
.up_img,.up_continue,.ok,.touroku,.submit,.kakunin,.sousin,.shuusei,.back{ margin:20px 0; cursor:pointer; border:0px; width:206px; height:51px; }

/* 個別設定 */
.up_img{ background:url("images/button/up_img.png") no-repeat; }
.up_continue{ background:url("images/button/up_continue.png") no-repeat; }
.ok{ background:url("images/button/ok.png") no-repeat; }
.touroku{ background:url("images/button/touroku.png") no-repeat; }
.submit{ background:url("images/button/submit.png") no-repeat; }
.kakunin{ background:url("images/button/kakunin.png") no-repeat; }
.sousin{ background:url("images/button/sousin.png") no-repeat; }
.shuusei{ background:url("images/button/shuusei.png") no-repeat; }
.back{ background:url("images/button/back.png") no-repeat; }

/* ボタンオンマウス設定 */

.hover:hover{ background-position:bottom; }

/* ━ 確認画面 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#check_back{ padding:120px 0 30px 0; margin:auto; max-width:960px; text-align:center; }

#check_box { background:url("images/back_01.gif"); border:3px solid #222; width:960px; margin:auto; padding:50px 0; }
#check_main { width:900px; margin:auto; text-align:left; }
#check_main b{ display:block; }

/* ボタン */
#check_main form{ margin:20px auto; text-align:center; }

/* テーブル */
#kakunin { width:800px; margin:auto; border-collapse:collapse; }

/* ━ FAQ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#faq dl { width:800px; margin:auto; border-top:2px solid; border-bottom:2px solid; border-color:#fff; }
#faq dl dt { margin:0px; padding: 4px 15px; color:#111; font-weight: bold; cursor: pointer; background:#aaa; }
#faq dl dt.active,#faq dl dt.ov { background:#cac; color:#222; }
#faq dl dd { margin:0px; padding:15px; line-height:150%; background:#eee; }
#faq dl dd a{ font-weight:bold; }

/* ━ フッター設定 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*　サイトマップ　*/

#sitemap{ width:900px; margin:auto;  }
#foot_link{ width:800px; margin:auto; overflow:hidden; text-align:center; margin-bottom:20px; margin-top:40px; }
#sitemap a{ margin:0 20px; color:#888; }
#sitemap a:hover{ color:#773; }

/*　サイトマップ＆コピーライト　*/
#footer p{ text-align:center; font-size:12px; }