@charset "utf-8";

/*------------------------------------------------
	base styles
--------------------------------------------------*/
body{
	color: #000000;
	text-align: center;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
	background: #ffffff;
}
td{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
body,p,dl,ol,ul,h1,h2,h3,h4,h5,h6,form,table,td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ol,ul{
	list-style-type: none;
}
ol li img,
ul li img{
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	font-size: 100%;
}
img{
	border: none;
}
select{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
input,textarea,selectbox{
	color: #000000;
}
strong{
	font-weight: bold;
}
a {
	outline: none;
}

/*------------------------------------------------
	common styles
--------------------------------------------------*/
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clearfix{
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}



/*------------------------------------------------
	header styles
--------------------------------------------------*/
#header{
	width: 941px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#header:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

#header_l{
	width: 457px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header_l #toplogo{
	width: 169px;
	float: left;
}
#header_l #catch{
	width: 274px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 48px 0px 0px 0px;
}

#header_r{
	width: 339px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}
#header_r #tel{
	width: 189px;
	float: left;
}
#header_r #inq{
	width: 150px;
	height: 46px;
	float: right;
	background: url(../images/head_bg_btn.gif) left top no-repeat;
}

/*** inquiry button ***/

#header_r #inq #btn{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header_r #inq #btn a{
	display: block;
	width: 142px;
	height: 30px;
	text-indent: -9999px;
}
#header_r #inq #btn a:link,
#header_r #inq #btn a:visited{
	background: url(../images/head_btn_inq.gif) left top no-repeat;
}
#header_r #inq #btn a:hover,
#header_r #inq #btn a:active{
	background: url(../images/head_btn_inq_act.gif) left top no-repeat;
}



/*------------------------------------------------
	main menu styles
--------------------------------------------------*/
#mainmenu{
	width: 100%;
	height: 62px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background: url(../images/mm_bg.gif) left top repeat-x;
}
#mainmenu_top{
	width: 100%;
	height: 75px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background: url(../images/mm_bg_top.gif) left top repeat-x;
}
#mainmenu-inner{
	width: 941px;
	margin: 0px auto 0px auto;
}
#mainmenu-inner:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#mainmenu-inner li{
	float: left;
}
#mainmenu-inner li a{
	text-indent: -9999px;
}


/*** news ***/
#mainmenu-inner li#mm_blog{
	width: 156px;
	height: 62px;
}
#mainmenu-inner li#mm_blog a{
	display: block;
	width: 156px;
	height: 62px;
}
#mainmenu-inner li#mm_blog a#mm_act{
	background: url(../images/mm_blog_act.gif) left top no-repeat;
}
#mainmenu-inner li#mm_blog a:link,
#mainmenu-inner li#mm_blog a:visited{
	background: url(../images/mm_blog.gif) left top no-repeat;
}
#mainmenu-inner li#mm_blog a:hover,
#mainmenu-inner li#mm_blog a:active{
	background: url(../images/mm_blog_act.gif) left top no-repeat;
}


/*** company ***/
#mainmenu-inner li#mm_com{
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_com a{
	display: block;
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_com a#mm_act{
	background: url(../images/mm_company_act.gif) left top no-repeat;
}
#mainmenu-inner li#mm_com a:link,
#mainmenu-inner li#mm_com a:visited{
	background: url(../images/mm_company.gif) left top no-repeat;
}
#mainmenu-inner li#mm_com a:hover,
#mainmenu-inner li#mm_com a:active{
	background: url(../images/mm_company_act.gif) left top no-repeat;
}


/*** activities ***/
#mainmenu-inner li#mm_atv{
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_atv a{
	display: block;
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_atv a#mm_act{
	background: url(../images/mm_activities_act.gif) left top no-repeat;
}
#mainmenu-inner li#mm_atv a:link,
#mainmenu-inner li#mm_atv a:visited{
	background: url(../images/mm_activities.gif) left top no-repeat;
}
#mainmenu-inner li#mm_atv a:hover,
#mainmenu-inner li#mm_atv a:active{
	background: url(../images/mm_activities_act.gif) left top no-repeat;
}

/*** case ***/
#mainmenu-inner li#mm_cas{
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_cas a{
	display: block;
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_cas a#mm_act{
	background: url(../images/mm_case_act.gif) left top no-repeat;
}
#mainmenu-inner li#mm_cas a:link,
#mainmenu-inner li#mm_cas a:visited{
	background: url(../images/mm_case.gif) left top no-repeat;
}
#mainmenu-inner li#mm_cas a:hover,
#mainmenu-inner li#mm_cas a:active{
	background: url(../images/mm_case_act.gif) left top no-repeat;
}

/*** trivia ***/
#mainmenu-inner li#mm_tri{
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_tri a{
	display: block;
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_tri a#mm_act{
	background: url(../images/mm_trivia_act.gif) left top no-repeat;
}
#mainmenu-inner li#mm_tri a:link,
#mainmenu-inner li#mm_tri a:visited{
	background: url(../images/mm_trivia.gif) left top no-repeat;
}
#mainmenu-inner li#mm_tri a:hover,
#mainmenu-inner li#mm_tri a:active{
	background: url(../images/mm_trivia_act.gif) left top no-repeat;
}

