@charset "utf-8";

/* summary ------------------
	1.	Base
	2.	Layout
	3.	header layout
	4.	Pankuzu layout
	5.	Top main layout
	6.	leftcontainer layout
	7.	entry layout
	8.	service layout
	9.	column layout
	10.	company layout
	11.	public layout
	12.	inquiry layout
	13.	leftcontainer pagetop
	14.	Right menu layout
	15.	footer
	16.	sitemap layout
	17.	recruit layout
	18. additional 081210
-------------------------- */


/* Base ----------------------------------------------------------------- */
html,body,div,form,fieldset,input,textarea, h1,h2,h3,h4,h5,h6,pre,code,blockquote,hr, th,td 
{
 margin: 0;
 padding: 0;
}

ul,ol,li,dl,dt,dd {
 margin: 0;
 padding: 0;
}

html, body 
{
 height: 100%;
 font-size:12px;
 line-height:1.4em;
 color:#333333;
}

a:link{color:#007791;text-decoration:underline;}
a:visited{color:#236392;text-decoration:underline;}
a:hover{color:#147BA3;text-decoration:none;}
a:active{color:#007791;text-decoration:underline;}



/* Layout ----------------------------------------------------------------- */
html{
height: 100%;
}
body 
{
 text-align: center;
 background-color: #fff;
 height: 100%;
}

#wrapper 
{
 min-height: 100%;
 height: auto ! important;
 height: 100%;
 margin: 0 auto -69px auto;/* the bottom margin is the negative value of the footer's height */
}

#container_out
{
 background-image: url("../images/m01.gif");
 background-position: top;
 background-repeat: no-repeat;
}

#container_inr{
	width:800px;
	height: 70%;
}
#leftcontainer{
	float:right;
	text-align: left;
	width:577px;
}
#rightmanu{
	float:left;
	text-align: left;
	width:202px;
	margin-top:14px;
	min-height: 500px;
	height: 100%;
	background-image: url("../images/right_bg.jpg");
	background-position: top;
	background-repeat: no-repeat;
}



/* header layout ----------------------------------------------------------------- */
#header{
 background-image: url("../images/h_bg03.gif");
 background-repeat: no-repeat;
 background-position: top;
}
#hd_lang{
 background-image: url("../images/h_bg01.gif");
 background-repeat: no-repeat;
 background-position: top;
 height:24px;
}

.hd_lang_txt{
 text-align: left;
 width:800px;
 font-size:10px;
 line-height:1em;
 padding:6px 0 0 0;
}

a.hd_lang_link:link,
a.hd_lang_link:visited,
a.hd_lang_link:hover,
a.hd_lang_link:active{text-decoration:none;}

.gnavitd{
	border-bottom:1px solid #c1c1c1;
}

#gnavi_s ul{
	text-align: right;
	height:24px;
	margin:3px 0 0 0;
}
#gnavi_s li{
	display:inline;
	font-size:10px;
	margin:auto 10px;
	padding:0 0 0 9px;
	background: url("../images/arr02.gif") no-repeat left center;
}

#gnavi_L{
	text-align: left;
	background: url("../images/gnavi_bg.gif");
	height:32px;
}
#gnavi_L table{
	height:32px;
}

.gnavion{
	background:#002254
}
a.gnavioncl:link,
a.gnavioncl:visited,
a.gnavioncl:hover,
a.gnavioncl:active{color:#ffffff;text-decoration:none;}



/* Pankuzu layout ----------------------------------------------------------------- */
#pnavi{
	text-align: left;
	width:800px;
	font-size:10px;
	padding:5px 0;
}



/* Top main layout ----------------------------------------------------------------- */
.tmainimg{margin:10px 0 6px 10px;}

.toptb1{margin-bottom:22px;}

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

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

.topmgtb{
	text-align: left;
	margin-bottom:10px;
}

.topmgtb ul{
	list-style-type:none;
	margin:7px 0 0 2px;
	padding:0;
}

.topmgtb ul li{margin:0 0 3px 0;}

.topmgtb a {font-size:11px;}

.topmgtb2{margin-right:7px;}

.mgline{margin:6px 0 12px 0;}

.topnewtb1{text-align: left;}

