@charset "utf-8";

/*==================================================
	Heading
	Text
	Unorderd List
	Orderd List
	Difinision List
	Link
	Table
	Form
	Layout
	Option
	Clear Fix
==================================================*/


/*--------------------------------------------------
	Heading
--------------------------------------------------*/

div.headline h1 {
padding: 45px 0px 45px 0px;
text-align:center;
border-bottom: 3px solid #000;
}

div.headline_etc h1 {
padding: 45px 0px 45px 0px;
text-align:center;
}

div.headline h2 {
padding: 25px 0px 25px 0px;
text-align:center;
}

div.top_image h1{
text-indent: -9999px;
margin: 0px !important;
position: absolute;
}

div.brands h2 {
padding-bottom: 10px;
border-bottom: 2px #000 solid;
margin-bottom: 20px;
}

div.group_news h2{
padding-bottom: 10px;
border-bottom: 2px #000 solid;
margin-bottom: 10px;
}

div.page_about h1 {
padding: 45px 0px 65px 0px;
text-align:center;
}

div.page_news h1 {
padding: 45px 0px 45px 0px;
text-align:center;
}

div.main_news h2 {
font-weight: bold !important;
font-size: 150%;
margin: 25px 0px 25px 0px;
}

div.single_title h2 {
font-weight: bold !important;
font-size: 150%;
margin: 0px auto;
}

div.single_title h2 a{
text-decoration: none;
}

div.recruit_text h3{
margin-bottom: 15px;
}

div.brand_head h1 {
padding: 45px 0px 25px 0px;
text-align:center;
}

div.map_head h1 {
padding: 45px 0px 45px 0px;
text-align:center;
}

div.layout-quad h2 {
margin-bottom: 10px;
}

div.pp_head h1 {
padding: 45px 0px 45px 0px;
margin-bottom: 25px;
text-align:center;
border-bottom: 3px solid #000;
}

div.contact_head h1 {
padding: 45px 0px 45px 0px;
text-align:center;
border-bottom: 3px solid #000;
}

div.contact_head h2 {
padding: 35px 0px 35px 0px;
text-align:center;
}

div.layout-triple h3 {
font-weight: bold;
margin-bottom: 10px;
}

div.midcareer_d h3{
>margin-bottom:20px!important;
_margin-bottom:20px!important;
*margin-bottom:20px!important;
margin-bottom/***/:20px!important;
}

div.other h2 {
text-align:center;
margin-bottom: 25px;
}

div.franc h2 {
text-align:center;
margin-bottom: 25px;
}



/*--------------------------------------------------
	Bread
--------------------------------------------------*/
div.bread {
margin-top: 16px;
font-size:10px;
}

div.bread ul li {
float:left;
margin-right: 5px;
}

div.bread ul li a{
text-decoration: underline;
color:#5f5f5f;
}


/*--------------------------------------------------
	Text
--------------------------------------------------*/

div.gn_list {
position: absolute;
top: 1px;
right: 0px;
}

div.headline p{
text-align: center;
}

div.single_date p{
font-size: 100%;
color:#333;
}

p.share {
margin-bottom: 5px !important;
font-size: 80%;
}


/*--------------------------------------------------
	Unorderd List
--------------------------------------------------*/


/*--------------------------------------------------
	Orderd List
--------------------------------------------------*/

/*TOP*/

div.group_news ul li {
padding: 8px 0px 8px 0px;
border-bottom: dotted 1px #999;
padding-left: 75px;
position:relative;
}

div.group_news ul li span {
position:absolute;
left: 0px;
}

div.brands ul li{
margin-bottom: 12px;
}

div.brands ul li a{
text-decoration: none;
padding-left: 15px;
background-image:url(../images/point.jpg);
background-repeat: no-repeat;
background-position: left top;
color: #2b2b2b;
}

/*COMPANY*/

div.company-btn {
margin: 50px 0px 50px 0px;
}

div.company-btn ul {
}

