@charset "utf-8";
@import url("common.css"); /* common stylesheet */

/* temp_set -- -- --
Date: 2007.10
Version: 1.3
Author: mick
Author URI: http://aradas.net/
-- -- -- -- -- -- -- -- */

#contents {
	height:500px;
	}

/* layout
--------- --------- --------- --------- --------- */
#wrapper {
	margin:0 auto;
	padding:0;
	width:780px;
	text-align: left;
	border-left:1px solid #A4A4A4;
	border-right:1px solid #A4A4A4;
	background-color: #CCC;
	}

#header {
	margin:0;
	padding:0;
	height:80px;
	position:relative;
	background:url(../images/header_back.jpg) no-repeat;
	}

#flash_area {
	margin:0;
	padding:0;
	height:190px;
	}
	
#navi_area {
	margin:0;
	padding:3px 0 0 0;
	height:263px;
	background:url(../images/index_navi_back.jpg) no-repeat;
	font-size:8pt;
	_font-size:90%;
	}
	
#main {
	margin:0 0 0 28px;
	padding:10px 0 10px 0;
	float:left;
	width:442px;
	display: inline;
	}
	
#side {
	margin:0;
	padding:10px 0 10px 0;
	float:right;
	width:302px;
	}
	
#foot_area {
	clear:both;
	margin:0;
	padding:8px 0 0 0;
	height:78px;
	background:url(../images/foot_area_back.jpg) no-repeat;
	}
	
#footer {
	clear:both;
	margin:0;
	padding:0;
	color:#FFF;
	background-color: #000F42;
	}
	
/* #header
--------- --------- --------- --------- --------- */
#logo {
	position: absolute;
	top:17px;
	left:26px;
	width:148px;
	height:52px;
	}
	
#logo a {
	background: url(../images/logo.gif) no-repeat;
	margin: 0;
	padding: 52px 0 0 0;
	width: 148px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:52px;/* for ie5.x */
	}

.header_links {
	position:absolute;
	padding:0;
	top:20px;
	left:390px;
	width:300px;
	height:17px;
	}

.header_links ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

.header_links li {
	margin:0;
	padding:0;
	float:left;
	}


.header_links li a {
	color:#111;
	}

.header_links li a:hover {
	color:#E36D00;
	}

.header_menu {
	position:absolute;
	padding:0;
	top:47px;
	left:190px;
	width:590px;
	height:25px;
	background: url(../images/header_menu_back.jpg) no-repeat;
	}

.header_menu ul {
	margin:0 0 0 30px;
	padding:0;
	list-style-type:none;
	}

.header_menu li {
	margin:0;
	padding:0;
	width:140px;
	height:25px;
	float:left;
	background-color: #FFF;
	}

