@charset "utf-8";
/***日本語UTF8***/

/***********************/
/* basic               */
/***********************/

body			{
						background:url(images/page_bg3.gif) top left repeat-x #ffffff;
						margin:0; padding:0;
						font-family:arial,  helvetica, sans-serif;
						font-size:12px; color:#333333;
					}


p, table	{font-size:12px;}


a					{ color:#cc0000; }
a:hover		{ color:#006699; }

img				{border:none;}

ul.nomark li {list-style-type:none;}


/***********************/
/* contents            */
/***********************/

#container				{
										width:760px;
										margin:20px auto 20px auto;
										border:1px solid #666666;
										/*border-top:5px solid #02528f;*/
										background-color:#ffffff;
										text-align:left;
									}

#header 					{
										height:106px;
										background:url(images/bg03.jpg) bottom right repeat-x #b22c35;
									}

#header h1				{
										color:#ffffff; font-size:22px;
										margin:0; padding:38px 10px 10px 10px;
									}

#header h1#logo   {
										color:#ffffff; font-size:22px; text-align:right;
										margin:0; padding:52px 10px 10px 10px;
									}

#content					{ width:500px; padding:10px; float:right; }
#content2					{ width:660px; padding:10px; margin-right:auto; margin-left:40px;}

#content h1, h2, h3, h4   { margin:0; padding:0; font-family:Arial, "ＭＳ ゴシック", sans-serif; font-weight:normal; }
#content2 h1, h2, h3, h4  { margin:0; padding:0; font-family:Arial, "ＭＳ ゴシック", sans-serif; font-weight:normal; }

#content h2,#content2 h2		{ color:#003399; font-size:20px; border-bottom:1px solid #cccccc; }
#content h3,#content2 h3		{ color:#333333; font-size:14px; padding-top:10px; font-weight:bold; }
#content h4,#content2 h4		{ color:#003399; font-size:14px; padding-top:10px;padding-left:1em; font-weight:bold; }

#sidebar						{ width:200px; padding:10px; float:left;margin:0; }

table#profile th		{width:6em; border-right:3px solid #cc0000; text-align:left; font-weight:normal; vertical-align:top;}

a span.detail				{ font-size:12px; text-decoration:none; font-weight:normal; font-family:serif;}

table tr td.category		{width:15em;}
table tr td.category2		{width:13.5em;}


div#sitecontents							{ padding-left:40px; padding-right:40px; }
div#sitecontents ul li				{line-height:300%; list-style-image: url('images/arrowRblue07.gif');}
div#sitecontents ul li ul li	{list-style-image: url('images/arrowRred08.gif');}

table#develop						{border:1px solid #006699;}
table#develop tr				{background-color:#ffffff;}
table#develop th				{border-bottom:1px solid #006699; border-right:1px solid #006699; }
table#develop td				{text-align:center; border-right:1px solid #006699; }
table#develop td.left		{text-align:left;}
table#develop td.right	{text-align:right;}
table#develop td.gray		{background-color:#eeeeee;}

