@charset "shift-jis";


/*--------------------------------------------------------------------
全ページ共通設定
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	color: #444444;
	text-align: center;
	font-size: 12px;
        letter-spacing: 0.1em;
	line-height: 180%;
}

body.other { background: url(../common/img/bg_other_s.png) repeat-x top;}
body.other h2 {
	width: 940px;
	height: 150px;
	text-indent: -9999px;
}

body#toppage { background: url(../common/img/bg.png) repeat-x top;}


a { color: #619755; text-decoration: none; overflow: hidden;}
a:hover { color: #78BB73; text-decoration: underline;}

p { text-align: justify;}
br { letter-spacing: 0;}
li { list-style-type: none;}

input,textarea,select{
	background-color: #F9F9F9;
	padding: 1px 0px;
	border: 1px dotted #ccc;
}

table { font-size: 12px;}
.fl { float: left;}
.fr { float: right;}


.pagenavi { 
	font-size: 11px; line-height: 20px; height: 20px;
	text-align: center; background-color: #393939;
	margin: 80px 0 20px; clear: both;
}
.pagenavi a { color:#CCCCCC; text-decoration: none;} 
.pagenavi a:hover { color:#FFFFFF;} 

/*clear*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

.clear { clear: both; margin: 0px; padding: 0px;}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*font*/
.small { font-size: 10px;}
.smaller { font-size: 11px;}
.bold { font-weight: bold;}
.pink { color: #FF9999;}
.gray { color: #444;}
.green { color: #549E4E;}
.big { font-size: 14px;}
.bigger { font-size: 115%;}
.normal { font-weight:normal;}

#mail_btn {
	margin: 20px auto 30px;
	text-align: center;
	clear: both;
}

.submit {
	width: 184px;
	height: 54px;
	color: #FFF;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック";
	letter-spacing: 2px;
	border: none;
	background: url(../common/img/submit.gif) no-repeat left top;
	font-size: 15px;
	cursor: pointer;
}

.reset {
	width: 144px;
	height: 54px;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック";
	border: none;
	color: #FFF;
	font-size: 15px;
	letter-spacing: 2px;
	background: url(../common/img/reset.gif) no-repeat left top;
	cursor: pointer;
}

.mr0 { margin-right: 0px;}
.mt60{ margin-top: 60px;}
.mb20{ margin-bottom: 20px;}
.h30 { height: 30px;}
.mt20 { margin-top: 20px;}

.fl{ float: left;}
.fr { float: right;}

.underline { text-decoration: underline;}

.center { text-align: center;}
.right { text-align:right;}

.lh130 { line-height: 130%;}

/* -------------------------------------------header---------------------------------------------- */

#header {
	background: url(../common/img/header_bg3.gif) no-repeat center top;
	width: 960px;
	height: 150px;
	margin: 0 auto 25px;
}

#header h1{
	width: 220px;
	height: 150px;
	float: left;
	margin-left: 30px;
	display: inline;
}

#header h1 a{ 
	display: block; 
	text-indent: -9999px;
	width: 220px;
	height: 150px;
}

#header #btn_siryo{
	width: 69px;
	height: 69px;
	float: right;
	padding-top: 55px;
	margin-right: 22px;
	display: inline;
}

#header #btn_siryo a {
	width: 69px;
	height: 69px;
	background: url(../common/img/btn_siryo.gif) no-repeat top left;
	text-indent: -9999px;
	display: block;
}

#header #btn_siryo a:hover{ background-position: bottom right;}

#menu_area {
	width: 960px;
	height: 48px;
	background: url(../common/img/menu_bg.png) no-repeat center top;
	margin: 0 auto 7px;
}

ul#mainmenu {
	width: 940px;
	margin: 0 10px;
}

ul#mainmenu li { float: left;}
ul#mainmenu li a { display: block; text-indent: -9999px;height: 48px;}

