@charset "utf-8";
/* base
----------------------------------------------- */
* html body{
	font-size:77%;
	text-align:center;
}

* html td,
* html th {
	font-size:77%;
}
body {
	margin: 0 auto;
	padding: 0;
	font-size: small;
	line-height: 1em;
	font-family: Verdana,"MS PGothic",sans-serif;
	background: #ffffff url("../img/contents_bg.gif") repeat-y top center;

}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}
form,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	list-style: none;
}
table {
	border-collapse: collapse;
}
th,td {
	padding: 0;
}
hr {
	display: none;
}
a {
	color: #000;
	text-decoration: none;
	overflow: hidden;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/* wrap
----------------------------------------------- */
#body_wrap{
}
#wrap{
	margin:0 auto;
}

.wcb {
	background:url("../img/wrap_contents_bg.jpg") no-repeat center top;
}

.tcb {
	background:url("../img/wrap_bg.jpg") no-repeat center top;
}


/* header
----------------------------------------------- */

#header{
	height:84px;
	padding:25px 0 0 50px;
	text-indent:-9999em;
	text-align:left;
	vertical-align:top;
	line-height:0px !important;
	font-size:0px !important;
}


#header h1,#header h1 a{
	text-indent:-9999em;
	width:362px;
	height:76px;
	display:block;
	vertical-align:top;
}

#header h2 {
display:none;
}


#header h1{
	background:url(../img/logo.gif) no-repeat top left;
}

#header a,
#gnavi a{
	text-decoration:none;
}
#header p.tel,#header p.tel a{
	width:220px;
	height:64px;
	display:block;
	vertical-align:top;
}


* html #header p.tel,#header p.tel a{
	width:220px;
	height:64px;
	display:block;
	vertical-align:top;
	margin-bottom:-69px;
	padding:0;
	overflow: hidden;
}
#header p.tel{
	background:url(../img/mai_btn.gif) no-repeat top left;
	position:relative;
	left:495px;
	top:-68px;
	overflow: hidden;
}
#header p.tel a:hover{
	background:url(../img/mai_btn_o.gif) no-repeat top left;
}

* html #header p.tel{
	background:url(../img/mai_btn.gif) no-repeat bottom left;
	position:relative;
	left:495px;
	top:-78px;
}
* html #header p.tel a:hover{
	background:url(../img/mai_btn_o.gif) no-repeat bottom left;
}




/* gnavi
----------------------------------------------- */
#gnavi{
	height:49px;
}
#gnavi li,#gnavi li a{
	width:140px;
	height:49px;
	display:block;
	text-indent:-9999em;
	
}
#gnavi li{
	float:left;
	background:no-repeat top left;
	
}
#gnavi li.m01 a,#gnavi li.m01 a:link{background-image:url(../img/m01.gif)}
#gnavi li.m02 a,#gnavi li.m02 a:link{background-image:url(../img/m02.gif)}
#gnavi li.m03 a,#gnavi li.m03 a:link{background-image:url(../img/m03.gif)}
#gnavi li.m04 a,#gnavi li.m04 a:link{background-image:url(../img/m04.gif)}

#gnavi li.m01 a:hover{background-image:url(../img/m01_o.gif)}
#gnavi li.m02 a:hover{background-image:url(../img/m02_o.gif)}
#gnavi li.m03 a:hover{background-image:url(../img/m03_o.gif)}
#gnavi li.m04 a:hover{background-image:url(../img/m04_o.gif)}

.m01 {margin-right:10px;}
.m02 {margin-right:10px;}
.m03 {margin-right:10px;}


/* main
----------------------------------------------- */

#home #main{
	height:230px;
	background:url(../img/top_main.jpg) no-repeat top left;
	text-indent:-9999em;
	
}
#under #main{
	min-height:134px;
	background:url(../img/contents_main.jpg) no-repeat top left;
	text-align:right;
	padding:60px 20px 0;
	margin-bottom:5px;
	font-size:130%;
}

* html #under #main{
	height:160px;
}



#under #main h3{
	padding:100px 20px 0;
}

* html #under #main h3{
	padding:100px 20px 20px 0;
	height:60px;
}




