@charset "utf-8";
/*
Theme Name: Onix Japan Default
Description: オニックスジャパンのテーマ
Version: 1.0
Author: Yamazen Communications Co.,Ltd.
Author URI: http://www.yamazen-net.co.jp/
Tags: yellow,gray, custom header, fixed width, two columns, widgets
*/

/* ---------------------------------
Reset CSS
--------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,menu { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ol,ul,menu { list-style:none; }
caption,th { text-align:left; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
img { border:0; }
table { border-collapse:separate; border-spacing:0; }

/* ---------------------------------
common
--------------------------------- */
body {
	width:100%;
	color:#333333;
	font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana,sans-serif;
	font-size:62.5%;
	line-height:1;
	border-top:5px solid #DBDBDB;
	border-bottom:5px solid #DBDBDB;
	letter-spacing:1px;
}
div#container {
	width:850px;
	margin:0 auto;
	padding:0 6px;
	background:#ffffff url(images/common/bg.png) repeat-y center top;
	font-size:1.2em;
}
div.wrapper-main {
	width:790px;
	margin:0 auto;
	padding:20px 30px;
}

/* リンク色 */
a:link,
a:visited {
	color:#1F9BC5;
	text-decoration:underline;
}
a:hover,
a:focus,
a:active { text-decoration:none; }
/* 画像 */
img { vertical-align:top; }
/* 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 */
/* マージン */
.mg-b-5 { margin-bottom:5px;}
.mg-b-10 { margin-bottom:10px;}
.mg-b-20 { margin-bottom:20px;}
.mg-b-30 { margin-bottom:30px;}
.mg-t-5 { margin-top:5px;}
.mg-t-10 { margin-top:10px;}
.mg-t-20 { margin-top:20px;}
.mg-t-30 { margin-top:30px;}
/* トップへ戻る */
.totop {
	clear:both;
	width:100%;
	margin:10px 0;
	overflow:hidden;
}
.totop a {
	display:block;
	width:15em;
	float:right;
	font-size:0.8em;
	background:#e7e7e7;
	padding:4px 5px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}
.totop a:hover { text-decoration:underline; }

/* Header -------------- */
div#header {
	width:830px;
	padding:18px 10px;
	overflow:hidden;
}
div#header h1 a {
	display:block;
	width:202px;
	height:30px;
	float:left;
	margin-right:15px;
	background:url(images/common/logo.png) no-repeat 0 0;
	text-indent:-1000000em;
	overflow:hidden;
}
div#header p {
	width:309px;
	height:13px;
	float:left;
	margin-top:10px;
	background:url(images/common/lead.png) no-repeat 0 0;
	text-indent:-1000000em;
}
div#header ul {
	width:250px;
	float:right;
	margin-top:10px;
	text-align:right;
	font-size:0.8em;
}
div#header ul li {
	display:inline-block;
	/display: inline;
	/zoom: 1;
	padding-left:15px;
	background:url(images/common/icon_arrow.png) no-repeat 0 0;
}
div#header ul li a {
	color:#333333;
	text-decoration:none;
}
div#header ul li a:hover { text-decoration:underline; }
/* Footer -------------- */
div#footer {
	width:830px;
	padding:10px ;
	border-top:1px solid #e7e7e7;
	overflow:hidden;
}
div#footer div.freedial {
	width:480px;
	float:left;
	padding-top:5px;
}
div#footer address {
	width:330px;
	float:right;
}
div#footer div.freedial span {
	padding-left:26px;
	background:url(images/common/icon_freedial.png) no-repeat 0 5px;
	font-size:1.6em;
	font-weight:bold;
	color:#CC0000;
}
div#footer div.freedial p.time {
	margin-top:10px;
	font-size:0.8em;
}
div#footer address span.logo {
	display:block;
	width:135px;
	height:35px;
	float:right;
	margin-bottom:5px;
	background:url(images/common/logo_foot.png) no-repeat 0 0;
		text-indent:-1000000em;
	overflow:hidden;
}
div#footer address span.logo a {
	display:block;
	width:135px;
	height:35px;

}
div#footer address span.copyright { 
	clear:right;
	display:block;
	width:330px;
	float:right;
	text-align:right;
	font-size:0.8em;
	color:#999999;
}

