@charset "utf-8";


/* CSS Document */

/* ================================================================================ */
/*      general params                                                              */
/* ================================================================================ */



body {
    background:#0a679d url(/img/site_back_beta.gif) repeat-x left top;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0px;
	padding:0px;
	color:#41474B;
}
h4,h5,h6,div,p,pre,ul,ol,dl,dt,dd,th,td,form,blockquote {
	padding:0px;
	margin:0px;
	line-height:1.8em;
}
h1,h2,h3			{ display:inline; }
ul li				{ list-style:none; }
hr					{ display:none; }
img					{ border:none; }

a:link				{ color:#333333; text-decoration:none; }
a:visited			{ color:#333333; text-decoration:none; }
a:hover				{ color:#ff7272; text-decoration:none; text-decoration:underline; }
a:active			{ color:#1f649f; }

#container{
	margin:0px auto;
	position:relative;
	text-align:center;
}
#container div,
#container p,
#container dl,
#container dd,
#container dt{  text-align:left; }


/* ================================================================================ */
/*      A.font                                                                      */
/* ================================================================================ */


/* -----A-a.font size-------------------------------------------------------------- */

.first_title						{ font-size:18px; }

.second_title,
.second_title_f						{ font-size:16px; }

#contents dl dt						{ font-size:14px; }

.third_title,
table								{ font-size:14px; }

#contents h2{ font-size:22px; line-height:1.2em; display:block; font-weight:bold; }
#contents h3{ font-size:18px; line-height:1.2em; display:block; font-weight:bold; }

/* -----A-b.line height------------------------------------------------------------ */

.white_txt,
#news2 ul li,
ul.blog li							{ line-height:1.4em; }

/* -----A-c.font weight------------------------------------------------------------ */

.first_title,
.second_title,
.second_title_f,
.third_title						{ font-weight:bold; }

/* -----A-d.font color------------------------------------------------------------- */

.white_txt,
#side_navi a,
#h_sub_navi a,
#footer a,
#footer p,
#footer li,
#contents p.second_title_f,
#right_box .index_case_center p,
#right_box .index_case_center p a	{ color:#ffffff; }

#side_navi a:hover,
#company_navi a						{ color:#4c4c4c; }

#company_navi a:hover				{ color:#ff5a5a; }

#left_box p,
#contents p,
#contents ul li,
#contents dl dd						{ color:#41474b; }

#contents p.third_title,
#contents table.type_04 td.third_title,
#contents dl dt.third_title			{ color:#5c9f15; }


/* ================================================================================ */
/*      B.pablic class                                                              */
/* ================================================================================ */


#container .align_r		{ text-align: right;clear:both;margin-top:10px;}
#container .align_c		{ text-align:center; clear:both;}
#container .align_r a	{ color:#333333; }

.txt_red				{ color:#ff0000; font-weight:bold;}
.txt_key				{ color:#f78612; font-weight:bold;}
.txt_long_key			{ color:#595959; font-weight:bold;}
.txt_red_s				{ color:#ff5a5a; font-size:8px; }

.txt_clear				{ clear:both; }
.clear					{ clear:both; }
.right_f				{ float:right; }
.left_f					{ float:left; }
#contents ul.point li	{ list-style:disc; }
#contents dl dt,
#contents dl dd			{ margin-bottom:5px;}

.public_txt10			{padding:0px 10px;}
.public_txt20			{padding:0px 20px;}
.public_txt30			{padding:0px 30px;}
.public_txt40			{padding:0px 40px;}
.public_txt50			{padding:0px 50px;}

.public_txt10m			{margin:10px 10px;}
.public_txt20m			{margin:10px 20px;}
.public_txt30m			{margin:10px 30px;}
.public_txt40m			{margin:10px 40px;}
.public_txt50m			{margin:10px 50px;}

#contents p.tb_n_mar{
	margin-top:0px;
	margin-bottom:0px;
}

/* ================================================================================ */
/*      1.header container                                                          */
/* ================================================================================ */


#head_container{
	width:100%;
	position:absolute;
	top:0px;
	clear:both;
	text-align:center;
}

/* -------------------------------------------------------------------------------- */
/*      1-1.header                                                                  */
/* -------------------------------------------------------------------------------- */

#header{
	width:900px;
	height:auto;
	margin:0 auto;
}
#header p{ float:left; }

/* -----1-1-1.header top----------------------------------------------------------- */

#header_top{
	width:900px;
	height:auto;
}
#header_top:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}

#header_top ul#h_sub_navi{
	float:right;
	line-height:1em;
	padding-top:2px;
}
#header_top ul#h_sub_navi li{ display:inline; }
#header_top ul#h_sub_navi li a{
	padding:0px 0px 5px 25px;
	background:url(/img/head_navi_point1.gif) no-repeat 5px 0px;
}
#header_top ul#h_sub_navi li a:hover{ background:url(/img/head_navi_point2.gif) no-repeat 5px 0px; }

/* -----1-1-2.header bottom-------------------------------------------------------- */

#header_bottom{
	width:900px;
	height:35px;
}
#header_bottom #tel_img{ float:right; }