/* contents
----------------------------------------------- */
#contents{
	width:820px;
	margin:0 auto;
}
#contents p,
#contents li,
#contents th,
#contents td,
#contents dt,
#contents dd{
	line-height:1.5em;
}
#contents p,
#contents li{
	text-align:justify;
	text-justify:inter-ideograph;
}

#contents_footer {
background-image:url(../img/contents_foot_bg.gif);
width:820px;
	margin:0 auto;
height:16px;
}


/* right
----------------------------------------------- */
* html #right{
	width:600px;
}
#right{
	margin:0;
	padding:0 10px 15px 0;
	float:right;
	width:590px;
	overflow:hidden;
	min-height:1px;
	text-align:left;
}

/* home right
----------------------------------------------- */

#home h3{
	width:560px;
	height:54px;
	background:no-repeat top left;
	text-indent:-9999em;
	margin:3px 0 20px 0;
	clear:both;
}

#search h3{
	width:560px;
	height:54px;
	background:no-repeat top left;
	text-indent:-9999em;
	margin:3px 0 20px 0;
	clear:both;
}

#search {background-image:url(../img/search_bg.gif); width:560px; height:227px; margin-left:15px; margin-top:20px;}

#search h3{background-image:url(../img/home_h3_01.gif)}
#rmd h3{background-image:url(../img/home_h3_04.gif)}
#info h3{background-image:url(../img/home_h3_02.gif)}
#new h3{background-image:url(../img/home_h3_03.gif)}

/*search*/
#under #right #search form{
	text-align:center;
}
#under #right #search div{
	width:270px;
	float:left;
	margin:0 0 15px 5px;
}

#under #right #search div.right{
	float:right;
	margin:0 0 15px 0;
}

#under #right #search h4{
	height:1px;
	background:no-repeat top left;
	text-indent:-9999em;
	margin:0 0 0 10px;
	min-height:1px;
	line-height:1px;
}

* html #under #right #search h4{
	height:35px;
	background:no-repeat top left;
	text-indent:-9999em;
	margin:0 0 0 10px;
	min-height:1px;
	line-height:1px;
}

#under #right #search h4.m01{background-image:url(../img/search_01.gif)}
#under #right #search h4.m02{background-image:url(../img/search_02.gif)}
#under #right #search h4.m03{background-image:url(../img/search_03.gif)}
#under #right #search h4.m04{background-image:url(../img/search_04.gif)}


#under #right #search select,
#under #right #search input#search_box3{
	width:250px;
	margin:3px 0 0 0;
	border:1px solid #ccc;
}


#under #right #search input{
	display:block;
	float:right;
	margin:8px 27px 15px 0;
}
/*rmd*/

#rmd{margin:0px 0 20px 15px;}

#rmd div.recomend {
background-image:url(../img/osusume_bg.gif);
float:left;
width:180px;
height:170px;
margin-right:10px;
margin-bottom:10px;
}

#rmd div.recomend div.recomend_title {
padding:7px;
font-weight:bold;
color:#FFFFFF;
min-height:20px;
}

* html #rmd div.recomend div.recomend_title {
padding:9px 7px 1px;
font-weight:bold;
color:#FFFFFF;
min-height:20px;
}

* html #rmd div.recomend div.recomend_ph {
position:relative;
top:10px;
padding:5px;
}

#rmd div.recomend div.recomend_ph {
position:relative;
top:0px;
padding:5px 5px 3px 5px;
}


#rmd div.recomend div.recomend_a {
padding:2px 0 0 74px;
position:relative;
top:0px;
}

* html #rmd div.recomend div.recomend_a {
padding:2px 0 0 74px;
position:relative;
top:10px;
}


#rmd div.recomend div.recomend_a {
padding:2px 0 0 74px;
width:100px;
height:20px;
}


/*info*/
#info{padding:10px 0 20px 15px;}

#home #info div{
	width:540px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;
	margin:0 0 20px 0}
	
* html #home #info div{
	width:560px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;
	margin:0 0 20px 0}


