@charset "utf-8";
/*
Theme Name: Frontline Production
Theme URI: http://www.web-ecs.com/
Description: themes
Version: 1.0
Author: ECS Corp.
Tags: 

*/


img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { color: #282b31; font-size: 11px;}
textarea { color: #282b31; font-size: 11px;}
select { color: #282b31; font-size: 11px;}


/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header ,#navarea 	{ width:840px; margin:0 auto; text-align:left;}
#header		{ height:85px; background:url("/common/images/bg_header.gif") no-repeat top center; position:relative;}

h1			{ padding:15px 0 0 35px;}
a#logo		{ padding:0; display:block; width:139px; height:47px; background:url("images/logo.gif") no-repeat 0 0;}
a#logo span { display:none;}
a#logo:hover{}
#blogtitle{ position:relative; top:-35px; left:190px; line-height:1.3;}
#blogtitle a{ font-size:144%; color:#000000;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer				{ height:100px; width:100%; background:url("/common/images/bg_footer.gif") repeat-x bottom center;}
#footcontent		{ width:840px; margin:0 auto;}
#copyright			{ text-align: center; padding:60px 0 0 ; color:#FFFFFF;}



/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width: 820px; padding:15px 0 0; margin:0 auto;}
.SCS,
.SC { width: 400px; float: left; padding: 0px 0px 0px 30px;}
* html .SCS { width:420px;}
* html .SC { width:420px;}
h2.pagetitle	{ font-style:italic; font-size:144%; padding:3px 0 10px; text-align:right; color:#B80B06;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post {	padding: 0 0px 60px; border-top:1px solid #CCCCCC;}
.Post a { text-decoration:underline;}
.Post a:hover { text-decoration:none;}

.PostHead 			{ }
.PostHead h2 		{ font-size:167%; line-height:1.2; letter-spacing: -0.02em; font-weight: bold; padding: 0px 0px 10px; margin: 0;}
.PostHead h2 a 		{ color:#333333; text-decoration: none;}
.PostHead h2 a:hover{ text-decoration: underline;}
.PostTime			{ font-size:85%; padding:5px 0 0; margin:0;}

.PostCom { padding-top: 7px; background: url("images/PostComBkg.gif") repeat-x top;}
.PostCom p { margin:0 0 5px; list-style-type: none; display:block; color:#666666; font-size: 12px; } 
.PostCom p a{ }
.postbloc_sbm		{ float:right; padding:0px 0;}
.PostCom .Com 		{ padding: 0px 0px 0px 18px; background: url("images/PostCom.gif") no-repeat left top; }
.PostCom .PostCat 	{ margin-bottom:0;}


/* Edit ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.PostContent p{ list-style:1.2; margin:0 0 10px;}
.PostContent h1{ font-size:182%; line-height:1.2; margin:0 0 10px; padding:0 0 0;}
.PostContent h2{ font-size:144%; line-height:1.2; margin:0 0 10px; padding:0 0 0;}
.PostContent h3{ font-size:129%; line-height:1.2; margin:0 0 10px; padding:0 0 0;}
.PostContent h4{ font-size:114%; line-height:1.2; margin:0 0 10px; padding:0 0 0;}

.PostContent ul { padding: 5px 0px 10px 20px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 0; list-style:outside disc;}
.PostContent ol { padding: 5px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 0;  list-style:outside decimal;}

.PostContent table{ border-collapse:collapse; width:100%; margin:10px 0;}
.PostContent table td{ border:1px solid #CCCCCC; padding:5px;}
.PostContent table th{ border:1px solid #CCCCCC; padding:5px;}
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.PostContent blockquote p {  padding: 0px; margin: 0px; line-height:1.3;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; line-height:1.3;}
.PostContent blockquote a { color:#336699;}
.PostContent blockquote a:visited { color:#336699;}
.PostContent blockquote a:hover { color:#000033;}

.wp-caption { margin:15px 0 15px;}
.wp-caption img {  border:3px double #DDDDDD; border-bottom:none;}
.PostContent p.wp-caption-text{ font-size:85%; list-style:1; text-align:center; border:1px solid #DDDDDD; border-top:none; padding:3px; background-color:#F3F3F3;}
.PostContent .alignleft{ float:left; margin:0 10px 10px 0;}
.PostContent .alignright{ float:right; margin:0 0 10px 10px; text-align:right;}
.PostContent .aligncenter{ margin:0 auto 10px;}
.PostContent .alignleft p.wp-caption-text{ margin:0 4px 0 0;}
.PostContent .alignright p.wp-caption-text{ margin:0 0 0 4px;}
.PostContent .aligncenter p.wp-caption-text,
.PostContent .alignnone p.wp-caption-text{ margin:0 4px 0 0;}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 450px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 11px; padding: 10px 0px; color:#666;}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px; position: relative;}
.Comments h3 { font-size: 124%; font-weight:bold; line-height:1.3; letter-spacing: -0.05em; margin: 0px 0px 5px ; padding: 15px 0px 0; border-bottom: solid 2px #ccc;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin:0 0 20px;}
.List li { position: relative; padding: 5px 3px 5px; margin: 0 0px 0; border-bottom:1px dotted #CCCCCC; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; }
.List li.commentalt	{ background-color:#FFFAF9;}

/**/ * html .List .LGrav { right: 30px;} /* */ 
.List .LGrav	 { position: absolute; right: 5px; top: 5px;}
.List .LGrav img {  padding:0px;}
.List .LUsr 	{ margin: 0px; padding: 0px; font-size:85%; font-style:italic; color:#666666;}
.List .LUsr a	{ text-decoration: none; color:#666666;}
.List .LUsr strong	{ font-size:124%;  font-style: normal; color:#000000; }
.List .LUsr strong a{ text-decoration: none; color:#000000;}
.List .LCon 	{ margin:0; padding: 0px; line-height:1.3;}
.List .LCon p	{ margin: 0px; padding: 5px 0px 0;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email 	{ background: url(images/FooterEmail.png) no-repeat left top;}
.Form 			{  padding: 0px 0px 10px 0px; position: relative; margin: 0px;}
.Form form 		{ margin: 0px; padding: 0px;}
.Form a 		{ text-decoration: underline;}
.Form p 		{ padding: 0px 0px 2px 0px; margin: 0px; }
.Form p small	{  display: block; padding: 6px 0px 3px; color:#333333; font-size:100%;}
.Form p small strong { font-weight: bold;}

.Form .TextFieldName{ width:270px; color:#B80B06; border: solid 1px #E89B99; padding: 6px 6px 6px 30px; display: block; background:#FFFAF9 url("images/FormName.png") no-repeat 0 0;}
.Form .TextFieldEmail{width:270px; color:#B80B06; border: solid 1px #E89B99; padding: 6px 6px 6px 30px; display: block; background:#FFFAF9 url("images/FormEmail.png") no-repeat 0 0;}
.Form .TextFieldURI	{ width:270px; color:#B80B06; border: solid 1px #E89B99; padding: 6px 6px 6px 30px; display: block; background:#FFFAF9 url("images/FormURI.png") no-repeat 0 0;}
.Form .TextArea 	{width: 380px; color:#B80B06; border: solid 1px #E89B99; padding: 6px; background: #FFFAF9;}
.Form .TextFieldName:focus,
.Form .TextFieldEmail:focus,
.Form .TextFieldURI:focus,
.Form .TextArea:focus{ background-color:#FFFFFF; border: solid 1px #E89B96;}
.Form input.SubmitComment 		{ width: 57px; height: 29px; background: url(images/SubmitComment.gif) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(images/SubmitComment.gif) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE 	{ width: 57px; height: 29px; background: url(images/SubmitComment.gif) no-repeat 0 -29px; margin-top: 4px;}



/* About Blog ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.About { padding: 0px 0 10px 0;}
.About h2 { padding: 0px; margin: 0px; font-size: 14px;}
.About p { padding: 5px 0px; margin: 0px; font-size: 10px; line-height: 12px;}
.About p img { float:left; margin:0 5px 5px 0; border:solid 1px #ccc; padding:1px;}

/* About Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Recent { background: #ffe0bf url(images/RecentBkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}

.TabMenu { float: left; margin: 0px; padding: 0px; }
.TabMenu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: lowercase;}
.TabMenu li a { padding: 0px 0px 0px 9px; margin-right: 7px; background: url(./images/mleft.gif) no-repeat left top; float: left;}
.TabMenu li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/mright.gif) no-repeat right top; float: right; }
.TabMenu li a span { float: none; color: #cc0000;}
.TabMenu li a:hover span { color: #cc0000;}
.TabMenu li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabMenu li a:hover span { background-position: 100% -27px;  color:#ffff99;}

.TabLink a:link.active { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabLink a:link.active span { background-position: 0% -27px; color:#ffff99; text-decoration: none;}

.TabLink a:visited.active { background-position: left bottom;  color:#ffff99;}
.TabLink a:visited.active span { background-position: right bottom;  color:#ffff99;}

.TabContent { clear: left; padding-top: 10px;}
.TabContent ul { padding: 0px; margin: 0px;}
.TabContent li { color:#000033; padding: 1px 0px 1px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #ecc9a5; font-size: 13px;}
.TabContent li a { color:#336699; text-decoration: none;}
.TabContent li a:visited { color:#336699; text-decoration: none;}
.TabContent li a:hover { color:#000033; text-decoration: none;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Side Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL { width:180px; float:left; padding:0px;}
.SL h2,
.SR h2{ font-size:114%; padding:0 0px 3px; margin:0 0 5px; line-height:1.2; border-bottom:solid 1px #000000; color:#000000; font-weight:bold;}
.SL ul { margin: 0px; padding: 0px; line-height:1.2;}
.SL li { margin: 0px; padding:0;}

/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SL .widget { margin-bottom:20px; padding: 5px 8px 5px; border:solid 1px #cccccc;}

.SL .widget ul { margin: 0px; padding: 0px;}
.SL .widget li { margin: 0px; padding: 2px 0px 0px 0px; list-style-type: none;}
.SL .widget li a {display:block;}
.SL .widget li a:hover{ background-color:#FFF3F3;}

.SL .profile_area	{ font-size:85%; line-height:1.3;}
.SL .profile_area p	{ margin:5px 0 8px;}

.SL ul#categorytree li	{}
.SL ul#categorytree .level1{ font-weight:bold;padding-bottom:5px;}
.SL ul#categorytree .level1 li{ font-weight:normal;}
.SL ul#categorytree .level1 span{ display:block;  background-color:#EBEBEB; padding:2px 5px 1px; margin-bottom:3px}
.SL ul#categorytree li a{ display:block; padding:3px 0px 2px 14px; background:url("/common/images/icn_arrow.gif") no-repeat left center;}
.SL ul#categorytree li a:hover{ background-color:#FFF3F3;}

.SL ul.blogroll li	{}
.SL ul.blogroll li a{ display:block; padding:3px 0px 2px 14px; background:url("/common/images/icn_arrow.gif") no-repeat left center;}

.SL .widget ul.feedlink		{ padding:5px 5px 2px; border:1px solid #cc0000;}
.SL .widget ul.feedlink li	{ display:inline; background:none; border:none; padding:1px 30px 1px 25px;}
.SL .widget ul.feedlink li.icn_rss		{ background:url("images/icn_feed.gif") no-repeat 2px 0px;}
.SL .widget ul.feedlink li.icn_twitter	{ background:url("images/icn_twitter.gif") no-repeat 2px 0px;}
.SL .widget ul.feedlink li a{ font-size:12px;}

.SL .widget_tag_cloud { line-height: 22px;}
.SL .widget_tag_cloud h2 { margin-bottom:5px;}
.SL .widget_tag_cloud a { text-decoration:none;}

.SL .widget_calendar table { width: 100%;}
.SL .widget_calendar table td { text-align: center; padding: 3px; }
.SL .widget_calendar caption { background: #fff3e2; padding: 5px 0px;}
.SL .widget_calendar #today { background: #fff3e2;}

.SL .widget_search #s { border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;}


/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width: 180px; float: right;}
.SR .widget { margin: 0px 0px 20px 0px; padding: 5px 8px 5px; border:solid 1px #cccccc;}
.SR .widget_text{ border:none; padding:10px 0 0;}
.SR .widget_text h2	{ border:none; padding-bottom:0; }

.SR .widget ul { margin:0px; padding:0px;}
.SR .widget li { margin:0px; padding:0px 0px 0px 0px; list-style-type:none;}
.SR .widget li a {display:block; padding:3px 0px 2px 3px; border-bottom: dotted 1px #CCCCCC;}
.SR .widget li a:hover{ background-color:#FFF3F3;}

.SR .widget_categories ul {}
.SR .widget_categories ul li {}
.SR .widget_categories ul li li a { padding-left:17px;}
.SR .widget_categories ul li li a{  background:url("images/icn_tree.gif") no-repeat left center;}

.SR .widget #recentcomments li{ padding:3px 0px 2px 3px; border-bottom: dotted 1px #CCCCCC;}
.SR .widget #recentcomments a{ border:none; padding:0; white-space:nowrap;}
.SR .widget #recentcomments a:hover{ background:none;}



.SR .widget_tag_cloud { line-height: 22px;}
.SR .widget_tag_cloud a { text-decoration:none;}

.SR .widget_calendar table { width: 100%;}
.SR .widget_calendar table td { text-align: center; padding: 3px; }
.SR .widget_calendar caption { background: #fff3e2; padding: 5px 0px;}
.SR .widget_calendar #today { background: #fff3e2;}

.SR .widget_search #s { border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;}





/* フォント
*******************************************************************************
px      |	10	11	12	13	14	15	16	17	18	19	20	21	22	23	24	25	26
percent |	77	85	92	100	107	114	122	129	136	144	152	159	167	174	182	189	197
percent |	85	92	100	107	114	122	129	136	144	152	159	167	174	182	189	197
*******************************************************************************/

body		{ font-size:12px; line-height:1.4em; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック"; }
* html body	{ font-size:78%;}
* html table { font-size:100%;}
.english	{ font-family:Arial, Helvetica, sans-serif;}

strong	{ font-weight:bold;}
em		{ font-style:italic;}
a { text-decoration: none; color : #B80B06;}
a:hover	{ text-decoration: underline; color : #B80B06;}
a:focus { outline: none;}



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