.topnewtb2{
	border:1px solid #c1c1c1;
	border-top:4px solid #c1c1c1
}

.ent_layout{margin:6px 10px;}

.ent_date{font-weight:bold;}
.ent_catp{font-weight:normal;}

#topbnr{
	margin-bottom:20px;
	background-image: url("../images/bn_bg.jpg");
	background-position: top;
	background-repeat: no-repeat;
}

#topnews ul{
	text-align: right;
	margin:10px 0 0 0;
}
#topnews li{
	display:inline;
	font-size:10px;
	margin:0 10px 0 0;
	padding:0 0 0 9px;
}
.newsarr{
	background: url("../images/arr02.gif") no-repeat left center;
}


/* leftcontainer layout ----------------------------------------------------------------- */
h1.titcmn{
	width:577px;
	height:52px;
	background: url("../images/tit_bg.gif") no-repeat;
	font-size:20px;
	line-height:25px;
	margin-top:14px;
	margin-bottom:10px;
}
h1.titcmn2{
	font-size:18px;
}

#leftcontainer h1 span{
	display:block;
	padding:20px 0 10px 9px;
	background: url("../images/line04.gif") bottom no-repeat;
}

.ent_f_size span{
	font-size:16px;
}

.topcat{
	margin-top:14px;
	margin-bottom:10px;
}

#summary{
	margin:0 0 20px 5px;
}

.tit_h2{
	width:577px;
	height:28px;
	background: url("../images/tit_h2_bg.jpg") no-repeat;
	padding-top:10px;
	margin-bottom:10px;
}

.tit_h2 a,.tit_h2 strong{
	font-weight:bold;
	padding-left:22px;
}

.ET_summary{
	margin:0 0 25px 5px;
}

.gr_tabl{
	margin-bottom:15px;
}
.tit_h2_02{
	width:462px;
	height:25px;
	background: url("../images/group_tit_bg.gif") no-repeat;
	padding-top:12px;
	margin-bottom:10px;
}
.tit_h2_02 a{
	font-weight:bold;
	padding-left:32px;
}

.ET_summary_02{
	margin:0 0 0 16px;
}

.tit_h2_03{
	margin-bottom:15px;
}

.ET_summary03{
	margin:0 0 15px 5px;
}

/* entry layout ----------------------------------------------------------------- */
#entry-container{}

#entry-container p {
	margin: 0 0 12px 0;
	padding: 0;
}

#entry-container h5, .ent_h2{
	width:571px;
	background: url("../images/ent_h2_bg.gif") bottom no-repeat;
	font-weight:bold;
	padding:6px 0 5px 6px;
	margin-bottom:10px;
	font-size:12px;
}
#entry-container h6{
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

.ent_line{
	margin:5px 0;
}

.notes{
	font-size:11px;
	line-height: 13px;
	margin-bottom:15px;
}
#entry-container ul,#entry-container ol {margin-bottom:5px;}
#entry-container ul li {
	margin-left: 15px;
	margin-top: 5px;
}
#entry-container ol li {
	margin-top: 5px;
	margin-left: 30px;
}
#entry-container ol ul li{
	list-style-type: disc;
}

/*
#entry-container table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
}
#entry-container th{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
	background-color: #e6ebf2;
}
#entry-container td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
}
#entry-container td.table-head-sub{
	background-color: #E0F1F3;
}
*/
.border_div{
	margin-top: 10px;
	border: 1px solid #e3e9f1;
	padding: 10px;
}
.border_div2{
	margin-top: 5px;
	border: 1px solid #e3e9f1;
	padding: 7px;
}
.border_div3{
	margin: 5px 0;
	border: 1px solid #e3e9f1;
	padding: 7px;
}
.border_div table,.border_div td{
	border:none;
	margin:0;
	padding:0;
}

ol ol {
	list-style-type: lower-roman;
}

/* service layout ----------------------------------------------------------------- */
.service_tb{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
}
.service_tb th{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
	background-color: #e6ebf2;
}
.service_tb td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
}

/* column layout ----------------------------------------------------------------- */
.photo02{
	float: right;
	margin: 0 0 15px 20px;
}

