@charset "utf-8";

/* common */
#header-logo{width:48%; float:left; height:100px;}
#header-nav{width:52%; float:right; height:100px;}
#header-logo span#header-notes{font-size:70%;}

.commonlist td,
.commonlist th{padding:0.5em; border:1px solid #eee;}

.commonlist .odd{background-color:#C4E3E8;}
.commonlist .even{background-color:#F2F9FB;}


/* recruit */

.recruit-top th,
.recruit-top td{padding:0.5em; border:1px solid #eee;}
.recruit-top th{text-align:center;}
.recruit-top .btn-career a{padding:0.8em 1.5em; background-color:rgba(177,216,237,0.56); border:1px solid #ccc; font-weight:bold; text-decoration:none;}
.recruit-top .btn-career a:hover{background-color:#fff; color:#666;}
.recruit-top #salary dt{width:140px; float:left; padding:5px; font-weight:normal; text-indent:0; line-height:1.4;}
.recruit-top #salary dd{float:left; padding:5px; line-height:1.4; border-bottom:none}

.recruit-career #career ul{padding:2em;}
.recruit-career #career li{padding:0.5em; font-size:120%;}
.recruit-career #career li:before{content:"◆ "}
.recruit-career th,
.recruit-career td{padding:0.5em; border:1px solid #eee;}
.recruit-career th{text-align:center;}
.recruit-career .btn-new a{padding:0.8em; background-color:rgba(177,216,237,0.56); border:1px solid #ccc; font-weight:bold; text-decoration:none;}
.recruit-career .btn-new a:hover{background-color:#fff; color:#666;}


/* gaiyou */

.company-top th,
.company-top td{padding:0.5em; border:1px solid #eee;}
.company-top th{text-align:center;}


/* senryuu */

.senryuu-entry th,
.senryuu-entry td{padding:0.5em; border:1px solid #eee;}
.senryuu-entry th{width:7em; text-align:center;}

.senryuu-result th,
.senryuu-result td{padding:0.5em; border:1px solid #eee;}
.senryuu-result th{width:7em; text-align:center;}

.senryuu-result tr{height:30px; line-height:30px;}
.senryuu-result td{border-bottom:1px solid #ccc;}
.senryuu-result td.name{width:33%; font-weight:bold;}
.senryuu-result td.name:after{content:" さん"}
.senryuu-result td.sakuhin{width:67%; font-size:115%;}



/* topics jikoku */

.jikoku .commonlist td,
.jikoku .commonlist th{padding:0.5em; border:1px solid #ccc; vertical-align:middle;}

.jikoku .col1{width:25%;}
.jikoku .col2{width:35%;}
.jikoku .col3{width:40%;}


/* topics line*/
.line .btn-point a,
.line .to-line a{padding:0.5em; text-decoration: none;}
.line .btn-point a,
.line .to-line a{background-color: #00c300; border: 1px solid #fff; color:#fff;}
.line .btn-point a:hover,
.line .to-line a:hover{background-color: #fff; color:#000;}
.line #point{background-color: #00c300;}


/* movie */

.movie #tvcm h2:before,
.movie #item h2:before{content:url(../image/common/icon_extra_open_l.png);}





/* ------------------------
 media query - title
------------------------- */

/* col-xs */
@media screen and (max-width: 480px){
.line #point{padding:0.5em 1.5em;}
.line .to-line{margin:1em 0;}
.line .to-line a{display: block;}
}

/* col-ssm */
@media screen and (min-width: 481px) and (max-width : 767px){
.line #point{padding:0.5em 1.5em;}
.line .to-line{margin:1em 0;}
.line .to-line a{display: block;}
}

/* col-sm */
@media screen and (min-width: 768px) and (max-width : 991px){
.line #point{padding:0.5em 1.5em;}
.line .to-line{margin:1em 0;}
.line .to-line a{display: block;}
}

/* col-md */
@media screen and (min-width: 992px) and (max-width : 1199px){
.line #point{padding:1em 1.5em 0;}
.line .btn-point a,
.line .to-line a{width:16em; display: inline-block;} 
}

/* col-lg */
@media screen and (min-width: 1200px) and (max-width : 1499px){
.line #point{padding:2em 2em 0;}
.line .btn-point a,
.line .to-line a{width:16em; display: inline-block;} 
}

/* col-llg */
@media screen and (min-width: 1500px){
.line #point{padding:2em 2em 0;}
.line .btn-point a,
.line .to-line a{width:16em; display: inline-block;} 
}



/* ------------------------
 common-style
------------------------- */
.shadow02{
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#d9d9d9', Direction=145, Strength=5);
}
.shadow05{
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCC', Direction=145, Strength=5);
}
.shadow07{
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=145, Strength=5);
}