/* -----1-1-3.h main navi---------------------------------------------------------- */

#header ul#h_main_navi{
	clear:both;
	line-height:0px;
	width:900px;
	height:30px;
	margin-top:3px;
}
#header ul#h_main_navi li a{
	display:block;
	height:30px;
	float:left;
	text-indent:-5000px;
}

/*通常*/
#header ul#h_main_navi li a.t_btn1{
	width:77px;
	background:url(/img/t_navi1.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn2{
	width:100px;
	background:url(/img/t_navi2.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn3{
	width:100px;
	background:url(/img/t_navi3.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn4{
	width:123px;
	background:url(/img/t_navi4.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn5{
	width:107px;
	background:url(/img/t_navi5.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn6{
	width:179px;
	background:url(/img/t_navi6.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn7{
	width:112px;
	background:url(/img/t_navi7.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn8{
	width:78px;
	background:url(/img/t_navi8.gif) no-repeat left top;
}
#header ul#h_main_navi li a.t_btn9{
	width:79px;
	background:url(/img/t_navi9.gif) no-repeat left top;
}
/*ロールオーバー*/
#header ul#h_main_navi li a.t_btn1:hover{
	width:77px;
	background:url(/img/t_navi1.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn2:hover{
	width:100px;
	background:url(/img/t_navi2.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn3:hover{
	width:100px;
	background:url(/img/t_navi3.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn4:hover{
	width:123px;
	background:url(/img/t_navi4.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn5:hover{
	width:107px;
	background:url(/img/t_navi5.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn6:hover{
	width:179px;
	background:url(/img/t_navi6.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn7:hover{
	width:112px;
	background:url(/img/t_navi7.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn8:hover{
	width:78px;
	background:url(/img/t_navi8.gif) no-repeat left bottom;
}
#header ul#h_main_navi li a.t_btn9:hover{
	width:79px;
	background:url(/img/t_navi9.gif) no-repeat left bottom;
}
/*現在*/
#header ul#h_main_navi li a.t_btn1_on{
	width:77px;
	background:url(/img/t_navi1.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn2_on{
	width:100px;
	background:url(/img/t_navi2.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn3_on{
	width:100px;
	background:url(/img/t_navi3.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn4_on{
	width:123px;
	background:url(/img/t_navi4.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn5_on{
	width:107px;
	background:url(/img/t_navi5.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn6_on{
	width:179px;
	background:url(/img/t_navi6.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn7_on{
	width:112px;
	background:url(/img/t_navi7.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn8_on{
	width:78px;
	background:url(/img/t_navi8.gif) no-repeat left center;
}
#header ul#h_main_navi li a.t_btn9_on{
	width:79px;
	background:url(/img/t_navi9.gif) no-repeat left center;
}
/*navi指定ここまで*/

/*      main navi link                                                              

#header ul#h_main_navi li a.t_btn1{ width:77px;		background:url(/img/t_navi1.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn2{ width:100px;	background:url(/img/t_navi2.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn3{	width:100px;	background:url(/img/t_navi3.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn4{ width:123px;	background:url(/img/t_navi4.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn5{ width:107px;	background:url(/img/t_navi5.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn6{ width:179px;	background:url(/img/t_navi6.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn7{ width:112px;	background:url(/img/t_navi7.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn8{ width:78px;		background:url(/img/t_navi8.gif) no-repeat left top; }
#header ul#h_main_navi li a.t_btn9{ width:79px;		background:url(/img/t_navi9.gif) no-repeat left top; }

/*      main navi hover                                                             

#header ul#h_main_navi li a.t_btn1:hover{ width:77px;	background:url(/img/t_navi1.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn2:hover{ width:100px;	background:url(/img/t_navi2.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn3:hover{ width:100px;	background:url(/img/t_navi3.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn4:hover{ width:123px;	background:url(/img/t_navi4.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn5:hover{ width:107px;	background:url(/img/t_navi5.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn6:hover{ width:179px;	background:url(/img/t_navi6.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn7:hover{ width:112px;	background:url(/img/t_navi7.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn8:hover{ width:78px;	background:url(/img/t_navi8.gif) no-repeat left bottom; }
#header ul#h_main_navi li a.t_btn9:hover{ width:79px;	background:url(/img/t_navi9.gif) no-repeat left bottom; }

/*      main navi stay                                                             

#header ul#h_main_navi li a.t_btn1_on{ width:77px;background:	url(/img/t_navi1.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn2_on{ width:100px;background:	url(/img/t_navi2.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn3_on{ width:100px;background:	url(/img/t_navi3.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn4_on{ width:123px;background:	url(/img/t_navi4.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn5_on{ width:107px;background:	url(/img/t_navi5.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn6_on{ width:179px;background:	url(/img/t_navi6.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn7_on{ width:112px;background:	url(/img/t_navi7.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn8_on{ width:78px;background:	url(/img/t_navi8.gif) no-repeat left center; }
#header ul#h_main_navi li a.t_btn9_on{ width:79px;background:	url(/img/t_navi9.gif) no-repeat left center; }
*/

/* ================================================================================ */
/*      2.footer                                                                    */
/* ================================================================================ */


#footer{
	width:100%;
	height:130px;
	text-align:center;
	background:url(/img/footer_back.gif) repeat-x;
	clear:both;
}
#footer ul{
	width:100%;
	border-bottom:1px solid #f6f6f6;
}
#footer ul li{ display:inline; }

#container #footer *{ text-align:center; }



/* ================================================================================ */
/*      3.contents frame                                                            */
/* ================================================================================ */


#contents_frame{
	width:900px;
	/*testナビのためにいったんコメントアウト*/
	/*margin:100px auto 0px;*/
	margin:100px auto 0px;
}
#contents_frame:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}


/* -------------------------------------------------------------------------------- */
/*      3-1.side body                                                               */
/* -------------------------------------------------------------------------------- */


#column1{
	width:190px;
	height:auto;
	float:left;
}

/* -----3-1-1.side navi------------------------------------------------------------ */

a.t_indent,
a.t_indent2,
a.l_btn_mitumori,
a.l_btn_mitumori_on{
	display:block;
	width:180px;	
	text-indent:-5000px;
}
a.t_indent{ height:30px; }
a.t_indent2{ height:20px; }

a.l_btn_mitumori,
a.l_btn_mitumori_on{ height:90px; }
#column1 ul#side_navi li a.l_btn_mitumori		{ background:url(/img/mitumori2.gif) no-repeat left top; }
#column1 ul#side_navi li a.l_btn_mitumori:hover	{ background:url(/img/mitumori2.gif) no-repeat center top; }
#column1 ul#side_navi li a.l_btn_mitumori_on	{ background:url(/img/mitumori2.gif) no-repeat right top; }

.navi_title{
	width:180px;
	height:30px;
	margin:10px 0px 0px;
}

ul#side_navi{
	width:190px;
	height:auto;
	line-height:1em;
}
ul#side_navi li{
	width:190px;
	height:auto;
}
ul#side_navi li ul li{
	width:190px;
	height:auto;
}

/*      side navi link                                                              */

#column1 ul#side_navi li a.l_btn1		{ background:url(/img/l_navi1.gif)	no-repeat left top; }
#column1 ul#side_navi li a.l_btn2		{ background:url(/img/l_navi2.gif)	no-repeat left top; }
#column1 ul#side_navi li a.l_btn3		{ background:url(/img/l_navi3.gif)	no-repeat left top; }
#column1 ul#side_navi li a.l_btn4		{ background:url(/img/l_navi4.gif)	no-repeat left top; }
#column1 ul#side_navi li a.l_btn5		{ background:url(/img/l_navi5.gif)	no-repeat left top; }
#column1 ul#side_navi li a.l_btn6		{ background:url(/img/l_navi6.gif)	no-repeat left top; }
#column1 ul#side_navi li a.l_btn10		{ background:url(/img/l_navi10.gif)	no-repeat left top; }
#column1 ul#side_navi li a.l_btn11		{ background:url(/img/l_navi11.gif)	no-repeat left top; }
#column1 ul li a.l_btn7					{ background:url(/img/l_navi7.gif)	no-repeat left top; }
#column1 ul li a.l_btn8					{ background:url(/img/l_navi8.gif)	no-repeat left top; }
#column1 ul li a.l_btn9					{ background:url(/img/l_navi9.gif)	no-repeat left top; }

/*      side navi hover                                                               */

#column1 ul#side_navi li a.l_btn1:hover	{ background:url(/img/l_navi1.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn2:hover	{ background:url(/img/l_navi2.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn3:hover	{ background:url(/img/l_navi3.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn4:hover	{ background:url(/img/l_navi4.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn5:hover	{ background:url(/img/l_navi5.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn6:hover	{ background:url(/img/l_navi6.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn10:hover{ background:url(/img/l_navi10.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn11:hover{ background:url(/img/l_navi11.gif)	no-repeat center top; }
#column1 ul li a.l_btn7:hover			{ background:url(/img/l_navi7.gif)	no-repeat center top; }
#column1 ul li a.l_btn8:hover			{ background:url(/img/l_navi8.gif)	no-repeat center top; }
#column1 ul li a.l_btn9:hover			{ background:url(/img/l_navi9.gif)	no-repeat center top; }

/*      side navi stay                                                                */

#column1 ul#side_navi li a.l_btn1_on	{ background:url(/img/l_navi1.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn2_on	{ background:url(/img/l_navi2.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn3_on	{ background:url(/img/l_navi3.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn4_on	{ background:url(/img/l_navi4.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn5_on	{ background:url(/img/l_navi5.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn6_on	{ background:url(/img/l_navi6.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn10_on	{ background:url(/img/l_navi10.gif)	no-repeat center top; }
#column1 ul#side_navi li a.l_btn11_on	{ background:url(/img/l_navi11.gif)	no-repeat center top; }
#column1 ul li a.l_btn7_on				{ background:url(/img/l_navi7.gif)	no-repeat center top; }
#column1 ul li a.l_btn8_on				{ background:url(/img/l_navi8.gif)	no-repeat center top; }
#column1 ul li a.l_btn9_on				{ background:url(/img/l_navi9.gif)	no-repeat center top; }

/*      text link                                                                   */

ul.navi_con{margin:10px 0px;}
ul.navi_con2{margin:0px 0px 0px 20px;}
ul#side_navi li ul.navi_con2 li{
	width:135px;
	height:auto;
}
div#com_navi_box{
	width:180px;
	height:auto;
}
ul#company_navi{background-color:#f6f6f6; width:180px;}
ul#side_navi li ul#company_navi li{width:170px;}
ul.navi_con li a,
ul.navi_con2 li a,
ul#company_navi li a{
	background:transparent url(/img/mark.gif) no-repeat 8px 5px;
	display:block;
	height:auto;
	padding:0px 0px 0px 25px;
}
ul.navi_con li a,
ul#company_navi li a{ width:155px; }

* html ul.navi_con li a,
* html ul#company_navi li a{ width:180px; }
* html ul.navi_con2 li a{ width:160px; }
/** html ul#company_navi li a{ width:130px; }*/
ul.navi_con2 li a{ width:135px; }
ul.navi_con li a{ background:transparent url(/img/mark.gif) no-repeat 8px 5px; }
ul#company_navi li a{ background:transparent url(/img/mark2.gif) no-repeat 8px 5px; }

ul.navi_con li a:hover,
ul#company_navi li a:hover{
	background:transparent url(/img/mark_on2.gif) no-repeat 8px 5px;
	background-color:#f6f6f6;
}

ul.navi_con li a.mark_on{ background:transparent url(/img/mark_on.gif) no-repeat 8px 5px; }
ul#company_navi li a.mark_on2{ background:transparent url(/img/mark_on2.gif) no-repeat 8px 5px; }



/* -------------------------------------------------------------------------------- */
/*      3-2.main contents                                                           */
/* -------------------------------------------------------------------------------- */


#column2{
	width:690px;
	height:auto;
	margin-bottom:10px;
	padding:10px;
	background-color:#ffffff;
	float:right;
}

/* -----3-2-1.contents [pablic_template]------------------------------------------- */

#contents{
	width:690px;
	height:auto;
}
#contents p{
	margin-top:10px;
	margin-bottom:10px;
}
.first_title,
.second_title
{
	width:100%;
	height:auto;
	margin:30px 0px 10px;
	clear:both;
}
.second_title{
	padding-bottom:5px;
	background:url(/img/midasi2_line.gif) repeat-x bottom left;
}
#contents p.second_title{
	width:auto;
	margin-left:10px;
	margin-right:10px;
}
.third_title{
	padding-left:4px;
	margin:15px 0px 20px;
	border-left:5px solid #4f8912;
	clear:both;
}
#contents p.third_title{
	width:auto;
	height:auto;
	margin-left:20px;
	line-height:1.2em;
}
.another_title
{
	margin:10px 30px;
	clear:both;
}
.another_title,
dl.another_title{
	height:auto;
	padding:5px 10px;
	border:1px dashed #FF6666;
}
dl.another_title dt{
	padding:0px 0px 0px 5px;
	border-left:5px solid #FF6666;
}
dl.another_title dd{ padding:0px 0px 0px 20px; }
.relation_box{
	padding:3px 10px;
	margin:15px 0px;
	border:1px solid #eaeaea;
}
.versatile_box1,
.versatile_box2{
	padding:3px 10px;
	margin:10px 0px;
	border:1px solid #eaeaea;
}
.versatile_box3,
.versatile_box4,
.versatile_box5{
	padding:3px 10px;
	margin:10px 40px;
	border:1px solid #eaeaea;
}
.versatile_box1{ border-left:5px solid #006600; }
.versatile_box2{ border-left:5px solid #FF9900; }
.versatile_box3{ border-left:5px solid #FF9900; }
.versatile_box4{ border-left:5px solid #006600; }
.relation_box,
.versatile_box5{ border-left:5px solid #0a679d; }


/* ================================================================================ */
/*      a.TOP.html [ inside a #column2 ]                                            */
/* ================================================================================ */


/* -----a-1.contents left---------------------------------------------------------- */
#left_box{
	width:470px;
	float:left;
}
#left_box p.second_title{
	width:450px;
	margin-left:10px;
}

ul.blog li{
	margin-bottom:8px;
	padding:0px 0px 0px 5px;
	border-left:2px solid #cecece;
	background-color:#fbfbfb;
}
ul.blog li:hover{
	border-left:2px solid #4f8912;
}

/* -----a-2.contents right--------------------------------------------------------- */
.txt_news				{ color:#ff6666; }

#right_box{
	width:210px;
	padding-left:10px;
	float:left;
}
#right_box #news2{
	width:210px;
	height:300px;
	margin-top:5px;
	overflow:auto
}
#right_box #news2 ul li.new{
	margin-bottom:5px;
	padding:0px 5px 5px 5px;
	border-left:2px solid #cccccc;
}
#right_box #news2 ul li.topnew{
	margin-bottom:5px;
	padding:0px 5px 5px 5px;
	border-left:2px solid #ff6666;
}

#right_box ul#right_banner_box{    padding-top:10px; }
#right_box ul#right_banner_box li{ margin-bottom:5px; }

#case_box{
	width:190px;
	padding:0px 10px 10px 10px;
	margin-top:10px;
}
.case_pic{ padding:0px 0px 10px 10px; }


/* ================================================================================ */
/*      b.webconcept.html  [ inside a #contents ]                                   */
/* ================================================================================ */


.img_left{ float:left; }
dl.scenario_fllow{
	width:390px;
	height:auto;
	padding-left:30px;
	float:left;
}


/* ================================================================================ */
/*      c.serverdepot.html  [ inside a #contents ]                                  */
/* ================================================================================ */


#network,
#server,
#soft,
#setubi{
width:594px;
overflow:auto;
margin-left:35px;
}
#network ul,
#server ul,
#soft ul,
#setubi ul{
float:left;
}


/* ================================================================================ */
/*      d.access map.html  [ inside a #contents ]                                   */
/* ================================================================================ */


#address{
	width:350px;
	height:auto;
	margin-right:10px;
	float:right;
}


/* ================================================================================ */
/*      e.simfony                                                                   */
/* ================================================================================ */

/* -----e-1.main contents---------------------------------------------------------- */

#contents_frame_s{
	margin:0 auto;
	background-color:#FFFFFF;
	width:900px;
	margin-top:100px;
	margin-bottom:10px;
}
#contents_frame_s:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}
/* -----e-1.side body-------------------------------------------------------------- */


#column1_s{
    width:189px;
    height:auto;
    float:left;
    background-color:#fff;
    border-right:1px dashed #0a679d ;
}

ul#side_navi_s{
	width:169px;
	height:auto;
	line-height:1.3em;
	font-size:11px;
	padding:10px 10px 0px 10px;
}
ul#side_navi_s li{
	width:160px;
	margin-bottom:10px;
	border-top:1px solid #ccc;
	border-left:3px solid #666666;
	padding-left:7px;
	height:auto;
}
ul#side_navi_s li.noneed{
	border-top:0px solid #ccc;
	border-left:0px solid #666666;
	padding-left:0px;
}
ul#side_navi_s li.s_title{
	width:150px;
	border-top:3px solid #666;
	border-bottom:3px solid #666;
	border-left:0px solid #666;
	padding:3px 10px;
	background-color:#CCCCCC;
	font-weight:bold;
}
* html ul#side_navi_s li.s_title{
	width:169px;
}
ul#side_navi_s li.s_title2{
	width:150px;
	border-top:0px solid #999;
	border-left:3px solid #999;
	padding:3px 7px;
	background-color:#CCC;
}
* html ul#side_navi_s li.s_title2{
	width:169px;
}
ul#side_navi_s li ul li{
	width:159px;
	height:auto;
}/*sitemaptest*/

ul.sitemap li{
	float:left;
	width:150px;
	height:auto;
	padding:3px 0px 3px 5px;
	margin:0px 5px 5px 0px;
	border:1px solid #ccc;
	border-left:2px solid #ccc;
}


/* ================================================================================ */
/*      f.company office.html                                                       */
/* ================================================================================ */


/* -------------------------------------------------------------------------------- */
/*      f-1.parent box                                                              */
/* -------------------------------------------------------------------------------- */


.office_box_head,
.office_box_body,
.office_box_foot{
width:670px;
clear:both;
}
.office_box_head{
height:5px;
background:url("/img/company/office/office_box_head.gif") no-repeat left top;
overflow:hidden;
}
.office_box_body{
padding:0px;
height:auto;
background:url("/img/company/office/office_box_middle.gif") repeat-y left top;
}
.office_box_body:after{
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    line-height:0;
    clear:both;
}
.office_box_foot{
height:10px;
background:url("/img/company/office/office_box_foot.gif") no-repeat left top;
overflow:hidden;
}

/* -----f-1-1.child element  [ inside a .office_box_body ]------------------------- */

.office_image_box{ float:left; }
.office_box_body p.office_pic { margin-left:5px; }
.office_box_body p.office_box_pic_body,
.office_box_body div.office_box_pic_foot{
width:216px;
margin-left:5px;
clear:both;
}
.TabbedPanelsContent .office_box_body p{ margin-top:0px; margin-bottom:0px;}
.office_box_body p.office_box_pic_body{
width:196px;
height:65px;
padding:0px 10px;
margin:0px 0px 0px 5px;
background:url("/img/company/office/office_box_pic_middle.gif") repeat-y left top;
}
* html .office_box_body p.office_box_pic_body{
width:216px;
}

.office_box_body div.office_box_pic_foot{
height:10px;
background:url("/img/company/office/office_box_pic_foot.gif") no-repeat left top;
}

/* ================================================================================ */
/*      g.hosting                                                                   */
/* ================================================================================ */


/* -----g-1.index.html------------------------------------------------------------- */

.contents_box{
	width:670px;
	height:auto;
	margin:5px 10px;
}
#hosting_box:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}

.contents_box p.hosting{
	width:330px;
	height:182px;
	float:left;
}

.contents_box p.margin_l{ margin:5px 0px 5px 5px; }
.contents_box p.margin_r{ margin:5px 5px 5px 0px; }

/* -----g-2.plan.html-------------------------------------------------------------- */

#plan_guide{
	width:200px;
	height:auto;
}
.contents_box_m{
	width:330px;
	height:auto;
}
.plan_box{
	float:left;
	margin-left:10px;
	display:inline;/*IE専用*/
}
.plan_box table{
	border-collapse:collapse;
	border-top:1px solid #396808;
	border-right:1px solid #396808;
	margin:10px 0px;
	height:auto;
}
.plan_box table td,
.plan_box table th,
.plan_box table.part2 td,
.plan_box table.part2 th{
	font-size:12px;
	color:#333333;
	padding:0.1em 10px;
	border-bottom:1px solid #396808;
	border-left:1px solid #396808;
}
.plan_box table td,
.plan_box table th{ text-align:left; }

.plan_box table.part2 td{ text-align:right; }
.plan_box table.part2 th,
.plan_box table.part2 td.txt_l{ text-align:left; }

.plan_box table th{
	background:#4f8912;
	color:#fff;
}

/* -----g-3.pack.html-------------------------------------------------------------- */

.pack_box{
	float:left;
	margin-left:10px;
	display:inline;/*IE専用*/
	border:1px solid #000;
	width:328px;
}

.pr_scrum{
	background:#ff5a5a;
	padding:5px;
	width:300px;
}

.pr_scrum strong{ color:#fff; }

/* -----g-3.vps.html--------------------------------------------------------------- */

table.vps_t{
	border-collapse:collapse;
	border-top:1px solid #396808;
	border-right:1px solid #396808;
	margin:10px 0px 10px 10px;
	width:668px;
}
table.vps_t td,
table.vps_t th{
	font-size:12px;
	color:#333333;
	padding:0.1em 10px;
	text-align:left;
	border-bottom:1px solid #396808;
	border-left:1px solid #396808;
}

table.vps_t th{
	background:#4f8912;
	color:#fff;
}


/* ================================================================================ */
/*      h.flow.html                                                                 */
/* ================================================================================ */


#contents #left_contents{
	width:385px;
	height:auto;
	float:left;
}
#contents #right_contents{
	width:295px;
	float:right;
}


/* ================================================================================ */
/*      i.technical_information                                                     */
/* ================================================================================ */
/*--技術情報 2009/1/26 --*/
pre{
	border:1px solid #ccc;
	width:590px;
	padding: 10px;
	margin:0px 40px;
	background:#f8f8f8;
	
	/* Browser specific (not valid) styles to make preformatted text wrap
	via http://myy.helia.fi/~karte/pre-wrap-css3-mozilla-opera-ie.html */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}


/* ================================================================================ */
/*      0.symfony news                                                              */
/* ================================================================================ */


/* -----0-1.parent box------------------------------------------------------------- */

#symfony_h,
#symfony_b,
#symfony_f{
width:690px;
clear:both;
}
#symfony_h{
height:40px;
overflow:hidden;
}
#symfony_b{
width:660px;
padding:7px 15px 8px;
height:auto;
background:url("/img/technical/symfony/news_s2.gif") repeat-y left top;
}
#symfony_b li{
width:660px;
margin:3px 0px 2px;
height:auto;
overflow:auto;
}
#symfony_f{
height:12px;
overflow:hidden;
}