.caption,.text08{
	color: #990000;
}
.news-table,.letter table {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin:2px 0 5px 0;
}
.letter table{
	margin-top: 15px;
	margin-bottom: 15px;
}
.news-table th,.letter th{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
	background-color: #e6ebf2;
}
.news-table td,.letter td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
}
div.newsL_body td.table-head-sub{
	background-color: #E0F1F3;
}

.letter dl dd {
	margin-bottom: 10px;
	margin-left: 25px;
}

.s_bg{
	font-weight:bold;
	color:#316A6A;
}
.pubbox{
	margin-left:15px;
}



/* company layout ----------------------------------------------------------------- */
.company_tb{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
}
.company_tb th{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
	background-color: #e6ebf2;
}
.company_tb td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
}
.company_tb_non td {
	border-bottom: none;
	border-right: none;
	padding: 5px 5px;
}

.company_h_d{font-weight:bold;font-size:11px;}
.company_h{margin-bottom:7px;font-size:10px;}

div.service_lnk ul{
	margin:0 0 0 -8px;
	padding:0;
}
div.service_lnk2 ul{
	margin:0 0 0 8px;
	padding:0;
}
div.service_lnk li{
	list-style:none;
	padding: 0 0 0 15px;
	background: url("../images/arr01.gif") no-repeat left center;
}
div.service_lnk2 li{
	list-style:none;
	padding: 0 0 10px 15px;
	font-size:14px;
	background: url("../images/arr01.gif") no-repeat 0px 3px;
}

div.service_lnk .tit_h2_04 {
	margin:10px 0 0 10px;
	background: url("../images/arr01.gif") no-repeat left center;
}
div.service_lnk .tit_h2_04 a {
	margin-left:15px;
}





/* public layout ----------------------------------------------------------------- */
.publish_tit{
	font-size:14px;
	padding:5px 0 8px 3px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:10px;
}

div.contentsContainer table {
	width: 100%;
	margin: 0px 0px 40px 0px;
	border-collapse: collapse;
	font-size:85%;
	line-height: 150%;
	color:#333333;
}

div.contentsContainer table td {
	padding: 8px;
	vertical-align: top;
}

div.contentsContainer .bookimg img{
	border:1px solid #666666;
} 
div.contentsContainer .book{
	background: url("../images/ent_h2_bg.gif") bottom no-repeat;
	font-weight:bold;
	padding:6px 0 5px 6px;
	margin-bottom:10px;
	font-size:12px;
}

div.contentsContainer .author,div.contentsContainer .publisher,div.contentsContainer .ISBN{
	font-weight:bold;
	color:#666666;
	margin-top:3px;
}

div.public_body table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.public_body th{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
	background-color: #e6ebf2;
}
div.public_body td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
}

.public_body img{
	margin:15px 15px 15px 0
}
.public_body img.img_right{
	margin-left: 15px;
	float: right;
}

#entry-container .question{
	text-indent: 25px;
	padding-top: 7px;
	background: url(http://www.miraic.jp/images/question.gif) no-repeat 0 5px;
}
#entry-container .answer{
	text-indent: 25px;
	padding-top: 7px;
	background: url(http://www.miraic.jp/images/answer.gif) no-repeat 0 5px;
}
.writer{
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:15px;
}

/* inquiry layout ----------------------------------------------------------------- */
input#companyName,
input#charge,
input#email { width:250px;}
input#tel1,input#tel2,input#tel3 { width:50px;}
textarea#details { width:350px;height:150px;}

ul.btn {
	list-style-type: none;
	margin-left:120px;
}
ul.btn li {
	display:inline;
}
ul.btn li input {
	margin:15px 30px 5px 30px;
}
.errorMess{
	color:#ff0000;
	margin-bottom:10px;
}
.errorMess ul{
	margin-left:30px;
}

/* leftcontainer pagetop ----------------------------------------------------------------- */
#pagetop{
	width:800px;
	text-align: left;
}
#pt_inn{
	margin-top:15px;
	margin-left:223px;
	padding-right:14px;
	width:577px;
	height:21px;
	text-align: right;
	font-size: 10px;
	background: url("../images/pagetop_bg.gif") no-repeat;
}
*html #pt_inn{
	margin-left:240px;
}

#pt_inn a {
	display:block;
	margin:2px 5px 0 0;
}