div.company-btn ul li {
float:left;
margin-right: 5px;
}

div.company-btn ul li:last-child {
margin-right: 0px !important;
}

div.officer-left{
	float:left;
	width:150px;	
}

div.officer-rigth{
	float:left;
	width:100px;	
}

/*NEWS*/

div.side ul li{
padding: 13px 0px 13px 40px;
background-image:url(../images/point.jpg);
background-repeat: no-repeat;
background-position:25px 20px;
border-bottom: 1px #999 dotted;
}


div.main_news ul li {
padding: 10px 0px 10px 0px;
border-bottom: dotted 1px #999;
position: relative;
padding-left: 75px;
}

div.main_news ul li:first-child {
border-top: dotted 1px #999;
}

div.main_news ul li span {
position: absolute;
font-weight: bold;
left: 0px;
}

/*BRANDS*/
div.brand_navi ul li{
float:left;
}

div.brand_navi ul li:first-child{
}


/*SITEMAP*/
div.layout-quad ul li a{
text-decoration: none;
padding-left: 15px;
background-image:url(../images/point.jpg);
background-repeat: no-repeat;
background-position: left;
color: #686868;
}

div.layout-quad ul li a:hover{
text-decoration: underline;
}

div.layout-quad ul {
margin-bottom: 30px;
}

/*footer*/
div.footer ul li a {
background-image: url(../images/foot_point.jpg);
background-repeat: no-repeat;
background-position: left;
font-size: 90%;
padding-left: 7px;
letter-spacing: 0.1px;
}
/*--------------------------------------------------
	BRAND LINK
--------------------------------------------------*/

div.brand_image{
width:220px;
height:134px;
overflow:hidden;
border:1px solid #dcdcdc;
margin-bottom:1px;
}

div.brand_site{
float:left;
margin-right:1px;
}

div.online_shop{
float:right;
}

.kana{
font-size: 90%;
margin-bottom: 0px;
}

div.brand_s {
height: 206px;
width: 222px;
margin: 0px 10px 25px 0px;
float: left;
}

div.brand_link {
}

div.brand_s:nth-child(4n){
margin-right: 0px !important;
}

.4th {
margin-right:0px!important;
}

/*--------------------------------------------------
	Link
--------------------------------------------------*/


/*--------------------------------------------------
	Table
--------------------------------------------------*/

div.mailform {
border-top: dotted 1px #999;
border-bottom: dotted 1px #999;
padding: 15px 0px 10px 0px;
}

div.mailform table.form_new {
width: 660px;
padding: 0px !important;
}

div.mailform table.form_new tr th{
width: 165px !important;
table-layout: fixed;
font-weight: bold;
padding: 10px 0px 10px 0px;
text-align:left;
vertical-align:top;
}

div.mailform table.form_new tr th span{
color:#ff0000; 
}

div.mailform table.form_new tr td{
width: 495px !important;
padding: 10px 0px 10px 0px;
table-layout: fixed;
color:#666;
}

table.table_company {
border-top: 1px #999 dotted;
}

table.table_company tr th{
width: 165px;
font-weight: bold;
padding: 15px 0px 15px 0px;
text-align:left;
border-bottom: 1px #999 dotted;
}

table.table_company tr td{
width: 495px;
padding: 15px 0px 15px 0px;
border-bottom: 1px #999 dotted;
}

table.midcareer_t,table.midcareer_t td,table.midcareer_t th{
border: 1px #999 solid;
border-collapse: collapse;
}

table.midcareer_t tr th,td{
padding: 10px;
}

table.midcareer_detail,table.midcareer_detail td,table.midcareer_detail th{
border: 1px #999 solid;
border-collapse: collapse;
}

table.midcareer_detail tr th,td{
padding: 10px;
}

table.midcareer_detail tr th{
width:165px;
}

div.midcareer_d {
border-bottom: 1px dotted #999;
padding-bottom: 20px;
margin-bottom: 20px;
}

th.occ {
width: 140px;
}

th.cap {
width: 107px;
}

