/* CSS Document */

body {
	background:url(../images/common/bg_hed_img.jpg) 0 0 repeat-x;
	margin:0;
	padding:0;
	color:#000000;
	font:72%/160% "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
}


h1,h2,h3,h4,h5,h6,p,form,ul,li,ol,dl,dt,dd {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:1em;
}


a img {
	border:none;
}

em {
	display:none;
}



/*link
------------------------*/
a:link {
	color:#000000;
	text-decoration:underline;
}

a:visited {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#900000;
	text-decoration:none;
}


/*clearfix
------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*margin
---------------------*/
.margin_b5 {
	margin-bottom:5px;
}

.margin_b10 {
	margin-bottom:10px;
}

.margin_b15 {
	margin-bottom:15px;
}

.margin_b20 {
	margin-bottom:20px;
}

.margin_b25 {
	margin-bottom:25px;
}

.margin_b30 {
	margin-bottom:30px;
}

.margin_b35 {
	margin-bottom:35px;
}

.margin_b40 {
	margin-bottom:40px;
}


/*color
------------------------*/
.c_01 {
	color:#FF0000;
	font-weight: normal;
	font-size:1em;
}

.c_b {
	color:#FF0000;
	font-weight: bold;
}



/*common
------------------------*/
.header {
	width:900px;
	height:88px;
	margin:0 auto;
}

.header_l {
	width:540px;
	margin-top:15px;
	float:left;
}

.seo_text {
	background:url(../images/header/seo_text_img.gif) 0 0 repeat;
	width:370px;
	height:26px;
	text-indent:-9999px;
	margin-top:15px;
	float:right;
}

.logo_img {
	width:159px;
	height:56px;
	float:left;
}

.logo_img a {
	background:url(../images/header/logo_img.gif) 0 0 no-repeat;
	width:159px;
	height:56px;
	display:block;
	text-indent:-9999px;
}



.header_r {
	width:181px;
	float:right;
	margin-top:12px;
}


.high_menu_img {
	width:117px;
	margin:0 0 20px;
	padding:0;
	list-style-type:none;
	float:right;
}

.high_menu_img li {
	float:right;
	font-size:1px;
	line-height:1px;
}

.high_menu_img01 a {
	background:url(../images/header/high_menu_img.gif) -51px 0 no-repeat;
	width:66px;
	height:11px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
}

.high_menu_img01 a:hover {
	background:url(../images/header/high_menu_img.gif) -51px -11px no-repeat;
	width:66px;
	height:11px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
}