/* Right menu layout ----------------------------------------------------------------- */
#manu_out{
	width:196px;
	margin:1px 1px 0 1px;
	padding:2px;
	background-color:#ffffff;
	border-top:3px solid #002254;
	border-bottom:1px solid #C1C1C1;
}

#cat_p_name{
	font-weight:bold;
	color:#002254;
	margin:5px;
}

#cat_manu div{
	width:196px;
	background: url("../images/right_bg3.jpg") left center;
	line-height:1.2em;
}
#cat_manu div div div {
	width:196px;
	background: url("../images/right_bg4.jpg") left center;
	line-height:1.2em;
}
.cat_ent_link, .cat_ent_link a,.cat_ent_link span {background: url("../images/right_bg4.jpg") left center;}
#cat_manu div a,#cat_manu div span {
	display:block;
	padding:10px 3px 10px 22px;
	width:171px;
	color:#fff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.cat_ent_link2, .cat_ent_link2 a{background: url("../images/right_bg5.jpg") left center;}
#cat_manu div.cat_ent_link2 a{
	padding:10px 3px 10px 29px;
	width:164px;
}

a.rmenu_link:link{color:#ffffff;text-decoration:underline;}
a.rmenu_link:visited{color:#ffffff;text-decoration:underline;}
a.rmenu_link:hover{
	color:#ffffff;text-decoration:none;
	background: url("../images/right_bg4.jpg") left center;
}
a.rmenu_link:active{color:#ffffff;text-decoration:underline;}
a.rmenu_link2:hover{
	color:#ffffff;text-decoration:none;
	background: url("../images/right_bg5.jpg") left center;
}

.service_m{font-size:10px;}



/* footer ----------------------------------------------------------------- */
#footer,.push 
{
 height: 69px;/* .push must be the same height as .footer */
}

#footer 
{
	clear:both;
 background-image: url("../images/f01.gif");
 background-position: bottom;
 background-repeat:repeat-x;
}

.ftsp{height: 22px;}

#ftbg{
	height: 47px;
	color:#ffffff;
	font-size:10px;
	background-image: url("../images/footer_bg.jpg");
	background-position: bottom;
	background-repeat: no-repeat;
}
#ftbg table{margin-top:6px;}

#ftbg li{
	display:inline;
	font-size:10px;
	margin-left:10px;
	padding-left:9px;
	background: url("../images/arr03.gif") no-repeat left center;
}

a.ft_link:link,
a.ft_link:visited,
a.ft_link:hover,
a.ft_link:active{color:#ffffff;}

/* sitemap layout ----------------------------------------------------------------- */
#sitemap ul{
	margin-left:30px;
	list-style-type: none;
}
#sitemap ul ul{
	margin-bottom:20px;
}
#sitemap ul li{
	line-height:25px;
}

#sitemap_L{
	float:left;
	text-align: left;
	width:280px;
}
#sitemap_R{
	float:right;
	text-align: left;
	width:280px;
}


/* recruit layout ----------------------------------------------------------------- */
.oneday {margin-left:10px;}
.oneday td {
	padding:4px;
}
td.time {
	font-weight:bold;
	padding-left:7px;
	background-color: #E8EFF6;
	white-space: nowrap;
}
.schedule {background: url("images/line_schedule.gif") repeat-x bottom;}
.schedule_t {background: url("images/line_schedule.gif") repeat-x top;}


/* additional 081210
----------------------------------------------------------------- */
.topimg {
	width:800px;
	height:208px;
	font-size:6px;
	margin:0px auto 18px auto;
	padding:0px auto 0px auto;
	border:solid 1px #DEDEDE;
	}
	
.top_main {
	font-size:12px;
	}
	
.top_st {
	width:582px;
	height:35px;
	background-image:url("../images/top_stback.gif");
	background-repeat:no-repeat;
	padding:12px 0px 0px 14px;
	}
	
.top_stright {
	font-size:12px;
	font-weight:normal;
	}

.topnews_date {
	width:100px;
	float:left;
	line-height:160%;
	}

.topnews_list {
	width:100%;
	line-height:160%;
	}

*html .topnews_list {
	width:480px;
	float:left;
	}
	
