@charset "utf-8";
/* CSS Document */
body {
	background-color:#EDEDED;
	font-family:"メイリオ",  Osaka, "ＭＳ Ｐゴシック",sans-serif;}
}
#index_wrapper {
	width:886px;
	margin:0 auto;
	background:url(../images/index_wrap_bg.gif) repeat-y;
}

#wrapper {
	width:886px;
	margin:0 auto;
	background:url(../images/wrap_bg.gif) repeat-y;
}
#header {
	width:886px;
	height:74px;
	margin:39px auto 0;
	background:url(../images/header_bg.gif) no-repeat bottom;
}
#logo {
	padding-left:23px;
	float:left;
}
#logo a {
}
#container {
	width:866px;
	margin:0 auto;
	border-bottom:4px solid #eeeeee;
	padding-bottom:30px;
}
#main {
	width:596px;
	float:right;
	padding:30px 22px 0;
}

.contents {
	padding:10px 33px 20px;
}
.contents02 {
	padding:10px 33px 0;
}
#sidebar {
	width:225px;
	float:left;
	padding-top:30px;
}
#footer {
	width:886px;
	height:76px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) no-repeat;

}

/*----------------menu---------------*/
#gr_menu {
	float:right;
	padding-right:8px;
}
#gr_menu li {
	float:left;
	margin-left:3px;
}
#gr_menu li a {
}
#menu01 a {
	width:85px;
	background:url(../images/menu/menu_on_04.gif) no-repeat;
	height:34px;
	display:block;
	text-indent:-9999px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#menu01 a:hover,#menu01_act {
	width:85px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/menu_on_04.gif) no-repeat;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#menu02 a {
	width:85px;
	background:url(../images/menu/menu_on_03.gif) no-repeat;
	height:34px;
	display:block;
	text-indent:-9999px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#menu02 a:hover,#menu02_act {
	width:85px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/menu_on_03.gif) no-repeat;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#menu03 a {
	width:85px;
	background:url(../images/menu/menu_on_05.gif) no-repeat;
	height:34px;
	display:block;
	text-indent:-9999px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;

}
#menu03 a:hover,#menu03_act {
	width:85px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/menu_on_05.gif) no-repeat;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;

}
#menu04,#menu04 a {
	width:85px;
	background:url(../images/menu/menu_02.gif) no-repeat;
	height:34px;
	display:block;
	text-indent:-9999px;
}
#menu04 a:hover,#menu04_act {
	width:85px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/menu_on_02.gif) no-repeat;
}
#menu05 a {
	width:87px;
	background:url(../images/menu/menu_on_06.gif) no-repeat;
	height:34px;
	display:block;
	text-indent:-9999px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;	
}
#menu05 a:hover,#menu05_act {
	width:87px;
	height:34px;
	background:url(../images/menu/menu_on_06.gif) no-repeat;
	text-indent:-9999px;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.side_menu {
	border-bottom:1px solid #eeeeee;
	margin-bottom:20px;
	padding:0 10px 25px;
}
.side_menu li {
	font-size:12px;
	line-height:20px;
	margin-left:35px;
}
.side_menu02 {
	margin-bottom:10px;
	padding:0 10px 10px;
}
.side_menu02 li {
	font-size:12px;
	line-height:20px;
	margin-left:35px;
}
.side_menu li a,.side_menu02 li a {
	text-decoration:none;
	color:#68759a;
}
.side_menu li a:hover,.side_menu02 li a:hover {
	color:#869bd6
}

.blank a {
	padding-left:15px;
	background:url(../images/link.gif) no-repeat left center;
}
/*----------------bread---------------*/
#bread {
	line-height:32px;
	width:355px;
	float:right;
}
#bread li {
	float:left;
	font-size:10px;
	color:#FF8080;
	padding-left:2px;
}
#bread li a {
	background:url(../images/main/arrow.gif) no-repeat right;
	text-decoration:none;
	color:#68759a;
	padding-right:8px;
	margin-right:3px;
}
#bread li a:hover {
	color:#869bd6
}
#bread02 {
	margin-left:12px;
	line-height:30px;
	margin-top:30px;
	display:block;
}
#bread02 li {
	float:left;
	font-size:12px;
	color:#FF8080;
	padding-left:2px;
}
#bread02 li a {
	background:url(../images/main/arrow02.gif) no-repeat right;
	text-decoration:none;
	color:#68759a;
	padding-right:14px;
	margin-right:2px;
}
#bread02 li a:hover {
	color:#869bd6
}

/*----------------footer---------------*/
#footer p {
	float:left;
	font-size:12px;
	color:#666666;
	line-height:38px;
	display:inline;
	margin-left:35px;
}
#footer dl {
	float:left;
	font-size:12px;
	margin-left:130px;
}
#footer dl dt {
	float:left;
	margin-right:10px;
	margin-top:12px;
}
#footer dl dd {
	float:left;
		line-height:38px;

}
#footer dl dd a {
	text-decoration:none;
	color:#68759a;
}
#footer dl dd a:hover {
	color:#869bd6
}
/*----------------text---------------*/
h1 {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	font-weight: lighter;
	margin-left: 30px;
}
h2 {
}
.sitemap h3 {
	float:left;
	clear:both;
	font-size:12px;
	line-height:12px;
	font-weight:500;
	padding-top:5px;
	padding-bottom:5px;
	width:150px;
	color:#555555;
}
.sitemap h3 span {
	font-size: 12px;
	color:#CC0000;
	display: block;
	margin: 0px;
}

.sitemap p {
	clear:left;
	float:left;
	font-size: 12px;
	color: #0B479F;
	margin:0;
}

