@import "../../css/base_headerfooter.css";
@import "../../css/base_web.css";

/* ページ内のCSSを初期化 */
*{
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, p, address{
font-size:100%;
font-weight:normal;
font-style:normal;
}

body {
	width: 100%;
	}




/*ミニ基本 文字サイズ*/
.mini
{
font-size:10px;
letter-spacing:normal;
line-height:13px;
color:#555555;
padding:0px;
margin-top:8px;
}


/* メイン写真と文章 */
#top_box
{
width:100%;
height:260px;
margin-top:8px;
padding:0px;
}

#top_box .left
{
width:245px;
height:260px;
margin:0px;
padding:0px;
float:left;
}

#top_box .right
{
width:235px;
height:260px;
margin:0px;
padding: 5px 5px 0px 5px;
float:right;
}

#top_box .photo_bg
{
background:url("../images/photo_bg.gif") no-repeat;
width:241px;
height:234px;
margin:0px;
padding:0px;
}

#top_box .photo
{
width:219px;
height:165px;
margin: 0px;
padding:11px;
}

#top_box .photo_com
{
text-align:center;
letter-spacing:normal;
font-size:10px;
color:#555555;
padding-top:0px;
line-height:15px;
}

/* 代表コメント 欄*/

#represent_box
{
width:100%;
height:auto;
margin:0px;
padding:0px;
}

#represent_box .parts
{
width:100%;
height:138px;
margin:0px;
padding:0px;
clear:both;
}

#represent_box .left
{
width:158px;
height:138px;
margin:0px;
padding:0px 0px 0px 2px;
float:left;
}

#represent_box .right
{
width:325px;
height:138px;
margin:0px;
padding: 0px 2px 0px 0px;
float:right;
}

#represent_box .photo
{
background:url("../images/p_photo.gif") no-repeat;
width:158px;
height:138px;
margin:0px;
padding:0px 0px 0px 0px;
}

#represent_box .photo_area
{
width:140px;
height:119px;
margin:0px;
padding:10px 0px 0px 9px;
}


#represent_box .com_bg
{
background:url("../images/com_bg.gif") no-repeat;
width:325px;
height:138px;
margin: 0px;
padding:0px;
}

#represent_box .com
{
margin: 0px;
padding:18px 16px 18px 16px
}

#represent_box .midashi
{
font-size:12px;
font-weight:bold;
padding-bottom:5px;
}

#represent_box .coment
{
font-size:12px;
line-height:normal;
}


/* サブ写真 */
#sub_box
{
width:100%;
height:175px;
margin:0px;
padding:0px;
}

#sub_box .subphoto
{
background:url("../images/photo_mini_bg.gif") no-repeat;
width:159px;
height:155px;
margin:0px;
padding-right:3px;
float:left;
}

#sub_box .photo
{
width:138px;
height:104px;
margin: 0px;
padding:10px 9px 5px 11px;
}

#sub_box .photo_com
{
text-align:center;
letter-spacing:0.1px;
font-size:10px;
color:#555555;
padding:7px 2px 2px 6px;
}

#sub_box .photo_com_long
{
text-align:center;
letter-spacing:0.1px;
font-size:9.5px;
color:#555555;
padding:2px 2px 2px 6px;
}


/* 人材募集エリア */

#recruit_box
{
padding:0px;
margin:0px;
}


#recruit_box ul{
margin: 8px 0px 8px 0px;
padding: 0px;
line-height:22px;
}


#recruit_box li{
color:#009BFD;
font-size:14px;
font-weight:bold;
list-style-type: none;
margin:0px;
padding-left: 16px;
background: url("../../images/line_header_bg.gif") no-repeat center left;
}


hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed;
   border-color: gray; /* 線色 */
   height: 1px; /* 高さ */
   margin:0px;
   padding:0px;
}

.blue{
color:#009BFD;
font-weight:bold;
}



/* テーブル */

#company_table{
	margin: 0px;
	padding: 0px;
}


#company_table table { 
	border: 0px;
	padding: 0px;
	background-color: #cccccc;
	border: 0px;
}

#company_table table.noframe { 
	border: 0px;
	padding: 0px;
	background-color: #ffffff;
	border: 0px;
}


#company_table th{
	background: #cccccc url("../images/bg_greygrad.gif") repeat-x;
	font-size:100%;
	color:#5A5A5A;
	font-weight:bold;
	text-align: left;
	padding: 7px 7px 7px 12px;
}


#company_table th.press{
	background: #EBDBFC url("../images/bg_purplegrad.gif") repeat-x;
	font-size:79%;
	color:#404040;
	font-weight:bold;
	text-align: center;
	padding: 7px 7px 7px 12px;
}