/*** recruit ***/
#mainmenu-inner li#mm_rec{
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_rec a{
	display: block;
	width: 157px;
	height: 62px;
}
#mainmenu-inner li#mm_rec a#mm_act{
	background: url(../images/mm_recruit_act.gif) left top no-repeat;
}
#mainmenu-inner li#mm_rec a:link,
#mainmenu-inner li#mm_rec a:visited{
	background: url(../images/mm_recruit.gif) left top no-repeat;
}
#mainmenu-inner li#mm_rec a:hover,
#mainmenu-inner li#mm_rec a:active{
	background: url(../images/mm_recruit_act.gif) left top no-repeat;
}


/*------------------------------------------------
	h1 main title styles
--------------------------------------------------*/
#maintitle{
	width: 941px;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
	text-align: left;
}

#maintitle #h1{
	margin: 0px auto 0px auto;
}
/*------------------------------------------------
	contentsarea styles
--------------------------------------------------*/
#contentsarea{
	width: 941px;
	margin: 0px auto 0px auto;
	text-align: left;
	background: url(../images/contents_bg.gif) left top repeat-y;
}
#contentsarea:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}



/*------------------------------------------------
	left contents styles
--------------------------------------------------*/
#leftcontents{
	width: 156px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	float: left;
	text-align: left;
	background-color: #ffffff;
}

#leftcontents h1{
	padding: 30px 0px 0px 0px;
}
#leftcontents #leftmenu{
	padding: 0px 0px 0px 0px;
}

#leftmenu ul li{
	width: 156px;
}
#leftmenu ul li a{
	width: 156px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

/*------------------------------------------------
	pagetop styles
--------------------------------------------------*/
#pagetop{
	width: 941px;
	margin: 30px auto 0px auto;
	clear: both;
}
#pagetop #top_btn{
	width: 94px;
	height: 19px;
	float: right;
}
#pagetop #top_btn a{
	display: block;
	width: 94px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/btn_pagetop.gif) left top no-repeat;
}
#pagetop #top_btn a:hover{
	background: url(../images/btn_pagetop_act.gif) left top no-repeat;
}

.pagetop_inner{
	width: 728px;
	margin: 0 auto 0;
	clear: both;
}
.pagetop_inner .top_btn{
	width: 94px;
	height: 19px;
	float: right;
}
.pagetop_inner .top_btn a{
	display: block;
	width: 94px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/btn_pagetop.gif) left top no-repeat;
}
.pagetop_inner .top_btn a:hover{
	background: url(../images/btn_pagetop_act.gif) left top no-repeat;
}

/*------------------------------------------------
	main contents styles
--------------------------------------------------*/

#maincontents{
	width: 724px;
	padding: 0px 0px 30px 0px;
	float: right;
	text-align: left;
}


/*** midashi ***/

#maincontents h2{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 10px;
	font-weight: bold;
	background: url(../images/h2_bg.gif) left top repeat;
}
#maincontents h3{
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #3a348b;
}
#maincontents h4{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #000000;
}

#maincontents h2.text{
	margin: 30px 0px 0px 0px;
}
#maincontents h3.text{
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#maincontents h4.text{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*** text ***/

#maincontents p{
	line-height: 1.5em;
}

#maincontents p.text{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#maincontents .hosoku{
	font-size: 80%;
}
#maincontents p.minititle{
	color: #3a348b;
}

/*** contact ***/
#maincontents p.c_text{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/list_mark.gif) left 1px no-repeat;
	line-height: 1.3em;
}

/*** list ***/

#maincontents ul{
	margin: 15px 0px 0px 0px;
}
#maincontents ul.list li{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/list_mark.gif) left 3px no-repeat;
	line-height: 1.3em;
}


/*** table ***/

table.table01{
	margin: 15px 0px 0px 0px;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	border-collapse: collapse;
}
table.table01 th{
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 7px 10px 6px 13px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	background: #718cc7;
	color: #ffffff;
}
table.table01 th.normal{
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 7px 10px 6px 13px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	background: #ffffff;
	color: #000000;
}
table.table01 td{
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 7px 10px 6px 13px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	background: #ffffff;
}
table td{
	padding: 3px 0px 3px 5px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	background: #ffffff;
}

/*** link ***/

a:link{
	color: #000000;
	text-decoration: underline;
}
a:visited{
	color: #000000;
	text-decoration: underline;
}
a:hover,
a:active{
	color: #3a348b;
	text-decoration: none;
}
a.link{
	padding: 0px 0px 0px 10px;
	background: url(../images/link_mark.gif) left 3px no-repeat;
}


/*** div ***/
div.section{
	margin: 15px 0px 0px 0px;
}

/*------------------------------------------------
	footer styles
--------------------------------------------------*/
#footer_white{
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0 0 25px 0;
	border-top: 1px solid #e5e5e5;
}
#footer_inner_white{
	width: 941px;
	margin: 7px auto 0;
	text-align: left;
	position: relative;
}
#footer_inner_white p#copy{
	font-size: 100%;
}
#footer{
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0 0 25px 0;
}
#footer_inner{
	width: 941px;
	margin: 7px auto 0;
	text-align: left;
	position: relative;
}
#footer_inner p#copy{
	font-size: 100%;
}