/* ================================================================================ */
/*      0.recruit object bannar                                                     */
/* ================================================================================ */


/* -------------------------------------------------------------------------------- */
/*      0-1.short type                                                              */
/* -------------------------------------------------------------------------------- */


/* -----0-1-1.parent box----------------------------------------------------------- */

#recruit_head,
#recruit_body,
#recruit_foot{
width:470px;
clear:both;
}
#recruit_head{
height:10px;
background:url("/img/company/recruit/recruit_bannar_head.gif") no-repeat left top;
overflow:hidden;
}
#recruit_body{
width:450px;
padding:0px 10px;
height:auto;
background:url("/img/company/recruit/recruit_bannar_middle.gif") repeat-y left top;
}
#recruit_foot{
height:10px;
background:url("/img/company/recruit/recruit_bannar_foot.gif") no-repeat left top;
overflow:hidden;
}

/* -----0-1-2.child element-------------------------------------------------------- */

a.recruit_btn{
display:block;
width:450px;
height:31px;
background:url("/img/company/recruit/recruit_bannar_btn.gif") no-repeat left top;
text-indent:-5000px;
}
a.recruit_btn:hover{
background:url("/img/company/recruit/recruit_bannar_btn_r.gif") no-repeat left top;
}
#recruit_body ul li{
background:url(/img/mark5.gif) no-repeat left 6px; 
padding-left:15px;
}


