/*-------------------------------------------------
  共通項目
-------------------------------------------------*/
html, body
{
background: #f5f5f5;
background-repeat : repeat-y;
background-position: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
border-width : 0px 0px 0px 0px;
scrollbar-face-color:#f1f1f1;
scrollbar-track-color:#f1f1f1;
scrollbar-arrow-color:#808080;
scrollbar-3dlight-color:#808080;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dfdfdf;
scrollbar-darkshadow-color:#808080;
}

P
{
margin:0px;
}

img
{
vertical-align: top;
border: 0;
}

OBJECT
{
vertical-align: top;
border: 0;
}


form
{
padding:0px;
margin:0px;
}

/* Headings */
h1
{
font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 10px;
color: #ffffff;
display:block;
margin: 0;
padding: 2px 20px 0px 0px;
}

h2
{
font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 12px;
line-height: 180%;
color: #666666;
display:block;
margin: 0;
padding: 100px 20px 10px 20px;
}


h3
{
font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 13px;
line-height: 180%;
color: #00000;
display:block;
margin: 0;
padding: 4px 10px 5px 25px;
}


h4
{
font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 180%;
color: #212121;
display:block;
margin: 0;
}


h5,h6
{
font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-weight: normal;
margin: 0;
}

.spa10
{
margin:10px 0px 0px 0px;
}

.clearing
{
clear: both;
}

.hidden
{
display: none;
}

/* Links */
a:link, a:visited
{
	color: #000000;
	text-decoration: none;
}
a:hover, a:active
{
	color: #EF0908;
	text-decoration: underline;
}

ul
{
list-style: none;
margin:0px ;
padding:0px;
}

li
{
margin:0px ;
padding:0px;
}


.side_line ul
{ 
margin: 0; 
padding :0;
list-style-type : none;

}

.side_line li
{
display : inline;
float: left;
}

#box
{
background: #f5f5f5 url(img/most_bk.gif);
background-repeat : repeat-y;
background-position: center;
width: 900px;
margin:0px auto 0px auto;
}

#main_container
{
background: #ffffff;
width: 860px;
margin:0px auto 0px auto;
}

.redline
{
background: #EF0908 url(img/red_bk.gif);
background-repeat : repeat-x;
text-align:right;
width: 860px;
height: 20px;
margin:0px auto 0px auto;
}

.m_line
{
background:url(img/menu_line.gif);
background-repeat : repeat-x;
width: 860px;
height: 20px;
margin:0px auto 0px auto;
}

.logo_area
{
background: #fff;
width: 150px;
height: 80px;
margin:0;
float:left;
}

.menu_area
{
background: #fff;
width: 710px;
height: 50px;
margin:0;
padding:30px 0px 0px 0px;
float:left;
}

/*-- ヘッダーメニュー1(会社概要）-----------------*/
.menu_btn01 a span 
{
display:none;
}

.menu_btn01 a
{
display:block;
width:160px;
height:50px;
background: url(img/profile_btn_01.gif) no-repeat;
}

.menu_btn01 a:hover
{
display:block;
background: url(img/profile_btn_02.gif) no-repeat;
}

/*-- ヘッダーメニュー2(事業内容）-----------------*/
.menu_btn02 a span 
{
display:none;
}

.menu_btn02 a
{
display:block;
width:110px;
height:50px;
background: url(img/business_btn_01.gif) no-repeat;
}

.menu_btn02 a:hover
{
display:block;
background: url(img/business_btn_02.gif) no-repeat;
}

/*-- ヘッダーメニュー3(ブログ）-----------------*/
.menu_btn03 a span 
{
display:none;
}

.menu_btn03 a
{
display:block;
width:150px;
height:50px;
background: url(img/blog_btn_01.gif) no-repeat;
}

.menu_btn03 a:hover
{
display:block;
background: url(img/blog_btn_02.gif) no-repeat;
}

/*-- ヘッダーメニュー4(採用応募）-----------------*/
.menu_btn04 a span 
{
display:none;
}

.menu_btn04 a
{
display:block;
width:110px;
height:50px;
background: url(img/entry_btn_01.gif) no-repeat;
}

.menu_btn04 a:hover
{
display:block;
background: url(img/entry_btn_02.gif) no-repeat;
}

/*-- ヘッダーメニュー5(問い合わせ）-----------------*/
.menu_btn05 a span 
{
display:none;
}