th.place {
width: 180px;
}


table.map_t tr th,{
padding-left: 10px;
}

/*--------------------------------------------------
	Form
--------------------------------------------------*/

#image-btn {
border: 0px;
width: 309px;
height: 62px;
background: url(../images/contact_new/comform.jpg) no-repeat;
}

#image-btn:hover {
border: 0px;
width: 309px;
height: 62px;
background: url(../images/contact_new/comform_h.jpg) no-repeat;
cursor: hand;
}

#image-btn_conform {
border: 0px;
width: 309px;
height: 62px;
background: url(../images/contact_conform/send.jpg) no-repeat;
}

#image-btn_conform:hover {
border: 0px;
width: 309px;
height: 62px;
background: url(../images/contact_conform/send_h.jpg) no-repeat;
cursor: hand;
}

div.comform_btn {
text-align: center;
margin: 20px 0px 20px 0px;
}

input {
padding: 2px 5px 2px 5px;
border: 1px solid #CCC;
}

.easy-select-box {
position:relative;
display:inline-block;
color:#000000;
}

.easy-select-box .easy-select-box-disp,
.easy-select-box .easy-select-box-disp:visited{
background: url(../images/select.jpg) no-repeat;
background-position: right;
padding:0px;
border: 1px solid #CCC;
display:block;
text-decoration:none;
padding-left: 5px;
width: 180px;
}

.easy-select-box .easy-select-box-disp:hover{
position:relative;
background-position:right;
text-decoration:none;
}

.easy-select-box ul {
position:absolute;
top:100%;
left:0;
border:1px solid #cccccc;
display:none;
z-index:99;
overflow:auto;
background:#FFFFFF;
padding:0 5px 0 0;
}

.easy-select-box ul li a,
.easy-select-box ul li a:visited{
padding-left: 5px;
background:#FFFFFF;
display:block;
color:#0c2245;
cursor:default;
text-decoration:none;
}
.easy-select-box ul li a:hover{
background:#3399ff;
color:#FFFFFF;
text-decoration:none;
}

textarea {
border: 1px solid #CCC;
}

option[selected] {
color:#424242;
}

div.link_conform {
margin-top:25px;
text-align: center;
}