.header_menu li a {
	margin: 0;
	padding: 25px 0 0 0;
	width: 140px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.header_menu .menu1 a {
	background: url(../images/header_menu1.jpg) no-repeat;
	background-position:0 0;
	}

.header_menu .menu2 a {
	background: url(../images/header_menu2.jpg) no-repeat;
	background-position:0 0;
	}
	
.header_menu .menu3 a {
	background: url(../images/header_menu3.jpg) no-repeat;
	background-position:0 0;
	}
	
.header_menu .menu4 a {
	background: url(../images/header_menu4.jpg) no-repeat;
	background-position:0 0;
	}

.header_menu li a:hover {
	background-position: 0 -25px;
	}
	
.header_menu li p {
	margin: 0;
	padding: 25px 0 0 0;
	width: 140px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.header_menu .menu1 p {
	background: url(../images/header_menu1.jpg) no-repeat;
	background-position:0 -25px;
	}

.header_menu .menu2 p {
	background: url(../images/header_menu2.jpg) no-repeat;
	background-position:0 -25px;
	}
	
.header_menu .menu3 p {
	background: url(../images/header_menu3.jpg) no-repeat;
	background-position:0 -25px;
	}
	
.header_menu .menu4 p {
	background: url(../images/header_menu4.jpg) no-repeat;
	background-position:0 -25px;
	}

.english {
	position:absolute;
	padding:0;
	top:10px;
	right:10px;
	width:89px;
	height:23px;
	}
	
.english a {
	background: url(../images/header_lang.jpg) no-repeat;
	margin: 0;
	padding: 23px 0 0 0;
	width: 89px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:23px;/* for ie5.x */
	}
	
.english a:hover {
	background-position: 0 -23px;
	}

/* #main
--------- --------- --------- --------- --------- */
.navi_box1 {
	margin:0 8px 10px 20px;
	float:left;
	width: 185px;
	display: inline;
	}

.navi_box2 {
	margin:0 7px 10px 0;
	float:left;
	width: 176px;
	}

.navi_title {
	margin:0 0 5px 0;
	width:176px;
	height:15px;
	}

.navi_title.navi1 {
	margin:0 0 5px 0;
	width:185px;
	height:15px;
	}

.navi_title a {
	margin: 0;
	padding: 15px 0 0 0;
	width: 176px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:15px;/* for ie5.x */
	}

.navi_title.navi1 a {
	background: url(../images/index_navititle1.jpg) no-repeat;
	width:185px;
	background-position: 0 0;
	}
	
.navi_title.navi2 a {
	background: url(../images/index_navititle2.jpg) no-repeat;
	background-position: 0 0;
	}
	
.navi_title.navi3 a {
	background: url(../images/index_navititle3.jpg) no-repeat;
	background-position: 0 0;
	}
	
.navi_title.navi4 a {
	background: url(../images/index_navititle4.jpg) no-repeat;
	background-position: 0 0;
	}

.navi_title  a:hover {
	background-position: 0 -15px;
	}

.product_image {
	margin:0 0 0 10px;
	}

.product_image1 {
	margin:0;
	}

.navi_box1 ul.product_list {
	margin:10px 0 0 10px;
	padding:0;
	list-style-type:none;
	line-height:1.5;
	}

.navi_box1 .product_list li {
	margin:0;
	padding:0 0 0 6px;
	background: url(../images/index_icon.jpg) no-repeat;
	background-position: 0 3px;
	color:#FFF;
	_margin-bottom:5px;
	}
	
.navi_box1 .product_list li a {
	margin:0;
	padding:0 8px 0 0;
	color:#FFF;
	background: url(../images/index_icon3.jpg) no-repeat;
	background-position:right 2px;
	}

.navi_box1 .product_list li a:hover {
	background: url(../images/index_icon4.jpg) no-repeat;
	background-position:right 2px;
	color:#FF9A00;
	}

.navi_box1 ul.product_sublist {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
	line-height:1.4;
	}

.navi_box1 .product_sublist li {
	margin:0;
	padding:0 0 0 7px;
	background: url(../images/index_icon2.jpg) no-repeat;
	color:#FFF;
	_margin-bottom:2px;
	}

.navi_box1 .product_sublist li a {
	margin:0;
	padding:0 8px 0 0;
	color:#FFF;
	background: url(../images/index_icon3.jpg) no-repeat;
	background-position:right 2px;
	}
	
.navi_box1 .product_sublist li a:hover {
	background: url(../images/index_icon4.jpg) no-repeat;
	background-position:right 2px;
	color:#FF9A00;
	}

.navi_box2 ul.product_list {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
	line-height:1.5;
	}

.navi_box2 .product_list li {
	margin:0;
	padding:0 0 0 6px;
	background: url(../images/index_icon.jpg) no-repeat;
	background-position: 0 3px;
	color:#FFF;
	_margin-bottom:5px;
	}

.navi_box2 .product_list li a {
	margin:0;
	padding:0 8px 0 0;
	color:#FFF;
	background: url(../images/index_icon3.jpg) no-repeat;
	background-position:right 2px;
	}

.navi_box2 .product_list li a:hover {
	background: url(../images/index_icon4.jpg) no-repeat;
	background-position:right 2px;
	color:#FF9A00;
	}

.navi_box2 ul.product_sublist {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
	line-height:1.4;
	}

.navi_box2 .product_sublist li {
	margin:0;
	padding:0 0 0 7px;
	background: url(../images/index_icon2.jpg) no-repeat;
	background-position:0 2px;
	color:#FFF;
	_margin-bottom:2px;
	}

.navi_box2 .product_sublist li a {
	margin:0;
	padding:0 8px 0 0;
	color:#FFF;
	background: url(../images/index_icon3.jpg) no-repeat;
	background-position:right 2px;
	}

.navi_box2 .product_sublist li a:hover {
	background: url(../images/index_icon4.jpg) no-repeat;
	background-position:right 2px;
	color:#FF9A00;
	}







.information {
	background: url(../images/information.jpg) no-repeat;
	background-color: #152A6D;
	margin:0 0 8px 0;
	padding:0 0 0 115px;
	width:324px;
	height:25px;
	position: relative;
	}

.info_ex {
	margin:0;
	padding:4px 0 2px 0px;
	font-size: 1.2em;
	width:280px;
	font-weight: bold;
	color:#FFF;
	}

.info_ex a {
        color:#FFF;
        font-weight: bold;
        }
        
.info_ex a:hover {
        color:#F90;
        } 

.more {
	position: absolute;
	right:5px;
	bottom:2px;
	>bottom:4px;
	}
	
a.more {
	color:#F90;
	font-size: 1.0em;
	font-weight: bold;
	}
	
a:hover.more {
	color:#FFF;
	}

.news {
	margin:0 0 8px 0;
	padding:0;
	width:437px;
	border:1px solid #666;
	background-color:#FFF;
	}
	
.index_news {
	background: url(../images/news_title.jpg) no-repeat;
	background-color: #000F42;
	margin:2px 0 0 2px;
	>margin:2px 0 2px 2px;
	padding:0 0 0 113px;
	width:321px;
	position: relative;
	}
	
.news_title {
	display: block;
	margin:0 0 3px 0;
	padding:5px 0 3px 0;
	>padding:7px 0 1px 0;
	font-size: 1.2em;
	width:265px;
	font-weight: bold;
	color:#FFF;
	text-align: right;
	}
	
.news_more {
	position: absolute;
	right:3px;
	bottom:4px;
	}

a.news_more {
	color:#F90;
	font-weight: bold;
	}
	
a:hover.news_more {
	color:#FFF;
	}

.news ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	background: url(../images/dot_line.gif) no-repeat;
	}
	
.news li {
	margin:0;
	padding:2px 0;
	background: url(../images/dot_line.gif) no-repeat;
	background-position: 0 bottom;
	}
	
.news li .newslist_title {
	display:block;
	margin:0;
	padding:3px 0 2px 10px;
	float:left;
	width:70px;
	font-size:1.2em;
	color:#020066;
	}

.news li .newslist_ex {
	display:block;
	margin:0;
	padding:3px 0 2px 0;
	float:right;
	width:350px;
	font-size:1.2em;
	}

.news li .newslist_ex a {
	color:#333;
	}
	
.news li .newslist_ex a:hover {
	color:#FF9A00;
	}


.backnumber {
	margin:0 0 10px 0;
	padding:0 10px 0 0;
	text-align:right;
	}

.backnumber a {
	margin:0;
	padding:0;
	color:#020066;
	font-size:1.0em;
	}

.backnumber a:hover {	
	color:#FF9A00;
	}

.index_link_area {
	margin:0 0 8px 0;
	padding:0;
	}

.index_link_area .iso {
	margin:0;
	padding:4px 0 0 0;
	float:left;
	width:235px;
	background-color: #F2F2F2;
	}

.iso .iso_logo {
	margin:0;
	padding:0;
	float:left;
	width:54px;
	}
	
.iso .iso_logo img {
	margin:0 0 0 5px;
	}

.iso .iso_logo span {
	display:block;
	font-size:0.9em;
	text-align: center;
	}

.iso .iso_ex {
	margin:0;
	padding:0 10px 0 0;
	float:right;
	width:165px;
	font-size:1.0em;
	line-height:1.2;
	}

.iso .iso_ex span {
	color:#020066;
	display: block;
	}

.index_link_area .eco {
	margin:0 3px 0 0;
	padding:0;
	float:right;
	width:197px;
	height:65px;
	display:inline;
	}

.index_link_area .eco a {
	background: url(../images/about_eco.jpg) no-repeat;
	margin: 0;
	padding: 65px 0 0 0;
	width: 197px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:65px;/* for ie5.x */
	}
	
.index_link_area .eco a:hover {
	background-position: 0 -65px;
	}

.get_adobe {
	margin:0;
	padding:0;
	position: relative;
	width:437px;
	height:60px;
	}

.get_adobe a {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/get_adobe_reader.gif) no-repeat;
	margin: 0;
	padding: 33px 0 0 0;
	width: 112px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:33px;/* for ie5.x */
	}
	