/* Main Navi -------------- */
dl#main-nav {
	width:100%;
	height:50px;
	overflow:hidden;
}
dl#main-nav dt {
	display:block;
	height: 0;
	overflow: hidden;
	line-height:0;
	font-size:0;
}
dl#main-nav dd menu li {
	width:170px;
	height:50px;
	float:left;
}
dl#main-nav dd menu li a {
	display:block;
	width:170px;
	height:50px;
	text-indent:-1000000em;
	overflow:hidden;
}
dl#main-nav dd menu li.m-01 a { background:url(images/common/btn_nav.png) no-repeat 0 0;}
dl#main-nav dd menu li.m-02 a { background:url(images/common/btn_nav.png) no-repeat -170px 0;}
dl#main-nav dd menu li.m-03 a { background:url(images/common/btn_nav.png) no-repeat -340px 0;}
dl#main-nav dd menu li.m-04 a { background:url(images/common/btn_nav.png) no-repeat -510px 0;}
dl#main-nav dd menu li.m-05 a { background:url(images/common/btn_nav.png) no-repeat -680px 0;}
dl#main-nav dd menu li.m-01 a:hover { background:url(images/common/btn_nav.png) no-repeat 0 -50px;}
dl#main-nav dd menu li.m-02 a:hover { background:url(images/common/btn_nav.png) no-repeat -170px -50px;}
dl#main-nav dd menu li.m-03 a:hover { background:url(images/common/btn_nav.png) no-repeat -340px -50px;}
dl#main-nav dd menu li.m-04 a:hover { background:url(images/common/btn_nav.png) no-repeat -510px -50px;}
dl#main-nav dd menu li.m-05 a:hover { background:url(images/common/btn_nav.png) no-repeat -680px -50px;}

/* TOP PAGE
--------------------------------- */
div#wrapper-home {
	
}
div#wrapper-home div#main-area {
	overflow:hidden;
}
div#wrapper-home div#main-area div#flash{
	width:630px;
	height:230px;
	float:left;
	background-color:#999999;
}
/* Recommend -------------- */
div#wrapper-home div#main-area dl.recommend {
	width:200px;
	float:right;
	padding:5px 10px 10px 10px;
	background:url(images/index/bg_reco.png) repeat 0 0;
	font-size:0.8em;
}
div#wrapper-home div#main-area dl.recommend dt {
	width:200px;
	height: 30px;
	background:url(images/index/title_reco.png) repeat 0 0;
	text-indent:-1000000em;
}
div#wrapper-home div#main-area dl.recommend dd {
	width:180px;
	height: 180px;
	padding:0 10px 5px 10px;
	background-color:#FFFFFF;
	overflow:hidden;
}
div#wrapper-home div#main-area dl.recommend dd ul li {
	border-top:1px dotted #FF9900;
	padding-top:7px;
	margin-top:6px;
	overflow:hidden;
}
div#wrapper-home div#main-area dl.recommend dd ul li:first-child {
	border-top:none;
	margin-top:0;
}
div#wrapper-home div#main-area dl.recommend dd ul li p.photo {
	width:60px;
	border:1px solid #e7e7e7;
	padding:2px;
	float:left;
}
div#wrapper-home div#main-area dl.recommend dd ul li p.txt{
	width:110px;
	float:right;
	line-height:1.3;
}
/* Contents Area -------------- */
div#wrapper-home div.cnt-area {
	padding:20px;
	overflow:hidden;
}
div#wrapper-home div.cnt-area div.left {
	width:540px;
	float:left;
}
div#wrapper-home div.cnt-area div.left p.lead {
	font-size:1.8em;
	color:#FF9900;
	margin-bottom:10px;
}
div#wrapper-home div.cnt-area div.left p.txt {
	line-height:1.6;
	margin-bottom:20px;
}
div#wrapper-home div.cnt-area div.left div.news h2 {
	width:540px;
	height:32px;
	margin-bottom:5px;
	background:url(images/index/title_news.png) repeat 0 0;
	text-indent:-1000000em;
	margin-bottom:15px;
	overflow:hidden;
}
div#wrapper-home div.cnt-area div.left div.news h2 a {
	display:block;
	width:45px;
	height:15px;
	float:right;
	margin-top:7px;
	overflow:hidden;
}
div#wrapper-home div.cnt-area div.left div.news ul li {
	border-bottom:1px dotted #e7e7e7;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;
}
div#wrapper-home div.cnt-area div.left div.news ul li dl dt{
	width:92px;
	float:left;
	background:url(images/common/icon_arrow_s.png) no-repeat 0 2px;
	padding-left:8px;
}
div#wrapper-home div.cnt-area div.left div.news ul li dl dd{
	width:430px;
	float:left;
}
div#wrapper-home div.cnt-area div.right {
	width:234px;
	float:right;
}
div#wrapper-home div.cnt-area div.right ul li {
	line-height:1.3;
	font-size:0.8em;
	text-align:right;
	margin-bottom:10px;
}
div#wrapper-home div.cnt-area div.right ul li {
	line-height:1.3;
	font-size:0.8em;
	text-align:right;
	margin-bottom:10px;
}