#home #info img{
	border:5px solid #7DB700;
	display:block;
	float:right;
	margin:10px 0 10px 10px;
}

#home #info p,
#home #info dt{
	margin:10px 0 0;
}
/*new*/

#new{margin:0 0 30px 15px;}

#home #new dt{
	padding:0 0 0 0;
	width:540px;
	float:left;
	clear:both;
}

#home #new dl{
	overflow:auto;
	height:220px;
}


#home #new dt span {
padding-right:12px;
}

#home #new dd{
width:540px;
	padding:15px 5px 5px 0px;
	margin:10px 0 15px 0;
		border-bottom:1px dashed #BFBFBF;

}

#home #new dt img{vertical-align:middle;}

#home #new a,
body#under #right .frame a{color:#FF7A1E;font-weight:bold;}
body#under #right .frame {width:540px;
margin:0 0 20px 15px;}

/* under right
----------------------------------------------- */

#under #right h4{
	min-height:54px;
	background:url(../img/contents_h4.gif) no-repeat center center;
	padding:35px 0 0 75px;
	margin:3px 0 0 0;
	font-size:120%;
	color:#000000;
	text-align:left;
	line-height:120%;
clear:both;
}

* html #under #right h4{
	height:54px;
	background:url(../img/contents_h4.gif) no-repeat center center;
	padding:15px 0 0 75px;
	margin:10px 0 0 0;
	font-size:120%;
	color:#000000;
	text-align:left;
	line-height:150%;
clear:both;
}	

	
#under #right #h4_con{	
	width:540px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;
	margin:0 0 20px 15px;
	}
.clear {clear:both;}
	
* html #under #right #h4_con{
	width:560px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;
	margin:0 0 20px 15px}
	
	
#under #right #h4_con img{	
	border:5px solid #7DB700;
	display:block;
	float:right;
	margin:10px;
}


#under #right h5{
	min-height:30px;
	background: url(../img/contents_h5.gif) no-repeat center center;
	padding:20px 0 3px 50px;
	margin:0 0 15px;
	font-size:120%;
}

* html #under #right h5{
	height:30px;
	background: url(../img/contents_h5.gif) no-repeat center center;
	padding:10 0 3px 50px;
	margin:0 0 15px;
	font-size:120%;
}


#under #right #h5_con{
	width:540px;
	padding:0 10px 10px 10px;
	margin:0 0 20px 15px;
}


#under #right h6{
  width:540px;
	height:30px;
	background: url(../img/contents_h6.gif) no-repeat center center;
	padding:20px 0 3px 50px;
	margin:0 0 15px;
	font-size:100%;
}

* html #under #right h6{
  width:540px;
	height:30px;
	background: url(../img/contents_h6.gif) no-repeat center center;
	padding:10px 0 5px 50px;
	margin:15px 0 10px 20px;
	font-size:100%;
}


* html div.first{
	height:1px;	
}
body#under div.first{
	width:540px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;	line-height:200%;

	margin:0 0 20px 15px}
	
* html body#under div.first{
	width:560px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;
	margin:0 0 20px 15px}

body#under div.det{
	width:540px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;
	margin:0 0 20px 15px}
	
* html body#under div.det{
	width:560px;
	padding:10px;
	background-color:#EBF4D9;
	border:1px dotted #7DB700;
	margin:0 0 20px 15px}



*:first-child+html body#under div.first{
	min-height:150px;
}
*:first-child+html body#under.cat020_2 div.first{
	min-height:3em;
}
body#under div.entry p.frame,
body#under div.entry ul.frame{
	background:#eee;
	padding:10px;
	margin:0 0 15px;
}
body#under #right div.first p,
body#under #right div.first ul{
	margin:10px;
}
* html body#under #right div.first img{
	border:5px solid #7DB700;
	display:block;
	float:right;
	margin:10px;
}
body#under #right div.first img{
	border:5px solid #7DB700;
	display:block;
	float:right;
	margin:10px;
}
body#under div.entry,
body#under div.entry p,
body#under div.entry ul{
	margin:0 0 20px 15px;	width:540px;
}   
* html #under p.inquiry{
margin-left:50px;
}