.get_adobe p.adobe_ex {
	position: absolute;
	top:0;
	left:115px;
	line-height:1.3;
	}

/* #side
--------- --------- --------- --------- --------- */
.index_profile_area {
	margin:0 0 8px 0;
	padding:13px 0 0 0;
	background: url(../images/index_profile_area2.jpg) no-repeat;
	width:274px;
	height: 212px;
	/* パートナー募集の削除　2009.1.7
	background: url(../images/index_profile_area.jpg) no-repeat;
	height:232px; */
	}
	
.index_profile_area ul {
	margin:0 0 0 28px;
	padding:0;
	list-style-type:none;
	}
	
.index_profile_area li {
	margin:0 0 3px 0;
	padding:0;
	width:244px;
	height:25px;
	background-color: #FFF;
	}
	
.index_profile_area li a {
	margin: 0;
	padding: 25px 0 0 0;
	width: 244px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}
	
.index_profile_area .profile1 a {
	background: url(../images/index_profile1.jpg) no-repeat;
	background-position:0 0;
	}

.index_profile_area .profile2 a {
	background: url(../images/index_profile2.jpg) no-repeat;
	background-position:0 0;
	}
	
.index_profile_area .profile3 a {
	background: url(../images/index_profile3.jpg) no-repeat;
	background-position:0 0;
	}
	
