@charset "UTF-8";
/*
Theme Name: yamami2013 theme
Description: 株式会社やまみ2013テーマ
Author: Kazpenki
*/
/* ==================== リセット ==================== */
html{color:#333;background:#FFF;}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{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body{font:16px/1.5 "Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

section, article, aside, hgroup, header, footer, nav, figure, figcaption, summary { display: block; }

body {
	background-color:#FFF;
}
p,ul {
	margin-bottom:15px;
}
a {
	color:#000;
}
a:hover {
	color:#e95db9;
}
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}
/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Images */

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	/*padding: 4px;*/
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
.entry-content img.alignleft {
	float: left;
	padding:0 20px 20px 0;
}
.entry-content img.alignright {
	float: right;
	padding:0 0 20px 20px;
}
.entry-content img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*table*/
table {
	width:100%;
	margin-bottom:30px;
}
th {
	padding:5px;
	border:solid 1px #000;
	background-color:#ffe7f9;
}
td {
	padding:5px;
	border:solid 1px #000;
}
.fleft {float:left; padding:0 20px 20px 0;}
.fright {float:right; padding:0 0 20px 20px;}
.clear {clear:both;}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

/*header*/
#headwrap {
	width: 100%;
	
}

#headwrap hgroup {
	width:910px;
	margin:0 auto;
	padding:10px 0 0 0;
}
#headwrap hgroup h1 {
	display:inline;
}
#headwrap hgroup h2 {
	display:inline;
}
#headwrap #hrightmenu {
	float:right;
	text-align:right;
	padding-top:24px;
}
#headwrap nav {
	padding:3px 0;
	height:40px;
	clear:both;
	background-image: url('/IR/images/common/nav_back.gif');
	background-repeat: repeat-x;
	background-position: center bottom;	
	overflow:hidden;
}
#headwrap nav ul {
	overflow:hidden;
	width:910px;
	margin:0 auto;
	display: table;
}
#headwrap nav ul li {
	display: table-cell;
	
}
#headwrap nav ul li a{
	text-align:center;
	display:block;
	line-height:1em;
	font-size:16px;
	width:100px;
	padding:11px 0;
	color:#FFF;
	text-decoration:none;
	border-right:solid 1px #FFF;
}
#headwrap nav ul li a:hover,#headwrap nav ul li a.current,body#ir li a.IR{
	background-color:#ff66cc;
}

#headwrap nav ul li a.bordernone {
	border:none;
	width:117px;
}

#headwrap #imgblock {
	margin:0 auto;
	width:910px;
	padding:10px 0 4px 0;
}
#headwrap #imgblock img {
	line-height:0;
}
/*contents*/
#contentswrap {
	background-color:#ffcff2;
	background-image:url('/IR/images/common/body_back.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:10px 0 200px 0;
	overflow:hidden;
}
#contentswrap #contents {
	width:910px;
	margin:0 auto;
}
/*contents main*/
#contentswrap #contents article {
	float:right;
	width:648px;
}
#contentswrap #contents article header h1.entry-title {
	background-image: url('/IR/images/common/single_h1bar.png');
	background-position: bottom;

	color: #FFF;
	font-size: 22px;
	padding: 5px 0 5px 20px;
	margin-bottom: 15px;
}
section {
	margin-bottom:30px;
}
section h1 {
	background-image:url('/IR/images/product/itemh1.png');
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:20px;
	color:#88001C;
	height:30px;
	padding:10px 0 0 50px;
	margin-bottom:20px;
}
section h2 {
	color:#FF00FF;
}

