@charset "UTF-8";

/*==========================================
/
/   0■GLOBAL RESET
/	1■wrapper / a
/	2■header + ■header flexible
/	3■menu

/	8■goTop
/	9■footer
/
==========================================*/

/* ----------------------------------------------

    0. GLOBAL RESET

   ---------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {
	list-style-type: none;
	margin : 0;
	padding : 0;
	text-decoration: none;
}

body {
	width: 100%;
	height: auto;
	background: url("../img/bk_img_01.gif") repeat-x;
	background-color:#FFFFFF;
	color: #333333;
	font-size:  0.8em;
	font-family:"ＭＳ Ｐゴシック","MS UI Gothic","MS PGothic",sans-serif;
}

address {
	font-style:normal;
}

input {
	vertical-align: middle; /* Add by T.Hashimoto(2010/07/07) */
}

img {
	border: 0px;
	vertical-align: middle;
}



/* ----------------------------------------------

    1. wrapper

   ---------------------------------------------- */
#wrapper{
	width:920px;
	margin:0px auto;
	background-image:url("../img/bk_img_03.gif");
	background-color:#FFFFFF;
	background-repeat:repeat-y;
}
a {color: #000066;}
a:hover,a:active {color: #ff6600; text-decoration:none;}



/* ----------------------------------------------

    2. header

   ---------------------------------------------- */
#header {
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	margin:auto auto 0;
	text-align:left;
	width:910px;
}

#header .title{
	background-image:url("../img/h1_bk_img.jpg");
	background-color:#FFFFFF;
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom:3px solid #CCCCCC;
	margin-bottom:0;
	width:905px;
	padding: 5px 0 10px 5px; /* Add by T.Hashimoto(2010.07.07) */
}

#header h1.text_logo{
	font-size:20px;
	font-weight:bold;
	line-height:61px;
	margin-bottom:0;
	margin-top:0;
	padding-left:20px;
}

#header h1.img_logo{
	text-indent: -9999px;
	display:none;
}

#header img {
	border: 0;
}



/* ----------------------------------------------

    2. header (flash)

   ---------------------------------------------- */
#header #flash{
	position: relative;
	float: left;
	width: 220px;
	height: 42px;
	padding: 10px 0 0 20px;
}



/* ----------------------------------------------

    3. menu

   ---------------------------------------------- */
#contents_menu_under,
#contents_menu {
float:left;
/*2010.11.1 S.Sako*/
background:url(../img/menu_off_bg.gif) no-repeat 5px 0;
width:918px;
/*-----end-----*/
}

#contents_menu_under ul,
#contents_menu ul {
margin-left:5px;
padding :0;
list-style-type : none;
}

#contents_menu_under li,
#contents_menu li {
display:inline;
margin:0;
float:left;
font-size: 12px;
font-weight:bold;
}
* html #contents_menu a {
height:32px;
}
*:first-child+html #contents_menu a {
height:32px;
}
#contents_menu a {
text-decoration: none;
text-align:center;
background-image:url(../img/menu_off.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
display:block;
width:152px;
height:28px;
padding-top:18px;
}

#contents_menu a.menu_on{
text-decoration: none;
text-align:center;
background-image:url(../img/menu_on.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
display:block;
/*delete S.Sako 2010/11/27
width:150px;*/
width:152px;
height:28px;
}
/*Add S.Sako 2010/11/27*/
#contents_menu li.home a {
width:150px;
background-position:right top;
}
#contents_menu li.home a.menu_on{
width:150px;
background-position:right top;
}
/*---end---*/
#contents_menu a.last{
text-decoration: none;
text-align:center;
background-image:url(../img/menu_off.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
display:block;
width:152px;
height:28px;
} 

#contents_menu a:hover {
background-image:url(../img/menu_on.gif);
background-color:#FFFFFF;
}

#contents_menu_under a {
text-decoration: none;
text-align:center;
background-image:url(../img/menu_b_off.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
display:block;
width:152px;
height:54px;
padding-top:18px;
}