ul#mainmenu li#menu1 a { background: url(../common/img/menu1_company.jpg) no-repeat top left; width: 127px;}
ul#mainmenu li#menu2 a { background: url(../common/img/menu2_new.jpg) no-repeat top left; width: 145px;}
ul#mainmenu li#menu3 a { background: url(../common/img/menu3_products.jpg) no-repeat top left; width: 136px;}
ul#mainmenu li#menu4 a { background: url(../common/img/menu4_produce.jpg) no-repeat top left; width: 127px;}
ul#mainmenu li#menu5 a { background: url(../common/img/menu5_recruit.jpg) no-repeat top left; width: 126px;}
ul#mainmenu li#menu6 a { background: url(../common/img/menu6_brick.jpg) no-repeat top left; width: 135px;}
ul#mainmenu li#menu7 a { background: url(../common/img/menu7_contact.jpg) no-repeat top left; width: 144px;}


ul#mainmenu li#menu1 a:hover,
ul#mainmenu li#menu2 a:hover,
ul#mainmenu li#menu3 a:hover,
ul#mainmenu li#menu4 a:hover,
ul#mainmenu li#menu5 a:hover,
ul#mainmenu li#menu6 a:hover,
ul#mainmenu li#menu7 a:hover { background-position: bottom right;}

#company ul#mainmenu li#menu1 a,
#company2 ul#mainmenu li#menu1 a,
#company3 ul#mainmenu li#menu1 a,
#lineup_new ul#mainmenu li#menu2 a,
#lineup ul#mainmenu li#menu3 a,
#production ul#mainmenu li#menu4 a,
#production2 ul#mainmenu li#menu4 a,
#production3 ul#mainmenu li#menu4 a,
#recruit ul#mainmenu li#menu5 a,
#contact ul#mainmenu li#menu7 a { cursor: default; background-position: bottom right;}


/* --------------------------------------パンくず------------------------------------------ */

#breadcrumbs { 
	height: 44px; 
	line-height: 44px; 
	border-bottom: 1px solid #E1E1E1;
	margin-bottom: 30px;
	padding-left: 5px;
}




/* --------------------------------------トップページ------------------------------------------ */

#flash_area {
	width: 940px;
	height: 380px;
	margin: 0 auto;
}

#flash_area h2 {
	background: url(../top_img/flash_image.jpg) no-repeat center top;
	width: 940px;
	height: 380px;
	text-indent: -9999px;
}

#contents {
	width: 940px;
	height: auto;
	margin: 0px auto;
	padding-bottom: 30px;
	text-align: left;
}

ul#pickup { margin: 8px 0 10px;}
ul#pickup li { float: left; display: inline;}
ul#pickup li a { display: block; text-indent: -9999px; height: 130px;}
ul#pickup li#pu1 a { background: url(../top_img/pickup_btn1.jpg) no-repeat top left; width: 235px; height: 130px; margin-right: 3px;}
ul#pickup li#pu2 a { background: url(../top_img/pickup_btn2.jpg) no-repeat top left; width: 235px; height: 130px; margin-right: 3px;}
ul#pickup li#pu3 a { background: url(../top_img/pickup_btn3.jpg) no-repeat top left; width: 235px; height: 130px; margin-right: 4px;}
ul#pickup li#danrockhome a { background: url(../top_img/btn_danrock.jpg) no-repeat top left; width: 225px; height: 130px; margin-top: 18px;}

ul#pickup li#pu1 a:hover,
ul#pickup li#pu2 a:hover,
ul#pickup li#pu3 a:hover { background-position: bottom right;} 


h3#information_top {
	clear: both;
	background: url(../top_img/info_bar.gif) no-repeat center top;
	width: 940px;
	height: 15px;
	text-indent: -9999px;
	margin-bottom: 20px;
	display: block;
}

ul#topics_top {
	width: 940px;
	height: auto;
}

ul#topics_top li{
	height: 42px;
	line-height: 42px;
	border-bottom: 1px dotted #ccc;
	clear: both;
}