/* PAGE
--------------------------------- */
div.wrapper-page {
	padding:20px 30px;
	overflow:hidden;
}
/* PAGE TITLE--------- */
div.title-page {
	width:770px;
	margin:0 auto 20px auto;
	min-height:135px;
	height:auto !impotrant;
	height:135px;
	padding:25px 0 0 20px;
}
div.title-page h2 {
	width:205px;
	height:22px;
	text-indent:-1000000em;
	margin-bottom:10px;
}
div.title-page div.entry {
	width:560px;
	line-height:1.4;
}
div#wrapper-news div.title-page { background:url(images/news/bg_title.jpg) no-repeat 0 0; }
div#wrapper-news div.title-page h2 { width:205px; background:url(images/news/title.png) no-repeat 0 0; }
div#wrapper-shopping div.title-page { background:url(images/shopping/bg_title.jpg) no-repeat 0 0; }
div#wrapper-shopping div.title-page h2 { width:238px; background:url(images/shopping/title.png) no-repeat 0 0; }
div#wrapper-inquiry div.title-page { background:url(images/inquiry/bg_title.jpg) no-repeat 0 0; }
div#wrapper-inquiry div.title-page h2 { width:224px; background:url(images/inquiry/title.png) no-repeat 0 0; }
div#wrapper-products div.title-page { background:url(images/products/bg_title.jpg) no-repeat 0 0; }
div#wrapper-products div.title-page h2 { width:186px; background:url(images/products/title.png) no-repeat 0 0; }
div#wrapper-company div.title-page { background:url(images/company/bg_title.jpg) no-repeat 0 0; }
div#wrapper-company div.title-page h2 { width:188px; background:url(images/company/title.png) no-repeat 0 0; }
div#wrapper-privacy div.title-page { background:url(images/privacy/bg_title.jpg) no-repeat 0 0; }
div#wrapper-privacy div.title-page h2 { width:500px; background:url(images/privacy/title.png) no-repeat 0 0; }
/* PAGE H3 TITLE--------- */
div.wrapper-page h3 {
	border-left:6px solid #FFCC00;
	padding-left:5px;
	font-size:1.4em;
	margin-bottom:10px;
}
/* PAGE TEXT--------- */
div.wrapper-page p.p-txt {line-height:1.4; }

/* ---------------------------------
NEWS PAGE
--------------------------------- */
div#wrapper-news ul#news-list li {
	border-bottom:1px dotted #e7e7e7;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;
}
div#wrapper-news ul#news-list li dl dt{
	width:92px;
	float:left;
	background:url(images/common/icon_arrow_s.png) no-repeat 0 2px;
	padding-left:8px;
}
div#wrapper-news ul#news-list li dl dd{
	width:430px;
	float:left;
}