.topnews_list:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#TopList {
	margin:0px 14px 26px 0px;
	width:598px;
	}

ul#TopList li {
	margin:0px 14px 4px 14px;
	line-height:8px;
	}

ul#TopList a:link{font-size:12px;color:#007791;text-decoration:none;}
ul#TopList a:visited{font-size:12px;color:#236392;text-decoration:none;}
ul#TopList a:hover{font-size:12px;color:#147BA3;text-decoration:underline;}
ul#TopList a:active{font-size:12px;color:#007791;text-decoration:none;}


ul#SideNavi {
	margin:0px 0px 12px 0px;
	padding:0;
	width:190px;
	}

ul#SideNavi li {
	margin:0;
	padding:0;
	height:26px;
	}
	
*html ul#SideNavi {
	font-size:2px;

	}
	
#topbnr_test{
	margin-bottom:0px;
	background-image: url("../images/bn_bg.jpg");
	background-position: top;
	background-repeat: no-repeat;
}

.ent_layout2 {
	margin:0px 3px 0px 3px;
	}

.ent_layout2 a:link{font-size:12px;color:#007791;text-decoration:none;}
.ent_layout2 a:visited{font-size:12px;color:#236392;text-decoration:none;}
.ent_layout2 a:hover{font-size:12px;color:#147BA3;text-decoration:underline;}
.ent_layout2 a:active{font-size:12px;color:#007791;text-decoration:none;}

.ent_date2 {
	font-weight:bold;
	width:110px;
	margin:0px 8px 0px 8px;
	}

.ent_date3 {
	font-weight:bold;
	width:100px;
	margin:0px 8px 0px 8px;
	float:left;
	overflow:hidden;
	}
	
.ent_title2 {
	margin:0px 8px 0px 8px;
	}
	
.ent_catp2 {
	font-weight:normal;
	margin:0px 8px 0px 8px;
	float:left;
	overflow:hidden;
	}

*html .ent_catp2 {
	font-weight:normal;
	margin:0px 8px 0px 2px;
	float:left;
	overflow:hidden;
	}
	
.list_line {
	margin:6px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	background-image: url("../images/linetop.gif");
	background-repeat:repeat-x;
	}

/* additional for "project"
----------------------------------------------------------------- */
p.lead {
	margin: 0px 0px 12px 10px;
	padding: 0;
	line-height: 160%;
	overflow:hidden;
}

#LeadList ul {
	margin: 10px 0 15px 10px;
	font-size: 80%;
}

#LeadList li {
	list-style-type: decimal;
	line-height: 170%;
	margin-left: 25px;
	font-weight: bold;
}

span#img-left {
	float: left;
	margin: 0px 12px 5px 0px;
}

span#img-right {
	float: right;
	margin: 0px 0px 5px 8px;
}

.image img {
	border: 5px solid #EEEEEE;
	display: block;
	margin: 0px 0px 5px 0px;
}

/* additional for "c_plan"
----------------------------------------------------------------- */
p.arrow {
	margin: 0 0 20px 0;
	text-align: center;
}

/* additional for "staff"
----------------------------------------------------------------- */
#StaffList li.odd {
	float: left;
	width: 290px;
	margin: 0 0 10px 0;
	list-style-type:none;
}

#StaffList li.even {
	float: left;
	width: 285px;
	margin: 0 0 10px 0;
	list-style-type:none;
}

#StaffList li a {
	display: block;
	width: 285px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 1px;
	line-height: 100%;
}

#StaffList li a:hover {
	background-position: left bottom;
}

#StaffList li a.navi1 {
	background-image: url("/recruit/img/staff_navi1.jpg");
}
#StaffList li a.navi2 {
	background-image: url("/recruit/img/staff_navi2.jpg");
}
#StaffList li a.navi3 {
	background-image: url("/recruit/img/staff_navi3.jpg");
}
#StaffList li a.navi4 {
	background-image: url("/recruit/img/staff_navi4.jpg");
}
#StaffList li a.navi5 {
	background-image: url("/recruit/img/staff_navi5.jpg");
	margin: 0 0 0px 0;
}
#StaffList li a.navi6 {
	background-image: url("/recruit/img/staff_navi6.jpg");
	margin: 0 0 120px 0;
}