/* -------------------------------------------------------------------------------- */
/*      0-2.long type                                                             */
/* -------------------------------------------------------------------------------- */


/* -----0-2-1.parent box----------------------------------------------------------- */

#recruit_head_long,
#recruit_body_long,
#recruit_foot_long{
width:690px;
clear:both;
}
#recruit_body_long ul{
width:670px;
height:auto;
overflow:auto;
}

#recruit_head_long{
height:10px;
background:url("/img/company/recruit/recruit_bannar_head_long.gif") no-repeat left top;
overflow:hidden;
}
#recruit_body_long{
width:670px;
padding:0px 10px;
height:auto;
background:url("/img/company/recruit/recruit_bannar_middle_long.gif") repeat-y left top;
}
#recruit_foot_long{
height:10px;
background:url("/img/company/recruit/recruit_bannar_foot_long.gif") no-repeat left top;
overflow:hidden;
}

/* -----0-2-2.child element-------------------------------------------------------- */

a.recruit_btn_long{
display:block;
width:670px;
height:130px;
background:url("/img/company/recruit/recruit_bannar_btn_long.gif") no-repeat left top;
text-indent:-5000px;
}
a.recruit_btn_long:hover{
background:url("/img/company/recruit/recruit_bannar_btn_r_long.gif") no-repeat left top;
}
#recruit_body_long ul li{
background:url(/img/mark5.gif) no-repeat left 6px; 
padding-left:15px;
margin-right:15px;
float:left;
}