/*contents side*/
#contentswrap #contents aside {
	float:left;
	width:230px;
}
#contentswrap #contents aside ul li,#contentswrap #contents aside ul li a {
	line-height:0px;
	margin:0;
	padding:0;
}
#contentswrap #contents aside .sidebanner {
	line-height:0em;
	margin-bottom:20px;
}
/*footer*/
#footerwrap {
	clear:both;
	width:100%;
	background-color:#e50065;
	padding:10px 0;
	overflow:hidden;
}
#footerwrap aside {
	width:930px;
	margin:0 auto;
	overflow:hidden;
	color:#FFF;
	font-size:14px;
}
#footerwrap aside #footermenu{
	float:left;
	width:595px;
	
}
#footerwrap aside ul {
	margin-bottom:20px;
}
#footerwrap aside ul li {
	float:left;
	
}
#footerwrap aside ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:0px 10px;
	border-right:solid 1px #FFF;
}
#footerwrap aside #footerlogo {
	float:left;
	margin-right: 20px;
}
#footerwrap aside #footergaikan {
	float:right;
}
#footerwrap2 {
	clear:both;
	width:100%;
	background-color:#87003b;
}
#footerwrap2 footer {
	width:910px;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	color:#FFF;
	padding:3px 0 10px 0;
}

/*home*/
#contentswrap #contents article #lanking {
	position:relative;
	background-color:#ffecfa;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:70px 0 10px 0;
	margin-bottom:15px;
}
#contentswrap #contents article #lanking section {
	overflow:hidden;
	margin-bottom:0;
	
}
#contentswrap #contents article #lanking #lankingbanner{
	position:absolute;
	top:-10px;
	margin-bottom:10px;
	background-color:#ffecfa;
	background-image:none;
	padding:0;
	}

#contentswrap #contents article #lanking ul li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
}

#lank01 {
	position:relative;
	width:215px;
	height:210px;
	border-left:solid 1px #B8973A;
}
#lank02 {
	position:relative;
	width:215px;
	height:210px;
	border-left:solid 1px #B8973A;
}
#lank03 {
	position:relative;
	width:214px;
	height:210px;
	border-left:solid 1px #B8973A;
	border-right:solid 1px #B8973A;
}

#contentswrap #contents article #lanking ul li img.LankNum {
	display:block;
	position:absolute;
	z-index:2;
	top:0;
	left:10px;
}

#contentswrap #contents article #lanking ul li p.LankCap {
	display:block;
	margin:0;
	position:absolute;
	z-index:3;
	bottom:0;
	left:0;
	width:215px;
	
}
#contentswrap #contents article section#News {
	background-color:#FFF;
	padding:15px 20px;
}

#contentswrap #contents article section#News ul {
	margin-bottom:15px;
}

#contentswrap #contents article section#News ul li {
	border-bottom: dotted 1px #000;
	padding: 7px 0 7px 146px;
	text-indent: -146px;
}
#contentswrap #contents article section#News ul li a {
	text-decoration:none;
}
.NewsDate {
	color:#bdbdbd;
}

/*一覧表示*/
#contentswrap #contents article header h1.pagetitle{
	background-image:url('/IR/images/common/single_h1bar.png');
	background-position:bottom;
	color:#FFF;
	font-size:22px;
	padding:5px 0 5px 20px;
	margin-bottom:15px;
}
.category section h1 {
	background-image:url('/IR/images/common/single_h1bar.png');
	background-position:bottom;
	color:#FFF;
	font-size:22px;
	padding:5px 0 5px 20px;
	margin-bottom:15px;
}
section h1 a:hover {
	color:#FFF;
}

body.archive #contents article section h3 {
	background-image:url('/IR/images/common/h2bar.png');
	padding:3px 0 3px 10px;
}

.pagination {
	clear:both;
	color:#ff66cc;
	
}
.pagination span {
	border:solid 1px #FFF;
	padding:3px 6px;
	margin-left:2px;
}

/*category-news*/
/*attachment*/
body.category-news #contentswrap #contents article,body.attachment #contentswrap #contents article {
	float:none;
	width:90%;
	margin:0 auto;
}
#nav-single {
	margin-bottom:20px;
	padding:8px;
	background-color:#FFF;
}
.nav-previous,.nav-next {
	padding:0 10px 0 0;
}

/*recipe*/
.recipe_block h2 {
	width:317px;
	float:left;
	padding:0px 20px 20px 0;
}


