@charset "utf-8";
/*
search items

=01_base
=02_header
=03_nav
=04_footer
=05_footer_link_color
=06_top
=07_sitemap
=08_layout
=09_general_purpose
=10~each_page_title

*/

/*---=01_base---*/
* {
	margin:0px;
	padding:0px;
}

body {
	font:normal normal normal 75%/1.6 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color:#3e3e3f;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: normal;
}

img {
	border:0;
	vertical-align:bottom;
}

ul {
	list-style:none;
}

table {
	border:none;
	border-collapse:collapse;
	font-size:100%;
}

table caption {
	display:none;
}

td,th {
	text-align:left;
	line-height: 1.4;
}

#wrapper {
	margin:0px auto;
	width:802px;
	text-align:left;
	overflow:hidden;
	background:url(../img/bg.jpg) repeat-y;
}

#main_box {
	display:inline;
	width:770px;
	float:left;
	margin: 0px 16px;
}

#main {
	width:555px;
	float:left;
	margin: 0px 30px 0px 0px;
}

a:link,a:visited {
	color:#333333;
	text-decoration:none;
}

a:active,a:hover {
	color:#e60011;
	text-decoration:none;
}

/*---=02_header---*/

div#header {
	position:relative;
	display:inline;
	float:left;
	width:800px;
	height:143px;
	margin:0px 1px;
	text-align:left;
	background: url(../img/bg_header.jpg) bottom repeat-x;
	z-index:0;
}

div#header h1 {
	width:385px;
	height:34px;
	background:url(../img/h1.jpg) no-repeat;
	text-indent:-99999px;
	margin: 20px 0 0 23px;
}

div#header h1 a {
	display:block;
	width:385px;
	height:34px;
	overflow:hidden;
	margin: 0;
}

/*---=03_nav---*/

#glnav {
	position:absolute;
	top:81px;
	left:0;
	width:800px;
	height:40px;
	list-style:none;
	margin: 0px 0px 0px 0px;
	z-index:1;
}

#glnav li {
	float:left;
	width:160px;
	height:40px;
}
#glnav li a {
	display:block;
	float:left;
	width:160px;
	height:40px;
	text-indent:-99999px;
}

#glnav li a:active,#glnav li a:hover {
	background-position:bottom;
}


li.glnav01 a { background-image:url(../img/nav01.jpg);}
li.glnav02 a { background-image:url(../img/nav02.jpg);}
li.glnav03 a { background-image:url(../img/nav03.jpg);}
li.glnav04 a { background-image:url(../img/nav04.jpg);}
li.glnav05 a { background-image:url(../img/nav05.jpg);}

#topic_path {
	display:inline;
	width:770px;
	float:left;
	margin: 0px 16px;
	font-size:80%;
	color:#8b8b8b;
	padding: 0 0 20px;
}
#topic_path a:link,#topic_path a:visited { color:#8b8b8b;}
#topic_path a:active,#topic_path a:hover { color:#666666; text-decoration:underline;}


#nav {
	width:185px;
	float:right;
	padding: 16px 0 0;
	background: url(../img/nav_bg_top.jpg) top repeat-x;
}

#nav ul {
	width:185px;
	float:left;
	list-style:none;
	margin: 0px;
	padding: 0 0 16px;
	background: url(../img/nav_bg_bottom.jpg) bottom repeat-x;
}

#nav ul li {
	width:185px;
	line-height:35px;
	margin: 0;
	border-bottom:#e3e3e3 solid 1px;
}

#nav ul li a {
	display:block;
	width:150px;
	padding: 0 10px 0 25px;
}
#nav ul li a:link,#nav ul li a:visited {
	background:url(../img/nav_off.jpg) left top no-repeat;
}

#nav ul li a:active,#nav ul li a:hover {
	background:url(../img/nav_on.jpg) left top no-repeat;
}

/*---=04_footer---*/

#footer {
	clear:both;
	display:inline;
	width:800px;
	float:left;
	font-size:80%;
	background: url(../img/bg_fotter.jpg) repeat-x;
	margin: 55px 1px 0;
	padding: 20px 0 60px 0;
}

#f_nav {
	text-align:right;
	padding: 0 10px 20px 0;
}
#f_nav li {
	display:inline;
	text-align:right;
}

#address_box {
	float:right;
	width: 790px;
	display:inline;
	margin: 0 10px 30px 0;
}

address {
	display:block;
	float:right;
	font-style: normal;
	padding: 2px 15px 4px;
	clear:both;
	border:#CCCCCC solid 1px;
	background:#FFFFFF;
}

#valid {
	float:right;
	display:inline;
	margin: 0 10px 0 0;
}

#valid li {
	float:left;
	margin: 0 0 0 10px;
}

/*---=05_footer_link_color---*/

address a:link,address a:visited {
	color:#333333;
}
address a:active,address a:hover {
	color:#999999;
}

/*---=06_top---*/

#top_main {
	width:490px;
	float:left;
	margin: 0px 30px 0px 0px;
}