/* ================================================================================ */
/*      0.form                                                                      */
/* ================================================================================ */


.form_top,
.form_center,
.form_bottom{
	width:680px;
	margin-left:10px;
}
.form_top{
	height:13px;
	background:url(/img/form/form_box_top.gif) no-repeat left top;
	overflow:hidden;
	margin-top:20px;
}
.form_center{
	height:auto;
	background:url(/img/form/form_box_center.gif) repeat-y left top;
	overflow:auto;
}
.form_bottom{
	height:10px;
	background:url(/img/form/form_box_bottom.gif) no-repeat left top;
	overflow:hidden;
}

p.second_title_f{
	width:660px;
	height:auto;
	margin-bottom:10px;
	padding:1px 10px 0px 10px;
	background:url(/img/form/green_bg.gif) repeat-y bottom left;
	line-height:1.4em;
}


/* ================================================================================ */
/*      0.table  [ inside a #contents ]                                             */
/* ================================================================================ */


/*-----main_tableの設定-----*/

table{
	width:100%;
	margin:20px 0px;
	border-collapse:collapse;
}
td,
th{
	color:#333333;/*セルのメイン背景色*/
	padding:.6em 10px;
	text-align:left;
}
/*-----type別table　設定-----*/

/*type01*/
table.type01{
	border-top:1px dashed #000000;
	width:610px;
	height:auto;
	margin-left:35px;
}
.type01 td,
.type01 th { border-bottom:1px dashed #000000; }
/*type02*/
.type02{
	width:610px;
	height:auto;
	margin-left:35px;
}
.type02 td,
.type02 th{
	padding:.0.7em 5px;
	border-left:5px solid #ffffff;
	border-bottom:1px dotted #4A5057;
}
/*type03*/
.type03{
	width:600px;
	height:auto;
	/*margin:20px auto;*/
	margin:20px 0px 20px 20px;
}
/*
* html .type03{
	margin-left:20px 0px 20px 20px;
}
*/
.type03 td {
	padding:5px 5px;
	border-left:5px solid #ffffff;
	border-bottom:1px dotted #4A5057;
	}
.type03 th {
	padding:.1em 5px;
	border-bottom:1px dotted #4A5057;
	}

/*type04*/
table.type04{
	width:330px;
	margin:0;
	padding:0;
	padding-right:20px;
	float:right;
	border-top:1px dashed #000000;
	}
.type04 td,
.type04 th{	border-bottom:1px dashed #000000; }

/*type05*/
#contents table.type05{
	width:646px;
	margin:10px 0px 10px 20px;
	padding:0;
	border:2px solid #4f8912;
	}
.type05 td {
	border-left:2px solid #4f8912;
	border-bottom:2px solid #4f8912;
	text-align:center;
	}

/*type06*/
table.type06{
	width:65%;
	margin:10px auto;
	padding:10px;
	}
.type06 td {
	border-bottom:1px dotted #cccccc;
	text-align:left;
	}
.type06 tr.line {
	background:#efefef;
	border-left:3px solid #cccccc;
	}

/* ================================================================================ */
/*      0.test_navi                                                                 */
/* ================================================================================ */

#header ul.g_navi,
#header ul.s_navi{
clear:both;
width:885px;
padding-left:15px;
}