.listcolor {
	color:#FF00FF;
}
/*recipe single*/
#clip {
	position:relative;
	background-color:#FFF;
	/*overflow:hidden;*/
	-webkit-box-shadow:  3px 3px 6px 3px rgba(0, 0, 0, 0.3);
    box-shadow:  3px 3px 6px 3px rgba(0, 0, 0, 0.3);
	padding:0 0 60px 20px;
	
}
#main-recipe {
	padding:40px 0 0 0;
	float:left;
	width:400px;
	
	
}
#contentswrap #contents article aside#recipe-menu {
	float:right;
	width:180px;
	padding:10px;
	background-color:#FFF7CA;
	border-left:solid 1px #999;
	-webkit-box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, 0.3);
}

#contentswrap #contents article aside#recipe-menu ul li {
	border-bottom:solid 1px #956A1C;
	padding:5px 0;
	margin-bottom:5px;
	line-height:1em;
}
#contentswrap #contents article aside#recipe-menu  a{
	text-decoration:none;
	color:#956A1C;
	padding:5px 0 10px 0;
	margin-bottom:10px;
}
#contentswrap #contents article aside#recipe-menu  a:hover {
	color:#e95db9;
}
#clipimg {
	position:absolute;
	z-index:2;
	top:-3px;
}

/*社員の声ページ*/
h2.Qblue {
	background: #FFF;
	background-image: url('/IR/images/shainnokoe/Qbule.gif');
	background-repeat:no-repeat;
	background-position:top0 left0;
	line-height:1em;
	font-size:18px;
	color:#0A00CA;
	padding:11px 45px;
	margin-bottom:10px;
}

hr {
	margin-bottom:30px;
}
/*企業理念*/
.kigyorinen {
	font-size:24px;
	margin-bottom:30px;
}
/*環境への配慮*/
.kankyo01 {
	float:left;
	width:292px;
	height:auto;
	margin-bottom:20px;
	font-size:13px;
}
.kankyo02 {
	float:right;
	width:292px;
	height:auto;
	margin-bottom:20px;
	font-size:13px;
}
.kankyo03 {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	width: 648px;
	height: auto;
	font-size: 13px;

}
.leftimg {
	float:left;
	width:128px;
	height:auto;
}
.righttext {
	float:right;
	width:520px;
	height:auto;
}
.righttext p {
	padding-top:10px;
	margin-bottom:0;
}

/*アクセス*/
.accessbox {
	width:648px;
	height:auto;
	margin-bottom:20px;
	clear:both;
}
.jusho {
	width:334px;
	height:auto;
	float:left;
	padding-left:11px;
}
.mapbox {
	width:274px;
	height:auto;
	float:right;
	font-size:12px;
}
.googlemapicon {
	text-align:right;
}
/*製品情報*/
.itembox {
	background-color:#FFF;
	padding:10px;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}
.itembox h2 {
	color:#88001C;
	border-bottom:#88001C solid 1px;
	font-size:16px;
	margin-bottom:10px;
}
.itemphoto {
	width:180px;
	height:auto;
	float:left;
	overflow:hidden;
}
.itemtext {
	width:220px;
	height:auto;
	padding-left:4px;
	float:left;
}
.itemkikaku {
	width:224px;
	height:auto;
	float:left;
}


#contentswrap #contents aside ul.tofushurui {
	padding:10px 0px 0px 0px;
}
#contentswrap #contents aside ul.tofushurui li {
	float:none;
	line-height:1.5em;
}
#contentswrap #contents aside ul.tofushurui li a{
	display:block;
	width:180px;
	height:14px;
	padding:10px 0 19px 50px;
	line-height:1em;
	text-decoration:none;
	background-image:url('/IR/images/side/itemtofuli.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}
#contentswrap #contents aside ul.tofushurui li a:hover{
	background-image:url('/IR/images/side/itemtofuli_ol.png');
}

/*その他製品猫砂*/
table.nekosuna td {
	border:none;
}


.nav-single {
	text-align:center;
	font-size:12px;
}
/*会社案内*/
.photobox {
	float:left;
	width:170px;
	margin-right:5px;
}
.mr0 {
	margin-right:0px;
}

/*お問合せ　*/
.ir_link {
    background-color: #fff;
    padding: 20px;
    border: solid 1px #ccc;
}
.ir_btn {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px 10px;
    background-color: #62b5ff;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}
.ir_btn:hover {
	color: #fff;
	background-color: #0089ff;
}