#under p.inquiry,
#under p.inquiry a{
	width:500px;
	height:90px;
	background:url(../img/registration_btn.gif) no-repeat top left;
	text-indent:-9999em;
	display:block;
	margin:0 auto;
}

#under p.inquiry a:hover{
	background:url(../img/registration_btn_ov.gif) no-repeat top left;
}

#under table{
	border:1px solid #7DB700;
	border-collapse:collapse;
	width:557px;
	margin:5px 0 27px 20px;
}
#under th{
	border:1px solid #7DB700;
	background:#EBF4D9;
	width:150px;
	padding:7px;
	text-align:left;
}

#under th.map{
	border:1px solid #7DB700;
	background:#fff;
	width:500px;
	padding:7px;
	text-align:left;
}


#under td{
	border:1px solid #7DB700;
	padding:7px;
	width:379px;
}

#under #con_img {
text-align:center;
margin:0 0 15px 5px;
}

* html #under #con_img {
margin:0 0 15px 30px;
}

p span{font-size:110% ;color:#000;font-weight:bold}


/*flow
----------------------------------------------- */
body#under.cat020_1 #right div.first,
body#under.cat020_1 #right div.first img,
body#under.cat020_1 #right div.first p{
	border:0;
	background:#fff;
	padding:0;
	margin:0;
	float:none;
}
body#under.cat020_1 #right div.first{
	margin-bottom:20px;
	min-height:1px;
}

body#under.catxxx div.entry{
	background:url(../img/arrow.gif) no-repeat center bottom;
	padding:0 0 50px 0;
}

body#under.catxxx div.entry p{
	background:#eee;
	padding:10px;
	border:1px dashed #cdcdcd;
}

/*voice
----------------------------------------------- */
body#under.cat060 #right div.first,
body#under.cat060 #right div.first img{
width:530px;
	background:#FAD6E2;
	padding:10px;
	margin-bottom:20px;
	border-top:1px dotted #E0004B;
		border-right:1px dotted #E0004B;

	border-bottom:1px dotted #E0004B;

	border-left:10px solid #E0004B;

}

*html body#under.cat060 #right div.first,
*html body#under.cat060 #right div.first img{
width:550px;
	background:#FAD6E2;
	padding:10px;
	margin-bottom:20px;
	border-top:1px dotted #E0004B;
		border-right:1px dotted #E0004B;

	border-bottom:1px dotted #E0004B;

	border-left:10px solid #E0004B;

}

body#under.cat060 #right div.entry p{
	margin-bottom:0;
}
/*qa
----------------------------------------------- */
body#under.cat070 #right h5{
	height:54px;
	padding:20px 0 0 65px;
	background:#fff url(../img/q.gif) no-repeat top left !important;
	color:#000;
	font-size:110%;
	margin:0 0 0 15px;
}

body#under.cat070 div.entry{
	background:#FAD6E2 url(../img/answer.gif) no-repeat top left;
	padding:10px 10px 10px 25px;
	margin-bottom:20px;
	border:1px dotted #E0004B;
	width:520px;
}

body#under.cat070 div.entry p{
	width:505px;
}


/*company
----------------------------------------------- */
body#under.cat090 #right div.first,
body#under.cat090 #right div.first img,
body#under.cat090 #right div.first p{
	border:0;
	background:#fff;
	padding:0 20px 0 13px;
	margin:0;
	float:none;
}

body#under #right div.adr img{
	background:transparent !important;
	width:540px;}


* html #gmap {
width: 500px;
height:217px;
}


body#under.cat080 #right table {
width:535px;
}

body#under.cat080 #right div.first,
body#under.cat080 #right div.first img,
body#under.cat080 #right div.first {
	border:0;
	background:#fff;
	padding:0 0 0 15px;
	margin:0;
	float:none;
}

/* jobs
----------------------------------------------- */
body#under.jobs table{
	border:1px solid #7DB700;
	border-collapse:collapse;
	width:557px;
	margin:15px 0 20px 20px;
}
body#under.jobs th{
	border:1px solid #7DB700;
	background:#EBF4D9;
	width:70px;
	padding:7px;
	text-align:left;
}
body#under.jobs th.long {
	border:1px solid #7DB700;
	background:#EBF4D9;
	width:570px;
	padding:7px;
	text-align:left;
}
body#under.jobs td{
	border:1px solid #7DB700;
	padding:7px;
	width:430px;

}
body#under.jobs p.detail a{
	text-indent:-9999em;
	width:200px;
	height:30px;
	display:block;
	background:url(../img/detal_btn.gif) no-repeat;
	margin:10px 15px 10px 15px;
	outline:none;
	float:right;

}


/*json search
----------------------------------------------- */

#home #right div.content div.entries h4{
	min-height:15px;
	background-color:#fff !important;
	color:#000;
	padding:10px;
	margin:25px 0 15px 5px;
	font-size:100%;
}
.entry-body p,.entry-body p a{
	font-weight:bold;
	color:#1d669c;
	font-size:100%;
	margin:0 0 0 10px;
}
.entry-body-text ol{margin:0;padding:0}
.entry-body-text ol li {
	margin:20px 0 20px 15px;
	padding:0px 0 5px;
	border-bottom:dotted 1px #666666;

}
.entry-body-text ol li a:hover {
 	text-decoration:underline;
	margin:0 0 0 15px;
}
div.date-footer{
	margin:15px 0 0 15px;
}
.date-footer p{
	border:1px solid #ccc;
	width:80px;
	padding:5px;
	background:#eee;
	text-align:center !important;
		margin:0 0 0 15px;

}
div.none{
	border:1px solid #ccc;
	padding:10px;
		margin:25px 15px 0 15px;

}

/* left
----------------------------------------------- */
#left{
	width:200px;
	padding:0 0 20px;
	margin-left:10px;
	float:left;
	text-align:left;
	overflow:hidden;
}

#menu p.head{
	text-indent:-9999em;
	height:52px;
	background:url(../img/contents.gif) no-repeat;
}

#menu ul li,
#menu p.parent{
	background:#EEEEEE;
	margin-bottom:3px;
	min-height:1.5em;
}
#menu ul li a,
#menu p.parent a{
	display:block;
	min-height:1.5em;
	background:no-repeat center left;
	padding:5px 5px 5px 30px;
}
#menu li a:hover,
#menu p.parent a:hover{
	text-decoration:none;
	color:#FFF;
}
#menu p.parent a{
	background-image:url(../img/arrow_green.gif);
}
#menu p.parent a:hover{
	background-color:#666666;
	background-image:url(../img/arrow_green_o.gif);
}

* html #menu ul li,
* html #menu ul li a{
	height:2em;
}
#menu ul li a{
	background-image:url(../img/arrow_green.gif);
}
#menu ul li a:hover{
	background-color:#666666;
	background-image:url(../img/arrow_green_o.gif);
}

#menu ul{
	background:#fff;
}
#menu ul li.blog2,
#menu ul li.sub{
	margin-bottom:0;
	border-bottom:3px solid #fff;

}
#menu ul li.blog2 a,
#menu ul li.sub a{
	background-image:url(../img/arrow_blue.jpg);
}
#menu ul li.blog2 a:hover,
#menu ul li.sub a:hover{
	background-color:#B9E3F9;
	background-image: url(../img/arrow_blue_o.jpg);
}

/* footer
----------------------------------------------- */
#footer{
	clear:both;
	width:841px;
	background:#fff url(../img/footer_bg.jpg) no-repeat center top;
	min-height:165px;
	margin:0 auto;
}


p.rss{
	text-indent:-9999em;
	width:163px;
	height:30px;
	background:url(../img/rss.gif) no-repeat top center;
	margin:0 auto;
	
}
p.rss a.rss,p.rss a.atom{
	width:45px;
	height:20px;
	display:block;
	position:relative;
}
* html p.rss a.rss{
	top:20px;
	left:0px;
}
* html p.rss a.atom{
	top:0px;
	left:70px;
}

p.rss a.rss{
	top:18px;
	left:60px;
}

p.rss a.atom{
	top:0px;
	left:130px;
}