* html #header ul.g_navi,
* html #header ul.s_navi{
	width:900px;
}

#header ul.g_navi:after,
#header ul.s_navi:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}

#header ul.g_navi{
	height:30px;
	background:url(/img/navi_top_bg.gif) no-repeat left top;
	margin-top:10px;
}

#header ul.s_navi{
	height:34px;
	background:url(/img/navi_bottom_bg.gif) no-repeat left top;
}

#header ul.g_navi li a{ color:#fff; text-decoration:none; font-size:14px; }
#header ul.s_navi li a{ color:#666;}
#header ul.s_navi li.n_title a{ color:#000;}

#header ul.g_navi li,
#header ul.s_navi li{ float:left; }

#header ul.s_navi li.n_title{
	height:24px;
	padding:0px 18px 0px 10px;
	background:#c3c3c6 url(/img/n_title_bg.gif) no-repeat right top;
}

#header ul.g_navi li a{ display:block; height:25px; padding-top:5px; }
* html #header ul.g_navi li a{ height:30px; }/*IE HACK*/

#header ul.g_navi li a#btn01{ width:60px; background:url(/img/navi_btn1.gif) no-repeat left top; }
#header ul.g_navi li a#btn02{ width:101px; background:url(/img/navi_btn2.gif) no-repeat left top; }
#header ul.g_navi li a#btn03{ width:107px; background:url(/img/navi_btn3.gif) no-repeat left top; }
#header ul.g_navi li a#btn04{ width:91px; background:url(/img/navi_btn4.gif) no-repeat left top; }
#header ul.g_navi li a#btn05{ width:100px; background:url(/img/navi_btn5.gif) no-repeat left top; }
#header ul.g_navi li a#btn06{ width:180px; background:url(/img/navi_btn6.gif) no-repeat left top; }
#header ul.g_navi li a#btn07{ width:77px; background:url(/img/navi_btn7.gif) no-repeat left top; }
#header ul.g_navi li a#btn08{ width:78px; background:url(/img/navi_btn8.gif) no-repeat left top; }