#h2_top {
	width:802px;
	height:259px;
	background:url(../img/h2_top.jpg) center no-repeat;
	text-indent:-99999px;
	margin: 0 0 20px;
	clear: both;
}

#top_main h3 {
	width:490px;
	height:27px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin: 0 0 10px;
}

#top_sub01 { background:url(../img/top_sub01.jpg);}
#top_sub02 { background:url(../img/top_sub02.jpg);}


#top_main ul {
	float:right;
	width:480px;
	margin: 0 0 10px 10px;
}
#top_main ul li {
	float:left;
	width:480px;
	border-bottom: #00a0c6 dotted 1px;
	margin: 0 0 5px;
	padding: 0 0 2px;
	background: url(../img/icon01.jpg) 5px 7px no-repeat;
}

#top_main ul li p {
	float:left;
	width:380px;
}
#top_main ul li p.date {
	width:100px;
	text-indent:20px;
}

.section_top {
	float:right;
	width:490px;
}
.st_pb30 { padding: 0 0 30px;}

#top_nav {
	float:right;
	width:250px;
	margin: 0px 0px 0px 0px;
}
#top_nav ul {
	width:250px;
	padding: 0px 0px 10px 0px;
}
#top_nav ul li {
	width:250px;
	margin: 0px 0px 10px 0px;
}
#top_nav h3 {
	width:250px;
	height:35px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin: 0 0 15px;
}

#nav_pick { background:url(../img/pickup_title.jpg);}
#nav_recruit { background:url(../img/recruit_title.jpg);}

/*---=07_sitemap---*/

#sitemap_sub01 { background:url(../img/sitemap_sub01.jpg);}

ul.sitemap li {
	border-bottom:#CCCCCC solid 1px;
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	background:url(../img/icon02.jpg) 0 6px no-repeat;
}
ul.sitemap li.hch {
	border-bottom:none;
	background:none;
}
ul.sitemap li ul li {
	border-bottom:none;
	margin: 0 0 0;
	padding: 0 0 0 20px;
	background:url(../img/icon05.jpg) 0 6px no-repeat;
}


ul.sitemap li a:link,ul.sitemap li a:visited {
	color:#999999;
	text-decoration:none;
}
ul.sitemap li a:active,ul.sitemap li a:hover {
	color: #666666;
	text-decoration: none;
}

/*---=08_layout---*/

.section01 {
	float:left;
	width:555px;
	padding: 0 0 35px;
}

.section01_01 {
	float:left;
	width:555px;
}

.pb10 { padding: 0 0 10px;}
.pb16 { padding: 0 0 16px;}
.pb20 { padding: 0 0 20px;}
.pb35 { padding: 0 0 35px;}

.pt20 { padding: 20px 0 0;}


.section01_01_left01 {
	float:left;
	width:268px;
	margin: 0 19px 0 0;
}
.section01_01_right01 {
	float:right;
	width:268px;
	margin: 0;
}

.section02 {
	float:right;
	width:535px;
	margin: 0 0 0 20px;
}
.section02_01 {
	float:left;
	width:535px;
}

.section02_01_left01 {
	float:left;
	width:315px;
	margin: 0 20px 0 0;
}
.section02_01_right01 {
	float:right;
	width:200px;
	margin: 0;
}
.section02_01_left02 {
	float:left;
	width:250px;
	margin: 0 20px 0 0;
}
.section02_01_right02 {
	float:right;
	width:265px;
	margin: 0;
}
.section03_01{
	float:left;
	margin:0 10px;
	width:530px;
	display:inline;
}


/*---=09_general_purpose---*/

#main h2,#main h3,#main h4 {
	width:555px;
	height:60px;
	margin: 0 0 20px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}
#main h3 {
	height:22px;
}
#main h4 {
	width:535px;
	height:26px;
}

#main h5 {
	background: url(../img/icon04.jpg) 0px 7px no-repeat;
	font-size:120%;
	letter-spacing:0.2em;
	font-weight:bold;
	border-bottom: #0053B3 solid 1px;
	color:#0053B3;
	padding: 0 0 0 20px;
	margin: 0 0 15px;
}

.section02 p {
	padding-bottom:15px;
	clear:both;
}
.section02 p.pb0 {
	padding-bottom:0;
	clear:both;
}

