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

* { margin: 0px; padding: 0px;}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	color: #333;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
#contents_body {
	background-image: url(images/contents_bg.jpg);
	background-repeat: repeat-x;
}

#all { height: auto; width: 920px; margin-right: auto; margin-left: auto;}
a {
	text-decoration: none
}
h1 {
	font-size: 10px;
	padding-top: 15px;
	padding-bottom: 12px;
	line-height: 1.3em;
	color: #06113E;
}
li { list-style-type: none;}
#fla {
	margin: 0px;
	padding: 0px;
	height: 350px;
	width: 920px;
}

img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}

/* headerkokokara */
#header { height: 135px; width: 920px; clear: both; overflow: hidden;}
#header_top { width: 920px; height: auto; overflow: hidden; clear: both;}
#header_title {
	width: 400px;
	height: auto;
	float: left;
	padding-bottom: 5px;
	padding-left: 5px;
}



#header_left { float: left; height: auto; width: 300px;}
#header_right { float: right; height: auto; width: 620px;}
#header_navi {
	width: 220px;
	float: right;
	padding-top: 15px;
	padding-bottom: 8px;
	font-size: 10px;
	padding-left: 15px;
}
.header_navi_01 img {
	padding-right: 5px;
	padding-top: 1px;
}

.header_navi_01 { float: left;}
.header_navi_01 a { color:#333;}
.header_navi_01 a:hover { color: #FC0; text-decoration: none;}
.header_navi_02 img {
	padding-right: 5px;
	padding-top: 1px;
}

.header_navi_02 { float: left; padding-left: 15px;}
.header_navi_02 a { color:#333;}
.header_navi_02 a:hover { color: #FC0; text-decoration: none;}

.tel { text-align: right;}

/* headerkokomade */


/* navikokokara */

#navi {
	clear: both;
	height: 30px;
	width: 920px;
	display: block;
	padding-bottom: 14px;
}
.navi_01 { float: left; width: 145px; height: 30px; background-image:url(images/navi_01.jpg); text-indent: -9999px;
background-repeat: no-repeat;}
.navi_01 a { width: 145px; height: 30px; display: block;}
.navi_01 a:hover { background-image: url(images/navi_01_a.jpg); background-repeat: no-repeat;}

.navi_02 { float: left; width: 145px; height: 30px; background-image:url(images/navi_02.jpg); text-indent: -9999px;
background-repeat: no-repeat;}
.navi_02 a { width: 145px; height: 30px; display: block;}
.navi_02 a:hover { background-image: url(images/navi_02_a.jpg); background-repeat: no-repeat;}


.navi_03 { float: left; width: 145px; height: 30px; background-image:url(images/navi_03.jpg); text-indent: -9999px;
background-repeat: no-repeat;}
.navi_03 a { width: 145px; height: 30px; display: block;}
.navi_03 a:hover { background-image: url(images/navi_03_a.jpg); background-repeat: no-repeat;}

.navi_04 { float: left; width: 145px; height: 30px; background-image:url(images/navi_04.jpg); text-indent: -9999px;
background-repeat: no-repeat;}
.navi_04 a { width: 145px; height: 30px; display: block;}
.navi_04 a:hover { background-image: url(images/navi_04_a.jpg); background-repeat: no-repeat;}

.navi_05 { float: left; width: 195px; height: 30px; background-image: url(images/navi_05.jpg); text-indent: -9999px;
background-repeat: no-repeat;}
.navi_05 a { width: 195px; height: 30px; display: block;}
.navi_05 a:hover { background-image: url(images/navi_05_a.jpg); background-repeat: no-repeat;}

.navi_06 { float: left; width: 145px; height: 30px; background-image:url(images/navi_06.jpg); text-indent: -9999px;
background-repeat: no-repeat;}
.navi_06 a { width: 145px; height: 30px; display: block;}
.navi_06 a:hover { background-image: url(images/navi_06_a.jpg); background-repeat: no-repeat;}

/* navikokmade */


/* contentskokokara */

#contents {
	clear: both;
	width: 920px;
	overflow: hidden;
	height: auto;
	padding-top: 15px;
	margin: 0px;
	padding-bottom: 30px;
}
#contents_left { float: left; height: auto; width: 685px; padding-right: 15px;}
#contents_left_r20 { float: left; height: auto; width: 680px; padding-right: 20px;}

#contents_right { float: right; height: auto; width: 220px;}
.title_contents {
	background-image: url(images/title.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 680px;
	font-size: 14px;
	padding-top: 14px;
	padding-left: 5px;
	color: #0a1545;
	font-weight: normal;
	padding-bottom: 15px;
}
#contents_service {
	clear: both;
	height: auto;
	width: 685px;
	overflow: hidden;
	padding-bottom: 15px;
}
#contents_service2 {
	clear: both;
	height: auto;
	width: 685px;
	overflow: hidden;
}

.contents_service_left {
	float: left;
	height: auto;
	width: 218px;
	padding-right: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #069;
}

.contents_service_center {
	float: left;
	width: 218px;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #069;
}
/* top_newskokomade */

.contents_service_right {
	float: right;
	height: auto;
	width: 219px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #069;
}
.contents_service_left2 {
	float: left;
	height: auto;
	width: 218px;
	padding-right: 7px;
}

.contents_service_center2 {
	float: left;
	width: 218px;
	padding-right: 8px;
	padding-left: 8px;
}
/* top_newskokomade */

.contents_service_right2 {
	float: right;
	height: auto;
	width: 219px;
	padding-left: 7px;
}

.top_service_dl {
	padding-top: 10px;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(images/contents_title_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}
.top_service_dt {
	font-size: 13px;
	color: #003;
	background-image: url(images/point.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding-left: 20px;
	padding-bottom: 2px;
}
.top_service_dd {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


.top_service_01 { background-image: url(images/program.jpg); background-repeat: no-repeat; height: 80px; width: 218px;}
.top_service_01 a { height: 80px; width: 218px; display: block;}
.top_service_01 a:hover { background-image: url(images/program_a.jpg); background-repeat: no-repeat; width: 218px; height: 80px;}

.top_service_02 { background-image: url(images/kitting.jpg); background-repeat: no-repeat; height: 80px; width: 218px;}
.top_service_02 a { height: 80px; width: 218px; display: block;}
.top_service_02 a:hover { background-image: url(images/kitting_a.jpg); background-repeat: no-repeat; width: 218px; height: 80px;}

.top_service_03 { background-image: url(images/network.jpg); background-repeat: no-repeat; height: 80px; width: 219px;}
.top_service_03 a { height: 80px; width: 219px; display: block;}
.top_service_03 a:hover { background-image: url(images/network_a.jpg); background-repeat: no-repeat; width: 219px; height: 80px;}

.top_service_04 { background-image: url(images/customer.jpg); background-repeat: no-repeat; height: 80px; width: 218px;}
.top_service_04 a { height: 80px; width: 218px; display: block;}
.top_service_04 a:hover { background-image: url(images/customer_a.jpg); background-repeat: no-repeat; width: 218px; height: 80px;}

.top_service_05 { background-image: url(images/web.jpg); background-repeat: no-repeat; height: 80px; width: 218px;}
.top_service_05 a { height: 80px; width: 218px; display: block;}
.top_service_05 a:hover { background-image: url(images/web_a.jpg); background-repeat: no-repeat; width: 218px; height: 80px;}

.top_service_06 { background-image: url(images/print.jpg); background-repeat: no-repeat; height: 80px; width: 219px;}
.top_service_06 a { height: 80px; width: 219px; display: block;}
.top_service_06 a:hover { background-image: url(images/print_a.jpg); background-repeat: no-repeat; width: 219px; height: 80px;}

.top_service_link {
	background-image: url(images/detailed_Page218.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 218px;
	text-indent: -9999px;
	padding-bottom: 15px;
}
.top_service_link a{ width: 218px; height: 20px; display: block;}
.top_service_link a:hover { background-image: url(images/detailed_Page218_a.gif); background-repeat: no-repeat;}

.top_service_link219 {
	background-image: url(images/detailed_Page219.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 219px;
	text-indent: -9999px;
	padding-bottom: 15px;
}
.top_service_link219 a{ width: 219px; height: 20px; display: block;}
.top_service_link219 a:hover { background-image: url(images/detailed_Page219_a.gif); background-repeat: no-repeat;}

/* top_newskokokara */
.top_news { width: 685px; height:120px; overflow: auto;}
.top_news_list a {
	color: #000;
	text-decoration: underline;
}
.top_news_list a:hover {
	color: #FC0;
	text-decoration: none;
}
.news_link img {
	padding-right: 5px;
}

.top_news_list { padding: 5px 0px 10px 0px; border-bottom: 1px #999 dotted;}

/* top_newskokomade */



.title_right_menu { background-image: url(images/title.png); background-repeat: no-repeat; height: 29px; width: 215px; font-size: 14px;
	padding-top: 14px; padding-left: 5px; color: #0a1545; font-weight: normal;}
.right_menu { width: 220px; padding-bottom: 15px}
.right_menu li {
	list-style-position: inside; list-style-image: url(images/point.gif); list-style-type: none; height: 20px; background-color: #f4f4f4; width: 220px; padding-top: 10px; padding-bottom: 5px; padding-left: 5px; border-bottom: #CCC 1px dotted; font-size: 11px;}
.right_menu li a { color: #000;}
.right_menu li a:hover { color: #FC0;}
.title_right { background-image: url(images/title.png); background-repeat: no-repeat; height: 30px; width: 215px; font-size: 14px;
	padding-top: 15px; padding-left: 5px; color: #0a1545; font-weight: normal; padding-bottom: 15px;}




.right_info_01 { width: 220px; height: 70px; background-image: url(images/right_partner_btn.jpg); background-repeat: no-repeat;
text-indent: -9999px; padding-bottom: 15px;}
.right_info_01 a { width: 220px; height: 70px; display: block;}
.right_info_01 a:hover { background-image: url(images/right_partner_btn_a.jpg); background-repeat: no-repeat;}

.right_info_02 { width: 220px; height: 70px; background-image: url(images/products.jpg); background-repeat: no-repeat;
text-indent: -9999px; padding-bottom:15px;}
.right_info_02 a { width: 220px; height: 70px; display: block;}
.right_info_02 a:hover { background-image: url(images/products_a.jpg); background-repeat: no-repeat;}
.right_info_03 { width: 220px; height: 70px; background-image: url(images/recruit.jpg); background-repeat: no-repeat;
text-indent: -9999px; padding-bottom: 15px}
.right_info_03 a { width: 220px; height: 70px; display: block;}
.right_info_03 a:hover { background-image: url(images/recruit_a.jpg); background-repeat: no-repeat;}




/* contents_kokomade */
#footer_index {
	background-color: #f4f4f4;
	clear: both;
	height: 100%;
	width: 100%;
	overflow: hidden; padding-top: 15px;
}

#footer {
	background-color: #f4f4f4;
	clear: both;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#footer_contents { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 920px;
	clear: both; overflow: hidden;}
#footer_rogo {
	float: left;
	height: 160px;
	width: 262px;
	font-size: 11px;
}
#footer_navi_01 {
	float: left;
	width: 201px;
	padding-left: 10px;
	height: 155px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
#footer_navi_02 {
	float: left;
	width: 200px;
	padding-right: 15px;
	height: 155px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
#footer_contact {
	float: right;
	height: 40px;
	width: 200px;
	background-image: url(images/footer_tel.png);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 120px;
	padding-bottom: 15px;
}
.footer_contact_bt {
	background-image: url(images/footer_contact_bt.jpg);
	background-repeat: no-repeat;
	width: 202px;
	height: 30px;
}
.footer_contact_bt a {
	display: block;
	height: 30px;
	width: 202px;
}
.footer_contact_bt a:hover {
	background-image: url(images/footer_contact_bt_a.jpg);
	background-repeat: no-repeat;
}

.footer_title {
	color: #003;
	padding-bottom: 5px;
}
.footer_navi_list {
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 11px;
}
.footer_navi_list li {
	line-height: 1.6em;
}

.footer_navi_list li a {
	color: #666;
}
.footer_navi_list li a:hover {
	color: #FC0;
}
#footer_copyright {
	background-color: #0a1029;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer_copyright_contents {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.footer_copyright_txt a {
	text-decoration: underline;
	color: #D6D6D6;
}
.footer_copyright_txt a:hover {
	color: #FFF;
	text-decoration: underline;
}