table#syteline					{background-color:#006699;}
table#syteline th				{background-color:#eeeeee; height:2em;}
table#syteline td				{background-color:#ffffff;}
div.syte1								{padding:4px; font-size:14px; font-weight:bold; border:1px solid #cccccc; background-image:url(images/bar_bg2.gif);color:#ffffff; }
div.syte2								{padding:4px; font-size:14px; font-weight:bold; border:1px solid #cccccc; background-image:url(images/bar_bg1.gif);}

table#engineer					{background-color:gray;}
table#engineer th				{background-color:#D5E9F6; text-align:center;}
table#engineer td				{background-color:#ffffff;}


/************************/
/*    角丸コンテナ      */
/************************/

.topplace					{ background: url(images/round01.png) no-repeat top right; }
.bottomplace			{ background: url(images/round02.png) no-repeat top right; }
img.placeborder		{ width: 20px; height: 20px;border: none;display: block !important; }

.contentplace					{ background-color:#ffffff; color:#666666; width: 200px; margin-top:10px; }
.contentplace h5			{ line-height:25px; font-size:12px; color:#ffffff ;text-align:center; background-image:url('images/sidetitlebar02.gif'); height:25px; background-position:center center; margin:0; padding:0; }
.contentplace h5 span	{ position:relative; top:4px; z-index:1;}
.contentplace p				{ margin: 0; padding:10px; background-image:url(""); border:1px solid #cccccc; border-top:none;}

/***********************/
/* footer              */
/***********************/
#footer						{
										clear:both;
										/*border-top:1px solid #000000;*/
										background-color:#06518b;
										background-image:url(images/button1a.gif);
										padding:10px;
										color:#ffffff; font-size:12px; text-align:center; font-family:arial, verdana, sans-serif;
										height:15px;
									}


/***********************/
/* general-purpose     */
/***********************/


.box_center    {margin-left:auto;margin-right:auto;}
.center        {text-align:center;}
.right         {text-align:right;}
.left          {text-align:left;}
.bold          {font-weight:bold;}
.normal        {font-weight:normal;}
.uline         {text-decoration:underline;}
.linethrough   {text-decoration:line-through;}
.italic        {font-style: italic; }
.nounderline   {text-decoration:none;}
.readonly      {border-style:solid; border-color:#ffffff; background-color:#ffffff; }
.nowrap        {white-space: nowrap; }
.vtop          {vertical-align:top;}
.vmiddle       {vertical-align:middle;}
.vbottom       {vertical-align:bottom;}
.visible       {overflow:visible;}
.floatL        {float:left;}
.floatR        {float:right;}
.clearB        {clear:both;}
.clearL        {clear:left;}
.clearR        {clear:right;}
.nowrap        {white-space: nowrap;}
.readonly      {border-style:solid; border-color:#FFFFFF; background-color:#FFFFFF; }


/***********************/
/* font color          */
/***********************/

.f_brown        {color:#cc9900;}
.f_brown2       {color:#996600;}
.f_blue         {color:#003399;}
.f_blue2        {color:#0046d5;}
.f_red          {color:#cc0000;}
.f_white        {color:#ffffff;}
.f_gray         {color:#cccccc;}
.f_black        {color:#000000;}
.f_orange       {color:#ff9900;}
.f_red          {color:#cc0000;}


/***********************/
/* font size           */
/***********************/

.font9         {font-size: 9px;}
.font10        {font-size:10px;}
.font12        {font-size:12px;}
.font14        {font-size:14px;}
.font16        {font-size:16px;}
.font18        {font-size:18px;}
.font20        {font-size:20px;}
.font22        {font-size:22px;}
.font30        {font-size:30px;}
.font40        {font-size:40px;}
.font50        {font-size:50px;}


/*********************/
/* margin padding    */
/*********************/

.margin0       {margin:0px;}
.mt0           {margin-top:0px;}
.mr0           {margin-right:0px;}
.mb0           {margin-bottom:0px;}
.ml0           {margin-left:0px;}

.margin05      {margin:5px;}
.mt05          {margin-top:5px;}
.mr05          {margin-right:5px;}
.mb05          {margin-bottom:5px;}
.ml05          {margin-left:5px;}

.margin10      {margin:10px;}
.mt10          {margin-top:10px;}
.mr10          {margin-right:10px;}
.mb10          {margin-bottom:10px;}
.ml10          {margin-left:10px;}

.margin15      {margin:15px;}
.mt15          {margin-top:15px;}
.mr15          {margin-right:15px;}
.mb15          {margin-bottom:15px;}
.ml15          {margin-left:15px;}

.margin20      {margin:20px;}
.mt20          {margin-top:20px;}
.mr20          {margin-right:20px;}
.mb20          {margin-bottom:20px;}
.ml20          {margin-left:20px;}

.margin30      {margin:30px;}
.mt30          {margin-top:30px;}
.mr30          {margin-right:30px;}
.mb30          {margin-bottom:30px;}
.ml30          {margin-left:30px;}

.margin40      {margin:40px;}
.mt40          {margin-top:40px;}
.mr40          {margin-right:40px;}
.mb40          {margin-bottom:40px;}
.ml40          {margin-left:40px;}

.margin50      {margin:50px;}
.mt50          {margin-top:50px;}
.mr50          {margin-right:50px;}
.mb50          {margin-bottom:50px;}
.ml50          {margin-left:50px;}

.padding0      {padding:0;}
.pt0           {padding-top   : 0px;}
.pr0           {padding-right : 0px;}
.pb0           {padding-bottom: 0px;}
.pl0           {padding-left  : 0px;}

.padding05      {padding: 5px;}
.pt05           {padding-top   : 5px;}
.pr05           {padding-right : 5px;}
.pb05           {padding-bottom: 5px;}
.pl05           {padding-left  : 5px;}

.padding10      {padding:10px;}
.pt10           {padding-top   :10px;}
.pr10           {padding-right :10px;}
.pb10           {padding-bottom:10px;}
.pl10           {padding-left  :10px;}

.padding20      {padding:20px;}
.pt20           {padding-top   :20px;}
.pr20           {padding-right :20px;}
.pb20           {padding-bottom:20px;}
.pl20           {padding-left  :20px;}

.padding30      {padding:30px;}
.pt30           {padding-top   :30px;}
.pr30           {padding-right :30px;}
.pb30           {padding-bottom:30px;}
.pl30           {padding-left  :30px;}

.padding40      {padding:40px;}
.pt40           {padding-top   :40px;}
.pr40           {padding-right :40px;}
.pb40           {padding-bottom:40px;}
.pl40           {padding-left  :40px;}




/************************************************/
/*Credits: CSSplay                              */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
/************************************************/

.preload2 {background: url(images/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link  {display:block; float:left; height:40px; line-height:33px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link2 {display:block; float:left; height:40px; line-height:33px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link  span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link2 span {float:left; display:block; padding:0 24px 0 12px; height:40px;}

.menu2 li a.top_link:hover {color:#003399; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link2:link {color:#003399; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link2:visited {color:#003399; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link2:active {color:#003399; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link2:hover {color:#003399; background: url(images/button4.gif) no-repeat;}

.menu2 li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link2:link    span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link2:visited span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link2:active  span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link2:hover   span {background:url(images/button4.gif) no-repeat right top;}

/*.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}*/
/*.menu2 li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}*/


.menu2 li:hover > a.top_link {color:#003399; background: url(images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link2 {color:#003399; background: url(images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link2 span {background:url(images/button4.gif) no-repeat right top;}
/*.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}*/


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */

.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:100;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #ffffff; padding:3px 0; border:1px solid #006699; white-space:nowrap; height:auto; width:auto; z-index:100;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:auto; max-width:410px; min-width:330px; z-index:100;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 3px 0 3px; width:auto; max-width:410px; min-width:330px; z-index:100;}
.menu2 :hover ul.sub li a:hover {background-color:#cbdfec; color:#003399; z-index:100;}
/*
.menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
*/

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}