#header ul.g_navi li a#btn01:hover{ background:url(/img/navi_btn1.gif) no-repeat left bottom; }
#header ul.g_navi li a#btn02:hover{ background:url(/img/navi_btn2.gif) no-repeat left bottom; }
#header ul.g_navi li a#btn03:hover{ background:url(/img/navi_btn3.gif) no-repeat left bottom; }
#header ul.g_navi li a#btn04:hover{ background:url(/img/navi_btn4.gif) no-repeat left bottom; }
#header ul.g_navi li a#btn05:hover{ background:url(/img/navi_btn5.gif) no-repeat left bottom; }
#header ul.g_navi li a#btn06:hover{ background:url(/img/navi_btn6.gif) no-repeat left bottom; }
#header ul.g_navi li a#btn07:hover{ background:url(/img/navi_btn7.gif) no-repeat left bottom; }
#header ul.g_navi li a#btn08:hover{ background:url(/img/navi_btn8.gif) no-repeat left bottom; }

#head_container #header ul.g_navi li a.btn01_on{ background:url(/img/navi_btn1.gif) no-repeat left bottom; }
#head_container #header ul.g_navi li a.btn02_on{ background:url(/img/navi_btn2.gif) no-repeat left bottom; }
#head_container #header ul.g_navi li a.btn03_on{ background:url(/img/navi_btn3.gif) no-repeat left bottom; }
#head_container #header ul.g_navi li a.btn04_on{ background:url(/img/navi_btn4.gif) no-repeat left bottom; }
#head_container #header ul.g_navi li a.btn05_on{ background:url(/img/navi_btn5.gif) no-repeat left bottom; }
#head_container #header ul.g_navi li a.btn06_on{ background:url(/img/navi_btn6.gif) no-repeat left bottom; }
#head_container #header ul.g_navi li a.btn07_on{ background:url(/img/navi_btn7.gif) no-repeat left bottom; }
#head_container #header header_bottom ul.g_navi li a.btn08_on{ background:url(/img/navi_btn8.gif) no-repeat left bottom; }

#header ul.s_navi li a.sbtn_on{ background:#666; }