.index_profile_area .profile4 a {
	background: url(../images/index_profile4.jpg) no-repeat;
	background-position:0 0;
	}
	
.index_profile_area .profile5 a {
	background: url(../images/index_profile5.jpg) no-repeat;
	background-position:0 0;
	}
	
.index_profile_area .profile6 a {
	background: url(../images/index_profile6.jpg) no-repeat;
	background-position:0 0;
	}
	
.index_profile_area .profile7 a {
	background: url(../images/index_profile7.jpg) no-repeat;
	background-position:0 0;
	}
	
.index_profile_area .profile8 a {
	background: url(../images/index_profile8.jpg) no-repeat;
	background-position:0 0;
	}

.index_profile_area li a:hover {
	background-position: 0 -25px;
	}

.recruit {
	margin:0 0 0 22px;
	width:250px;
	height:40px;
	}

.recruit a {
	background: url(../images/rec_navi.jpg) no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 250px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}

.recruit_ex {
	margin:0 0 0 22px;
	}
	
.recruit_ex a {
	font-size:1.0em;
	color:#000;
	}

/* #foot_area
--------- --------- --------- --------- --------- */
#foot_area .foot_tm {
	background: url(../images/footer_logo.gif) no-repeat;
	margin:0 0 5px 20px;
	padding: 25px 0 0 0;
	width: 275px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.foot_add {
	margin:0 0 5px 20px;
	line-height:1.3;
	}

.foot_add .add1 {
	display: block;
	float:left;
	width:90px;
	}

.foot_add .add2 {
	display: block;
	float:left;
	width:90px;
	}
	
.foot_add .add3 {
	display: block;
	float:left;
	width:200px;
	}
	
.foot_add .add4 {
	display: block;
	float:left;
	width:240px;
	}

/* #footer
--------- --------- --------- --------- --------- */
#footer ul {
	margin:3px 3px 3px 0;
	padding:0;
	list-style-type: none;
	float:right;
	}
	
#footer li {
	margin:0;
	padding:0;
	float:left;
	}
	
#footer li a {
	margin:0;
	padding:0;
	color:#FFF;
	}
	
#footer li a:hover {
	color:#E36D00;
	}