#sidebar h3 {
	padding:0 10px;
}
.index_contents .text {
	font-size:12px;
	line-height:20px;
	color:#555555;
}
.contents .text {
	font-size:12px;
	line-height:20px;
	color:#555555;
}
.contents02 .text {
	font-size:12px;
	line-height:20px;
	color:#555555;
}
.tel_no {
	font-size:16px;
	color:#FF6666;
	font-family:"Courier New", Courier, mono;
	font-weight:bold;
}

/*----------------main_img---------------*/
#index_img {
	border-top:4px solid #eeeeee;
	border-bottom:4px solid #eeeeee;
}
#main_img01 {
	height:42px;
	background:url(../images/topimg/company.jpg) no-repeat;
	border-top:4px solid #eeeeee;
	border-bottom:4px solid #eeeeee;
}
#main_img02 {
	height:42px;
	background:url(../images/topimg/service.jpg) no-repeat;
	border-top:4px solid #eeeeee;
	border-bottom:4px solid #eeeeee;
}
#main_img03 {
	height:42px;
	background:url(../images/topimg/site.jpg) no-repeat;
	border-top:4px solid #eeeeee;
	border-bottom:4px solid #eeeeee;
}

/*----------------box---------------*/
.sitemap {
	padding:10px 33px 20px;
}
/*----------------list---------------*/
#dl_news dt {
	line-height:16px;
	margin-bottom:5px;
}
.date {
	font-size:10px;
	color:#FF6600;
}
.title {
	font-size:12px;
	color:#CC0000;
}
#dl_news dd {
	font-size:12px;
	color:#555555;
	line-height:20px;
}
.ul_float li {
	float:left;
	padding-right:50px;
}
#dl_faq {
	font-size:12px;
	line-height:20px;
}
#dl_faq dt {
	background:url(../images/main/q.gif) no-repeat left 2px;
	padding-left:30px;
	margin-bottom:5px;
	color:#5088B8;
}
#dl_faq dd {
	background:url(../images/main/a.gif) no-repeat left 2px;
	padding-left:30px;
	color:#555555;
}
.ul_sitemap {
	font-size:12px;
	margin-left:35px;
	margin-bottom:5px;
	float:left;
}
.ul_sitemap li {
	line-height:20px;
}
.ul_sitemap li a {
	text-decoration:none;
	color:#68759a;
}
.ul_sitemap li a:hover {
	color:#869bd6
}

.ul_policy {
	padding-bottom:10px;
	border-bottom:1px solid #eeeeee;
}
.ul_policy li {
	background:url(../images/key.gif) no-repeat left top;
	padding-left:20px;
	font-size:12px;
	color:#555555;
	line-height:20px;
}
.border01 {
	border-bottom:1px solid #eeeeee;
}
.border02 {
	border-bottom:1px dotted #eeeeee;
}
.ul_announce {
	font-size:12px;
}
.ul_announce02 {
	margin-bottom:10px;
	padding-left:15px;
}
/*----------------table---------------*/
.w_100 {
	width:100px;
}
.w_130 {
	width:130px;
}
.w_140 {
	width:140px;
}
.w_150 {
	width:150px;
}
.nowrap {
	white-space:nowrap;
}
.table_price {
	font-size:12px;
	color:#333333;
	margin-bottom:20px;
}
.table_price caption {
	text-align:left;
}

.table_price th {
	padding:5px;
	line-height:16px;
}
.table_price td {
	padding:5px 8px;
	line-height:16px;
}

/*----------------flow---------------*/

#flow01 {
	background:url(../images/main/flow_bg1.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	height:130px;
}
#flow02 {
	background:url(../images/main/flow_bg2.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	height:130px;
}
#flow03 {
	background:url(../images/main/flow_bg3.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	height:130px;
}
#flow04 {
	background:url(../images/main/flow_bg4.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	height:130px;
}
#flow05 {
	background:url(../images/main/flow_bg5.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	height:130px;
}
#flow06 {
	background:url(../images/main/flow_bg6.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	
}
/*----------------case---------------*/
#case01 {
	background:url(../images/main/case_bg_a.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	margin-bottom:20px;
}
#case02 {
	background:url(../images/main/case_bg_b.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	margin-bottom:20px;
}
#case03 {
	background:url(../images/main/case_bg_c.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
	margin-bottom:20px;
}
#case04 {
	background:url(../images/main/case_bg_d.jpg) no-repeat;
	padding-left:105px;
	padding-top:12px;
}

/*----------------mailform---------------*/
table.mailform {
	width:544px;
	margin:0 auto;
	font-size:12px;
}
table.mailform td input {
	padding:3px;
}
.button {
	text-align:center;
	cursor:pointer;
}
table.mailform th {
	color:#555555;
	font-weight:500;
	width:130px;
}
table.mailform td {
	color:#555555;
}
table.mailform th p {
	font-size: 12px;
	color:#CC0000;
	display: block;
	margin: 0px;
}
table.mailform th span,table.mailform td span {
	font-size: 10px;
	color: #FF0000;
}
/*#submit {
	border:0;
	width:115px;
	height:26px;
	cursor:pointer;
	background:url(../images/submit.gif) no-repeat;
}*/
#reset {
	border:0;
	width:85px;
	height:20px;
	margin-top:9px;
	cursor:pointer;
	background:url(../images/reset.gif) no-repeat;
}
#submit {
	border:0;
	width:115px;
	height:26px;
	cursor:pointer;
	margin-right:20px;
}
#portfolio {

}
#portfolio ul {
	margin-top:20px;
}
#portfolio li {
	width:180px;
	height:200px;
	font-size:12px;
	line-height:18px;
	color:#999999;
	float:left;
	padding-right:16px;
}
#portfolio li a {
	color:#999999;
	text-decoration: none;
}