@charset "utf-8";
/*
Theme Name: cms
Theme URI: https://www.nakagami.co.jp/wp
Description: 2012年中神種苗仮スタイルシート。
*/

/*Setting*/
body {
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color:#333333;
    font-weight:normal;
	font-size:80%;
	line-height:160%;
	overflow-y:scroll; 
}
	
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, th, td, ul,ol {
    margin: 0;
    padding: 0;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
    font-size: medium;
    line-height: normal;
	line-height: 18px;}	
img{
    border:0px;
    vertical-align:top;}

table,td,th{
	text-align: left;
}

th{ background-color:#EBEBEB;}
td{ height: 30px;}


a,a:link,a:active,a:visited{ color:#333; text-decoration:none;}
a:hover{text-decoration:underline;}
a.underline{ text-decoration:underline;}
.clear { clear: both; }

ul,li {
	list-style: none;
}


/*font*/
.small{ font-size: 70%; line-height: 100%;}
.normal { font-size:85%; line-height: 120%;}
.medium{font-size:90%; line-height: 140%;}
.large { font-size: 110%; line-height: 160%;}
.xlarge { font-size: 140%; line-height: 170%;}
.bold {font-weight: bold;}


/*margin*/
.mrgT5 { margin-top: 5px; }
.mrgT10 { margin-top: 10px; }
.mrgT15 { margin-top: 15px; }
.mrgT20 { margin-top: 20px; }
.mrgT30 { margin-top: 30px; }
.mrgB5 { margin-bottom: 5px;}
.mrgB10 { margin-bottom: 10px; }
.mrgB15 { margin-bottom: 15px; }
.mrgB20 { margin-bottom: 20px; }
.mrgB30 { margin-bottom: 30px; }
.mrgR5 { margin-right: 5px;}
.mrgR10 { margin-right: 10px;}
.mrgR15 { margin-right: 15px;}
.mrgR20 { margin-right: 20px;}
.mrgL5 { margin-leftt: 5px;}
.mrgL10 { margin-leftt: 10px;}
.mrgL15 { margin-lefttt: 15px;}
.mrgL20 { margin-leftt: 20px;}


/*Common*/
.pageTop {
	margin-left: 810px;
	float: left;
}
.h1Img {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	width: 900px;
	}
.titlebar{
	line-height: 40px;
	background: url(/images/h2Bg.jpg);
	height: 40px;
	width: 660px;
	padding-left: 20px;
	margin-bottom: 20px;
	clear: both;
	font-size: 17px;
	font-weight: bold;
	color: #3A3A3A;
}

.subbar{
	line-height: 40px;
	background: url(/images/h3Bg.jpg);
	height: 40px;
	width: 640px;
	padding-left: 40px;
	margin-bottom: 20px;
	color: #177F39;
	margin-top: 20px;
}

.entryData{
	float:right;
	}

.honbun {
	width: 640px;
	padding-right: 20px;
	padding-left: 20px;
	clear: both;
}


	
/*Layout*/

#wrapper {
	float: left;
	width: 100%;
	background: #F2EEE6;
	text-align: center;
}
#headGreen {
	background: #199541;
	height: 5px;
}

#container {
	margin: 0px auto;
	width: 940px;
	text-align: left;
	background: #FFF;
	overflow:hidden;
}

#header {
	height: 75px;
	width: 100%;
}

#contents {
	width: 680px;
	margin-left: 10px;
	float: left;
}

#side {
	float: left;
	width: 210px;
	padding-left: 20px;
}


#footer {
	background: #199541;
	clear: both;
	height: 30px;
	color: #FFF;
	font-size: 10px;
	line-height: 30px;
}

#globalnavi{
	width: 900px;
	margin-right: 20px;
	margin-left: 20px;
	}

#globalnavi li{
	float: left;
}

#globalnavi li a {
	display: block;
	height: 60px;
	width: 150px;
	text-indent: -9999px;
	overflow: hidden;
}

#content1 a{ background: url(/images/navi.jpg) 0px 0px;
}
#content2 a{ background: url(/images/navi.jpg);background-position:-150px 0px;}
#content3 a{ background: url(/images/navi.jpg);background-position:-300px 0px;}
#content4 a{ background: url(/images/navi.jpg);background-position:-450px 0px;}
#content5 a{ background: url(/images/navi.jpg);background-position:-600px 0px;}
#content6 a{ background: url(/images/navi.jpg);background-position:-750px 0px;}


#content1 a:hover { background-position:0px -60px;} 
#content2 a:hover { background-position:-150px -60px;}
#content3 a:hover { background-position:-300px -60px;}
#content4 a:hover { background-position:-450px -60px;}
#content5 a:hover { background-position:-600px -60px;}
#content6 a:hover { background-position:-750px -60px;}


/*Top*/
.simpleSlideShow{
	clear: both;
	}
.mainImg {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	width: 900px;
}
#newsTtl {
	background: url(/images/newsTtl.jpg) no-repeat;
	height: 40px;
	width: 680px;
	text-indent: -9999px;
}
#lineupTtl {
	background: url(/images/lineupTtl.jpg) no-repeat;
	height: 40px;
	width: 680px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#ichioshi {
	background: url(/images/ichioshiTtl.jpg) no-repeat;
	height: 40px;
	width: 680px;
	text-indent: -9999px;
	margin-bottom: 10px;
	clear: both;
}




.news dt {
	background: url(/images/arrow.jpg) no-repeat scroll 0 2px transparent;
	line-height: 35px;
	border-bottom: 1px dotted #E0BA87;
	padding-right: 10px;
	padding-left: 30px;
}

.news dt a {
	margin-left: 20px;
	color: #003300;
	text-decoration: underline;
}