ul#topics_top li p.topics_date{ float: left; display: inline; margin-right: 20px; padding-left: 20px; width: 100px; color: #538349;}
ul#topics_top li p.topics_title{ float: left;}






/* ----------------------------------------------side menu -------------------------------------------------- */


#main_left {
	width: 690px;
	float: left;
}
#side_right {
	width: 220px;
	float: right;
}
#sidemenu {
	width: 212px;
	background-color: #EAEAEA;
	padding: 4px;
}

#sidemenu ul { 
	width: 210px;
	padding: 51px 1px 0px 1px;
}

#sidemenu ul li {
	height: 40px;
	width: 210px;
	border-bottom: 1px solid #EAEAEA;
	line-height: 40px;
	padding: 1px 0;
}

#sidemenu ul li a { 
	display: block; 
	padding-left: 20px; 
	background: url(../common/img/sidemenu_bg.gif) no-repeat top left;
	color: #4D7843;
	height: 40px;
}

#sidemenu ul li a:hover { 
	background: url(../common/img/sidemenu_bg.gif) no-repeat bottom right; 
	text-decoration: none; 
	color: #4D7843;
}

#sidemenu ul li.noborder { border-bottom: none;}



/* ---------------------------------------------- sidebanner------------------------------------------------ */


#sidebanner {
	margin-top: 20px;
	width: 190px;
	border: 1px solid #DDD;
	padding: 9px 14px;
}

p#banner_catalog {
	width: 190px;
	height: 150px;
}

p#banner_catalog a { 
	width: 190px;
	height: 150px;
	background: url(../common/img/banner_catalog.png) no-repeat top left;
	display: block; 
	text-indent: -9999px;
}

p#banner_catalog a:hover { background-position: bottom right;}


p#banner_tel {
	background: url(../common/img/tel.gif) no-repeat center top;
	width: 190px;
	border-top: 1px solid #EAEAEA;
	padding-top: 75px;
	height: 27px;
	margin: 15px 0 5px;
}

p#banner_tel a {
	width: 190px;
	height: 27px;
	background: url(../common/img/banner_email.gif) no-repeat top left;
	text-indent: -9999px;
	display: block;
}

p#banner_tel a:hover { background-position: bottom right;}


/* ---------------------------------------------- pagetop -------------------------------------------------- */

#pagetop {
	clear: both;
	width: 940px;
	height: 44px;
	text-indent: -9999px;
	margin: 0px auto 10px;
}

#pagetop a {
	width: 940px;
	height: 44px;
	background: url(../common/img/pagetop.gif) no-repeat top left;
	display: block;
	text-indent: -9999px;
}

#pagetop a:hover { background-position: bottom right;}


/* --------------------------------------------- footer --------------------------------------------------- */


#footer { width: 940px; height: 35px; margin: 0px auto 40px; background: url(../common/img/foot_copyright.gif) no-repeat right bottom;}

#footer ul { float: right;}

#footer ul li { float: left; margin-right: 12px;}
#footer ul li a { display: block; text-indent: -9999px; height:17px;}

#footer ul li#foot_company a { background:url(../common/img/foot_menu01.gif) no-repeat top left; width: 58px;}
#footer ul li#foot_recruit a { background:url(../common/img/foot_menu02.gif) no-repeat top left; width: 58px;}
#footer ul li#foot_privacy a { background:url(../common/img/foot_menu03.gif) no-repeat top left; width: 112px;}
#footer ul li#foot_contact a { background:url(../common/img/foot_menu04.gif) no-repeat top left; width: 78px; margin-right: 0px;}
#footer ul li#foot_contact { margin-right: 0px;}


#footer ul li#foot_company a:hover,
#footer ul li#foot_recruit a:hover,
#footer ul li#foot_privacy a:hover,
#footer ul li#foot_contact a:hover { background-position: 0 -17px;}