@charset "utf-8";
/* CSS Document */

body {
	width : 100% ;
	min-width: 1100px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 160%;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*----- Header -----*/

header {
	width: 1100px;
	height: 120px;
	margin: 0 auto;
	text-align: left;
}
header h1#title {
	width: 221px;
	float: left;
	margin-top: 35px;
}
header p#h_contact {
	width: 346px;
	padding: 20px 0;
	background-color: #EBF0F7;
	text-align: center;
	float: right;
	margin-top: 15px;
}

/*----- Nav -----*/

nav#g_nav {
	height: 70px;
	background-color: #02498D;
	text-align: center;
}
nav#g_nav ul {
	width: 1100px;
	margin: 0 auto;
}
nav#g_nav ul li {
	float: left;
}

/*----- MainImage -----*/

div#main_image {
	height: 340px;
	background-color: #22B0DF;
	/*background-color: #CCC;*/
	text-align: center;
}
div#main_image ul.slider {
	width: 1100px;
	margin: 0 auto;
}

/*----- Banner -----*/

aside#banner_area {
	height: 180px;
	background-color: #ECECE3;
	text-align: center;
}
aside#banner_area ul {
	width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
    list-style:none;
	text-align: left;
}
aside#banner_area li {
	float: left;
}

/*----- Topix -----*/

div#topix_area {
	text-align: center;
}
div#topix_area section {
	width: 1100px;
	margin: 0 auto;
	padding: 40px 0;
}
div#topix_area section h2 {
	width: 377px;
	float: left;
}
div#topix_area section dl {
	width: 723px;
	float: right;
	text-align: left;
    list-style: none;
}
div#topix_area section dd {
	margin-bottom: 15px;
	width: 570px;
	float: right;
}
div#topix_area section dt {
	margin-bottom: 15px;
	float: left;
	clear: left;
	width: 150px;
	display: block;
	height: 100%;
}

/*----- Footer -----*/

footer {/* Topix下の余白を調整 */
	margin-top: 5px;
	margin-top: 18px\9;
}
footer {
	background-color: #E6EDF7;
	text-align: center;
}
footer div#footer {
	width: 1100px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
}
footer div#footer div#footer_address {
	width: 550px;
	float: left;
	font-size: 90%;
}
footer ul {
	list-style: none;
}
footer div#footer div#footer_sitemap {
	width: 550px;
	float: right;
}
footer div#footer div#footer_sitemap ul {
	width: 50%;
	float: left;
}
footer div#footer div#footer_sitemap ul li {
	margin-bottom: 5px;
}

/*----- Copyright -----*/

div#footer_copy {
	background-color: #02498D;
	text-align: center;
	color: #FFF;
	height: 50px;
}
div#footer_copy p {
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0;
}

/*----- Pagetop -----*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #02498D;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	text-decoration: none;
	line-height: 55px;
    filter:alpha(opacity=80); 
    -moz-opacity: 0.8; 
    opacity: 0.8; 
}

/*----- Breadcrumb -----*/

div#breadcrumb {
	background-color: #47BDE4;
	text-align: center;
	color: #FFF;
	height: 40px;
	line-height: 40px;
}
div#breadcrumb ul {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	list-style: none;
}
div#breadcrumb ul li a, 
div#breadcrumb ul li {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	float: left;
	padding-right: 20px;
}
div#breadcrumb ul li {
	background: no-repeat url('../img/bread_arr.png') 100% 0;
	padding-left: 20px;
}
div#breadcrumb ul li.bread_home {
	background: no-repeat url('../img/bread_arr.png') 100% 0;
	padding-left: 0px;
}
div#breadcrumb ul li.bread_current {
	background-image: none;
}

/*----- Contents -----*/


div#contents {
	width: 900px;
	margin: 0 auto 40px;
	text-align: left;
}
div#contents ul {
	list-style: inside
}
div#contents section {
	margin-top: 40px;
}

/*- h1 -*/

div#h1 {
	background-color: #ECECE3;
	text-align: center;
	height: 160px;
}
div#h1 h1 {
	color: #02498D;
	font-size: 140%;
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	line-height: 170px;
}
div#h1 h1#h1_soft {
	background: no-repeat url('../soft/img/h1.jpg') 100% 0;
}
div#h1 h1#h1_web {
	background: no-repeat url('../web/img/h1.jpg') 100% 0;
}
div#h1 h1#h1_company {
	background: no-repeat url('../company/img/h1.jpg') 100% 0;
}
div#h1 h1#h1_recruit {
	background: no-repeat url('../recruit/img/h1.jpg') 100% 0;
}
div#h1 h1#h1_contact {
	background: no-repeat url('../contact/img/h1.jpg') 100% 0;
}

/*- h2 -*/

div#contents h2 {
	border-top: 2px solid #02498D;
	background-color: #E6EDF7;
	color: #02498D;
	margin-bottom: 20px;
	padding: 16px 18px 12px;
	font-size: 120%;
	font-weight: bold;
}
/*- h3 -*/

div#contents h3 {
	border-left: 5px solid #22B0DF;
	color: #22B0DF;
	margin: 30px 0 10px;
	padding: 2px 20px 0;
	font-weight: bold;
}

/*- Table -*/

table.table01 {
	width: 100%;
	border: 1px solid #CCC;
}
table.table01 td,
table.table01 th {
	border: 1px solid #CCC;
	padding: 16px 6px 8px 14px;
}
table.table01 th {
	background-color: #ECECE3;
	vertical-align: middle;
	text-align: left;
	color: #484831;
}
table.table02 {
	width: 100%;
	border: 1px solid #CCC;
}
table.table02 td,
table.table02 th {
	border: 1px solid #CCC;
	padding: 10px 6px 10px 10px;
}
table.table02 th {
	background-color: #ECECE3;
	vertical-align: middle;
	text-align: left;
	color: #484831;
}

/*- List -*/

ul.list01 li {
	list-style: none;
	background: no-repeat url('../img/circle01.png') 1px 56%;
	padding: 16px 0 10px 32px;
	border-bottom: 1px dashed #22B0DF;
}
div.list02 {
	width: 100%;
}
div.list02 ul {
	width: 50%;
	float: left;
}
div.list02 ul li {
	list-style: none;
	background: no-repeat url('../img/circle01.png') 1px 56%;
	padding: 16px 0 10px 32px;
	border-bottom: 1px dashed #22B0DF;
}
ul.list03 {
	margin-top: 10px;
}
ul.list03 li {
	list-style: none;
	background: no-repeat url('../img/circle01.png') 1px 50%;
	padding: 5px 0 0 32px;
}

/*- Softwear -*/

ul.soft_promise {
	list-style: none;
}
ul.soft_promise li {
	display: inline-block;
	float: left;
}

/*----- Margin -----*/

.mr31 {
	margin-right: 31px;
}
.mr06 {
	margin-right: 6px;
}
.mb10 {
	margin-bottom: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt10 {
	margin-top: 10px;
}

/*----- Image -----*/

img.f_left {
	float: left;
	margin: 0 20px 20px 0;
}
img.f_right {
	float: right;
	margin: 0 0 20px 20px;
}

/*----- Form -----*/

form.form01 textarea,
form.form01 input {
	border: 1px solid #CCC;
	padding: 5px;
}
form.form01 th span {
	display: inline-block;
	margin-left: 20px;
	color: red;
	font-size: 80%;
	font-weight: bold;
}

/*----- Button -----*/

.button01 {
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	width: 400px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	position: relative;
	background-color: #8DB711;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #7A9E0E;
	margin: 30px auto;
}
.button01::before,
.button01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button01,
.button01::before,
.button01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}.button01:hover {
	background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
	text-decoration: none;
}
.button01:active {
	top: 3px;
	box-shadow: none;
}

/*----- External Link  -----*/

div#contents a[href^="http"] {  

	background: url('../img/e_link.png') no-repeat right center;  

	padding-right:18px;  

	margin-right:5px;  

}  

div#contents a[href^="http"] {  

	margin-right:-23px;  
	}  


/*----- Clear -----*/

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 

/*----- Other -----*/

.strong {
	font-weight: bold;
}
.t_center {
	text-align: center;
}
.f_small {
	font-size: 80%;
}