.menu_btn05 a
{
display:block;
width:110px;
height:50px;
background: url(img/contact_btn_01.gif) no-repeat;
}

.menu_btn05 a:hover
{
display:block;
background: url(img/contact_btn_02.gif) no-repeat;
}

/*-- -内容枠----------------*/
#main_wrapper
{
background: #ffffff;
width: 820px;
margin:0px auto 0px auto;
padding:50px 20px 30px 20px;
}


/*-- -イメージ画像----------------*/
.image_photo
{
width: 440px;
margin:0;
float: left;
}

.image_text
{
background: #ffffff url(img/photo_bk.gif) no-repeat;
width: 420px;
height: 200px;
margin:0;
float: left;
}


/*-- -2段組レイアウト---------*/
.side01
{
width: 550px;
margin:0px;
float: right;
}

.side02
{
width: 210px;
margin:0px 40px 0px 0px;
}

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

.blog_title
{
background: #ffffff url(img/title_ita.gif) no-repeat;
width: 550px;
height: 30px;
}

.w_date
{
background: #ffffff url(img/date_ita.gif) no-repeat;
width: 115px;
height: 21px;
padding:7px 10px 2px 75px;
font-size: 9px;
color: #212121;
float: left;
}

.kiji_categoly
{
background: #ffffff url(img/kiji_cate.gif) no-repeat;
width: 185px;
height: 21px;
padding:7px 10px 2px 55px;
font-size: 9px;
color: #212121;
float: left;
}

.lines
{
border-bottom: dotted #666666 1px;
width: 550px;
height: 30px;
}

.endlines
{
border-top: dotted #666666 1px;
width: 550px;
height: 30px;
margin:0px 0px 30px 0px;
padding:7px 0px 0px 0px;
}

.contents_area
{
width: 550px;
margin:10px 0px;
font-size: 12px;
line-height: 180%;
letter-spacing: 1pt;
color: #373535;
}

.contents_area a:link, .contents_area a:visited
{
color: #660000;
text-decoration: none;
}

.contents_area a:hover
{
color: #EF0908;
text-decoration: underline;
}


.post
{
background: #ffffff url(img/bgpostedby.gif) no-repeat;
border-right: dotted #666666 1px;
height: 12px;
margin:0px 10px 0px 0px;
padding:0px 10px 1px 15px;
font-size: 9px;
color: #212121;
float: left;
}

.come
{
background: #ffffff url(img/bgcomment.gif) no-repeat;
border-right: dotted #666666 1px;
height: 12px;
margin:0px 10px 0px 0px;
padding:0px 10px 1px 15px;
font-size: 9px;
color: #212121;
float: left;
}

.edit_mark
{
background: #ffffff url(img/bgedit.gif) no-repeat;
border-right: dotted #666666 1px;
height: 12px;
margin:0px 10px 0px 0px;
padding:0px 10px 1px 15px;
font-size: 9px;
color: #212121;
float: left;
}

.list_mark01
{
background: #ffffff url(img/li_mark01.gif) no-repeat;
padding:0px 0px 5px 15px;
}

/* Menu lists */

.side_guide
{
padding:0px 0px 20px 0px;
}

.menu ul
{
list-style: none;
margin:0px;
padding:0px;
}

.menu li
{
background: #ffffff url(img/list_mark01.gif) no-repeat;
padding:0px 0px 5px 18px;
margin:0px;
}

.menu2 ul
{
list-style: none;
margin:0px ;
padding:0px;
}

.menu2li
{
padding:0px 0px 5px 18px;
margin:0px ;
}




/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(img/normal.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(img/admark.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(img/admark.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(img/admark.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}

.com_date
{
	font-size: 9px;
	color: #ff6600;
}


/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 450px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 0px;
	padding: 3px;
	font-size: 13px;
}

.leftbox {
	float: left;
	border-right: 1px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 1px solid #ccc;
}









.pt
{
text-align:right;
width: 820px;
height: 10px;
margin:50px auto 0px auto;
padding:20px auto 20px auto;
}




/*-- フッター----------------*/
.footer
{
background: #595959;
text-align:center;
width: 860px;
height: 15px;
font-size: 10px;
color: #f5f5f5;
margin:20px auto 0px auto;
padding:5px auto 5px auto;
}