.high_menu_img02 a {
	background:url(../images/header/high_menu_img.gif) 0 0 no-repeat;
	width:37px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.high_menu_img02 a:hover {
	background:url(../images/header/high_menu_img.gif) 0 -11px no-repeat;
	width:37px;
	height:11px;
	display:block;
	text-indent:-9999px;
}


.g_menu_img {
	width:181px;
	margin:0;
	padding:0;
	list-style-type:none;
}

.g_menu_img li {
	float:left;
	height:11px;
	font-size:1px;
	line-height:1px;
}

.g_menu_img01 a {
	background:url(../images/header/g_menu_img.gif) 0 0 no-repeat;
	width:59px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.g_menu_img01 a:hover {
	background:url(../images/header/g_menu_img.gif) 0 -11px no-repeat;
	width:59px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.g_menu_img02 a {
	background:url(../images/header/g_menu_img.gif) -59px 0 no-repeat;
	width:57px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.g_menu_img02 a:hover {
	background:url(../images/header/g_menu_img.gif) -59px -11px no-repeat;
	width:57px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.g_menu_img03 a {
	background:url(../images/header/g_menu_img.gif) -116px 0 no-repeat;
	width:57px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.g_menu_img03 a:hover {
	background:url(../images/header/g_menu_img.gif) -116px -11px no-repeat;
	width:57px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.g_menu_img04 a {
	background:url(../images/header/g_menu_img.gif) -173px 0 no-repeat;
	width:67px;
	height:11px;
	display:block;
	text-indent:-9999px;
}

.g_menu_img04 a:hover {
	background:url(../images/header/g_menu_img.gif) -173px -11px no-repeat;
	width:67px;
	height:11px;
	display:block;
	text-indent:-9999px;
}



/*menu
------------------------*/
.menu {
	background:url(../images/menu/bg_line_top.gif) top left repeat-x;
	width:900px;
	height:48px;
	margin:0 auto 29px;
	list-style-type:none;
}

.menu li {
	float:left;
	width:150px;
	height:48px;
	padding:5px 0 0;
}

.menu01 a {
	background:url(../images/menu/menu_img01.gif) 0 0 no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu02 a {
	background:url(../images/menu/menu_img02.gif) 0 0 no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu03 a {
	background:url(../images/menu/menu_img03.gif) 0 0 no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu04 a {
	background:url(../images/menu/menu_img04.gif) 0 0 no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu05 a {
	background:url(../images/menu/menu_img05.gif) 0 0 no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu06 a {
	background:url(../images/menu/menu_img06.gif) 0 0 no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}


.menu01 a:hover {
	background:url(../images/menu/menu_img01.gif) 0 -48px no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu02 a:hover {
	background:url(../images/menu/menu_img02.gif) 0 -48px no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu03 a:hover {
	background:url(../images/menu/menu_img03.gif) 0 -48px no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu04 a:hover {
	background:url(../images/menu/menu_img04.gif) 0 -48px no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu05 a:hover {
	background:url(../images/menu/menu_img05.gif) 0 -48px no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.menu06 a:hover {
	background:url(../images/menu/menu_img06.gif) 0 -48px no-repeat;
	width:150px;
	height:48px;
	display:block;
	text-indent:-9999px;
}




/*footer
------------------------*/
.footer {
	width:900px;
	margin:auto;
}

.pagetop_img {
	width:82px;
	height:11px;
	margin:0 0 10px auto;
}

.pagetop_img a {
	background:url(../images/common/pagetop_img.gif) 0 0 no-repeat;
	width:82px;
	height:11px;
	display:block;
	font-size:1px;
	list-style:1px;
	text-indent:-9999px;
}

.bg_footer {
	background:url(../images/footer/bg_footer_img.gif) 0 0 repeat;
	width:880px;
	padding:10px;
}

.bg_footer_menu {
	background:url(../images/footer/bg_footer_menu_img.gif) 0 0 repeat-y;
	width:450px;
	float:left;
}

.footer_menu {
	width:145px;
	float:left;
	font-size:0.9em;
	padding-left:5px;
}


.footer_menu a:link {
	color:#000000;
	text-decoration:none;
}

.footer_menu a:visited {
	color:#000000;
	text-decoration:none;
}

.footer_menu a:hover {
	color:#900000;
	text-decoration:underline;
}


.footer_r {
	width:420px;
	float:right;
}


.address {
	width:235px;
	height:70px;
	background:url(../images/footer/address_img.gif) 0 0 no-repeat;
	float:left;
	text-indent:-9999px;
}

.mark_img {
	width:176px;
	float:right;
}

.copyright {
	text-align:right;
	padding-top:10px;
	font-size:0.9em;
}



/*contents
------------------------*/
.contents {
	width:900px;
	margin:0 auto 20px;
}

.pankuzu {
	background:url(../images/common/dot_bg.gif) 0 0 repeat;
	width:870px;
	padding:3px 15px;
	font-size:0.9em;
	margin-bottom:20px;
}

.btn_detail_img01 {
	width:170px;
	height:35px;
	margin:0 auto 10px;
}

.btn_detail_img01 a {
	background:url(../images/common/btn_detail_img.gif) 0 0 no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

.btn_detail_img01 a:hover {
	background:url(../images/common/btn_detail_img.gif) 0 -35px no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}


.btn_detail_img03 {
	width:170px;
	height:35px;
	margin:0 0 10px auto;
}

.btn_detail_img03 a {
	background:url(../images/common/btn_detail_img.gif) 0 0 no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

.btn_detail_img03 a:hover {
	background:url(../images/common/btn_detail_img.gif) 0 -35px no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}


.btn_detail_img04 {
	width:170px;
	height:35px;
	margin:0 auto 10px;
}

.btn_detail_img04 a {
	background:url(../images/category/outsourcing/btn_registration_img.gif) 0 0 no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

.btn_detail_img04 a:hover {
	background:url(../images/category/outsourcing/btn_registration_img.gif)0 -35px no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}


.btn_com_rap {
	width:460px;
	margin:0 auto 20px;
}

/* PORTAM通販seminar資料請求ボタン用 */
.btn_com_rap2 {
	width:220px;
	margin:0 auto 20px;
}

.btn_documment_img {
	float:left;
	width:220px;
	height:40px;
}

.btn_documment_img a {
	background:url(../images/common/btn_documment_img.gif) 0 0 no-repeat;
	width:220px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_documment_img a:hover {
	background:url(../images/common/btn_documment_img.gif) 0 -40px no-repeat;
	width:220px;
	height:40px;
	display:block;
	text-indent:-9999px;
}


.btn_documment_img02 {
	margin:0 auto;
	width:220px;
	height:40px;
}

.btn_documment_img02 a {
	background:url(../images/common/btn_documment_img.gif) 0 0 no-repeat;
	width:220px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_documment_img02 a:hover {
	background:url(../images/common/btn_documment_img.gif) 0 -40px no-repeat;
	width:220px;
	height:40px;
	display:block;
	text-indent:-9999px;
}



.btn_movie_img {
	float:right;
	width:220px;
	height:40px;
}

.btn_movie_img a {
	background:url(../images/common/btn_movie_img.gif) 0 0 no-repeat;
	width:220px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_movie_img a:hover {
	background:url(../images/common/btn_movie_img.gif) 0 -40px no-repeat;
	width:220px;
	height:40px;
	display:block;
	text-indent:-9999px;
}


/*side
------------------------*/
.side {
	width:200px;
	float:left;
}

.hed_dl_img {
	background:url(../images/side/dl_hed_img.jpg) 0 0 no-repeat;
	width:200px;
	height:43px;
	text-indent:-9999px;
}

.dl_box {
	width:180px;
	padding:9px;
	border-bottom:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
	margin-bottom:10px;
}

.hed_portam_img {
	background:url(../images/side/portam_hed_img.jpg) 0 0 no-repeat;
	width:200px;
	height:43px;
	text-indent:-9999px;
}

.portam_box {
	width:180px;
	padding:9px;
	border-bottom:1px solid #D3D3D3;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
	margin-bottom:10px;
}

.btn_detail_img02 {
	width:170px;
	height:35px;
	margin:0 auto 10px;
}

.btn_detail_img02 a {
	background: url(../images/side/btn_detail_img02.jpg) 0 0 no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

.btn_detail_img02 a:hover {
	background:url(../images/side/btn_detail_img02.jpg) 0 -35px no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

.btn_recruit_img {
	width:200px;
	height:80px;
	margin-bottom:10px;
}

.btn_recruit_img a {
	background:url(../images/side/btn_recruit_img.jpg) 0 0 no-repeat;
	width:200px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

.btn_recruit_img a:hover {
	background:url(../images/side/btn_recruit_img.jpg) 0 -80px no-repeat;
	width:200px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

.btn_seminar_img {
	width:200px;
	height:80px;
	margin-bottom:10px;
}

.btn_seminar_img a {
	background:url(../images/side/btn_seminar_img.jpg) 0 0 no-repeat;
	width:200px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

.btn_seminar_img a:hover {
	background:url(../images/side/btn_seminar_img.jpg) 0 -80px no-repeat;
	width:200px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

.btn_icr_img {
	width:200px;
	height:40px;
	margin-bottom:10px;
}

.btn_icr_img a {
	background:url(../images/side/icr_img.jpg) 0 0 no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_icr_img a:hover {
	background:url(../images/side/icr_img.jpg) 0 -40px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_isms_img {
	width:200px;
	height:40px;
	margin-bottom:10px;
}

.btn_isms_img a {
	background:url(../images/side/isms_img.jpg) 0 0 no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_isms_img a:hover {
	background:url(../images/side/isms_img.jpg) 0 -40px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}


.btn_privacy_img {
	width:200px;
	height:40px;
	margin-bottom:10px;
}

.btn_privacy_img a {
	background:url(../images/side/privacy_img.jpg) 0 0 no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_privacy_img a:hover {
	background:url(../images/side/privacy_img.jpg) 0 -40px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}


.btn_out_img {
	width:200px;
	height:40px;
	margin-bottom:10px;
}

.btn_out_img a {
	background:url(../images/side/outsourcing_img.jpg) 0 0 no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

.btn_out_img a:hover {
	background:url(../images/side/outsourcing_img.jpg)  0 -40px no-repeat;
	width:200px;
	height:40px;
	display:block;
	text-indent:-9999px;
}




/*main
--------------------------*/
.main {
	width:680px;
	float:right;
}

/*sub sub title
--------------------------*/

.sub_sub_title {
	background: url(../images/common/sub_title_img.gif) no-repeat 0px 0px;
	height: 20px;
	padding-top: 5px;
	padding-left: 15px;
	margin-bottom:20px;
}