div.link_conform a {
color:#666;
text-decoration:underline;
background-image:url(../images/point.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}

div.back {
margin-top: 70px;
margin-bottom: 250px;
text-align:center;
}

div.back a{
font-size: 14px;
color:#000;
padding-left: 10px;
text-decoration: none;
font-weight: bold;
background-image:url(../images/point.jpg);
background-repeat: no-repeat;
background-position: left;
}

div.back_etc {
margin-top: 70px;
margin-bottom: 250px;
text-align:center;
}

/*--------------------------------------------------
	Layout
--------------------------------------------------*/


/* TOP */
div.brands {
float: left;
width: 255px;
}

div.group_news {
float: right;
width: 630px;
position: relative;
}


/* ABOUT */
div.page_about p{
text-align: center;
margin-bottom: 60px;
}

/* NEWS */
div.main_news {
float:right;
border-top: 2px solid #000;
width: 665px;
}

div.side {
float:left;
border-top: 2px solid #000;
width: 210px;
}

/* NEWS 詳細*/

div.single_date {
float: left;
margin: 28px 20px 0px 0px;
padding-top: 3px;
width: 55px;
color:#999;
}

div.single_title {
margin: 25px 0px 25px 0px;
float: right;
width: 590px;
}

div.single_post {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px #999 dotted;
}

div.social {
float: left;
}

div.print {
float: right;
margin-top: 5px;
}

.print_btn {
background-image:url(../images/news_detail/print_off.jpg);
background-repeat: no-repeat;
width:197px;
height:38px;
cursor: pointer;
}

.print_btn:hover{
background-image:url(../images/news_detail/print_on.jpg);
background-repeat: no-repeat;
width:197px;
height:38px;
}

/* BRAND */
div.brand_navi{
margin-bottom: 20px;
}

/* RECRUIT */

div.recunavi {
width: 306px;
padding-left: 23px;
background: url(/shared/images/line.gif) repeat-y top right;
float: left;
margin-top: 30px;
}

div.midcareer {
width: 307px;
height: 240px;
padding-left: 23px;
float: left;
margin-top: 30px;
}

div.recruit_text {
height:115px;
}

div.layout-quad {
float:left;
width:165px;
}

/*mid detail*/
div.mid_btn{
text-align: center;
margin-bottom: 25px;
}



/*MAP*/

.print_btn2 {
background-image:url(../images/map/print_off.jpg);
background-repeat: no-repeat;
width:153px;
height:38px;
cursor: pointer;
border: none;
}

.print_btn2:hover{
background-image:url(../images/map/print_on.jpg);
background-repeat: no-repeat;
width:153px;
height:38px;
border: none;
}

.print_btn3 {
background-image:url(../images/en/print_off.jpg);
background-repeat: no-repeat;
width:158px;
height:41px;
cursor: pointer;
border: none;
}

.print_btn3:hover{
background-image:url(../images/en/print_on.jpg);
background-repeat: no-repeat;
width:158px;
height:41px;
border: none;
}

.float_l{
	float:left;
}

.float_r{
	float:right;
}

/*CONTACT*/

div.other {
padding: 25px 0px 25px 0px;
}

div.franc {
padding: 35px 0px 35px 0px;
text-align: center;
border-bottom: 1px dotted #999;
}

div.layout-triple-wrap{
width: 440px;
margin: 0 auto;
}

div.layout-triple{
float:left;
width: 199px;
margin: 0 0 35px 21px;
}

div.layout-triple select{
width: 178px;
}

div.contact_brand{
height:87px;
border-bottom: 1px dotted #999;
}

div.other .easy-select-box .easy-select-box-disp,
.easy-select-box .easy-select-box-disp:visited {
width: 350px !important;
}

/*--------------------------------------------------
	Box
--------------------------------------------------*/


/*--------------------------------------------------
	Option
--------------------------------------------------*/

.mb-00{
margin-bottom:0 !important;
}

.mb-03{
margin-bottom:3px !important;
}

.mb-05{
margin-bottom:5px !important;
}

.mb-10{
margin-bottom:10px !important;
}

.mb-20{
margin-bottom:20px !important;
}

.mb-30{
margin-bottom:30px !important;
}

.mb-40{
margin-bottom:40px !important;
}

.mb-50{
margin-bottom:50px !important;
}

.mb-60{
margin-bottom:60px !important;
}

.mb-70{
margin-bottom:70px !important;
}

.ml-10{
margin-left:10px !important;
}

.mr-10{
margin-right:10px !important;
}

.mr-20{
margin-right:20px !important;
}

.mr-30{
margin-right:30px !important;
}



.mr-00{
margin-right:0px !important;
}

.mt-10{
margin-top:10px !important;
}

.align-l{
text-align:left !important;
}

.align-c{
text-align:center !important;
}

.align-r{
text-align:right !important;
}

p.image{
margin-bottom:0px !important;
position: relative;
}

img.po-a{
position:absolute;
}

img.top-10{
top:-10px;
}

img.femi{
top:-50px;
}

/*--------------------------------------------------
	TinyMCE CSS
--------------------------------------------------*/

img.alignleft{
float:left;
padding-right:30px;
}

img.alignright{
float:right;
padding-left:30px;
}

img.aligncenter{
margin:0 auto;
text-align:center;
}

div.news ul li{
background:url(/shared/images/icon_list_dot.gif) no-repeat 0 7px;
padding-left:10px;
/zoom:1;
}

div.news ol li{
list-style:decimal inside;
/zoom:1;
}


/*--------------------------------------------------
	clearfix
--------------------------------------------------*/

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

/*--------------------------------------------------
	lastchild
--------------------------------------------------*/

.last-child {
margin: 0px !important;
}