/*  
Theme Name: アンテリジャン
Description: 
Version: 1.0
Author: ECS
Author URI: http://web-ecs.com/

*/

/* Template
*******************/
html			{ background:#EDE8C2 url("images/common/bg_back.gif") repeat-x top;}
body			{ background:url("images/common/bg_content2.gif") repeat-y center; border-top:4px solid #333538;}
body.bg_page	{ background:url("images/common/bg_content1.gif") repeat-y center;}

/* common
*******************/
.hidden	{ visibility:hidden;}
.w50	{ width:50%;}
.w80	{ width:80%;}
.w90	{ width:90%;}

/* Layout
*******************/
#container					{ background:url("images/common/bg_header1.jpg") no-repeat top center; margin:0 auto; width:920px;}
#container.bg_page_header	{ background:url("images/common/bg_header2.jpg") no-repeat top center;}

/* Header 
*******************/
#funcnavi_area			{ background:url("images/common/bg_funcnav.gif") no-repeat top left; width:21em;}
#funcnavi_area ul		{ background:url("images/common/bg_funcnav.gif") no-repeat top right; height:45px; margin:0 0 0 13px;}
#funcnavi_area ul li	{ float:left; padding:0 13px;}
#funcnavi_area ul a		{ color:#FFFFFF; font-size:85%;}

#header						{ height:190px;}

.bg_intelligent				{ float:left; padding:15px 20px; }
.bg_channel					{ float:left; padding:0 20px; }
.bg_tenkomori				{ float:left; padding:0 52px 0 20px; }
.bg_intelligent .mainlogo	{ background:url("images/common/logo_intelligent.gif") no-repeat 0 0; width:155px; height:50px;}
.bg_channel 	.mainlogo	{ background:url("images/common/logo_channel.gif") no-repeat 0 0; width:212px; height:40px; margin-bottom:5px;}
.bg_tenkomori 	.mainlogo	{ background:url("images/common/logo_tenkomori.gif") no-repeat 0 0; width:180px; height:73px; margin-bottom:5px;}
.bg_intelligent .mainlogo a	{ display:block; width:155px; height:50px; padding:50px 0 0 0; overflow:hidden; height:0px !important; height /**/:50px; /* for IE5/Win only */ }
.bg_channel 	.mainlogo a	{ display:block; width:212px; height:40px; padding:40px 0 0 0; overflow:hidden; height:0px !important; height /**/:40px; /* for IE5/Win only */ }
.bg_tenkomori 	.mainlogo a	{ display:block; width:180px; height:73px; padding:73px 0 0 0; overflow:hidden; height:0px !important; height /**/:73px; /* for IE5/Win only */ }
.bg_tenkomori	.mainlogo+p	{ margin:10px 8px; font-size:85%;}

.header_profile		{ float:left; border-left:1px solid #C4C5BB; display:block; width:300px; padding-left:15px; line-height:1.2;}
.header_profile_g	{ float:left; border-left:1px solid #E7E7D2; display:block; width:200px; padding-left:15px; line-height:1.2;
					  color:#A9A99F; padding-top:35px; background:url("images/common/logo_intelligent_g.gif") no-repeat 15px 3px;}
.header_profile h1,
.header_profile_g h1{ font-weight:bold; margin:20px 0 5px; font-size:85%;}
.header_profile h1+p,
.header_profile_g h1+p{ font-size:85%;}

.head_mainimg	{ float:right;}
.head_mainimg a	{ display:block; margin-right:10px; width:360px; height:170px; padding:170px 0 0 0; overflow:hidden; height:0px !important; height /**/:170px; /* for IE5/Win only */ }



/* Footer
*******************/
#footer			{ width:900px; padding:8px 0; margin:0 auto; text-indent:20px; letter-spacing:0.1em; background-color:#000000; color:#FFFFFF; font-size:85%;}

#main_area		{ padding:0 10px;}


/* blog navi
*******************/
#sidebar			{float:left; width:180px; padding:23px 10px 0;}
* hteml #sidebar	{ width:200px;}
.cate_blog_red		h3			{ color:#FFFFFF; text-indent:10px; width:179px; min-height:21px; font-size:114%; background:#F33900 url("images/common/h_red.gif") no-repeat top center;}
.cate_blog_orange	h3			{ color:#FFFFFF; text-indent:10px; width:179px; min-height:21px; font-size:114%; background:#E98400 url("images/common/h_orange.gif") no-repeat top center;}
.cate_blog_red		h3 span		{ display:block; padding-top:3px;}
.cate_blog_orange	h3 span		{ display:block; padding-top:3px;}
#sidebar ul ul		{ margin:3px 0 20px;}
#sidebar li li		{ border-bottom:1px solid #FFFFFF; padding:5px 0 5px 10px; font-size:85%; width:165px;}
* html #sidebar li li{ width:175px;}
#sidebar li li a	{ padding:1px 0 1px 0;}
#sidebar ul ul ul	{ margin:3px 0 0;}
#sidebar li li li	{ font-size:100%; border-top:1px solid #FFFFFF; border-bottom:none; width:155px;}
* html #sidebar li li li{ width:165px;}


/* Global navi
*******************/
#global_area				{ float:left; width:182px; padding:19px 0; margin:0 9px;}
* html #global_area	{ margin:0 0 0 9px;}
* html .tmp_tenkomori #global_area	{ margin:0 0 0 4px;}
* html .tmp_channel #global_area	{ margin:0 0 0 4px;}

#global_area #bnr_area 		{ padding-bottom:25px;}
#global_area #bnr_area li	{ width:182px; height:88px;}
#bnr_area li#bnr_tenkomori	{ background:url("images/common/bnr_tenkomori.jpg") no-repeat 0 0;}
#bnr_area li#bnr_worktv		{ background:url("images/common/bnr_worktv.jpg") no-repeat 0 0;}
#bnr_area li#bnr_channel	{ background:url("images/common/bnr_channel.jpg") no-repeat 0 0;}
#bnr_area li#bnr_hint		{ background:url("http://www.intelligentv.co.jp/hint/img/banner.gif") no-repeat 0 0;}
#bnr_area li#bnr_dvd		{ background:url("images/common/bnr_dvd.jpg") no-repeat 0 0;}
#global_area #bnr_area li a	{ display:block; width:182px; height:88px; padding:88px 0 0 0; 
							 overflow:hidden;
    						 height:0px !important;
							 height /**/:88px; /* for IE5/Win only */ 
							 }

#global_area h3					{ width:180px; margin:1px; padding-bottom:3px; color:#87877A; font-weight:bold;}
#sitenav_area ul				{ width:180px; margin:1px; border-bottom:1px solid #A8A89B;}
#sitenav_area ul li				{ border-top:1px dotted #C0C1B1; padding:8px 0; background:url("images/common/arrow.gif") no-repeat 5px center;}
#sitenav_area ul li.page-item-1	{ border-top:1px solid #A8A89B;}
#sitenav_area ul li a			{ padding:1px 0 1px 27px; color:#87877A;}
#sitenav_area ul li a:hover		{ color:#333333;}




/* content blog
*******************/
#content_area	{ float:left; width:500px;}
/* content page
*******************/
#content_area_narrow	{ float:left; width:700px;}
/* content post
*******************/
.post			{ padding:0 25px 25px; margin:0 0 25px; background:url("images/common/line_dot.gif") repeat-x bottom;}
.post .date		{ float:left; background:url("images/common/cal_red.gif") no-repeat 0 0; width:56px; height:46px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.post .date .pmonth	{ display:block; font-size:10px; padding:7px 0 0 7px;}
.post .date .pday	{ display:block; font-size:24px; padding:0 0 0 19px; line-height:1;}

.tmp_tenkomori .post .date,	#top_area_tenkomori .post .date	{ background:url("images/common/cal_red.gif") no-repeat 0 0;}
.tmp_channel .post .date,	#top_area_channel .post .date	{ background:url("images/common/cal_orange.gif") no-repeat 0 0;}

.post h2					{ float:right; text-align:left; width:380px; margin-top:12px; font-size:152%;}
#content_area_narrow .post h2		{ float:none;width:92%; color:#F33900; border-left:5px solid #E82926; padding-left:10px;}
.entry			{ clear: both; padding-top:15px; line-height:1.5;}
.entry p		{ padding:5px 0 15px;}
.postmetadata			{ padding-top:10px; text-align:right; font-size:85%;}
.postmetadata a			{ padding-bottom:1px;}
.tmp_tenkomori a,	.tmp_tenkomori .postmetadata,	.tmp_tenkomori #sidebar li 		{ color:#F33900;}
.tmp_channel a,		.tmp_channel .postmetadata,		.tmp_channel #sidebar li 		{ color:#E98400;}

.entry img,
.post img			{ padding:5px 15px 10px;}

/* content comment
*******************/
.respond				{ margin:30px 0 10px; padding:0.2em 0; font-size:114%;}
.tmp_tenkomori .respond	{ color:#FFFFFF; text-indent:10px; min-height:21px; background:#FFFFFF url("images/common/h_red_L.gif") no-repeat top left;}
.tmp_channel .respond	{ color:#FFFFFF; text-indent:10px; min-height:21px; background:#FFFFFF url("images/common/h_orange_L.gif") no-repeat top left;}

.commentlist li			{ padding:0 0 7px; margin:0 auto 7px; width:95%; border-bottom:1px dotted #cccccc; background:url("images/common/line_dot.gif") repeat-x bottom;}
.commentlist li p		{ padding:5px 10px;}
.commentmetadata		{ font-size:85%; text-align:right;}

/* content table
*******************/
.entry h3,.entry h4	{ clear:both; color:#F33900; font-size:136%; border-bottom:1px dotted #CCCCCC; padding-bottom:3px; margin-bottom:0px;}
.entry table		{ clear:both; width:100%; margin:0 0 30px; border-left:2px solid #999999; border-collapse: separate; }
.entry table td		{ vertical-align:top; border-bottom:1px dotted #CCCCCC; padding:6px 10px;}
.entry dl			{ margin:0 0 30px;}
.entry dl dt		{ font-weight:bold;}




/* TOP PAGE
*******************/
#top_area_tenkomori	{ background:url("images/top/top_h_tenkomori.gif") no-repeat 25px 0;}
#top_area_worktv	{ background:url("images/top/top_h_worktv.gif") no-repeat 0 0;}
#top_area_channel	{ background:url("images/top/top_h_channel.gif") no-repeat 0 0;}
#top_area_tenkomori .post,
#top_area_worktv .post { margin-bottom:0;}


#top_area_tenkomori h2 a,	#top_area_tenkomori h3,	#top_area_tenkomori h3 a{ color:#F33900; }
#top_area_worktv h2 a,	#top_area_worktv h3	,	#top_area_worktv h3	a	{ color:#45b345;}
#top_area_channel h2 a,	#top_area_channel h3,	#top_area_channel h3 a	{ color:#E98400;}
#top_area_tenkomori p,	#top_area_tenkomori p,	#top_area_tenkomori p	{ padding:5px 0 15px; }


#top_area_tenkomori .date,	#top_area_worktv .date,	#top_area_channel .date{ margin-bottom:15px;}
#top_area_tenkomori h2							{ font-size:152%; padding:7px 30px 20px 160px;}
#top_area_worktv h2,	#top_area_channel h2	{ font-size:152%; padding:5px 30px 20px 80px;}
#top_area_tenkomori h3,	#top_area_worktv h3,	#top_area_channel h3	{ font-size:152%; float:right; text-align:left; width:580px; margin-top:12px; margin-bottom:10px;}
#top_area_tenkomori p,	#top_area_worktv p,		#top_area_channel p		{ line-height:1.4; clear:both;}
#top_area_worktv img	{ padding:0 30px 0 0;}

.worktv_title		{ color:#45b345; font-size:152%; display:block;}
#post-1				{ background:none; margin:0; padding:0;}

#top_area_tenkomori .post			{ padding-right:15px;}
#top_area_tenkomori h2				{}
#top_area_tenkomori #sidebar		{ width:179px; float:right; background-color:#FFF; margin:0; padding:0;}
#top_area_tenkomori #sidebar h3		{ width:179px; color:#FFFFFF; margin-top:0; font-size:114%; background:url("images/common/h_red2.gif") no-repeat center top;}
* html #top_area_tenkomori #sidebar h3	{margin:10px 0 0;}
*+html #top_area_tenkomori #sidebar h3	{margin:10px 0 0;}
#top_area_tenkomori a				{ color:#F33900;}
#top_area_tenkomori #sidebar li a	{ color:#F33900;}
#top_area_tenkomori #sidebar li li	{ background:url("images/common/line_dot.gif") repeat-x bottom;}
#top_area_tenkomori .content		{ width:440px; float:left; border-right:1px solid #CCCCCC; padding-right:25px;}
#top_area_tenkomori .content h3		{ width:360px;}



/* SITEMAP
*******************/
ul.sitemap_list		{ margin-bottom:30px;}
ul.sitemap_list li	{ padding:8px 0; background:url("images/common/line_dot.gif") repeat-x bottom; list-style:none;}
ul.sitemap_list li a{ padding:2px 0 3px 22px; background:url("images/common/arrow_red.gif") no-repeat 3px center;}
#sitenav_area ul li				{ border-top:1px dotted #C0C1B1; padding:8px 0; background:url("images/common/arrow.gif") no-repeat 5px center;}

/* 映像制作
*******************/
.thumb_list			{ float:left; width:190px; text-align:center;}
.thumb_list a img		{ border:4px solid #333333; padding:0;}
.thumb_list a:hover img	{ border:4px solid #CCCCCC;}
.thumb_list p			{ line-height:2;}


/* FORM
*******************/
.entry form dl			{ background-color:#F9F8EB; padding:15px 20px; margin-bottom:0px;}
form dt					{}
form dd					{ margin:2px 0 6px; border-bottom:2px solid #FFFFFF; padding-bottom:7px;}
form dd.last			{ margin-bottom:0; border:none; padding-bottom:0;}
form dl input,			form dl textarea		{}
form dl input:focus,	form dl textarea:focus	{ background-color:#F9FFF9; }
.btnsubmit,
.entry p.btnsubmit		{ margin:0 auto; text-align:center; padding:0;}
.btnsubmit input,
.entry p.btnsubmit input{ letter-spacing:0.7em; margin:0; padding: 0.1em 0px 0.1em 0.7em;}
* html .entry p.btnsubmit input{ letter-spacing:0; padding: 0.1em 0.5em 0.1em 0.5em;}
*+html .entry p.btnsubmit input{ letter-spacing:0; padding: 0.1em 0.5em 0.1em 0.5em;}

form .atte				{ color:#F33900;}




.entry img.m0,
.post img.m0	{ margin:0; padding:0;}

/* フォント
*******************
font用
*******************
  px  percent
  ------------
  10  77	85
  11  85	92
  12  92	100
  13  100	107
  14  107	114
  15  114	122
  16  122	129
  17  129	136
  18  136	144
  19  144	152
  20  152	159
  21  159	167
  22  167	174
  23  174	182
  24  182	189
  25  189	197
  26  197
********************/
body		{ font-size:12px; line-height:1.2; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック"; }
* html body	{ font-size:78%;}
.english	{ font-family:Arial, Helvetica, sans-serif;}
h1		{ font-weight:bold;}

a			{ text-decoration:none;}
a:link 		{ text-decoration:none;}
a:visited	{ text-decoration:none;}
a:hover 	{ text-decoration:underline;}
a:active 	{ text-decoration:underline;}

.colorBlack	{ color:#333333;}




/* Hack 
*******************/
.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac ¥*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; }
/* */
*+html .pkg			{ height:1%;}