@charset "UTF-8";

/*###############################################
 Name: common.css
 Version: 1
 Author: ECS
 URL: http://www.web-ecs.com/

 Copyright (C) ECS All Rights Reserved.
#################################################*/

body				{ margin:0; padding:0; text-align:center;}


#header		{ width:834px; margin:0 auto; padding:0; text-align:left; font-size:85%; color:#999999;}
#footer		{ width:834px; margin:0 auto; padding:9px 0; text-align:left; font-size:85%; color:#999999; background:url("../images/foot_line.gif") no-repeat;}
#maincontent	{ width:834px; margin:0 auto; padding:12px 0 15px; text-align:left;}


/* ヘッダ
********************/
#header h1 { width:200px; height:62px; float:left;}
#header h1 img	{ margin:8px 0 0 13px;}
#header #site_description	{ float:left; padding:41px 0 0;}

/* フッタ
********************/
#footleft_area 			{ float:left; padding:10px 0; margin:0; line-height:1em; width:420px; line-height:1.6em;}
* html #footleft_area	{width:430px; }
.copy					{ padding:10px 0 0 5px;}
#dl_flashplayer			{ float:right; width:268px; padding:10px 0; border-left:1px solid #F2F2F2; line-height:1.3em;}
#dl_flashplayer img		{ float:left; padding:0 10px;}


/* 共通
********************/
.cboth			{ clear: both;}
.link_arrow		{ float:right; line-height:1.4em; background:url("../images/icn_arrow.gif") no-repeat left; padding-left:20px; margin-top:-17px;}
ul.arrow_list	{}
.arrow_list li	{ padding:5px 0; background:url("../images/line_dot.gif") repeat-x bottom;}
.arrow_list li.last	{background:none}
.arrow_list li a{ padding:2px 0 3px 20px; background:url("../images/icn_arrow.gif") no-repeat left top;}
.txlk-bsc				{ font-weight:normal; background:url("../images/icn_arrow.gif") no-repeat left top;}
.txlk-bsc a				{ display:block; padding-left:16px;}

.w100			{ width:100%;}
.w50			{ width:50%;}

/* ナビ
*******************/
/* Global Navi */
#globalnavi 					{ width:834px; clear:both; background:url("../images/gnav_back.gif") no-repeat; line-height:1em;}
ul#gnavi 						{ padding:0; margin:0; list-style:none; height:40px; position:relative;}
ul#gnavi li 					{ display:inline; height:40px; }
ul#gnavi li a 					{ float:left; display:block;height:40px; color:#fff; text-decoration:none; font-size:1.2em; text-align:center; padding:0 0 0 4px; cursor:pointer;
								  background:url("../images/gnav_center.gif");}
ul#gnavi li a span 				{ float:left; display:block; height:27px; padding:13px 28px 0;
								  background:url("../images/gnav_center.gif") no-repeat right top;}
ul#gnavi li.firstlist a 		{ background:url("../images/gnav_left.gif"); padding:0 0 0 23px; cursor:pointer;}
ul#gnavi li.firstlist a span	{ background:url("../images/gnav_left.gif") no-repeat right top;}
ul#gnavi li a:hover 			{ background:url("../images/gnav_center_over.gif"); color:#fff; text-decoration:none;}
ul#gnavi li a:hover span 		{ background:url("../images/gnav_center_over.gif") no-repeat right top;}
ul#gnavi li.firstlist a:hover 		{ background:url("../images/gnav_left_over.gif");}
ul#gnavi li.firstlist a:hover span 	{ background:url("../images/gnav_left_over.gif") no-repeat right top;}
ul#gnavi li a.active		{ background:url("../images/gnav_center_active.gif");}
ul#gnavi li a.active span	{ background:url("../images/gnav_center_active.gif") no-repeat right top;}


/* Function Navi */
ul#funcnav 				{ float:right; padding-right:25px; margin:42px 0 0;}
ul#funcnav li 				{ display:inline;height:21px;}
ul#funcnav li a				{ float:left; color:#666666; padding:0 0 0 10px; text-decoration:none; background:url("../images/funcnav.gif");}
ul#funcnav li a span 		{ float:left; display:block;height:16px; padding:5px 15px 0 5px;
							  background:url("../images/funcnav.gif") no-repeat right top;}
ul#funcnav li a:hover		{ color:#333333; text-decoration:none; background:url("../images/funcnav_over.gif");}
ul#funcnav li a:hover span 	{ display:block;
							  background:url("../images/funcnav_over.gif") no-repeat right top;}
/* Foot Navi */
ul#footnav  				{ clear:both;}
ul#footnav li 				{ display:inline; padding:0 5px; border-right:solid 1px #CCCCCC; height:auto;}
ul#footnav li.last			{ border:0; padding-right:0;}
ul#footnav li a				{ color:#999999; text-decoration:none;}
ul#footnav li a:hover		{ color:#333333; text-decoration:underline;}

/* サイド
********************/
/* トップ用 */
#top_sidearea		{ float:right;width:268px; }
#top_side_main		{ padding:0 0 20px;}
.top_copy			{ padding:10px 0 0 5px;/* background:url("../images/top_4510tv.gif") no-repeat;*/}
.top_copy strong	{ font-size:122%; color:#336600; font-weight:bold;}
dl.top_mainbtn{ float:left;width:131px; margin-right:6px;}
dl.top_mainbtnlast{ float:left;width:131px;}
.top_mainbtn dd,
.top_mainbtnlast dd	{ width:110px; margin:0 10px; font-size:85%;}

#top_side_news,	#top_side_post,	#top_side_bookmark,	#top_side_tagcloud
						{ padding:15px 0 10px; background:url("../images/line_sidel.gif") no-repeat;}
#top_side_news h3		{ padding:16px 0 3px 33px; font-size:136%; font-family:Helvetica, Arial; background:url("../images/icn_news_big.gif") no-repeat left;}
#top_side_post h3		{ padding:16px 0 3px 43px; font-size:136%; font-family:Helvetica, Arial; background:url("../images/icn_comment_big.gif") no-repeat left;}
#top_side_bookmark h3	{ padding:5px 0 3px 22px; font-size:122%; font-family:Helvetica, Arial; background:url("../images/icn_bookmark.gif") no-repeat left;}
#top_side_tagcloud h3	{ padding:5px 0 3px 35px; font-size:122%; font-family:Helvetica, Arial; background:url("../images/icn_tagcloud.gif") no-repeat left;}
#top_side_bookmark #bookmark_box	{ padding:10px 0 0; background:url("../images/side_book_top_big.gif") no-repeat;}
#top_side_bookmark #bookmark_box p	{ font-size:85%; color:#999999; padding:0 10px;}
#top_side_bookmark #bookmark_box_btm{ text-align:center; background:url("../images/side_book_btm_big.gif") no-repeat bottom;}
#top_side_bookmark img	{ margin:5px 0 10px;}
/* 下層用 */
#sidearea		{ float:right;width:187px;}
#side_news, #side_bookmark, #side_tagcloud
						{ padding:15px 0 10px; background:url("../images/line_sides.gif") no-repeat;}
#side_mov h3			{ padding:5px 0 3px 30px; font-size:122%; font-family:Helvetica, Arial; background:url("../images/icn_mov_other.gif") no-repeat left; margin-bottom:3px;}
#side_news h3			{ padding:5px 0 3px 23px; font-size:122%; font-family:Helvetica, Arial; background:url("../images/icn_news.gif") no-repeat left;}
#side_bookmark h3		{ padding:5px 0 3px 22px; font-size:122%; font-family:Helvetica, Arial; background:url("../images/icn_bookmark.gif") no-repeat left;}
#side_tagcloud h3		{ padding:5px 0 3px 35px; font-size:122%; font-family:Helvetica, Arial; background:url("../images/icn_tagcloud.gif") no-repeat left;}
#side_bookmark #bookmark_box	{ padding:10px 0 0; background:url("../images/side_book_top.gif") no-repeat;}
#side_bookmark #bookmark_box p	{ font-size:85%; color:#999999; padding:0 10px;}
#side_bookmark #bookmark_box_btm{ text-align:center; background:url("../images/side_book_btm.gif") no-repeat bottom;}
#side_bookmark img	{ margin:5px 0 10px;}
#side_news .arrow_list li	{ padding:3px 0; font-size:85%;} 

#side_mov				{ background:url("../images/side_mov_btm.gif") no-repeat bottom; margin:7px 0 20px;}
.side_mov_list			{ padding:12px 0; background:url("../images/side_mov_top.gif") no-repeat top;}
.side_mov_list dl		{ width:187px; margin:0; padding:0; background-color:#F2F2F2;
						/* Don't wrap its contents, and show scrollbars. */
						white-space: normal; overflow: auto;
						/* Stop after about 14 lines, and just show a scrollbar. */
						height:360px;max-height: 360px;}

.side_mov_list dt,.side_mov_list dd { margin:0 11px; padding:0;}
.side_mov_list dt 			{ width:146px; height:83px;/* background:url("../images/thumb_backs.gif") no-repeat; */}
.side_mov_list dt a:hover	{/* background:url("../images/thumb_backs.gif") no-repeat bottom;*/ }
.side_mov_list dt img		{ margin:1px; padding:0; border:1px solid #808080;}
.side_mov_list dt a:hover img{ border-color:#82CD00;}
.side_mov_list dd			{ width:146px; padding:1px 0 10px; font-size:85%; }


/* コンテンツエリア関係
********************/
/* トップ用 */
#top_mainarea			{ float:left; width:522px; padding-left:7px;}
#top_thumbarea			{ clear:both;overflow: hidden;}
.top_thumb_box			{ width:250px; float:left; margin-right:11px; padding:10px 0; }
#top_thumbarea .right	{float:right; margin-right:0;}
.top_thumb_box .thumb a 	{ display:block; background:url("../images/thumb_backl.gif") no-repeat; }
.top_thumb_box .thumb a:hover	{ background-position:bottom; display:block;}
.top_thumb_box .thumb img		{ margin:5px;}
.top_thumb_box h2		{ font-size:144%; padding:10px 0 3px;}
.top_thumb_box p		{ font-size:85%;}
.top_thumb_box .discription { background:url("../images/line_dot.gif") repeat-x bottom; padding:0 0 5px; margin-bottom:5px; }
.top_thumb_box .comment { float:right; background:url("../images/icn_comment.gif") no-repeat left; padding-left:15px;}
h2.mov_head				{ font-size:144%; background:url("../images/icn_mov_new.gif") no-repeat left; padding:7px 0 0 40px; line-height:1.4em;}
/* 下層用 */
h2#pagetitle			{ font-size:144%; background:url("../images/icn_mov_title.gif") no-repeat left; padding:7px 0 0 40px; margin-bottom:5px; line-height:1.4em;}
#mainarea				{ float:left; width:618px; padding-left:7px;}
#mainarea {
  width:625px;
 voice-family: "\"}\"";
 voice-family: inherit;
  width:618px;
}


#sitemaplist ul li	{ padding:8px 0; background:url("../images/line_dot.gif") repeat-x bottom; list-style:none;}
#sitemaplist ul li a{ padding:2px 0 3px 20px; background:url("../images/icn_arrow.gif") no-repeat left top;}

/* 編集エリア
*******************/
.editarea			{ line-height:1.6em;}
.editarea ul, .editarea ol	{ padding:3px 0 10px 20px;}
.editarea ul li		{ list-style:outside disc;}
.editarea ol li		{ list-style:outside decimal;}


/* Flash
********************/
#flash_area		{ margin:0 0 20px;}



/* リスト
********************/
.commentlist	{ padding:15px 5px 10px; border-bottom:1px solid #CCCCCC; background:url("../images/icn_comment_big.gif") no-repeat 0 13px;}
.commentlist h3	{ margin:3px 0 5px 40px;}
.commentlist p	{ margin:0 0 0 40px;}
.commentlist a	{ font-size:129%;}
.commentlist h3 a span	{ font-size:77%; color:#999999;}
.commentlist h3 a:hover span	{ font-size:77%; color:#0066CC; text-decoration:none;}
.comment_nav	{ text-align:center; padding:20px 0; }
.comment_nav .count	{ margin-top:3px; font-size:85%; color:#999999;}

.ditto_item					{ padding:15px 5px; margin:15px 0 10px; border-bottom:1px solid #CCCCCC; background:url("../images/thumb_backs.gif") no-repeat;}
.ditto_item .ditto_pageTitle	{ margin:3px 0 5px 150px; font-size:129%;}
.ditto_item .ditto_pageTitle a	{ display:block;}
.ditto_item .ditto_documentInfo,
.ditto_item .ditto_introText	{ margin:0 0 0 150px;}

.worklist					{ padding:15px 5px 15px; border-bottom:1px solid #CCCCCC; clear:both;}
.worklist .thumb			{ float:left; background:url("../images/thumb_backs.gif") no-repeat left top; margin-right:10px; }
.worklist .thumb a:hover	{ background:url("../images/thumb_backs.gif") no-repeat bottom left; display:block;}
.worklist .thumb img		{ margin:1px;}
.worklist h3				{ margin-left: 155px;}
.worklist h3 a				{ font-size:129%; display:block; border-bottom:3px solid #F2F2F2; padding:5px 0 4px; margin-bottom:5px;}
.worklist .comment			{ font-size:77%;}
.worklist .date				{ font-size:85%; float:right; margin-top:-26px; padding-right:5px;}
.worklist .discription		{ padding-top:5px;}



.commentitem			{ padding-top:15px; border-bottom:1px solid #CCCCCC;}
.commentitem .jot-mod	{ margin-top:30px;}
.commentitem .commehead	{ padding:0 0 0 50px; font-size:85%; color:#999999; background:url("../images/icn_comment_big.gif") no-repeat 0 3px;}
.commentitem .commehead span { font-size:114%; color:#333333;}
.commentitem span.subject{ font-size:144%; color:#67AE05;}
.commentitem .message,
.commentitem .jot-extra	{ background-color:#EEF8D9; padding:10px;}
.commentitem		{}
.commentitem .moderater	{ background-color:#FCECE9;}
.commentitem .pub		{ background-color:#D9EEF8;}
.jot-list 				{ margin-top:20px; border:1px solid #CCCCCC; background-color:#FAFAFA; padding:5px;}
.jot-err 				{background-color:#FCECE9; padding:10px;}
.jot-cfm				{background-color:#EEF8D9; padding:10px;}
.formDef dt				{ margin-top:10px;}
.submitbtn				{ padding:1px 10px; letter-spacing:0.1em;}



/*Tabs
--------------------*/
ul.tabs 				{ padding:0; margin:0; list-style:none; height:28px; position:relative; clear:both; border-bottom:1px solid #CCCCCC;}
ul.tabs li 				{ padding:0; margin:0; display:inline; height:28px; background:url("../images/tabnav.gif");}
ul.tabs li a 			{ float:left; display:block; height:28px; color:#fff; text-decoration:none; text-align:center; padding:0 0 0 4px; border-right:2px solid #FFFFFF; cursor:pointer;
						  background:url("../images/tabnav.gif");}
ul.tabs li a span 		{ display:block; padding:6px 20px 0 16px;
						  background:url("../images/tabnav.gif") no-repeat right top;}
ul.tabs li a:hover 		{ background:url("../images/tabnav_over.gif"); color:#fff; text-decoration:none;}
ul.tabs li a:hover span { background:url("../images/tabnav_over.gif") no-repeat right top;}
ul.tabs li a.active		{ background:url("../images/tabnav_active.gif");}
ul.tabs li a.active span{ background:url("../images/tabnav_active.gif") no-repeat right top;}
#tab_profile, #tab_work, #tab_post, #tab_interview, #tab_mov, #tab_1, #tab_form
						{ background:url("../images/tab_mid.gif") repeat-y; padding:20px;}
#tab_profile p,
#tab_work p,
#tab_post p,
#tab_interview p,
#tab_1 p,
#tab_form p		{ padding:0 0 10px;}
.tab_content			{ background:url("../images/tab_btm.gif") no-repeat bottom; padding-bottom:10px;}

#tab_profile img, #tab_work img, #tab_interview img	{ margin:0 10px 10px;}

/* フォーム
*******************/
fieldset		{ border:3px double #CCCCCC; padding:20px;}
legend			{ background-color:#FFFFFF; padding:0 5px; font-size:114%;}
.atte			{ padding:2px; margin-right:3px; background-color:#66CC33; color:#FFFFFF;}
.tab_content input,
.tab_content textarea	{ margin-top:3px;}
input:focus		{ background-color:#FAFFF2;}
textarea:focus	{ background-color:#FAFFF2;}
.tab_content textarea	{ width:99%;}
.formitem		{ padding:10px 0 0; line-height:1.5em;}
input.invalid		{ background-color:#FCECE9;}
.errorBox				{ padding:5px 10px; background:#FCECE9; border-bottom:1px solid #CC9999; color:#CC0000;}


/*--------------------------------------
	Tag Cloud
---------------------------------------*/
ul.tagCloud { line-height:1; font-family:Arial;}
ul.tagCloud li {display: inline; font-size: 100%;}
ul.tagCloud li a { padding: 1px 5px; position: relative; line-height:1.4em; text-decoration: none; color: #fff;border: 1px solid #D2edA5;}
ul.tagCloud li.s6 a { z-index:6; font-size:174%; background-color:#66CC33;}
ul.tagCloud li.s5 a { z-index:5; font-size:144%; background-color:#7DD44E; top:5px;}
ul.tagCloud li.s4 a { z-index:4; font-size:122%; background-color:#95DC6F; left:3px;}
ul.tagCloud li.s3 a { z-index:3; font-size:107%; background-color:#AEE491; top:5px;}
ul.tagCloud li.s2 a { z-index:2; font-size:92%; background-color:#BAE8A2; left:7px;}
ul.tagCloud li.s1 a { z-index:1; font-size:77%; background-color:#C8ECB2;}
ul.tagCloud li a:hover {z-index:10;border-color: #90C12F;background-color: #66CC33;}



/* フォント
*******************
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.3em; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック"; }
* html body	{ font-size:78%;}
* html table { font-size:78%;}
.english, .copy	{ font-family:Arial, Helvetica, sans-serif;}

a			{ color:#0066CC; text-decoration:none;}
a:link 		{}
a:visited	{}
a:hover 	{ text-decoration:underline;}
a:active 	{}


/* TinyMCE*/
.pagelink_list		{ text-align:center; margin:-10px 0 20px;}
.clr_gray	{ color:#999999;}
.clr_green	{ color:#336600;}
.LLtxt		{ font-size:136%;}
.Ltxt		{ font-size:122%;}
.Stxt		{ font-size:85%;}
.bottomborder{ padding-bottom:3px; border-bottom:#DDDDDD;}


/* 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%;}