p.pageup,p.pageup a{
	text-indent:-9999em;
	width:97px;
	height:47px;
	display:block;
}

* html p.pageup{                  
	top:-35px;
	left:350px;

}
p.pageup{                  
	position:relative;
	top:-25px;
	left:727px;
}
p.pageup a:hover{                  

}

*:first-child+html p.rss a.rss{	left:55px;}
*:first-child+html p.rss a.atom{left:110px;}
*:first-child+html p.pageup{left:580px;}
#footer p.page_list,p.copyright{
	font-size:75%;
	line-height:2em;
}
p.page_list{
	margin:-10px 0 0;
	text-align:center;
	padding:0 120px 0 120px;
}
p.copyright{
	margin:20px 0 0;
	text-align:center;
	color:#000;
}

/* form
----------------------------------------------- */
/*form.inquiry textarea,
form.inquiry input{
	border:1px solid #ddd;
	width:100%;
}*/
form.inquiry select{
	width:150px;                         
}
form.inquiry h5{margin-top:0px !important;}
* html textarea.privacy{font-size:x-small}
textarea.privacy{font-size:small;line-height:1.5em;height:150px;margin:15px 0;width:100%;border:1px solid #ddd}
form.inquiry td.btn input{width:20px;border:0;}
input#year,input#month,input#day{width:3em;}
form.inquiry p.center input{width:150px;border:0;padding:5px}
input#postal{width:8em;}
form.inquiry td.short input{width:3em}
form.inquiry td.medium_length input{width:4em}

/* sitemap
----------------------------------------------- */

body#under dl.sitemap{
margin:0 0 30px 40px !important;
padding:30px 0 0 0 !important;
width:540px;
}
body.sitemap dt a{font-weight:bold;color:#1d669c}
body.sitemap dd{margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #dedede;}

/* search
----------------------------------------------- */
body.search #right ul,body.search #right p{margin:10px 0}
body.search #right li{display:inline}
body.search #right h4 a{color:#fff}
/* clear
----------------------------------------------- */
#contents:after,
#home #info div:after,
#home #rmd:after,
div.first:after,
body#under.jobs p.detail:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}


/* margin
----------------------------------------------- */
.margin5 { margin: 5px 0 0; }
.margin10 { margin: 10px 0 0; }
.margin15 { margin: 15px 0 0; }
.margin20 { margin: 20px 0 0; }
.margin25 { margin: 25px 0 0; }
.margin30 { margin: 30px 0 0; }
.margin35 { margin: 35px 0 0; }

.margin010 { margin:0 0 15px 0; }
margin5_b { margin:0 0 5px 0; }
/** html #under #main.margin5_b { margin:0 0 50px 0; }


/*align
------------------------------------------------*/
.center{text-align:center}

form p.btn {
width:540px;
margin:0 0 0 15px;
}


#right div.error {
padding:20px 0 0 15px;
text-align:center;
}

p.search_menu a {
display:block;
widows:200px;
height:80px;
background:url(../img/search.jpg) no-repeat;
text-indent:-9999px;
}

p.search_menu a:hover {
background:url(../img/search_o.jpg) no-repeat;
}
p.search_menu {
padding-bottom:10px;
}

.entries a {

}
.none02 {
display:none;
}

#home #new dl dt.line30,
#home #new dl dt.line30 a {
padding-bottom:15px;
}

div.none {
	margin:20px 10px;
	clear:both;
	line-height:100px;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
	color: #333333;
	background-color: #F7CBC8;
	border:#FF9999 1px solid;
}

.clear {
clear:both;
}

span.new { display:none; }

th.long {
width:570px;
}

#under th.long {
width:570px;
}

h5.short {
	width:260px;
	height:40px;
	background:url(/img/h4_bg2.jpg) no-repeat;
	padding:13px 0 0 0px;
	text-indent:25px;
	color:#fff;
	font-size:12px;
	float:left;
	margin-right:20px;

}


* html h5.short {
	margin-right:30px;

}


h5.short a {
	font-size:12px;
	color: #0000FF;
}



div.job {
	margin-left:10px;
	padding-bottom:20px;
}

