@charset "utf-8";

/*
****************************************
		COMMON
****************************************
*/

*{margin: 0 auto;padding: 0;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana ,sans-serif;align="left"}

img					{border: 0;vertical-align: bottom;}
html                {height:100%;}
body				{height:100%;background-color: #ffffff;}


a:link				{color: #117AD3;text-decoration: underline;}
a:visited			{color: #117AD3;text-decoration: underline;}
a:hover				{color: #e85098;text-decoration: none;}
a:hover				{color: #e85098;text-decoration: none;}

p,li					{font-size: 12px;line-height: 1.6em;color: #333333;margin: 0;padding: 0;}
h1					{width: 240px;height: 36px;margin: 0;padding: 0;float: left;}
h2				{margin: 0;margin-top:10px;padding-top: 9px;padding-bottom: 24px;padding-left: 17px;background: url(../common/img/st_bg.gif) no-repeat left top;font-size: 1em;}
h2.img			{background:none;padding:0;}

h3					{width: 520px;height: 28px;font-size: 14px;color: #333333;background: url(../common/img/sst_back.gif) no-repeat;margin: 0;padding: 5px 5px 5px 10px; clear:both;}
h4                  {font-size:12px;}

.frame1				{width: 470px;margin-bottom: 20px;padding: 15px;text-align: left;border: 1px dotted #888888;}
.frame2				{width: 470px;margin-bottom: 20px;padding: 10px 15px;text-align: left;border: 1px solid #d8e3e6;}
.sub				{font-size: 11px;line-height: 1.4emem;color: #333333;}
.pink				{color: #e85098;}
.pink2				{color: #e85098; margin-bottom:4px;}
.pink3				{color: #e85098; padding:0 0 8px 0;}
.pink-bold			{color: #e85098; font-weight:bold;}
.black              { color:#000000;}
.blak-bold          {color: #000000; font-weight:bold;}
.pad1				{padding-bottom: 18px;}
.pad2				{margin: 0;padding-bottom: 15px;}
.pad3				        {margin: 0; padding:0 15px 0 0;}

.bold               {font-weight:bold;}

div.box1			{width: 500px;margin: 15px 0 25px 18px;padding: 0;text-align: left;}
div.box1_2			{width: 500px;margin: 15px 0 0 18px;padding: 0;text-align: left;}


#box3                       {margin:15px 0 20px 0;}
#box3 .left                 {float:left; margin:0 20px 15px 0;}
.clear2                     {clear:both; margin:15px 0 0 0;}
.clear3                     {clear:both;}


div.arrow3			{font-size: 12px;display: block;background: url(../common/img/arrow3.gif) no-repeat left 0.2em;padding-left: 17px;}
table {
	margin-bottom:1em;
	width:100%;
	border-collapse:collapse;
	border:1px solid #cccccc;
}
table th,
table td {
	margin: 10px 10px 20px 10px;
	padding:1em;
	border-collapse:collapse;
	border:1px solid #cccccc;
	font-size:12px;
}

/*.clear:after		{content:"."; display:block; height:0; clear:both; visibility:hidden;}*/
.clear:after		{clear:both;content:".";display:block;font-size:0.1em;height:0.1px;line-height:0pt;visibility:hidden;}

.clear				{display:inline-table;}
/* MacIE begin \*/
* html .clear		{height:1%;}
.clear				{display:block;}

* html .clear2		{height:1%;}
.clear2				{display:block;}

* html .clear3		{height:1%;}
.clear3			{display:block;}

/* MacIE end */




/*HEADER-----------------------------------------------------------------------------------------*/
body>#container             {height:auto;}
#container					{width: 100%; height:100%; min-height:100%; margin: 0 auto 0;padding: 0;text-align: center;}
* html div#continer {
	height:100%;
}



#header_wrapper				{width: 100%;margin: 0 auto 0;padding: 0;background: url(../common/img/h_back.gif) repeat-x;text-align: center;}
#description				{width: 740px;height: 26px;margin: 0 auto o;padding: 5px 0;text-align: right;}
#description p				{font-size: 10px;color: #799CA4;font-weight:bold;}
#header						{width: 740px;height: 50px;margin: 0 auto 0;padding: 0;text-align: left;}
#tell						{font-size: 13px;color: #333333;text-align: right;float: right;}
.tellnom					{font-size: 150%;color: #E85098;font-weight:bold;}


#gnavi						{margin: 0 auto 0;padding: 0 0 5px 3px;}
#gnavi ul					{width: 744px; height:30px;margin: 0 auto; clear:both;}
#gnavi ul li				{ display:inline;list-style-type: none;margin: 0 4px 0 0;padding: 0;float:left;}
#gnavi li a					{width: 120px;height: 30px;display: block; text-indent:-9999px; font-size:0; line-height:0; float:left;}



#gnavi li.navi1 a:link		{background: url(../common/img/gnavi01.gif) no-repeat;}
#gnavi li.navi1 a:hover		{background: url(../common/img/gnavi01_o.gif) no-repeat;}
#gnavi li.navi1 a:visited	{background: url(../common/img/gnavi01.gif) no-repeat;}

#gnavi li.navi2 a:link		{background: url(../common/img/gnavi02.gif) no-repeat;}
#gnavi li.navi2 a:hover		{background: url(../common/img/gnavi02_o.gif) no-repeat;}
#gnavi li.navi2 a:visited	{background: url(../common/img/gnavi02.gif) no-repeat;}

#gnavi li.navi3 a:link		{background: url(../common/img/gnavi03.gif) no-repeat;}
#gnavi li.navi3 a:hover		{background: url(../common/img/gnavi03_o.gif) no-repeat;}
#gnavi li.navi3 a:visited	{background: url(../common/img/gnavi03.gif) no-repeat;}

#gnavi li.navi4 a:link		{background: url(../common/img/gnavi04.gif) no-repeat;}
#gnavi li.navi4 a:hover		{background: url(../common/img/gnavi04_o.gif) no-repeat;}
#gnavi li.navi4 a:visited	{background: url(../common/img/gnavi04.gif) no-repeat;}

#gnavi li.navi5 a:link		{background: url(../common/img/gnavi05.gif) no-repeat;}
#gnavi li.navi5 a:hover		{background: url(../common/img/gnavi05_o.gif) no-repeat;}
#gnavi li.navi5 a:visited	{background: url(../common/img/gnavi05.gif) no-repeat;}

#gnavi li.navi6 a:link		{background: url(../common/img/gnavi06.gif) no-repeat;}
#gnavi li.navi6 a:hover		{background: url(../common/img/gnavi06_o.gif) no-repeat;}
#gnavi li.navi6 a:visited	{background: url(../common/img/gnavi06.gif) no-repeat;}


/*CONTENTS-----------------------------------------------------------------------------------------*/

#contents					{width: 740px;margin: 0 auto 0;padding: 0; position:relative;min-height: 100%;text-align: left;background: url(../common/img/contents_back.gif) repeat-y;}

/* MacIE begin \*/
* html #contents			{width: 780px;margin: 0 auto 0;padding: 0; position:relative;min-height: 100%; left:20px;text-align: left;background: url(../common/img/contents_back.gif) repeat-y;}
/* MacIE end */




/*LOCAL NAVI-----------------------------------------------------------------------------------------*/

#left_space							{width: 200px;margin: 0;text-align: left;float:left;}

.estimate							{margin: 0;padding: 5px 10px 5px 0;background-color: #FFFFFF;}
.estimate a							{display: block;width: 200px;height: 70px;}
.estimate a span					{display: none;}
.estimate a:link					{display: block;background: url(../img2/img/estimate.gif) no-repeat;}
.estimate a:hover					{display: block;background: url(../img2/img/estimate_o.gif) no-repeat;}

.estimate2							{margin: 0;padding: 5px 10px 5px 0;background-color: #FFFFFF;}
.estimate2 a						{display: block;width: 200px;height: 71px;}
.estimate2 a span					{display: none;}
.estimate2 a:link					{display: block;background: url(../img/estimate2.gif) no-repeat;}
.estimate2 a:hover					{display: block;background: url(../img/estimate2.gif) no-repeat;}

#localnavi							{width: 200px;margin: 0;float:left;}
#localnavi ul						{list-style: none;margin: 0;padding: 5px;}
#localnavi ul li ul					{list-style: none;padding-left: 16px;}
#localnavi ul li ul li				{font-size: 13px;color: #333333;width: 170px;height: 17px;line-height: 17px;padding: 0;margin-bottom: 5px;}
#localnavi ul li ul li.here			{display: block;background: url(../common/img/arrow2_o.gif) no-repeat;padding-left: 17px; overflow:hidden;}
#localnavi ul li ul li a			{color: #333333;display: block;text-decoration: none;}
#localnavi ul li ul li a:link,
#localnavi ul li ul li a:visited	{background: url(../common/img/arrow2.gif) no-repeat;padding-left: 17px;margin: 0;}
#localnavi ul li ul li a:hover		{background: url(../common/img/arrow2_o.gif) no-repeat;padding-left: 17px;margin: 0;}
.banner								{margin: 0;padding: 5px;background-color: #EFF3F5;}


/*MAIN SPACE-----------------------------------------------------------------------------------------*/

#main_space					{width: 520px;margin: 0;padding: 5px 0 0 20px;text-align:left;background-color: #ffffff;float:left;}
#main_space2				{width: 520px;margin: 0;padding: 5px 0 0 20px;text-align:left;background-color: #ffffff;float:left;}


/* MacIE begin \*/
* html #main_space			{width: 520px;margin: 0;padding: 5px 0 0 3px;text-align:left;background-color: #ffffff;float:left;}
* html #main_space2			{width: 520px;margin: 0;padding: 5px 0 0 10px;text-align:left;background-color: #ffffff;float:left;}
/* MacIE end */


#catch		 				{clear:both;margin: 0 auto 10px;padding: 0;}
#bread						{font-size: 10px;color: #555555;line-height:4em;padding: 0;}
#bread p						{padding-left:0;}
#bread a					{color: #555555;}

#pagetop					{width: 520px;font-size: 11px;color: #e85098;margin: 30px 0;padding: 0;text-align: right;}


/*FOOTER-----------------------------------------------------------------------------------------*/

#footer						{width: 100%;height: 43px;margin: 10px auto 0;padding: 0;background: url(../common/img/f_back.gif) repeat-x; text-align: center;clear:both;}
#footer p					{font-size: 10px;color: #799CA4;margin: 0;padding-top: 10px;}


/*
****************************************
		MAIN CONTENTS
****************************************
*/


/*TOP-----------------------------------------------------------------------------------------*/

#lineup						{margin:0 0 30px 0;padding: 0;}
#lineup ul					{width: 520px; clear:both;}
#lineup li					{list-style-type: none;margin-left: 5px;padding: 0;float: left;}
#lineup li a				{display: block;height: 80px; float:left;}
#lineup li a span			{display: none;}

#lineup a.no1-1			{width: 168px; height:40px;}
#lineup a.no1-1:link		{display: block;background: url(/img2/img/lineup5.gif) no-repeat;}
#lineup a.no1-1:hover		{display: block;background: url(/img2/img/lineup5_o.gif) no-repeat;}
#lineup a.no1-1:visited	{display: block;background: url(/img2/img/lineup5.gif) no-repeat;}

#lineup a.no1-2			{width: 168px; height:40px;}
#lineup a.no1-2:link		{display: block;background: url(/img2/img/lineup4.gif) no-repeat;}
#lineup a.no1-2:hover		{display: block;background: url(/img2/img/lineup4_o.gif) no-repeat;}
#lineup a.no1-2:visited	{display: block;background: url(/img2/img/lineup4.gif) no-repeat;}

#lineup li.no2 a			{width: 168px;}
#lineup li.no2 a:link		{display: block;background: url(/img2/img/lineup2.gif) no-repeat;}
#lineup li.no2 a:hover		{display: block;background: url(/img2/img/lineup2_o.gif) no-repeat;}
#lineup li.no2 a:visited	{display: block;background: url(/img2/img/lineup2.gif) no-repeat;}

#lineup li.no3 a			{width: 168px;}
#lineup li.no3 a:link		{display: block;background: url(/img2/img/lineup3.gif) no-repeat;}
#lineup li.no3 a:hover		{display: block;background: url(/img2/img/lineup3_o.gif) no-repeat;}
#lineup li.no3 a:visited	{display: block;background: url(/img2/img/lineup3.gif) no-repeat;}

#ourworks   				{clear:both; width:520px; height:35px; background:url(/img2/img/top_st_background.gif) no-repeat; margin:  0 0 20px 0;padding: 0;}
#ourworks_h h2   			{width:86; height:12; margin-top: 4px; padding: 0 0 0 15px; float:left;}
#ourworks_h p  				{width:35; height:15; margin: 0;padding: 7px 20px 8px 0; float:right;}


/* IE7 only \*/
*:first-child+html #ourworks_h p	{width:35; height:15; margin: 0;padding: 10px 20px 5px 0; float:right;}
/* end */
/* MacIE begin \*/
* html #ourworks_h p	{width:35; height:15; margin: 0;padding: 10px 20px 5px 0; float:right;}
/* MacIE end */


#news dt					{width: 80px;font-size: 12px;color: #333333;background: url(../common/img/arrow.gif) no-repeat left 0.4em;margin: 0;padding: 0 0 5px 15px;clear: both;float: left;}

#news dl					{width: 500px;margin-top: 10px;padding-left: 15px;}

#news						{width: 520px;color: #333333;background: url(../img/news_back.gif) repeat-y;margin-top: 20px;padding: 0; clear:both;}
#news dl					{width: 500px;margin-top: 10px;padding-left: 15px;}
#news dt					{width: 80px;font-size: 12px;color: #333333;background: url(../common/img/arrow.gif) no-repeat left 0.4em;margin: 0;padding: 0 0 5px 15px;clear: both;float: left;}
#news dd					{width: 400px;font-size: 12px;color: #333333;margin-left: 20px;padding: 0 0 5px 0;}
#news_h						{width: 520px;height: 30px;background: url(../img/news_h.gif) no-repeat;margin: 0;padding: 0;}
#news_h h4					{width: 115px;height: 13px;margin: 0;padding: 9px 0 8px 10px;float: left;}
#news_h p					{width: 35px;height: 15px;margin: 0;padding: 7px 12px 8px 0;float: right;}
#info						{width: 520px;margin-top: 20px;padding-bottom: 30px;}
#info_left					{width: 400px;margin: 0;padding: 0;float: left;}
#info_left p				{font-size: 11px;color: #333333;}
#info_right					{width: 90px;margin: 0;padding: 0;float: right;}


div.box7			{width: 500px;margin: 0 0 25px 18px;padding: 0;text-align: left;}
li.arrow            { margin-left:3px; padding-left:10px; list-style:none; background:url(../common/img/arrow.gif) no-repeat left 0.4em;}
h2.ourworks_h2      {clear:both;}
#top                { padding-bottom:10px; border-bottom:1px solid #dae2e4;}
#down               {margin-top:10px;}

/*BUSINESS-----------------------------------------------------------------------------------------*/
div.list1 ul		        {list-style: none;margin-bottom: 20px;padding: 0;}
div.list1 ul li		        {font-size: 12px;color: #333333;margin-bottom: 7px;padding: 0;}
div.list1 ul li ul	        {list-style: disc;margin: 5px 0 3px 30px;padding: 0;}

/*business1*/
#text-list                  {width:280px; margin:0; padding:0;}
#text-list ul               {list-style: none;margin-bottom: 20px;padding: 0;}
#text-list ul li		    {font-size: 12px;color: #333333;margin-bottom: 0px;padding: 0;}
#text-list ul li ul	        {margin: 3px 0 3px 20px;padding: 0;}
li.childlist                {list-style:disc; display:list-item;}
#float-left                 {float:left;}
.evencell2                  {background-color:#f7f8fc;}
#table5                     {margin:0 0 10px 15px;}
#table5 td                  {width:220px; height:25px; text-align:center;}
#box6                       {margin:0 0 30px 0; 500px;}
#box6 h3                    {clear:both;}
#box6 .left                 {float:left; margin:0 20px 20px 0;}
div.arrow4			        {font-size: 12px;display: block;background: url(../common/img/arrow3.gif) no-repeat left 0.2em; margin-bottom:20px;padding:0 30px 0 17px; float:left;}


/*business2*/
table.b2                       {margin:5px 0 0 0; border-collapse:collapse;}
table.b2 td                          {line-height:1.2em; width:170px; height:45px; margin:0; padding:0; font-size:12px; color:#0000000; text-align:center; border:1px solid #dee8ea;}
table.b2 tr.evencell                 {background-color:#f7f8fc;}
#jiseki                     {margin-top:20px;}



/*busuness3*/
#box8                       {margin:15px 0 20px 0; padding-right:15px;}
#box8 .left                 {float:left; margin:0 25px 20px 0;}
#box8 p.clear3              {clear:both; margin:0 0 20px 0;}
#jiseki-area                {margin-top:20px;}
div.box2		         	{width: 500px;margin: 0 0 25px 15px;padding: 0;text-align: left;}
div.box2 ul li		        {margin:-7px 0 0 0;padding:0;}
.box-top2                   {margin-top:10px;}
.box-top2 h4                {margin-bottom:0px;}
div.list5 ul		        {margin: 0 0 0 1px;padding: 0; float:none;}
div.list5 ul li		        {list-style-type:disc; display:list-item;list-style-position:inside;margin-bottom: 0px;padding: 0;line-height:2.2; float:none;}

/*busuness4*/
#box4                       {width:500px;padding:0; height:170px;}
#box4 .left                 {float:left; padding:0 25px 20px 0; width:180px;}
#text-list2                 {width:280px; margin:0; padding:0 15px 0 0;}
#table6                     {margin:20px 0 10px 0;}
#table6 td                  {width:200px; height:35px; text-align:center; border:1px solid #dee8ea;}
#text2                      {margin-top:20px;}


/*RESULTS-----------------------------------------------------------------------------------------*/

div.list2 ul		{list-style: none;margin-bottom: 20px;padding: 0;}
div.list2 ul li		{font-size: 12px;display: block;background: url(../common/img/arrow3.gif) no-repeat left 0.2em;margin-bottom: 6px;padding-left: 17px;}
div.list3 ul		{list-style: disc;margin: 0 0 10px 3px;padding: 0;}
div.list3 ul li		{font-size: 12px;margin-bottom: 4px;padding: 0;list-style-type:disc; display:list-item;list-style-position:inside;}

div.box6            {width: 500px;margin: 5px 0 25px 18px;padding: 0;text-align: left;}

.box-top            {margin-top:10px;}
.box-top h4         {margin-bottom:4px;}
div.box3			{width: 250px;margin: 0 0 0 20px;padding: 0;text-align: left; float:left;}
div.box4			{width: 230px;margin: 0 0 0 0;padding: 0;text-align: left; float:left;}
div.box4_last		{width: 230px;margin: 0 0 100px 0;padding: 0;text-align: left; float:left;}
div.box5			{clear:both;width: 250px;margin: 0 0 0 20px;padding: 0;text-align: left; }
/* IE6 only \*/
html*div.box3			{width: 250px;margin: 0 0 0 10px;padding: 0;text-align: left; float:left;}
/* end */

/* IE7 only \*/
*:first-child+html div.box3		{width: 250px;margin: 0 0 0 20px;padding: 0;text-align: left; float:left;}
/* end */

/* safari only */
html[xmlns*=""] body:last-child div.box3	{width: 250px;margin: 0 0 0 20px;padding: 0;text-align: left; float:left;}
/* end */

/*EVENT-------------------------------------------------------------------------------------------*/
.arrow4             {padding-right:5px;}
#table7             {width:502px; margin:20px 0 0 0;}
#table7 td          {width:180px; height:36px; text-align:center;}
#table2             {margin:40px 0 0 0;}
#table2 td          {height:0px;padding:0px 11px 0 0;border:none; background:#ffffff;}
#table2 td.top11    {padding:11px 11px 0 0;border:none; background:#ffffff;}
.box1_event         {padding:0 0 0 18px;}

/*LANGUAGE-----------------------------------------------------------------------------------------*/
div.box1_lang			{width: 500px;margin: 15px 0 0 18px;padding: 0;text-align: left;}

.table3             {margin:0px 0 0 -1px; clear:both;}
.table3 td          {padding:0 7px 6px 0;border:none; background:#ffffff;}

#language           {margin-top:20px;}
#language ul        {list-style:none; margin-bottom:20px;}
#lang-left          {width:200px;float:left; padding:0 50px 0 20px;}
#lang-right         {width:200px;float:left;}



/*JOBOFFER-----------------------------------------------------------------------------------------*/
#joboffer0 p                   {margin:25px 0 10px;}
#joboffer1                     { border:1px solid #d8e3e6; padding:15px;}
#joboffer1 p,h4                { margin-bottom:8px;}
#joboffer1 p.last-p            { margin-bottom:0;}

#joboffer1 ol                  { list-style-type:decimal; line-height:1.2; color:#e85098; padding-left:20px;}
#joboffer1 ol li               { color:#e85098; background:#ffffff;}
.black2                        { color:#000000;}
/* MacIE begin \*/
*html #joboffer1 ol                  { list-style-type:decimal; line-height:1.2; color:#e85098; padding-left:25px;}
*html #joboffer1 ol li               { color:#e85098; background:#ffffff;}
*html .black2                        { color:#000000; margin-left:-5px;}
/* MacIE end */

/* IE7 begin */
*:first-child+html #joboffer1 ol                  { list-style-type:decimal; line-height:1.2; color:#e85098; padding-left:25px;}
*:first-child+html #joboffer1 ol li               { color:#e85098; background:#ffffff;}
*:first-child+html .black2 {color:#000000; margin-left:-5px;}
/* IE7 end */

#joboffer2                     {margin:25px 0 0 0;}
#joboffer2 tr td .blue         { color:#5184e1; }
#table4                        {margin:-10px 0 0 1px;}
#table4 td                     {text-align:left; padding-left:20px;}

#table4 .left-table1            {height:30px; padding-top:7px;}
#table4 .right-table1           {width:800px;height:30px; padding-top:7px;}

#table4 .left-table2           {height:75px;}
#table4 .left-table2 p         {padding:-20px 0 0 5px;}
#table4 .right-table2           {width:800px;height:75px;}
#table4 .right-table2 p         {padding:2px 15px 2px 0;}

#table4 .left-table3                  {margin:0px 0 0 5px;}
#table4 .right-table3                 {width:800px; height:110px;}
#table4 .right-table3 p               {padding:5px 0 0 0;}
#table4 .right-table3 p.last-p2       {padding:5px 0;}

#table4 .left-table4            {height:25px; padding-top:2px;}
#table4 .right-table4           {width:800px;height:25px; padding-top:2px;}

#table4 .left-table5            {height:25px; padding-top:2px;}
#table4 .right-table5           {width:800px;height:25px; padding-top:2px;}

#table4 .left-table6            {height:25px; padding-top:2px;}
#table4 .right-table6           {width:800px;height:25px; padding-top:2px;}

.border {border-bottom:1px solid #000000; line-height:1.2}



/*STYLES-----------------------------------------------------------------------------------------*/
.red {
	color: #d00;
	}

.redb {
	color: #d00;
	font-weight: bold;
	}

.pinkb {
	color: #f9f;
	font-weight: bold;
	}

.syanb {
	color: #6cf;
	font-weight: bold;
	}

.newslist {
	font-size: 90%;
	}