#contents_menu_under a.menu_on{
text-decoration: none;
text-align:center;
background-image:url(../img/menu_b_on.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
display:block;
width:150px;
height:54px;
}

#contents_menu_under a.last{
text-decoration: none;
text-align:center;
background-image:url(../img/menu_b_off.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
display:block;
width:152px;
height:54px;
} 

#contents_menu_under a:hover {
background-image:url(../img/menu_b_on.gif);
background-color:#FFFFFF;
}

#top_header_area_contents_menu {
width:910px;
height:384px;
margin:0px auto;
font-size:0;
}

#top_header_area_contents_menu #header_bk_img{
width:910px;
height:340px;
background-image:url("../img/top_bk_img.gif");
background-color:#FFFFFF;
float:left;
margin-top:-18px;
}

#top_header_area_contents_menu #header_bk_img_b{
width:910px;
height:330px;
background-image:url("../img/top_bk_img_b.gif");
background-color:#FFFFFF;
float:left;
}

#top_header_area_contents_menu #header_bk_img_b #header_img{
padding:8px;
width:894px;
height:303px;
float:right;
}

#header_area_contents_menu{
width:910px;
height:46px;
margin:0px auto;
font-size:0;
line-height:0;
}

#side_menu{
width:230px;
float:left;
padding-left:15px;
}

#side_menu ul {
margin: 0;
padding :0;
list-style-type : none;
}

#side_menu li {
display:inline;
margin:0;
float:left;
font-size: 14px;
color:#111111;
}

#side_menu a {
	text-decoration: none;
	text-align: left;
/*	background-image: url(../img/side_menu_off.gif);	*/
	background-repeat: no-repeat;
	background-position: center left;/*	Added by A. Tsujimoto on 2010/07/01	*/
	display: block;
	width: 221px;
	height: 36px;
	padding-top: 0px;
/*	padding-left: 10px;				Modified by A. Tsujimoto on 2010/07/02	*/
	text-indent: 13px;
	line-height: 36px;				/*	Added by A. Tsujimoto on 2010/07/01	*/
}
#side_menu a.menu_on {
	text-decoration: none;
	text-align: left;
/*	background-image: url(../img/side_menu_on.gif);	*/
	background-repeat: no-repeat;
	display: block;
	width: 221px;
	height: 36px;
	padding-top: 0px;
/*	padding-left: 10px;				Modified by A. Tsujimoto on 2010/07/02	*/
	text-indent: 13px;
}
#side_menu a: hover {
/*	background-image: url(../img/side_menu_on.gif);	*/
}

/* ----------------------------------------------

    7. clearfix

   ---------------------------------------------- */
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* -----------------------------------------------------------

    8. goTop (Edited by T.Hashimoto - 2010/08/25 - Ver1.1.0)

   ----------------------------------------------------------- */
#goTop {
	width: 810px;
	height: 40px;
	font-size: 12px;
	margin: 30px auto 0;
}

.index-b01 #goTop,
.index-b02 #goTop,
.recruit #goTop,
.corp-a01 #goTop {
	width: 870px;
	margin: 20px auto 0;
}
.index-b03 #goTop {
	width: 830px;
	margin: 20px auto 0;
}

.news-b01 #goTop,
.staff-b01 #goTop,
.corp-b01 #goTop,
.product-b01 #goTop {
	width: 580px;
	margin: 10px 0 10px 20px;
}

#goTop a{
	display: block;
	width: 110px;
	height: auto;
	float: right;
	text-indent: 15px;
	overflow: auto;
}

/*-----------------------
=9■footer
-----------------------*/
#footer {
	clear: both;
	width:910px;
	height:30px;
	margin: 0 auto;
	padding-top: 15px;
	_padding-bottom: 10px;
	background-color:#cccccc;
	text-align: right;
	border-bottom: 6px solid #424242;
}


/*-----------------------
=10■notData
-----------------------*/
.notData {
	padding-bottom:50px;
}
.recruit .notData {
	margin-left:20px;
}