strong { color:#d51519;}
.bk { color:#3e3e3f;}

p.ca {
	padding-left:10px;
	font-size:110%;
}

.ex {
	margin-left:2em;
	text-indent:-2em;
}
.ex02 {
	margin-left:1em;
	text-indent:-1em;
}

p.small {
	font-size:80%;
	color:#d51519;
}

.to_top {
	clear:both;
}

.to_top a {
	float:right;
	display:block;
	width:118px;
	height:20px;
	text-indent:-99999px;
	background:url(../img/to_top.jpg) no-repeat;
}

.box01 {
	border-top: #eb9aa1 solid 1px;
	border-bottom: #eb9aa1 solid 1px;
	padding: 10px;
}
.box02 {
	border-top: #eb9aa1 solid 1px;
	border-bottom: #eb9aa1 solid 1px;
	padding: 10px 0px;
}

.ico01 {
	background:url(../img/icon03.jpg) no-repeat 0 5px;
	text-indent:15px;
}
.ico02 {
	background:url(../img/icon01.jpg) no-repeat 0 7px;
	text-indent:10px;
	margin: 0 0 0 10px;
}

.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}

.ali_cen {
	text-align:center;
}
.ali_right {
	text-align: right;
}
.ali_left {
	text-align: left;
}

.fl {
	float:left;
}
.fr {
	float:right;
}

.clb {
	clear:both;
}
.cll {
	clear:left;
}
.clr {
	clear:right;
}

/*---=10_service---*/

#service_sub01 { background:url(../img/service_sub01.jpg);}
#service_sub02 { background:url(../img/service_sub02.jpg);}
#service_sub03 { background:url(../img/service_sub03.jpg);}
#service_sub04 { background:url(../img/service_sub04.jpg);}
#service_sub05 { background:url(../img/service_sub05.jpg);}
#service_sub06 { background:url(../img/service_sub06.jpg);}

.servicebox {
	background: url(../img/service_bg01.jpg) 146px 125px no-repeat;
}

#main .servicebox h4 {
	width:268px;
	height:46px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin: 0 0 4px;
}
/*---=11_mediweb---*/

#mediweb_sub01 { background:url(../img/service_sub01.jpg);}
#main h3#mediweb_sub02 { background:url(../img/mediweb_sub02.jpg); height:44px;}
#mediweb_sub03 { background:url(../img/mediweb_sub03.jpg);}
#main h4#mediweb_sub04 { background:url(../img/mediweb_sub04.jpg); height:46px;}
#mediweb_sub05 { background:url(../img/mediweb_sub05.jpg);}

dl.mediweb01 {
	float:left;
	width:535px;
	padding: 0 0 15px;
}
dl.mediweb01 dd ul li {
	float:left;
}
dl.mediweb02 {
	float:left;
	width:535px;
	padding: 25px 0 25px;
}

/*---=12_consulting---*/

#consulting_sub01 { background:url(../img/service_sub01.jpg);}
#consulting_sub02 { background:url(../img/consulting_sub02.jpg);}
#consulting_sub03 { background:url(../img/consulting_sub03.jpg);}
#consulting_sub04 { background:url(../img/consulting_sub04.jpg);}

/*---=13_portal---*/

#portal_sub01 { background:url(../img/service_sub01.jpg);}
#portal_sub02 { background:url(../img/portal_sub02.jpg);}
#main h4#portal_sub03 { background:url(../img/portal_sub03.jpg); height:46px;}

/*---=14_support---*/

#support_sub01 { background:url(../img/service_sub01.jpg);}
#support_sub02 { background:url(../img/support_sub02.jpg);}
#support_sub03 { background:url(../img/support_sub03.jpg);}

ul.support01 {
	margin: 0 0 20px;
}
ul.support01 li {
 list-style:lower-alpha;
 margin: 0 0 0 2em;
}

/*---=15_privacy---*/

#privacy_sub01 { background:url(../img/privacy_sub01.jpg);}
#privacy_sub02 { background:url(../img/privacy_sub02.jpg);}
#privacy_sub03 { background:url(../img/privacy_sub03.jpg);}


/*---=16 company---*/

#about_sub01 { background:url(../img/about_sub01.jpg);}
#main h4#about_sub02 { background:url(../img/about_sub02.jpg); height:26px;}

/*---=17 company---*/

#recruit_sub01 { background:url(../img/recruit_sub01.jpg);}
#recruit_sub02 { background:url(../img/recruit_sub02.jpg);}
#main h4#recruit_sub03 { background:url(../img/recruit_sub03.jpg); height:26px;}
#main h4#recruit_sub04 { background:url(../img/recruit_sub04.jpg); height:26px;}
#main h4#recruit_sub05 { background:url(../img/recruit_sub05.jpg); height:26px;}

dl.about01 {
	float:left;
	width:535px;
	padding: 0 0 15px;
	display:inline;
}

dl.about01 dt,
dl.about01 dd{
	float:left;
	border-top:dotted #ccc 1px;
	padding:10px 5px;
	display:inline;
}
dl.about01 dt{
	width:180px;
	background:url(../img/icon04.jpg) no-repeat 5px 14px;
	text-indent:15px;
}
dl.about01 dd{
	width:335px;
}
.b_line_ash{	border-bottom:dotted #ccc 1px;}

img.infoat {
	border:0;
	vertical-align: middle;
}

/*---=18 inquiry---*/

#inquiry_sub01 { background:url(../img/inquiry_sub01.jpg);}
.mail_form table{
	width:535px;
	background:#fff;
	border-collapse:collapse;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}

.mail_form table th,
.mail_form table td{
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:5px;
	line-height:22px;
}

.mail_form table th{
	background:#CCCCCC;
	width:150px;
}
.mail_form table span{
	color:#FF0000;
}