/*  
Theme Name: Salmon
Theme URI: http://justinshattuck.com/salmon/

Description: A soft and clean salmon and blue colored theme.
Version: 1.0
Author: Justin Shattuck
Author URI: http://justinshattuck.com

	Information about the theme and its components here
	20100708 morimoto edits
*/
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body { margin: 0; padding: 0; background: #F6F5F5  url(./images/bkg_body-b.jpg) repeat-x; font-family: 'Verdana'; color: #000; font-size: 12px; line-height: 1.5; letter-spacing: 0;}

/* General Links */
a:link { text-decoration : none; color : #276e88; border: 0px; }
a:active { text-decoration : underline; color : #276e88; border: 0px; } 
 a:visited { text-decoration : none; color : #003366; border: 0px; } 
a:hover { text-decoration : underline; color : #CA2026; border: 0px; } 


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

input { font-family: 'Verdana'; color: #6a5555; font-size: 10px; }
textarea { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }
select { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }

h1, h2, h3 { font-family: 'Helvetica'; color: #111; }

ol { list-style: decimal;}
ol li{ list-style: decimal;}

#bgcontain { width: 782px; padding: 0px; margin: 0 auto; } 

/***********************************************************************************************
ヘッダ
***********************************************************************************************/
.Header { margin-top: 0px; position: relative ; clear: left; width: 782px; height: 107px; margin: 0 auto; }

/* 見出し*/
.Header h1 { font-size: 11px; float: left; height: 10px; font-weight:normal; position:absolute; top:1px; left:3px; margin-top:0; padding-top:0;  font-family:"MS UI Gothic", Osaka, Arial;}

/* タイトルロゴ*/
.Header .titleLogo { position: absolute; top: 40px;
}

/* 超上部メニュー*/
.Header .topNavi{ position: absolute; top: 1px; left: 0px; cursor: hand; }
.Header .topNavi ul { padding: 0px; margin: 0px; }
.Header .topNavi li { padding: 0px; margin-right: 4px; display: inline; font-size: 11px;  font-family: "MS UI Gothic", Osaka, Arial; }
.Header .topNavi a { padding: 0px 0px 0px 1px; margin-left: 6px; float: left; }
.Header .topNavi img { margin-right: 3px; }

/* 背景
.Header .TopHeader { position: absolute; top: 40px; left: 0px; background-image: url("./images/logo-b.gif"); background-repeat: no-repeat; width: 360px; height: 42px;} */
.Header .TopHeader a { font-size: 1px; color:#3360bb; height: 0px; position: absolute; top: 5px; left: 0px;}

/* お問い合わせとサイトマップ*/
.Header .subNavi{ position: absolute; top: 47px; left: 390px; cursor: hand; }
.Header .subNavi ul { padding: 0px; margin: 0px; }
.Header .subNavi li { padding: 0px; margin-right: 10px; display: inline; font-size: 12px;  font-family: "MS UI Gothic", Osaka, Arial; }
.Header .subNavi a { padding: 0px 0px 0px 1px; margin-left: 10px; float: left; color: #CC0000; }
.Header .subNavi img { margin-right: 6px; }

/***********************************************************************************************
検索部
***********************************************************************************************/

.Header .Search{
width:240px;
position:absolute;
top:45px;
left:590px;
text-align:left;
}

.Header .Search ul { padding: 0px; margin: 0px; }

.Header .Search ul li{
list-style-type: none;
  display:inline;
  padding: 0px; 
  margin: 0px;
}

.Header .Search fieldset { border: none; padding: 0px; margin: 0px;}
.Header .Search input { color: #666; font-size: 12px;}
.Header .Search form { padding: 0; margin: 0;}

/*\ IE/Win min height hack */ * html #buttonsearch { margin: -29px 0px 0px 216px; } /* */ 
#buttonsearch { padding: 0px 10px 0px 0px; margin: -31px 0px 0px 187px; top: 0px; background: none;  position: absolute; top: 59px; right: 10px;}

.search_result{
				padding-left: 45px; 
				margin: 0px 0px 0px 5px;
				background-color: #cccccc; 
				border-top:0px solid #cccccc; 
				border-bottom:1px solid #cccccc; 
				border-left:0px solid #cccccc; 
				border-right:0px solid #cccccc; 
			}

/***********************************************************************************************
RSS
**********************************************************************************************

.Header .SubRss { position: absolute; top: 108px; right: -2px; background: url(./images/bkg_rss-b.jpg) no-repeat left top; width: 262px; color:#fff; height: 35px; }
.Header .SubRss ul em { display: none}
.Header .SubRss ul { margin: 0px; padding: 19px 8px 9px 8px;}
.Header .SubRss ul li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Header .SubRss ul li a { DISPLAY: block; HEIGHT: 29px }
.Header .SubRss ul li a.subscribe{ background: url(./images/SubRssButton.png) no-repeat left bottom; }*/
.Header .SubRss ul li a:hover { background-position: left top; }

/***********************************************************************************************
メインメニュー（左上上部のナビゲーション部） 
***********************************************************************************************/

.MainMenu { position: absolute; top: 82px; left: 2px; cursor: hand; z-index: 10; }
.MainMenu ul { padding: 0px; margin: 0px; }
.MainMenu li { padding: 0px; margin: 0px; display: inline; font-size: 12px;  font-family: "MS UI Gothic", Osaka, Arial;  line-height: 1.2; letter-spacing: 1px; }
.MainMenu a { padding: 0px 0px 0px 1px; margin-left: 1px;   float: left; background: url(./images/mainMenuButton.jpg) no-repeat left bottom;}
/*background: #5C81AA */

.MainMenu a span { padding: 6px 6px 5px 3px; display: block; background: #5C81AA no-repeat right top; float: left; width: 100px; background: url(./images/mainMenuButton.jpg) no-repeat left bottom;}
.MainMenu a span { float: none; color: #788797; }

.MainMenu a:hover span { background: #7FBE42; color: #e1f15d; background-position: 100%; color: #000000;background: url(./images/mainMenuButtonOn.jpg) no-repeat left bottom;}
.MainMenu a:hover { background: #7FBE42 ;background-position: 0% -200px; color: #000000; text-decoration: none;background: url(./images/mainMenuButtonOn.jpg) no-repeat left bottom;}


code {
	display: block;
	width: 98%;
	font: 1.1em 'Courier New', Courier, Fixed;
	border: 1px solid #cccccc;
	padding: 4px 2px;
}

/***********************************************************************************************
コンテンツ・サイドメニュー部　コンテナ
***********************************************************************************************/

/* コンテナ */

* html .container { height: 450px;} 

.container { 	width: 782px;
				min-height: 1180px;
				float: left;
				margin: 0 0 20px 0; 
				border-bottom: 1px solid #CCCCCC; 
				border-left: 1px solid #CCCCCC; 
				border-right: 1px solid #CCCCCC; 
				padding: 0px;
				background: #FFFFFF;}

/* Central Column 本文テキスト部 */

.SC { 			float: left; 
				width: 560px; 
				font-size: 11.5px;
				line-height: 1.7;
				letter-spacing: 1px; 
				color: #414141; 
				padding: 0px 0px 20px 12px;
				margin: 10px 10px 0 0;
				position:static;
				min-height: 433px; }

.SC p{ 			font-size: 11.5px;
				line-height: 1.7;
				letter-spacing: 1px; 
				margin: 0 15px 0 20px;
				}

.SinglePage table{ 		
margin: 0 0px 0 15px;}



/* static contents */

h2.SC_TITLE {float: left;
				width: 530px; 
				background-color: #135b7b; 
				padding: 5px 0px 5px 10px; 
				margin-top: 5px;
				margin-bottom: 15px;
				border-top: 1px solid #cccccc; 
				border-bottom: 1px solid #cccccc; 
				border-left: 1px solid #cccccc; 
				border-right: 1px solid #cccccc; 
				font-family: 'Verdana'; 
				color: #FFFFFF; 
				font-size: 15px; 
				font-weight: 600; 
				line-height: 1.5;
				} 

h3.SC_H3 	{	float: left;
				width: 510px; 
				background-color: #FFFFFF; 
				padding: 4px 5px 2px 6px; 
				margin: 5px 5px 10px 5px ;
				border-top:0px solid #FFFFFF; 
				border-bottom: 1px solid #CCCCCC; 
				border-left: 7px solid #CCCCCC; 
				border-right: 0px solid #FFFFFF; 
				font-family: 'Verdana'; 
				color: #585858; 
				font-size: 13px; 
				font-weight: 600;
				line-height: 1.5;
			 } 

h3.saiyo_H3{float: left;
				width: 530px; 
				background: url(./images/h3saiyo.gif) no-repeat;
				padding: 4px 0px 3px 18px; 
				margin: 5px 0px 10px 5px ;
				font-family: 'Verdana'; 
				color: #333333; 
				font-size: 13px; 
				font-weight: 600;
				height: 24px;
			 } 

h4.SC_H4 	{	float: left;
				width: 510px; 
				margin: 5px 5px;
				background-color: #FFFFFF; 
				padding: 0px 12px 0px 5px; 
				border-top:0px solid #FFFFFF; 
				border-bottom: 1px dotted #CCCCCC; 
				border-left: 0px solid #CCCCCC; 
				border-right: 0px solid #FFFFFF; 
				font-family: 'Verdana'; 
				color: #323232; 
				font-size: 13px; 
				font-weight: 600;
				line-height: 1.5;
			 } 

h5.SC_H5 	{	float: left;
				width: 530px; 
				background-color: #FFFFFF; 
				padding: 0px 5px 0px 5px; 
				margin-left: 5px;
				border-top:0px solid #FFFFFF; 
				border-bottom: 1px solid #CCCCCC; 
				border-left: 0px solid #CCCCCC; 
				border-right: 0px solid #FFFFFF; 
				font-family: 'Verdana'; 
				font-size: 13px; 
				font-weight: 600;
 				line-height: 1.5;
			 } 

h6.SC_H6        { border: 0px solid #cccccc; } 

p.SC_TEXT	{	float: none ;
				clear: left;
				width: 530px; 
				padding: 10px; 
				height: 100px;
				background-image: url(./images/bkg-sc-text.jpg) ;
				background-repeat: no-repeat;
				margin: 0 0 0 10px;
				color: #414141;
				background-color: #FFFFFF;
				line-height: 1.5} 

h2.TABLE_TITLE {background-color: #393B45; 
				padding: 3px 0 3px 10px ; 
				margin-top: 5px;
				margin-bottom: 0px;
				border-top:0px solid #FFFFFF; 
				border-bottom: 1px solid #CCCCCC; 
				border-left: 0px solid #6486A4; 
				border-right: 1px solid #CCCCCC; 
				font-family: 'Verdana'; 
				color: #FFFFFF; 
				font-size: 12px; 
				font-weight: 500;
				letter-spacing: 0px;
				font-family: "MS UI Gothic", Osaka, Arial;  } 

.SC_ANNOTATION{font-size: 9px; } 

form.LINE      {border: 1px solid #ffcc33; 
                                background: #ffffcc; 
                                padding-left: 5px;
                                padding-right: 5px;
                                margin-right: 10px;
                                clear: both; }

p.INDENT       { text-indent: 0.5em; margin-top:1px; line-height: 1.5; font-size: 11px;} 

ol li.alpha{ list-style-type: lower-alpha;}




/***********************************************************************************************
画面右部のカラム
***********************************************************************************************/

/* Right Column */

.SR { 			width: 200px; 
				float: left; 
				margin: 0px;  
				padding: 0px; 
				vertical-align: bottom; 
				background-image: url("./images/SR-bg.jpg");
				background-repeat: repeat-y ; 
				border-bottom:1px solid #abb0b5; }


/********************************************************************
Side Menu  右部メニューカテゴリ
********************************************************************/
 .Categ { margin-top: 0px; margin-bottom: 5px; padding: 5px 0 0 10px; width: 180px; float: left; }

 .Categ ul { font-size: 11px; list-style: none; border-top: 0px solid #276e88; padding: 2px 0px 0 0; margin: 0; line-height: 1; } 

 .Categ li { margin: 0; padding: 0; background: none; min-height: 18px; width: 170px; display: block; border-bottom: 0px solid #276e88; position: relative; font-size: 15px; text-decoration: none; color: #FFFF;}

 .Categ li a { display: block; padding: 1px 0px 1px 20px; font-size: 12px; text-decoration: none; color: #276e88; background: url(./images/CategoriesIco.jpg) no-repeat left top; border-left:0px solid #41A5CA; border-right:0px solid #41A5CA; border-top:0px solid #41A5CA; border-bottom:0px solid #276e88;}

 .Categ ul.children{ margin: 1px 0 1px 18px;}

 .Categ li a:hover { background: #7FBE42 url(./images/CategoriesIcoOn.jpg) no-repeat left top; font-size: 12px; text-decoration: none; color: #000000; }

 * html .Categ li a { right: 0px; color:#276e88; }



/***********************************************************************************************
日付
***********************************************************************************************/

.DateHeader { background: #FFFFFF; margin-bottom: 20px; margin-top: 0px;}
.DateHeader p { background:url(./images/DateHeaderIco.png) no-repeat left center; padding: 0px 0px 5px 20px; margin: 0px 0px 0px 0px; font-size: 18px; font-family: 'Helvetica'; }

.PostDate { position: absolute; top: 0px; left: -15px; text-align: center; margin: 0; padding: 0px 5px 5px 5px; list-style: none; background: url(./images/PostNrBkg.png) no-repeat left top; width: 32px; }
.PostDate .month {display: block; font-size: 11px; letter-spacing: -1px; text-transform: lowercase;  line-height: 16px; color: #fff;}
.PostDate .day { display: block; font-size: 16px; font-family: 'Arial'; font-weight: bold; line-height: 18px; color: #ffff99; padding-top: 4px; }



/***********************************************************************************************
Blogエントリ
***********************************************************************************************/

h2.Heading 	{	float: left;
				width: 540px; 
				background-color: #135b7b; 
				padding: 5px 0px 5px 10px; 
				margin-top: 5px;
				margin-bottom: 15px;
				border-top: 1px solid #cccccc; 
				border-bottom: 1px solid #cccccc; 
				border-left: 1px solid #cccccc; 
				border-right: 1px solid #cccccc; 
				font-family: 'Verdana'; 
				color: #FFFFFF; 
				font-size: 15px; 
				font-weight: 600; } 

.Post {			float: left;
				width: 550px; 
				padding: 0px; 
				position: relative; 
				clear: left; 
				margin-bottom: 20px; 
				margin-top: 0px; 
				margin-left: 0px;}

.Post h3 { 		font-size: 15px; 
				font-weight: 1; 
				letter-spacing: 0px; 
				font-family: 'Helvetica'; 
				padding: 2px 0px 0px 0px; 
				margin: 0px 0px 0px 5px; 
				display: block; 
				color: #323232; 
				border-left:0px solid #FFFFFF; 
				border-right:0px solid #abb0b5; 
				border-top:0px solid #abb0b5; 
				border-bottom:0px solid #abb0b5; 
				}

.Post h3 a { color: #276e88; text-decoration: none; padding: 3px 0px 0px 0px;}　
.Post h3 a:visited { color: #003366; text-decoration: none;}
.Post h3 a:hover { text-decoration : underline; color : #CA2026;}


.PostHeadSimple {}
.PostHead { 	padding-left: 40px; 
				margin: 0px 0px 0px 5px;
				background-color: #EBEEF1; 
				border-top:1px solid #cccccc; 
				border-bottom:1px solid #cccccc; 
				border-left:1px solid #cccccc; 
				border-right:1px solid #cccccc; 
				}

.PostInfo { 	padding: 2px 0px; 
				margin: 0px 0px 0px 55px;
				font-size: 9px; color: #999999; 
				border-bottom: dashed 1px #637f89; 
				border-right:1px solid #cccccc; 
				}
.PostInfo ul { padding: 0px; margin: 0px;}
.PostInfo li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.PostInfo a { color:#7fa1a9; text-decoration: underline;}
.PostInfo a:visited { color:#7fa1a9; text-decoration: underline; }
.PostInfo a:hover { color:#7fa1a9; text-decoration: underline; }

.PostContent { 	padding: 10px 10px 10px 40px;
				margin: 0px 0px 0px 5px;
				background: #FFFFFF;
				border-top:0px solid #cccccc; 
				border-bottom:1px solid #cccccc; 
				border-left:1px solid #cccccc; 
				border-right:1px solid #cccccc; 
				}

.PostContent h1 { font-size: 22px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent h2 { font-size: 19px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent h3 { font-size: 15px; font-weight: bold; padding: 2px 0px 0 0; margin: 10px 0 0 0;}
.PostContent h4 { font-size: 13px; font-weight: bold; padding: 2px 0px 0 0; margin: 8px 0 0 0;}
.PostContent ul { font-size: 11.5px; margin-top: 0; padding-top: 0;}
.PostContent ol { font-size: 11.5px;}
.PostContent p { font-size: 11.5px; line-height: 1.5; color: #414141; padding: 0px; margin: 0px;}
.PostContent img { float: left; padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.PostContent blockquote { padding: 5px 0px; margin: 5px 0px; color:#46B8C1;}
.PostContent blockquote p { font-size: 10px; padding: 3px 0px; margin: 3px 0px; line-height: 12px; color: #46B8C1;}

.PostHeadSearch { 	padding-left: 15px; 
				margin: 0px 0px 0px 5px;
				background-color: #EBEEF1; 
				border-top:1px solid #cccccc; 
				border-bottom:1px solid #cccccc; 
				border-left:1px solid #cccccc; 
				border-right:1px solid #cccccc; 
				}

.PostContentSearch { 	padding: 2px 10px 10px 20px;
				margin: 0px 0px 0px 5px;
				background: #FFFFFF;
				border-top:0px solid #cccccc; 
				border-bottom:1px solid #cccccc; 
				border-left:1px solid #cccccc; 
				border-right:1px solid #cccccc; 
				}

.PostDetails { padding: 10px 0px; margin: 0px; font-size: 10px; width : 520px;}
.PostDetails a { text-decoration: underline;}
.PostDetails a:visited { text-decoration: underline; }
.PostDetails a:hover { text-decoration: underline; }

.PostDetails .ReadOn { background: url(./images/PostDetailsReadIco.png) no-repeat left center; padding: 5px 0px 5px 15px;}
.PostDetails .Subscribe { background: url(./images/PostDetailsRssIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}
.PostDetails .NrComments { background: url(./images/PostDetailsCommentsIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}
.PostDetails .AddOpinion { background: url(./images/PostDetailsOpinionIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}



/***********************************************************************************************
コメント
***********************************************************************************************/


.Comments { 	float: left;
				width: 510px; 
				background:#FFFFFF; 
				padding: 0px 0px 0px 0px; 
				margin: 0px 0px 0px 10px ; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List h3 { background: url(./images/bkg_h3_PostComments.png) no-repeat left center; font-size: 14px; font-weight: normal; color:#414141; margin: 0px; padding: 0px 0px 0px 0px; }

.Comments .List h3 strong { 
				font-size: 17px; 
				font-weight: normal; 
				text-transform: uppercase; 
				color:#414141; 
				border-bottom: dashed 1px #87909e; 
				display: block; 
				padding-bottom: 2px; 
				margin-bottom: 2px; }

.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; background: #F0EEEE; padding: 10px; margin: 10px 0px; list-style-type: none;   color:#414141; font-size: 11px; border: dashed 1px #5B5519; position: relative;  }

.Comments .List .ListNr { position: absolute; top: 15px; left: 12px; font-size: 27px; font-family: 'Arial'; line-height: 22px;}
.Comments .List .ListDate { font-size: 10px; color:#414141;}
.Comments .List .ListDate a { color:#414141; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: underline;}
.Comments .List .ListUser { margin: 0px 0px 0px 50px; padding: 0px; font-size: 11px; letter-spacing: -1px; }
.Comments .List .ListUser a { color: #414141; }
.Comments .List .ListUser a:visited { color: #414141; }
.Comments .List .ListUser a:hover { color: #414141; }
.Comments .List .ListDate { color:#414141; padding: 1px 0px; margin: 0px 0px 0px 50px;}
.Comments .List .ListDate a { color: #414141; text-decoration: underline;}
.Comments .List .ListContent { margin-left: 50px; margin-right: 10px; color:#414141;}
.Comments .List .ListContent a { color: #414141; }
.Comments .List .ListContent a:visited { color: #414141; }
.Comments .List .ListContent a:hover { color: #414141; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form { 	background: #F0EEEE; 
					margin: 0px 0px 0px 0px; padding: 10px 0px 15px 0px; }

.Comments .Form h3 { background: url(./images/bkg_h3_PostForm.png) no-repeat left center; font-size: 14px; font-weight: normal; color:#6D747E; margin: 0 20px 0 0; padding: 0px 0px 0px 20px; }

.Comments .Form h3 strong { font-size: 15px; font-weight: normal; text-transform: uppercase; color:#000000; border-bottom: dashed 1px #87909e; display: block; padding-bottom: 2px; margin-bottom: 0px; }

.Comments .Form form { padding: 0px; margin: 15px 0px 0px 20px;}
.Comments .Form p { padding: 2px 0px; margin: 0px; font-size: 10px;}
.Comments .Form p label { padding-bottom: 2px; display: block;}
.Comments .Form p label small { font-size: 5px; color: #F6F5E9; }

.Comments .Form .Note {  margin: 5px 0px; width: 365px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #F6F5E9; border: solid 1px #fff; padding: 5px; color: #424e65; font-size: 12px;}
.Comments .Form .TextArea { background: #F6F5E9; border: solid 1px #fff; padding: 5px; color: #424e65; font-size: 13px;}

.Comments .Form input.SubmitComment { width: 150px; height: 26px; background: url(./images/SubmitComment.png) no-repeat;margin-top: 7px;}
.Comments .Form input.SubmitComment:hover { background: url(./images/SubmitComment.png) no-repeat 0 -26px; }
.Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(./images/SubmitComment.png) no-repeat 0 -26px;margin-top: 7px; }
.Comments .Form input.Subscribe { background: #eaf4ff; border: 1px #fff solid; font-weight: bold; padding: 2px 0px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
フッタ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Sponsors { margin-bottom: 0px; width: 289px; }


/*\ IE/Win min height hack */ * html .FooterContain { height: 50px;} /* 47758A*/ 
.FooterContain { width: 100%; background: #F6F5F5; clear: both; min-height: 50px; padding: 0px 0px 0px 0px; border-top: solid 0px #276e88; margin-top: 30px}


.Footer { width: 785px; margin: 0 auto; color: #859494; clear: both; border-top: solid 3px #cb0003;} 
.Footer h2 {  font-family: 'Arial'; font-size: 14px; letter-spacing: -1px; font-weight: bold; color: #000000; padding: 10px 0px; margin: 0px; text-transform: uppercase; } 

/* フッタ左部メニュー*/
.Footer #leftNavi{ float: left; padding: 0px; margin: 0px 0px 0px 2px; font-size: 11px;  font-family: "MS UI Gothic", Osaka, Arial; text-align: left; width: 330px}
.Footer #leftNavi ul { padding: 0px; margin: 0px; }
.Footer #leftNavi li { padding: 0px; margin: 0 0 2px 0; display: inline; font-size: 11px;  font-family: "MS UI Gothic", Osaka, Arial; color: #666666; line-height: 1.2}
.Footer #leftNavi strong a { font-weight: normal; color: #666666;}

/* フッタ右部メニュー*/
.Footer #rightNavi{ float:right; cursor: hand; width: 320px; margin-top: 1px;}
.Footer #rightNavi ul { padding: 0px; margin: 0px; }
.Footer #rightNavi li { padding: 0px; margin-right: 6px; display: inline; font-size: 11px;  font-family: "MS UI Gothic", Osaka, Arial; }
.Footer #rightNavi a { padding: 0px 0px 0px 1px; margin-left: 10px; float: right; }
.Footer #rightNavi img { margin-right: 4px; }

/***********************************************************************************************
サブメニュー
***********************************************************************************************/
.UMenu { font-size: 10px; letter-spacing: 0px; padding: 0; margin: 0}

/***********************************************************************************************
テーブル
***********************************************************************************************/
table { clear: both; }

/*mySQL*/

#mysql table {
  font-size: 11px;
  letter-spacing: 0;
}

#mysql th {
  font-size: 11px;
  text-align: left;
  padding: 4px 6px;
}

#mysql th.center{
  text-align: center;
  font-size: 11px;
  padding: 4px 10px;
  color: #FFFFFF;
  background: #0077A2;
  font-weight: bold;
}

#mysql td {
  font-size: 11px;
  letter-spacing: 0;
}

/*THE統制*/

#tousei table {
  font-size: 11px;
  letter-spacing: 0;
  width: 550px;
}

#tousei th {
  font-size: 13px;
  text-align: left;
  padding: 4px 6px;
}

#tousei th.center{
  text-align: center;
  font-size: 14px;
  padding: 4px 10px;
  color: #FFFFFF;
  background: #0077A2;
  font-weight: bold;
}

#tousei th.reqttl{
  text-align: center;
  font-size: 11px;
  padding: 4px;
  color: #FFFFFF;
  background: #0077A2;
  font-weight: bold;
}

#tousei td {
  font-size: 11px;
  letter-spacing: 0;
}

/***********************************************************************************************
エントリー内のリスト
***********************************************************************************************/

.SinglePage ul {
   margin: 0 0 0px 0px;
   padding: 0;
   clear: both;
}

.SinglePage ul li {
   margin: 0 0 0px 25px;
   padding: 2px;
}

.SinglePage ol {
   list-style: decimal;
   clear: both;
}

.SinglePage ol li{ list-style: decimal;}

/***********************************************************************************************
sidebanner
***********************************************************************************************/

.sidebanner {margin: 0 0 0 1px; padding: 0; border-style: none;}

/***********************************************************************************************
MySQL
***********************************************************************************************/

.mySql { margin: 0; padding: 10px 10px 10px 10px; float: left; border-top: dashed 1px #87909e; }
.mySql img{ margin: 0 0 5px 20px; padding: 0;}
.mySql p{ font-size: 10px; line-height: 1.2; padding: 0; margin: 0;}

/***********************************************************************************************
google maps
***********************************************************************************************/
.google { margin: 0 0 0 0; padding: 10px 0px 10px 0px; float: left; width: 180px; }
.google img{ margin: 0px 5px 0px 10px; padding: 0 0 0 0;}
.google p{ font-size: 10px; line-height: 1.2; padding: 0 0 0 0; margin: 0 0 0 5;}

/***********************************************************************************************
RSS
***********************************************************************************************/

.rss { margin: 0; padding: 10px; float: left;border-top: dashed 1px #87909e; width: 180px;}

/***********************************************************************************************
SSL
***********************************************************************************************/

.ssl { margin: 0; padding: 10px; float: left;border-top: dashed 1px #87909e; width: 180px; text-align: center;}


/***********************************************************************************************
ページ送り
***********************************************************************************************/

.paging {
   height: 10px;
   padding: 0;
   clear: both;
}

.paging dl {
  margin: 0px;
  padding: 0px;
  border: none;
}

.paging dt {
  margin-left: 10px;
  padding: 0;
  float:left;
}
	
.paging dd {
  margin-right: 5px;
  padding: 0;
  float:right;
}

/***********************************************************************************************
ページトップへ
***********************************************************************************************/

.pagetop {
  text-align: right;
  width: 540px; 
  padding: 5px 0px; 
  margin-top: 5px;
  margin-bottom: 15px;
  border-top: dashed 1px #87909e;
  font-size: 11px;
  font-family: Arial;
  color: #CC0000;
}

/***********************************************************************************************
トップページ
***********************************************************************************************/
/*サービス紹介*/

div#servBox{
margin: -3px 0 5px 0;
height: 950px;
padding-bottom: 5px;
width:550px;
}

div#servBox .servLarge{
  margin: 0px 0 5px 0px;
}


div#servBox .newService{
  margin: 3px 0 3px 3px;
  padding-bottom:3px;
  width: 270px;
  height: 178px
}

div#servBox .servT{
clear:both;
float:left;
display:block;
width:490px;
padding-bottom:0px;
margin:0px;
}


div#servBox .serviceT{
background:url("./images/servBgL.jpg") no-repeat;
  margin: 3px 0 3px 3px;
  padding-bottom:0px;
  width: 490px;
  height: 108px
}

.servT h2 {
  margin: 0;
  padding: 5px 0 3px 0;
  width: 106px;
  height: 16px;
  position: relative;
  top: 0px;
  left: 8px;
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
}

.servT h3{
  margin:0 5px 3px 0;
  padding-left:0px;
  letter-spacing: none;
  padding: 0;
  position: relative;
  top: 0px;
  left: 5px;
  font-size: 11px;
  font-family: "MS UI Gothic", Osaka, Arial;
  line-height: 1.2;
  text-decoration: none;
  font-weight: normal;
}

div#servBox .servL{
clear:both;
float:left;
display:block;
width:270px;
padding-bottom:10px;
margin:0px;
}

div#servBox .servR{
float:right;
display:block;
width:270px;
margin-left:0px;
padding-bottom:10px;
margin: 0;
}

div#servBox .service{
background:url("./images/servBg.jpg") no-repeat;
  margin: 3px 0 3px 3px;
  padding-bottom:3px;
  padding-right:1px;
  width: 270px;
  height: 100px;
}

.txtArea {
  margin: 0;
  padding: 0px 5px 0px 0px;
  width: 175px;
  float: left;
}

.txtArea h2 {
  margin: 0;
  padding: 10px 5px 3px 3px;
  width: 160px;
  height: 16px;
  float: left;
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
}

.txtArea h3{
  margin:0px 0px 3px 0;
  padding:0;
  letter-spacing: none;
  position: relative;
  top: 0px;
  left: 5px;
  font-size: 11px;
  font-family: "MS UI Gothic", Osaka, Arial;
  line-height: 1.2;
  text-decoration: none;
  font-weight: normal;
  display: inline;
}

.iconImg {
  position: relative;
  margin: 0 0px 0 3px;
  float:left;
  padding: 13px 0px 0 6px;
}


/* 最近のプロジェクト */

div#rdBox{
background:url(./images/recentDevBg.jpg) no-repeat left;
height:180px;
margin: 0px;
padding: 0px;
clear: both;
}

h2#rd{
background:url(./images/recentDevTtl.jpg) no-repeat;
width:550px;
height: 23px;
clear: both;
margin: 0 0 5px 2px;
padding: 2px 0 0px 0;
}

div#rdBox dl{
float:left;
display:block;
width:535px;
padding: 0px 0 5px 5px;
margin: 0px 0 5px 5px;
line-height: 1.1;
}

div#rdBox dl dt{
clear:left;
float:left;
display:block;
width:525px;
margin: 0px 0 0 10px;
padding: 0px 0 0px 0;
}

div#rdBox dl dd{
float: right;
display: block;
width: 500px;
margin: 5px 0 0 25px;
padding: 0px;
}


.sc10{
  font-size: 11px;
  font-family: "MS UI Gothic", Osaka, Arial;
  line-height: 1.2;
}

.rpttl{
  margin: 10px 0 0 10px;
  padding: 0;
}

.rptxt{
  line-height: 1;
  letter-spacing: none;
  margin: 0 0 0 15px;
  padding-left: 15px;
}

.f_size{
  font-size: 11px;
  letter-spacing: 0;
}

#mysql span {
  font-size: 10px;
  letter-spacing: 0;
}

#mysql span.txtblue {
  color : #276e88;
  font-size: 14px;
}

#mysql span.txtred {
  color: #FF0000;
  font-size: 10px;
}

#tousei span {
  font-size: 10px;
  letter-spacing: 0;
}

#tousei span.txtblue {
  color : #276e88;
  font-size: 14px;
}

#tousei span.txtred {
  color: #FF0000;
  font-size: 14px;
}

#tousei ol {
  margin-top: -1px;
}

.txtred {
  color: #FF0000;
  font-size: 14px;
}


/***********************************************************************************************
Pマーク
***********************************************************************************************/

.SinglePage dl.pMark{
	line-height: 1.6;
	margin:5px 10px 5px 20px;
	padding: 5px;
	padding-bottom:6px;
	border: 1px solid #ececec;
	clear: both;
	width: 490px;
	height: 90px;
}

.SinglePage dl.pMark dt{
	margin: 0;
	padding: 0;
	border: 0;
}

.SinglePage dl.pMark dt img{
	float:left;
	border: 0;
	margin: 6px 16px 6px 6px;
}
.SinglePage dl.pMark dd{
	padding: 6px;
	border: 0;
}

/***********************************************************************************************
ssl
***********************************************************************************************/

.SinglePage dl.ssl{
	line-height: 1.6;
	margin:5px 10px 20px 20px;
	padding: 0 0 5px10px;
	border: 1px solid #ececec;

	width: 480px;
	height: 65px;
        text-align: left;
}

.SinglePage dl.ssl dt{
	margin: 0;
	padding: 0;
	border: 0;
}

.SinglePage dl.ssl dt img{
	position: relative;
        top: 5px;
        left: 0px;
	border: 0;
}
.SinglePage dl.ssl dd{
	position: relative;
        top: -50px;
        left: 55px;
	width: 400px;
	border: 0;
text-align: left;
}


/***********************************************************************************************
採用情報
***********************************************************************************************/
/*社員の声*/

div#saiyoBox{
margin: 3px 0 5px 0;
height: 570px;
padding-bottom: 5px;
width:550px;
}

div#saiyoBox .saiyoL{
clear:both;
float:left;
display:block;
width:270px;
padding-bottom:10px;
margin:0px;
}

div#saiyoBox .saiyoR{
float:right;
display:block;
width:270px;
margin-left:0px;
padding-bottom:10px;
margin: 0;
}

div#saiyoBox .saiyoVoice{
  margin: 3px 0 6px 0px;
  padding-bottom: 10px;
  width: 270px;
  height: 178px
}

/*FAQ*/

#ans{ text-indent: -1.5em;
  overflow: visible;
  margin: 0 15px 0 35px;
  clear: both;
}

/***********************************************************************************************
inter office
***********************************************************************************************/
/*mySQLブログ*/

.syntax_hilite, li .syntax_hilite {
	padding:3px 3px 10px 8px; border:1px solid #303130; background-color:#FEFEFE;
	font-size:11px; font-family:'Courier New',Courier,monospace;
	/* comment the line below to remove scrolling in code boxes */
	overflow:auto; white-space:nowrap;
}
/* change this line to set the width of code box */
.syntax_hilite { width:470px; }
/* change this line to set the width of code box in a list */
li .syntax_hilite { width:420px; }
.igBar, li .igBar {
	background-color:#D6D3CE; font-family:courier,arial,verdana;
	border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;
	border-right:1px solid #424142;
}
/* change this line to set the width of plain text bar above code box */
.igBar { width:481px; }
/* change this line to set the width of plain text bar above code box in a list */
li .igBar { width:471px; }
.igBar a, .igBar a:hover {
	margin:0px 5px 0px 10px; font-weight:bold; color:#000000;
	text-decoration:none;
}
.syntax_hilite .langName { color:#000000; font-weight:bold; }
.syntax_hilite textarea { margin:0px -5px -2px 0px; border:none; }

/***********************************************************************************************
Sidebar Submenu
***********************************************************************************************/

#sidebarSubmenu {
  margin: -1px 0 1px 0;
  padding: 0px 0 0 1px;
  width: 180px;
  float: left;
}

#sidebarSubmenu ul {
  font-size: 11px;
  list-style: none;
  border-top: 0px solid #276e88;
  padding: 2px 0px 0 0;
  margin: 0;
  line-height: 1.8; 
}

#sidebarSubmenu ul li {
  margin: 0;
  padding: 0;
  background: #E6EBF2;
  min-height: 18px;
  width: 198px;
  display: block;
  border-bottom: solid 1px #FFFFFF;
  position: relative;
  font-size: 15px;
  text-decoration: none;
}


#sidebarSubmenu ul li a {
  display: block;
  margin: 0;
  padding: 1px 0px 1px 20px;
  font-size: 12px;
  text-decoration: none;
  color: #276e88;
  background: url(./images/anchorB.gif) no-repeat ;
}

#sidebarSubmenu ul li a:hover {
  margin: 0;
  padding: 1px 0px 1px 20px;
  text-decoration : underline; 
}

#sidebarSubmenu .sub {
  margin: 0px;
  padding: 1px 0px 1px 10px;
  width: 188px;
}

#sidebarSubmenu .sub a {
  display: block;
  margin: 0px;
  padding: 1px 0px 1px 20px;
  font-size: 12px;
  text-decoration: none;
  color: #276e88;
  background: url(./images/anchorB.gif) no-repeat ;
}

#sidebarSubmenu .sub a:hover {
  margin: 0px;
  padding: 1px 0px 1px 20px;
  text-decoration : underline; 
}

#sidebarSubmenu .subsub {
  margin: 0px;
  padding: 1px 0px 1px 20px;
  width: 178px;
}

#sidebarSubmenu .subsub a {
  display: block;
  margin: 0px;
  padding: 1px 0px 1px 20px;
  font-size: 12px;
  text-decoration: none;
  color: #276e88;
  background: url(./images/anchorB.gif) no-repeat ;
}

#sidebarSubmenu .subsub a:hover {
  margin: 0px;
  padding: 1px 0px 1px 20px;
  text-decoration : underline; 
}

#sidebarSubmenu .title {
  margin: 0px;
  padding: 0px 0px 0px 8px;
  background: #276E88;
  list-style: none;
  width: 190px;
}

#sidebarSubmenu .title a {
  display: block;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  background: #276E88;
  list-style: none;
  width: 190px;
}

#sidebarSubmenu .title a:hover {
  margin: 0px;
  padding: 0px;
  text-decoration : underline; 
}

#sidebarSubmenu .other {
  margin: 0px;
  padding: 0px;
  width: 198px;
}

#sidebarSubmenu .other a {
  display: block;
  margin: 0px;
  padding: 1px 0px 1px 20px;
  font-size: 12px;
  text-decoration: none;
  color: #788797;
  background: url(./images/anchorW.gif) no-repeat ;
}

#sidebarSubmenu .other a:hover {
  margin: 0px;
  padding: 1px 0px 1px 20px;
  text-decoration : underline; 
}

/***********************************************************************************************
パンくず
***********************************************************************************************/
.breadCrumbs {
   font-size: 12px; 
   padding: 0 10px 0 0;
   margin: 0 0 0 0;
   font-family: "MS UI Gothic", Osaka, Arial;
   text-align:left;
}