#company_table td{
	font-size: 78%;
	line-height: 150%;
	padding: 5px;
	background-color: #ffffff;
	/* Hides from mac IE5 文字が枠の外に出るバグを修正 \*/
	letter-spacing: 1px;
	/* End hide from mac IE5 */
}


#company_table td.fontclear{
	font-size: 100%;
	padding: 5px;
	background-color: #ffffff;
}


#company_table td.item{
	background-color: #DFDFDF;
	color: #5B5B5B;
	text-align: center;
	font-weight:bold;
	width: 130px;
}

#company_table td.item2{
	background-color: #D0D0D0;
	color: #5B5B5B;
	text-align: center;
	font-weight:bold;
}

#company_table td.item3{
	background-color: #F2F2F2;
	color: #000000;
	text-align: center;
	padding:5px;
	font-weight:bold;
	vertical-align:top;
}

#company_table td.item4{
	background-color: #DFDFDF;
	color: #000000;
	text-align: center;
	padding:5px;
	font-weight:bold;
	vertical-align:top;
}


#company_table td.pad10{
	padding-left:10px;
}


#company_table td.item_purple{
	background-color: #E9D2F7;
	color: #5B5B5B;
	text-align: center;
	font-weight:bold;
}


#company_table td.grey{
	background-color: #DFDFDF;
}


#company_table td.lightgrey{
	background-color: #F5F5F5;
}





/*base_maincontents_css 抜粋*/
/*Contents*/
/* ----------------------------------------------------- */
#Contents {
	float: right;
	margin-right: 20px;
	width: 490px;
	background-color: #ffffff;
}


.backtotop{
	text-align: right;
}

#wrap {
width:auto;
height:auto;
	margin-top: 50px;
	padding: 0px;
}


.space{
width:100%;
height:2px;
margin:0px;
}

/*submenuContents*/
/* ----------------------------------------------------- */

#submenuContents {
	width: 210px;
	float: left;
	margin: 0px;
	background-color: #ffffff;
}


#submenuContents h2 {
	display: none;
}


#submenuContents h3{
	margin: 0px 0px 5px 0px;
}


#submenuContents h3.company{
	width: 210px;
	height: 35px;
	background:url("../images/submenutitle_company.gif") no-repeat;
	text-indent: -9999px;
}


#submenuContents ul{
	margin-left: 10px;
	padding: 0px;
	font-size: 78%;
	letter-spacing: 1px;
}


#submenuContents li{
	list-style-type: none;
	padding-left: 23px;
	background: url("../../images/submenu_bt1.gif") no-repeat center left;
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}



/*maincontents*/
/* ----------------------------------------------------- */
#maincontents {
	margin: 0px;
	height: auto;
}


#maincontents br {
	letter-spacing:normal;
}


/* h style */
#maincontents h1{
	margin: 0px 0px 10px 0px;
}


#maincontents h2{
	margin: 0px 0px 10px 0px;
}


#maincontents h2.title {
	font-size: 78%;
	font-weight: bold;
	letter-spacing:1px;
	color: #ffffff;
	padding: 6px 6px 6px 10px;
	background: #808080 url("../../images/bg_bluegrad.gif") repeat-x ;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#maincontents h3{
	margin: 0px 0px 6px 0px;
}


#maincontents h3.title {
	font-size: 78%;
	font-weight: bold;
	letter-spacing:1px;
	color: #ffffff;
	padding: 6px 6px 6px 10px;
	background: #808080 url("../../images/bg_bluegrad.gif") repeat-x ;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}


#maincontents h3.title_blue {
	font-size: 88%;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	margin: 0px;
	background : #0066CC url("../../product/images/bg_bluegrad.gif") repeat-x;
	color: #ffffff;
	border: 1px solid #9a9a9a;
}


#maincontents h3.underline{
	font-size: 96%;
	line-height: 140%;
	font-weight:bold;
	border-bottom: 1px solid #9a9a9a;
}


#maincontents h3.text{
	font-size: 96%;
	line-height: 140%;
	font-weight:bold;
	color: #1E629B;
}


#maincontents h3.smalltext{
	font-size: 78%;
	line-height: 140%;
	font-weight:bold;
	color: #1E629B;
}


#maincontents h4{
	margin: 8px 5px 8px 5px;
}


#maincontents h4.text{
color:#009BFD;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-size:16px;
line-height: 200%;
font-weight:bold;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
letter-spacing:normal;
padding: 0px 5px 0px 5px;
margin:0px;
}


/* p style */
#maincontents p {
	font-size: 78%;
	line-height: 150%;
	letter-spacing:1px;
	color:#333333;
	margin: 0px;
	padding: 0px;
}


#maincontents p.small {
	font-size: 70%;
	line-height: 140%;
	letter-spacing:1px;
	color:#333333;
}