/*------------------------------------------------
	dirnavi
--------------------------------------------------*/
#dirnavi{
	background: #000000 url(../images/dirnavi_bg_line.gif) repeat-x scroll right top;
}
.dirnavi_inner{
	margin: 0 auto;
	text-align: left;
	width: 941px;
}
.dirnavi_block_01{
	width: 127px;
	margin: 17px 0 0 0;
	text-align: left;
	float: left;
	display: inline;
}
.dirnavi_block_01 li a:link,
.dirnavi_block_01 li a:visited{
	font-size: 90%;
	text-align: left;
	color: #b0b0b0;
	line-height: 1.5em;
	text-decoration:none;
}
.dirnavi_block_01 li a:hover,
.dirnavi_block_01 li a:active{
	color: #7971d0;
	text-decoration:none;
}
.dirnavi_block{
	width: 127px;
	margin: 17px 0 0 35px;
	text-align: left;
	float: left;
	display: inline;
}
#dirnavi ul.dirnavi_line{
	width: 127px;
	border-top:1px solid #3e3e3e;
	margin-top: 9px;
	padding: 10px 0 17px 0;
}
.dirnavi_block li a:link,
.dirnavi_block li a:visited{
	font-size: 90%;
	text-align: left;
	color: #b0b0b0;
	line-height: 1.5em;
	text-decoration:none;
}
.dirnavi_block li a:hover,
.dirnavi_block li a:active{
	color: #7971d0;
	text-decoration:none;
}
/*** blog ***/

.dirnavi_inner #dirnavi_blog{
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_blog a{
	display: block;
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_blog a:link,
.dirnavi_inner #dirnavi_blog a:visited{
	background: url(../images/dirnavi_blog.gif) left top no-repeat;
	text-indent: -999em;
}
.dirnavi_inner #dirnavi_blog a:hover,
.dirnavi_inner #dirnavi_blog a:active{
	background: url(../images/dirnavi_blog-on.gif) left top no-repeat;
}

/*** company ***/

.dirnavi_inner #dirnavi_company{
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_company a{
	display: block;
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_company a:link,
.dirnavi_inner #dirnavi_company a:visited{
	background: url(../images/dirnavi_company.gif) left top no-repeat;
	text-indent: -999em;
}
.dirnavi_inner #dirnavi_company a:hover,
.dirnavi_inner #dirnavi_company a:active{
	background: url(../images/dirnavi_company-on.gif) left top no-repeat;
}

/*** activities ***/

.dirnavi_inner #dirnavi_activities{
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_activities a{
	display: block;
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_activities a:link,
.dirnavi_inner #dirnavi_activities a:visited{
	background: url(../images/dirnavi_activities.gif) left top no-repeat;
	text-indent: -999em;
}
.dirnavi_inner #dirnavi_activities a:hover,
.dirnavi_inner #dirnavi_activities a:active{
	background: url(../images/dirnavi_activities-on.gif) left top no-repeat;
}

/*** case ***/

.dirnavi_inner #dirnavi_case{
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_case a{
	display: block;
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_case a:link,
.dirnavi_inner #dirnavi_case a:visited{
	background: url(../images/dirnavi_case.gif) left top no-repeat;
	text-indent: -999em;
}
.dirnavi_inner #dirnavi_case a:hover,
.dirnavi_inner #dirnavi_case a:active{
	background: url(../images/dirnavi_case-on.gif) left top no-repeat;
}

/*** trivia ***/

.dirnavi_inner #dirnavi_trivia{
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_trivia a{
	display: block;
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_trivia a:link,
.dirnavi_inner #dirnavi_trivia a:visited{
	background: url(../images/dirnavi_trivia.gif) left top no-repeat;
	text-indent: -999em;
}
.dirnavi_inner #dirnavi_trivia a:hover,
.dirnavi_inner #dirnavi_trivia a:active{
	background: url(../images/dirnavi_trivia-on.gif) left top no-repeat;
}

/*** recruit ***/

.dirnavi_inner #dirnavi_recruit{
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_recruit a{
	display: block;
	width: 127px;
	height: 13px;
}
.dirnavi_inner #dirnavi_recruit a:link,
.dirnavi_inner #dirnavi_recruit a:visited{
	background: url(../images/dirnavi_recruit.gif) left top no-repeat;
	text-indent: -999em;
}
.dirnavi_inner #dirnavi_recruit a:hover,
.dirnavi_inner #dirnavi_recruit a:active{
	background: url(../images/dirnavi_recruit-on.gif) left top no-repeat;
}

/*------------------------------------------------
	expansion
--------------------------------------------------*/
.expansion a{
	display: block;
	width: 106px;
	height: 19px
}
.expansion a:hover{
	background: url(../images/expansion-on.gif) left top no-repeat;
	text-indent: -9999px;
}

/*------------------------------------------------
	lightBox
--------------------------------------------------*/
#maincontents .case_sub{
	display: none;
}