#lineupNavi{ clear:both;}
#lineupNavi li  {
	float: left;
}

#lineupNavi li a{display: block;
	height: 100px;width: 220px;
	text-indent: -9999px;
	overflow: hidden;}


#tane a {	background: url(/images/lineupNavi.jpg);	margin-bottom: 10px;	margin-right: 10px;}
#shizai a{	background: url(/images/lineupNavi.jpg);	margin-right: 10px;	background-position:-230px 0px;}
#hiryou a{	background: url(/images/lineupNavi.jpg);	background-position:-460px 0px;}
#baido a {	background: url(/images/lineupNavi.jpg);	margin-bottom: 10px;	margin-right: 10px;background-position:0px 200px;}
#nouyaku a {	background: url(/images/lineupNavi.jpg);	margin-bottom: 10px;	margin-right: 10px;background-position:-230px 200px;}
#house a {	background: url(/images/lineupNavi.jpg);	margin-bottom: 10px;	background-position:-460px 200px;}
#tane a:hover { background-position:0px -100px;} 
#shizai a:hover { background-position:-230px -100px;} 
#hiryou a:hover { background-position:-460px -100px;} 
#baido a:hover { background-position:0px -300px;} 
#nouyaku a:hover { background-position:-230px -300px;} 
#house a:hover { background-position:-460px -300px;} 






/*商品一覧*/


.ichioshi{ position: absolute;
top: -4px; left:102px;
z-index: 0;
	}
#listBox {
	float: left;
	width: 680px;
}
.listBg { position: relative; display:block;
	background: url(/images/lineupBg.jpg) no-repeat;
	height: 240px;
	width: 150px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;display: inline;
}
 
.listImg {z-index: 1;
	border: 1px solid #CCC;
	background: #CCC url(/images/noimage.jpg) no-repeat;
	height: 115px;
	width: 148px;
}
.listBtn a {
	background: url(/images/listBtn.jpg) no-repeat;
	height: 20px;
	width: 150px;
	text-indent: -9999px;
	display: block;
}

.listBtn a:hover{
	background:  url(/images/listBtn.jpg) no-repeat 0px -20px;
	height: 20px;
	width: 150px;
	text-indent: -9999px;
	display: block;	
}
.lineupName {
	height: 20px;
	font-size: x-small;

}
#listBox .listBg .normal.mrgB5 span {
	color: #003300;
	font-weight: bold;
	font-size: 12px;
}
.listinfo {
	height: 85px;
}

.bnrImg {
	clear: both;
	margin-bottom: 20px;
}

.sideNavi {
	background: #FFF5E5;
	padding: 5px 10px 10px;
	margin-bottom: 10px;
}

.lineupCat li {
	height: 25px;
	line-height: 25px;
	border-bottom: 1px dotted #E0BA87;
	padding-left: 10px;
}


.category01{
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #199541;
	}
	
.imgWaku{
	border: 1px solid #CCC;
}
	
/*お問い合わせ*/

.mailform {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
}

.mailformL {
	width:160px;
	height: 20px;
	padding-left: 10px;
	line-height: 20px;
	background: #E0E0E0;
	text-align: left;
	border-bottom: 1px solid #CCC;
}


.mailformR {
	line-height: 20px;
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #CCC;
}

.mailformContentL {
	padding-left: 10px;
	line-height: 20px;
	background: #E0E0E0;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	}

.mailformContentR {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 5px;
}


.sendBtn {
	width: 80px;
	height: 30px;
	margin-left: 300px;
}

.mailbox{
	width:450px;
	height: 20px;
}

.mailbox2{
	width: 450px;
	height: 100px;
}

/*会社概要*/

.companyprofile {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #CCCCCC;
}

.companyL {
	vertical-align: top;
	background: #EBEBEB;
	height: 30px;
	padding-left: 20px;
	line-height: 50px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.companyR {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
	padding-left: 30px;
	line-height: 50px;
	}
.companyR2 {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
	padding-left: 30px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#companyNavi li a {
	display: block;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
}

#company1 a {
	background: url(/images/sideNavi.jpg);
	width: 210px;
}
#company2 a{
	background: url(/images/sideNavi.jpg);
	background-position:0px -51px;
	width: 210px;
}
#company3 a{
	background: url(/images/sideNavi.jpg);
	background-position:0px -102px;
	width: 210px;}

#company4 a{
	background: url(/images/sideNavi.jpg);
	background-position:0px -153px;
	width: 210px;}

#company5 a{
	background: url(/images/sideNavi.jpg);
	background-position:0px -204px;
	width: 210px;}

#company1 a:hover { background-position:-210px 0px;} 
#company2 a:hover { background-position:-210px -51px;} 
#company3 a:hover { background-position:-210px -102px;} 
#company4 a:hover { background-position:-210px -153px;} 
#company5 a:hover { background-position:-210px -204px;} 

.shinpinsyuBtn{text-indent: -9999px;}

.floatL{
	float: left;
}
.shinpinsyuBtn a{
	display: block;
	height: 60px;
	width: 330px;
	margin-right: auto;
	margin-left: auto;
	background: url(/images/contactBtn.jpg);
	}

.shinpinsyuBtn a:hover { background-position:0px -60px;} 



/*店舗紹介*/
.tenpoL{
	float:left;
	height: 200px;
	width: 335px;}
.tenpoR{
	float:left;
	height: 200px;
	width:335px;}

/*採用情報*/

.recruitBox {
	background: #CFE9D7;
	height: 50px;
	border: 1px solid #46AA66;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.nakagamiImg{
	background: #000;
	width: 200px;
	height:200px;
	padding: 5px;
}
	
.nakagamiImg p{
	color: #FFF;
}