/*---------------------------------
 NEWS SINGLE PAGE
--------------------------------- */
div.wrapper-single {
	padding:20px 30px;
	overflow:hidden;
}
div#wrapper-news div.title-single h3 {
	border-left:6px solid #FFCC00;
	padding-left:3px;
	font-size:1.4em;
	margin-bottom:5px;
}
div#wrapper-news div.title-single p {
	text-align:right;
	color:#666666;
	border-top:1px solid #cccccc;
	padding-top:5px;
	margin-bottom:10px;
}
div.wrapper-single div.entry {
	line-height:1.4;
	margin-bottom:20px;
	overflow:hidden;
}
div.wrapper-single ul.navigation {
	clear:both;
	margin:0 0 20px 0;
	border-top:1px solid #cccccc;
	padding-top:10px;
}
div.wrapper-single ul.navigation li { width:263px; float:left;  }
div.wrapper-single ul.navigation li.left {}
div.wrapper-single ul.navigation li.center {text-align:center;}
div.wrapper-single ul.navigation li.right {text-align:right; }

/* ---------------------------------
PRODUCTS PAGE
--------------------------------- */
div#wrapper-products div.box01 {
	clear:both;
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
div#wrapper-products div#box-retail {
	clear:both;
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
div#wrapper-products div#box-retail ul#retail-list li {
	margin-bottom:20px;
	overflow:hidden;
}
div#wrapper-products div#box-retail ul#retail-list li dl dt {
	position:relative;
	width:150px;
	float:left;
	z-index:0;
	border:1px solid #cccccc;
}
div#wrapper-products div#box-retail ul#retail-list li dl dt img.icon {
	position:absolute;
	top:88px;
	left:138px;
	display:block;
	z-index:10;
	width:12px;
	height:12px;
}
div#wrapper-products div#box-retail ul#retail-list li dl dd {
	width:620px;
	float:right;
}
div#wrapper-products div#box-retail ul#retail-list li dl dd h4 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}
div#wrapper-products div#box-retail ul#retail-list li dl dd p { line-height:1.4;}
div#wrapper-products div#box-business ul {
	margin-bottom:20px;
	overflow:hidden;
}
div#wrapper-products div#box-business ul li.men {
	width:385px;
	float:left;
}
div#wrapper-products div#box-business ul li.kawa {
	width:385px;
	float:right;
}
div#wrapper-products div#box-business ul li dl dt {
	width:150px;
	float:left;
}
div#wrapper-products div#box-business ul li dl dd {
	width:220px;
	float:right;
}
div#wrapper-products div#box-business ul li dl dd h4 {
	font-weight:bold;
	margin-bottom:5px;
}
div#wrapper-products div#box-special {
	margin-bottom:20px;
	overflow:hidden;
}
div#wrapper-products div#box-special p.txt {
	width:530px;
	float:left;
	line-height:1.4;
}
div#wrapper-products div#box-special p.photo {
	width:240px;
	float:right;
	margin-bottom:20px;
}


/* ---------------------------------
SHOPPING PAGE
--------------------------------- */
div#wrapper-shopping h4  {
	font-weight:bold;
	margin-bottom:5px;
	font-size:1.2em;
}
div#wrapper-shopping table.tbl-tokusho  {
	width:790px;
	margin:0 0 20px 0;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div#wrapper-shopping table.tbl-tokusho  th,
div#wrapper-shopping table.tbl-tokusho  td {
	padding:5px 10px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	line-height:1.4;
}
div#wrapper-shopping table.tbl-tokusho  th { background-color:#EEEEEE; white-space:nowrap; }
div#wrapper-shopping table.tbl-delivery  {
	width:700px;
	margin:0 auto 5px auto;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div#wrapper-shopping table.tbl-delivery  th,
div#wrapper-shopping table.tbl-delivery  td {
	padding:5px 10px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
div#wrapper-shopping table.tbl-delivery  th {
	text-align:center;
	background-color:#EEEEEE;
	font-weight:bold;
}
div#wrapper-shopping table.tbl-delivery td.a-right { text-align:right; }
div#wrapper-shopping p.att  {
	width:700px;
	margin:0 auto 30px auto;
	line-height:1.4;
}
div#wrapper-shopping p.att span.red { color:#ff0000; }
div#wrapper-shopping p.att span.blue { color:#0000FF; }

