/* -- 基本 -------------------------------- */
body { margin: 0px auto 0px auto; text-align:center; background:#ff6600; 
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; 
	font-size: 12px; line-height: 140%; color:#993300; 
	}

a:link {text-decoration: none; color:#ffcc66; }
a:visited {text-decoration: none; color:#ffcc66; }
a:hover {text-decoration: none; color:#fff; }
a:active {text-decoration: none; color:#fff; }

a:link.sub {text-decoration: none; color:#993300; }
a:visited.sub {text-decoration: none; color:#993300; }
a:hover.sub {text-decoration: none; color:#fff; }
a:active.sub {text-decoration: none; color:#fff; }

h1	{ margin: 0px; font-size: 10px; font-weight:normal; }
h2	{ margin: 0px; font-size: 12px; font-weight:normal; }
h3	{ margin: 0px; font-size: 12px; font-weight:bold; }
h4	{ margin: 0px; font-size: 12px; font-weight:normal; }
p { margin: 0px}
big	{ margin: 0px; font-size: 14px; font-weight:bold; }
strong	{ margin: 0px; font-weight:normal; }
small	{ margin: 0px; font-size: 10px; font-weight:normal; }
img	{ border: 0px;}

#navi { width: 600px; margin: 0px; padding: 0px; list-style-type: none; }
#navi li { margin: 0px; padding: 0px; display: block; float: left; text-indent: -9999px; }
#navi li a { display: block; width: 80px; height: 36px; background:  url(./img/navi.gif) no-repeat; }

#navi li#navi1 a { background-position:  0px 0px; }
#navi li#navi2 a { background-position: -80px 0px; }
#navi li#navi3 a { background-position: -160px 0px; }
#navi li#navi4 a { background-position: -240px 0px; }
#navi li#navi5 a { background-position: -320px 0px; }
#navi li#navi6 a { background-position: -400px 0px; }
#navi li#navi7 a { background-position: -480px 0px; }

#navi li#navi1 a:hover { background-position:  0px -36px; }
#navi li#navi2 a:hover { background-position: -80px -36px; }
#navi li#navi3 a:hover { background-position: -160px -36px; }
#navi li#navi4 a:hover { background-position: -240px -36px; }
#navi li#navi5 a:hover { background-position: -320px -36px; }
#navi li#navi6 a:hover { background-position: -400px -36px; }
#navi li#navi7 a:hover { background-position: -480px -36px; }

/* -- 共通 -------------------------------- */	
#container { width: 600px; margin: 0px auto 0px auto; text-align:center; }
#head { width: 600px; }
table.bar { width: 600px; margin: 0px; padding: 0px; }
#colmtop	{ width: 600px; margin: 10px 0px 0px 0px; padding: 0px; }
#colm	{ width: 600px; margin: 0px 0px 0px 0px; padding: 0px; background:#ff9933; text-align: center; }
#subnavi { margin: 0px; padding: 0px 0px 8px 0px; text-align:center; }
#next { margin: 0px; padding: 2px; text-align:center; }
#colmbot	{ width: 600px; margin: 0px; padding: 0px; }
#footer { width: 600px; float:left; text-align:center; margin: 2px 0px 10px 0px; font-size: 10px; color:#ffcc66; }

.clear{ clear:both; line-height:0; height:0;}

/* -- トップページ -------------------------------- */
#head_top { width: 600px; margin: 40px 0px 2px 0px; text-align:right; color:#ffcc66;}

#cross { width: 600px; margin: 0px auto; text-align: left; }
.cf_wrapper{ position: relative; }
.cf_element{ width: 600px; height: 260px; }

#top-container { margin-top: 260px;}
#left { width: 400px; float:left; margin: 10px 0px 0px 0px; padding: 0px; text-align: left; font-size: 12px; line-height: 180%; color:#ffcc66; }
.mess { margin: 0px 0px 10px 0px; padding: 0px; }
.new { padding: 2px 4px 2px 4px; border-top: dotted 1px #ffcc66; }

#right { width: 170px; float:right; margin: 10px 0px 0px 0px; padding: 0px; text-align: left; font-size: 12px; line-height: 180%; color:#ffcc66;}
#info { margin: 0px 0px 10px 0px; padding: 8px ; font-size: 10px; line-height: 140%; border: solid 1px #ff9900; }
#tel { margin: 0px 0px 10px 0px; padding: 8px ; text-align: center; font-size: 14px; line-height: 140%; border: solid 1px #ff9900; }

#footer_top { width: 600px; float:left; text-align:center; margin: 20px 0px 10px 0px; padding: 2px; font-size: 10px; color:#ffcc66; border-top: solid 1px #ff9900;}

/* -- PROFILE -------------------------------- */	
table.prof	{ width: 560px; margin: 0px 20px 0px 20px; padding: 0px; background:#ff9933; font-size: 12px; line-height: 140%; }
td.prof_2	{ padding: 4px 2px 4px 2px; text-align:left;border-top: solid 1px #FFCC66; }
td.prof_3	{ padding: 4px 2px 4px 2px; text-align:left; }

/* -- WORK -------------------------------- */
table.work	{ width: 560px; margin: 0px 20px 0px 20px; padding: 0px; background:#ff9933; font-size: 10px; line-height: 110%; }
td.work_2	{ padding: 0px 0px 8px 0px; text-align:center; }
td.work_3	{ padding: 0px 0px 10px 0px; text-align:center; }
img.pho 	{ margin: 0px 0px 4px 0px; border: solid 1px #ff6600;}
img.pho:hover 	{ margin: 0px 0px 4px 0px; border: solid 1px #ffcc66;}

/* -- FORM -------------------------------- */
form	{ margin: 0px; }
table.form	{ width: 560px; margin: 0px 20px 0px 20px; padding: 0px; background:#ff9933; font-size: 12px; line-height: 140%; }
td.form_2	{ padding: 4px 2px 4px 2px; text-align:left; border-top: solid 1px #ffcc66; }
td.form_3	{ padding: 2px 2px 2px 2px; text-align:left; }

/* -- LINK -------------------------------- */
table.link	{ width: 560px; margin: 0px 20px 0px 20px; padding: 0px; background:#ff9933; font-size: 12px; line-height: 140%; }
td.link_2	{ padding: 4px 2px 4px 2px; text-align:left; border-top: solid 1px #ffcc66; font-weight:bold; }
td.link_3	{ padding: 4px 2px 4px 2px; text-align:left; border-top: solid 1px #ffcc66; }

/* -- SITEMAP -------------------------------- */
table.site	{ width: 560px; margin: 0px 20px 0px 20px; padding: 0px; background:#ff9933; font-size: 12px; line-height: 140%; }
td.site_1	{ padding: 4px 2px 4px 2px; border-top: solid 1px #ffcc66; }
td.site_2	{ padding: 4px 2px 2px 2px; border-top: solid 1px #ffcc66; }
td.site_3	{ padding: 0px 2px 4px 2px; }