/* ---------------------------------
COMPANY PAGE
--------------------------------- */
div#wrapper-company div.box01 {
	clear:both;
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
div#wrapper-company div#box-concept dl.photo {
	width:150px;
	float:left;
	text-align:center;
	line-height:1.4;
}
div#wrapper-company div#box-concept dl.photo dt {margin-bottom:3px;}
div#wrapper-company div#box-concept div.txt {
	width:600px;
	float:right;
	line-height:1.4;
}
div#wrapper-company div#box-concept div.txt p {margin-bottom:20px;}
div#wrapper-company div#box-concept div.txt p strong {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
}
div#wrapper-company div#box-concept div.txt p strong.s01 { font-size:1.4em; }
div#wrapper-company div#box-company table {
	width:570px;
	float:left;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
div#wrapper-company div#box-company table th,
div#wrapper-company div#box-company table td {
	padding:7px 15px;
	vertical-align:top;
	line-height:1.4;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div#wrapper-company div#box-company table th {
	width:170px;
	background:#e7e7e7;
}
div#wrapper-company div#box-company div.photo {
	width:200px;
	float:right;
}
div#wrapper-company div#box-company div.photo dl dt {margin-bottom:3px;}
div#wrapper-company div#box-related dl {overflow:hidden; }
div#wrapper-company div#box-related dl dt {
	width:200px;
	float:left;
}
div#wrapper-company div#box-related dl dd {
	width:570px;
	float:right;
}
div#wrapper-company div#box-related dl dd h4 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
div#wrapper-company div#box-related dl dd p.pdf {
	padding:2px 0 0 20px;
	min-height:17px;
	height:auto !important;
	height:17px;
	background:url(images/common/icon_pdf_s.gif) no-repeat 0 0;
	margin-bottom:10px;
}
div#wrapper-company div#box-map dl.head-office {
	margin-bottom:20px;
}
div#wrapper-company div#box-map dl.nasu,
div#wrapper-company div#box-map dl.shoya {
	width:380px;
	float:left;
}
div#wrapper-company div#box-map dl.tenmari {
	width:380px;
	float:right;
}
div#wrapper-company div#box-map dl dt {
	font-size:1.2em;
	margin-bottom:5px;
}
div#wrapper-company div#box-map dl dd p.detail {
	margin-top:5px;
	line-height:1.5;
}


/* ---------------------------------
INQUIRY PAGE
--------------------------------- */
div#wrapper-inquiry dl {
	width:100%;
	border-bottom:1px dotted #cccccc;
	padding-bottom:10px;
}
div#wrapper-inquiry dl dt {
	padding-left:20px;
	background:url(images/common/icon_arrow.png) no-repeat 0 0;
	margin-bottom:10px;
}
div#wrapper-inquiry dl dd {padding-left:15px; }
div#wrapper-inquiry dl dd span.cont textarea {
	width:740px;
	height:130px;
	font-size:1em;
}
div#wrapper-inquiry table {
	width:100%;
	margin-bottom:30px;
}
div#wrapper-inquiry table th,
div#wrapper-inquiry table td {
	padding:10px 0;
	border-bottom:1px dotted #cccccc;
	margin-bottom:10px;
	vertical-align:top;
}	
div#wrapper-inquiry table th {
	width:35%;
	padding-left:20px;
	padding-top:12px;
	background:url(images/common/icon_arrow.png) no-repeat 0 12px;
}
div#wrapper-inquiry table td input { width:300px;}	
div#wrapper-inquiry table td span.adress input { width:500px;}	
div#wrapper-inquiry table td span.tel input,
div#wrapper-inquiry table td span.fax input,
div#wrapper-inquiry table td span.zip-code input { width:150px;}
div#wrapper-inquiry table td span.wpcf7-checkbox input { width:auto;}
div#wrapper-inquiry p.btn { width:100%;}
div#wrapper-inquiry p.btn input {
	display:block;
	width:150px;
	margin:0 auto;
	background:#FFCC00;
	border:1px solid #FFCC00;
	padding:5px;
	font-size:1.6em;
	cursor:pointer;
	letter-spacing:5px;
	font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana,sans-serif;
}
div#wrapper-inquiry div.wpcf7-response-output {
	margin:10px;
	padding:20px;
}
div#wrapper-inquiry div.wpcf7-mail-sent-ok {
	border:3px solid #ffcc00;
	background:#FFF7D7;
}


/* ---------------------------------
PAGER
--------------------------------- */
.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */