/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){


/* --------------------------------
 * base
 * -------------------------------- */
html {
  font-size: 62.5%;
}
body {
	color: #000;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/back_kawasui.png);
	background-attachment: fixed;
	background-color: #F6F4F2;
	background-repeat: no-repeat;
	background-position: center bottom;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:active {
  color: #900;
  text-decoration: none;
}
a:hover {
	color: #A00;
	text-decoration: underline;
}
.buttons:hover {
	opacity: 0.5;
}
.only_smart{
	display:none;
}

/* --------------------------------
 * ヘッダー
 * -------------------------------- */
.header {
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
	background-image: url(../images/header_line.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.header1 {
	width: 1000px;
	margin: 0 auto;
}
.header1 .box1 {
	width: 40%;
	height: auto;
	float: left;
	text-align: left;
	padding: 0.5em;
}
.logo {
	background-image: url(../images/kawasui_logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 390px;
	height: 70px;
	margin: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}

/*トグルボタン*/
#btnmenu {display: none;}

/*メニュー*/

#menu {display: block !important}

.header1 .box2 {
	width: 60%;
	height: auto;
	float: right;
	text-align: right;
	padding: 0;
}
.navi {
	margin: 0;
	padding: 0;
	float: right;
	overflow: hidden;
}
.header1 nav {
	width: auto;
	color: #000;
}
.header1 nav .menu1 {
	font-size: 1.3rem;
	color: #FFF;
	text-align: right;
	margin: 0 0 2em;
}
.header1 nav .menu1 li a {
  color: #FFF;
  text-decoration: none;
}
.header1 nav .menu1 li a:hover {
	color: #FFF;
	text-decoration: underline;
}
.header1 .box2 nav#menu .menu2 {
	display:block;
}
.header1 nav .nav-item1b {
	width: auto;
	display: inline-block;
	margin: 0;
	padding: 0.3em 0.8em;
	background-color: #600;
}
.header1 nav .nav-item1g {
	width: auto;
	display: inline-block;
	margin: 0;
	padding: 0.3em 0.8em;
	background-color: #999;
}
.header1 nav .nav-item1bk {
	width: auto;
	display: inline-block;
	margin: 0;
	padding: 0.3em 0.8em;
	background-color: #000;
}
.header1 nav .nav-item1gr {
	width: auto;
	display: inline-block;
	margin: 0;
	padding: 0.3em 0.8em;
	background-color: #060;
}
.header1 nav .menu2 {
	font-size: 1.3rem;
	text-align: right;
	margin: 2.4em 0.5em 0 0;
}
.header1 nav .menu2 a {
  color: #000;
  text-decoration: none;
}
.header1 nav .menu2 a:hover {
	color: #900;
	text-decoration: underline;
}
.header1 nav .nav-item2 {
	width: auto;
	display: inline-block;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}

/* --------------------------------
 * メインエリア
 * -------------------------------- */

#wrapper {
	width: 1000px;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	overflow: hidden;
}

/* --------------------------------
 * フッター
 * -------------------------------- */
footer {
	background-color: #000;
	opacity: 0.8;	
	width: 1000px;
	margin: 0 auto;
	display: block;
	padding: 2em 2em 0.5em;
	color:#CCC;
	font-size: 1.3rem;
	line-height: 1.5em;
	overflow: hidden;
}
footer .box1 {
	float:left;
	width: 300px;
	height: auto;
	margin-right: 2em;
}
.logo2 {
	width: 290px;
	height: 54px;
	margin: 0 0.5em 1em 0;
	background-image: url(../images/kawasui_logo2.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: left;
}
.logo2 a {
	display: block;
	width: 100%;
	height: 100%;
}
footer .box2 {
	float:left;
	width: 20%;
	height: auto;
	margin: 0 0.5em 2em;
}
footer .box2 h2 {
	color: #CCC;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444;
	margin: 0.5em 0;
}
footer .box2 h2 a {
	color: #CCC;
	text-decoration: none;
}
footer .box2 h2 a:hover {
	color: #EEE;
	text-decoration: underline;
}
footer .box2 ul {
	font-size: 1.3rem;
	line-height: 1.5em;
	list-style-type: none;
}
footer .box2 ul li {
	color: #CCC;
	text-decoration: none;
}
footer .box2 ul li a {
	color: #CCC;
	text-decoration: none;
}
footer .box2 ul li a:hover {
	color: #EEE;
	text-decoration: underline;
}
footer .box3 {
	font-size: 1.1rem;
	text-align: center;
	display: block;
	width: 100%;
	height: auto;
	margin: 2em auto 0;
	overflow: hidden;
	padding: 0px;
	clear: both;
}

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

#wrapper .top_slider {
	background-color: #FFF;
	display: block;
	margin: 0px;
	height: auto;
	width: auto;
	overflow: hidden;
	padding: 0px;
}
#wrapper .catch {
	background-color: #FFF;
	text-align: center;
	padding: 1em;
	height: auto;
	width: 100%;
}
#wrapper .catch h2 {
	font-size: 3.0rem;
	line-height: 1.5em;
	font-weight: bold;
}
#wrapper .new {
	background-color: #FFF;
	display: block;
	padding: 2.4em;
	height: auto;
	width: auto;
	overflow: scroll;
}
/*ニュースエリア*/
#wrapper .new .news {
	display: block;
	margin: 0px;
	padding: 10px;
	float: left;
	height: auto;
	width: 600px;
	border : 1px solid #CCC;
	background-color: #F3F3F3;
	border-radius : 7px;
}
#wrapper .new .news dl {
	font-size: 1.5rem;
	line-height: 1.5em;
	height: 450px;
	width: auto;
	margin : 0 auto;
	overflow: scroll;
}
#wrapper .new .news dl dt{
	clear : both;
	width : 20%;
	float : left;
	border-top : 1px solid #FFF;
	padding : 0.5em 0;
	text-align : left;
	overflow : hidden;
}
#wrapper .new .news dl dd{
	width : 80%;
	float : right;
	border-top : 1px solid #FFF;
	padding: 0.5em 0;
	text-align: left;
}
#wrapper .new .news dl dd a {
	color: #000;
}
#wrapper .new .news dl dd a:hover {
	color: #333;
}
.news_media {
	font-size: 1.2rem;
	line-height: 0.5em; 
	color: #FFFFFF;
	background-color: #009900;
	display: inline-block;
	padding: 0.5em;
	margin: 0 0.3em 0 0;
	border-radius : 2px;
}
.news_event {
	font-size: 1.2rem;
	line-height: 0.5em; 
	color: #FFFFFF;
	background-color: #F07700;
	display: inline-block;
	padding: 0.5em;
	margin: 0 0.3em 0 0;
	border-radius : 2px;
}
.news_info {
	font-size: 1.2rem;
	line-height: 0.5em; 
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.5em;
	margin: 0 0.3em 0 0;
	border-radius : 2px;
}
/*トップページ右バナー*/
#wrapper .new .top_banner {
	display: block;
	float: right;
	height: auto;
	width: 300px;
	margin: 0;
}
#wrapper .new .top_banner img {
	margin-bottom: 1em;
}
/*問い合わせ*/
#wrapper .toiawase {
	background-color: #FFF;
	text-align: center;
	padding: 1em 0 0;
}
/*ページのトップへボタン*/
#wrapper .pagetop {
	background-color: #FFFFFF;
	text-align: right;
	width: 100%;
	margin: 0;
	padding: 0.5em 1em;
}

/* --------------------------------
 * トップページメインコンテンツ部分
 * -------------------------------- */
#wrapper h2 {
	font-size: 3rem;
	line-height: 0.5em;
	font-weight: normal;
}
#wrapper .reed {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin: 1em 0;
}
#wrapper .kochira {
	float: right;
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira:hover {
	opacity: 0.5;
}
#wrapper .kochira2 {
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira2:hover {
	opacity: 0.5;
}
#wrapper .kochira3 {
	float: left;
	margin-top: 0.5em;
	overflow: hidden;
}
#wrapper .kochira3:hover {
	opacity: 0.5;
}

#wrapper .catch2 {
	text-align: right;
	padding: 24em 0 0;
}
#wrapper .aboutus {
	background-color: #FFFFFF;
	background-image: url(../images/top_aboutus.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	width: 100%;
	height: auto;
	padding: 2em;
	overflow: hidden;
}
#wrapper .aboutus .catch2 {
	text-align: right;
	padding-top: 23.5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

#wrapper .business {
	background-color: #FFFFFF;
	background-image: url(../images/top_business.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	width: 100%;
	height: auto;
	padding: 2em;
	overflow: hidden;
}
#wrapper .business .catch2 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 23em 0 0;
}
#wrapper .products {
	background-image: url(../images/top_products.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	width: 100%;
	height: 460px;
	padding: 3em 2em;
	overflow: hidden;
}
#wrapper .products .catch3 {
	text-align: left;
	padding-right: 700px;
}
#wrapper .wholesale {
	background-color: #FFFFFF;
	background-image: url(../images/top_wholesale.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	width: 100%;
	height: auto;
	padding: 2em;
	overflow: hidden;
}
#wrapper .wholesale .catch2 {
	width: auto;
	height: auto;
	text-align: center;
	padding: 18em 0 0;
}
/* --------------------------------
 * トップページここまで
 * -------------------------------- */



/* --------------------------------
 * コンテンツページ
 * -------------------------------- */

#wrapper .h2_title1 {
	background-image: url(../images/aboutus.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	margin: 0;
	display: block;
	padding-top: 2.5em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	font-weight: normal;
	font-size: 3.6rem;
	color: #000;
}
#wrapper .h2_title2 {
	background-image: url(../images/business.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	margin: 0;
	display: block;
	padding-top: 2.5em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	font-weight: normal;
	font-size: 3.6rem;
	color: #FFF;
}
#wrapper .h2_title3 {
	background-image: url(../images/products.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	margin: 0;
	display: block;
	padding-top: 2.5em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	font-weight: normal;
	font-size: 3.6rem;
	color: #FFF;
}
#wrapper .h2_title4 {
	background-image: url(../images/wholesale.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	margin: 0;
	display: block;
	padding-top: 2.5em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	font-weight: normal;
	font-size: 3.6rem;
	color: #FFF;
}
#wrapper .h2_title5 {
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 120px;
	margin: 0;
	display: block;
	padding-top: 1.5em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	font-weight: normal;
	font-size: 3.6rem;
	color: #000;
}

#contents {
	font-size: 1.7rem;
	line-height: 1.5em;
	background-color: #FFFFFF;
	display: block;
	height: auto;
	width: 100%;
	padding: 30px;
	overflow: hidden;
}
#contents p {
	margin: 0.5em 0;
}

/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 1em 1em; /* パディング（上下、左右） */
background-color: #fff; /* 背景色 */
list-style-type: none; /* リストマーク非表示 */
font-size: 1.3rem; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(../images/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #666;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #333;
}


/* --------------------------------
 * テキスト関連共通
 * -------------------------------- */
.txt_red {
	color: #DA0000;
}
.txt_red2 {
	color: #900000;
}
.txt_big {
	font-size: 120%;
}
.txt_small {
	font-size: 85%;
}
.txt_16 {
	font-size: 1.6rem;
	line-height: 1.5em;
}
.txt_21 {
	font-size: 2.1rem;
	line-height: 1.5em;
}

/* --------------------------------
 * 画像位置
 * -------------------------------- */
.img_right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
.img_right2 {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.2em;
}
.img_right3 {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
.img_right_tenpo {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
.img_left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.img_left_tenpo {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.img_left_staff {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.img_bottom {
	margin-top: 1em;
}


/* --------------------------------
 *ニュース一覧
 * -------------------------------- */
#contents #newslineup {
	display: block;
	clear: both;
	height: auto;
	width: 85%;
	margin: 1em auto;
	padding: 0;
}
#newslineup .newsbox {
	background-color: #FFFFFF;
	display: block;
	padding: 1em;
	margin: 1em auto;
	height: auto;
	width: 100%;
	border: 1pt solid #999;
	border-radius: 5px;
}
#newslineup .newsbox p {
	font-size: 1.5rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.2em 0;
	margin: 0;
	text-align: left;
}
#newslineup .newsbox .event {
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #F07700;
	font-weight: bold;
	display: block;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	text-align: left;
	border-bottom: 1pt solid #CCC;
}
#newslineup .newsbox .media {
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #090;
	font-weight: bold;
	display: block;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	text-align: left;
	border-bottom: 1pt solid #CCC;
}
#newslineup .newsbox .information {
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	display: block;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	text-align: left;
	border-bottom: 1pt solid #CCC;
}



/* --------------------------------
 * 川口水産とは
 * -------------------------------- */
#sub_nav {
	display: block;
	float: left;
	height: auto;
	width: 180px;
	margin: 0 20px 0 0;
}
#sub_nav ol.sub_nav {
margin: 0; /* マージン（上下左右） */
padding: 0; /* パディング（上下、左右） */
list-style-type: none; /* リストマーク非表示 */
font-size: 1.5rem; /* 文字サイズ */
line-height: 1.2em;
}
#sub_nav .sub_nav li {
	width: 100%;
	height: 50px;
	display: block;
	border-top: 1px solid #999;
	line-height: 1.4em;
	text-align: left;
	position: static;
	vertical-align: middle;
	background-color: #FAF8F6; /* 背景色 */
	background-image: url(../images/subnav_mark.png);
	background-repeat: no-repeat;
	background-position: 0.8em 50%;
	list-style-position: outside;
	padding-top: 1.1em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 1em;
}
#sub_nav .sub_nav li.line2 {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 2em;
	padding-right: 1em;
}
#sub_nav .sub_nav li:last-child {
	border-bottom: 1px solid #999;
}
ol.sub_nav li a {
	color: #000000;
	display: block;
	width: 100%;
	height: 100%;
}
ol.sub_nav li a:hover {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	opacity: 0.5;
}

#contents_right {
	text-align: left;
	display: block;
	float: left;
	height: auto;
	width: 720px;
	margin: 0 0 0 20px;
}
#contents #contents_right .aboutus_tn {
	width: 100%;
	background-image: url(../images/h3_back.png);
	height: 70px;
	background-repeat: no-repeat;
	padding: 0.8em 0.5em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 3rem;
}
#contents #contents_right .aboutus_tn2 {
	width: 100%;
	background-image: url(../images/h3_back.png);
	height: 70px;
	background-repeat: no-repeat;
	padding: 0.8em 0.5em 0.5em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 3rem;
}
#contents .products {
	width: 100%;
	background-image: url(../images/h3_back2.png);
	height: 70px;
	background-repeat: no-repeat;
	padding: 0.8em 0.5em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 3rem;
}
#contents .wholesale {
	width: 100%;
	background-image: url(../images/h3_back3.png);
	height: 70px;
	background-repeat: no-repeat;
	padding: 0.8em 0.5em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 3rem;
}
#contents .info {
	width: 100%;
	background-image: url(../images/h3_back4.png);
	height: 70px;
	background-repeat: no-repeat;
	padding: 0.8em 0.5em 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-size: 3rem;
}


/*会社概要*/
#wrapper #contents .table_gaiyou {
	font-size: 1.5rem;
	line-height: 1.5em;
	width: 100%;
	height: auto;
	margin: 0 0 1em;
	display: table;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
}
.table_gaiyou tbody tr {
	border-bottom: 1px solid #999999;
}
.table_gaiyou tbody tr th {
	font-weight: normal;
	width: 25%;
	padding: 0.5em 1em;
	height: auto;
	background-color: #F0F0F0;
}
.table_gaiyou tbody tr td {
	padding: 0.5em 1em;
}
.table_gaiyou tr td ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 2em;
}
#wrapper #contents .map {
	width: 100%;
	height: auto;
}
.map td {
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.5em;
}
#wrapper #contents .map iframe {
	width: 100%;
	height: 300px;
}

/*沿革*/
#contents #contents_right .table_enkaku {
	font-size: 1.4rem;
	line-height: 1.5em;
	width: 100%;
	height: auto;
	margin: 0 0 1em;
	display: table;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.table_enkaku tbody tr {
	border-bottom: 1px solid #CCC;
}
.table_enkaku tbody tr.first {
	background-color: #F6F3E9;
}
.table_enkaku tbody tr.odd {
	background-color: #EEE;
}
.table_enkaku tbody tr th {
	font-weight: normal;
	width: 23%;
	padding: 0.5em 0.5em 0.5em 1em;
	height: auto;
}
.table_enkaku tbody tr td {
	padding: 0.5em 1em 0.5em 0em;
}
/*CSR報告*/
#contents #contents_right .csr_block {
	display: inline-block;
	float: left;
	width: 30%;
	height: auto;
	margin: 0.5em;
	padding: 1em;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
#contents_right .csr_block img {
	float: none;
}
/*スタッフ*/
#contents_right .staff_s {
	width: 100%;
	text-align: center;
	margin: 1em 0;
}
#contents_right .staff_s img {
	width: 70px;
	height: auto;
}
#contents #contents_right .staff01 {
	display: block;
	width: auto;
	height: auto;
	margin: 1em 0;
	overflow: hidden;
	border: 0.5em solid #F0E8D8;
}
#contents_right .staff01 .staff001 {
	width: auto;
	float: left;
	padding: 0.3em;
}
#contents_right .staff02 {
	display: block;
	width: auto;
	height: auto;
	margin: 1em 0;
	overflow: hidden;
}
#contents_right .staff02 .staff002 {
	background-color: #FFFFFF;
	display: block;
	padding: 0.3em;
	float: left;
	height: auto;
	width: 50%;
	border: 0.6em solid #F0E8D8;
	text-align: center;
}
#contents_right .staff02 .staff003 {
	font-size: 1.5rem;
	line-height: 1.4em;
	background-color: #FFFFFF;
	display: block;
	padding: 0.4em;
	float: left;
	height: 300px;
	width: 50%;
	border: 0.6em solid #F0E8D8;
	text-align: left;
}
/*実店舗*/
.tenpo_name {
	font-size: 2.4rem;
	line-height: 1em;
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.4em 0.8em;
	margin: 0 0.3em 0 0;
	border-radius : 5px;
}
#contents #contents_right .table_tenpo {
	font-size: 1.4rem;
	line-height: 1.5em;
	width: 100%;
	height: auto;
	margin: 1em 0;
	display: table;
	border: 1px solid #999999;
}
.table_tenpo tbody th {
	text-align: left;
	width: 15%;
	padding: 1em;
	vertical-align: top;
	background-color: #EEEEEE}
.table_tenpo tbody td {
	text-align: left;
	padding: 1em;
	vertical-align: top;
}
/*電話セールス*/
#contents_right .tenpo_tm {
	font-size: 2.1rem;
	text-align: center;
	color: #DA0000;
	display: block;
	width: 100%;
	height: auto;
	margin: 2em 0 0.5em;
	padding: 0.5em;
	border: 2px solid #DA0000;
}
#contents_right .tenpo_message {
	text-align: left;
	display: block;
	height: auto;
	width: 100%;
	margin: 0.5em 0;
	border: 1px solid #999999;
	overflow: hidden;
}
.tenpo_message pre{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.4rem;
	line-height: 1.6em;
	white-space: pre-wrap;
	padding: 1em 2em;
	margin: 0 0 0.5em;
}
/*採用情報*/
#contents #contents_right .recruit {
	margin-bottom: 2em;
}
#contents #contents_right .recruit .txt_sub {
	font-size: 1.5rem;
	line-height: 1em;
}
#contents #contents_right .recruit ol {
	list-style-position: outside;
	padding-left: 2em;
}
.recruit ol li {
	padding: 0.5em 0;
}
#contents #contents_right .table_recruit {
	font-size: 1.4rem;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	margin-top: 1em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 2em;
	display: table;
	border: 1px solid #999;
}
.table_recruit th {
	padding: 1em;
	background-color: #F0E8D8;
	width: 20%;
	vertical-align: top;
	font-weight: normal;
	border: 1px solid #999;
}
.table_recruit td {
	padding: 1em;
	width: 80%;
	vertical-align: top;
	border: 1px solid #999;
}
#contents_right .table_recruit td ol {
	list-style-position: outside;
	margin: 0;
	padding: 0 2em;
}
.table_recruit ol li {
	padding: 0.2em 0;
}
/*業務概要*/
#contents .bus_name {
	font-size: 2.4rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #900;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 0 0.3em 0 0;
	border-radius : 5px;
}
#contents .bus_name2 {
	font-size: 2.4rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #900;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 1em 0.3em 0 0;
	border-radius : 5px;
}
#contents .bus_name3 {
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #666;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin-top: 0em;
	margin-right: 2em;
	margin-left: 0;
	margin-bottom: 0;
	float: left;
}
#contents .table_bus {
	width: 60%;
	font-size: 1.4rem;
	line-height: 1.5em;
	height: auto;
	margin: 0 2em 1em;
	display: table;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.table_bus tbody tr {
	border-bottom: 1px solid #CCC;
}
.table_bus tbody th.first {
	background-color: #F6F3E9;
}
.table_bus tbody tr th {
	font-weight: normal;
	width: 20%;
	padding: 0.5em 1em;
	height: auto;
	background-color: #EEE;
}
.table_bus tbody tr td {
	padding: 0.5em 1em;
}
/*製品情報*/
#contents .products0 {
	text-align: center;
	margin: 0.5em;
}
#contents .products0 a {
	color: #FFFFFF;
	text-decoration: none;
}
#contents .products0 a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#contents .products0 .pro01 {
	font-size: 1.6rem;
	line-height: 0.8em; 
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.6em;
	margin: 0 0.2em;
	border-radius : 3px;
}
#contents .products0 .pro03 {
	font-size: 1.6rem;
	line-height: 0.8em; 
	color: #FFFFFF;
	background-color: #009900;
	display: inline-block;
	padding: 0.6em;
	margin: 0 0.2em;
	border-radius : 3px;
}
#contents .pro_name {
	font-size: 2.4rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 1em 0.3em 0 0;
	border-radius : 5px;
	overflow: hidden;
}
#contents .pro_name3 {
	font-size: 2.4rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #090;
	display: inline-block;
	padding: 0.2em 0.6em;
	margin: 1em 0.3em 0 0;
	border-radius : 5px;
	overflow: hidden;
}

#contents .netshop {
	display: block;
	text-align: center;
	width: auto;
	height: auto;
	margin: 0.5em 1em;
	overflow: hidden;
}
#contents .netshop img {
	width: 100%;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
#contents .netshop .item1 {
	background-color: #FFFFFF;
	display: block;
	padding: 0;
	margin: 1em;
	float: left;
	height: auto;
	width: 46%;
	border: 1pt solid #333;
	border-radius: 5px;
}
#contents .netshop .item1 h5 {
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #F0E8D8;
	display: block;
	padding: 0.3em;
	margin: 0;
	text-align: center;
}
#contents .netshop .item1 p {
	font-size: 1.5rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 1em 0.5em 1em ;
	margin: 0.2em 0 0 0;
	text-align: left;
}
#contents .netshop .item2 {
	background-color: #FFFFFF;
	display: block;
	padding: 0;
	margin: 0.4em 0.8em;
	float: left;
	height: auto;
	width: 30%;
	border: 1pt solid #333;
	border-radius: 5px;
}
#contents .netshop .item2 h5 {
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #F0E8D8;
	display: block;
	padding: 0.3em;
	margin: 0;
	text-align: center;
}
#contents .netshop .item2 p {
	font-size: 1.4rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.6em;
	margin: 0.2em 0 0 0;
	text-align: left;
}
#contents .netshop .item3 {
	background-color: #FFFFFF;
	display: block;
	padding: 0;
	margin: 1em auto;
	height: auto;
	width: 70%;
	border: 1pt solid #000;
	border-radius: 5px;
}
#contents .netshop .item3 p {
	font-size: 1.5rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0.2em 0 0 0;
	text-align: left;
}
#contents .netshop .item4 {
	background-color: #FFFFFF;
	display: block;
	padding: 0;
	margin: 1em;
	float: left;
	height: auto;
	width: 46%;
	border: 1pt solid #AC9;
	border-radius: 5px;
}
#contents .netshop .item4 p {
	font-size: 1.5rem;
	line-height: 1.5em;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 1em 0.5em 1em ;
	margin: 0.2em 0 0 0;
	text-align: left;
}
/*個人情報の取り扱いについて*/
#privacy {
	font-size: 1.4rem;
	line-height: 1.5em;
	text-align: left;
	display: block;
	margin: 1em auto;
	padding: 1em;
	height: auto;
	width: 90%;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
#privacy p {
	margin: 0.3em 0;
}
#privacy p.tn {
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}
#privacy p.tn2 {
	margin-top: 1em;
	display: inline-block;
	border-bottom: 1px solid #999999;
}
#privacy ul {
	margin: 0.2em 0;
	padding-left: 2.5em;
	list-style-image: none;
}
#privacy ul li {
	text-indent: -2.8em;
	list-style-type: none;
}

/*卸販売について*/
#we_top {
	text-align: center;
	display: block;
	height: auto;
	width: auto;
	margin: 1em auto;
}
#contents #we_top p {
	font-size: 3.2rem;
	color: #000000;
	font-weight: bold;
	padding-top: 0.5em;
}
#contents .ws01 {
	font-size: 1.6rem;
	line-height: 1.5em;
	background-image: url(../images/oroshi-back1.jpg);
	display: block;
	padding: 0.3em 1em;
	height: auto;
	width: 100%;
	margin: 1em auto;
	overflow: hidden;
}
.ws01 .tn {
	font-size: 2.4rem;
	line-height: 1.3em;
	font-weight: bold;
}
#contents .ws02 {
	font-size: 1.6rem;
	line-height: 1.5em;
	color: #FFFFFF;
	background-image: url(../images/oroshi-back2.jpg);
	display: block;
	padding: 0.3em 1em;
	height: auto;
	width: 100%;
	margin: 1em auto;
}
.ws02 .tn {
	font-size: 2.7rem;
	line-height: 1.3em;
	font-weight: bold;
}
.ws02 .tn2 {
	font-size: 2.4rem;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFE000;
}
#contents .ws02 .ws02_img {
	text-align: center;
	width: auto;
	height: auto;
	margin: 0;
}
#contents .ws02 .ws02_img img {
	width: auto;
	height: auto;
	padding: 0.4em;
}
#contents .voice {
	text-align: left;
	background-image: url(../images/oroshi-back3.jpg);
	display: block;
	padding: 1em;
	height: auto;
	width: 90%;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	border-radius: 7px;
}
#contents .voice ul {
	font-size: 1.6rem;
	line-height: 1.3em;
	display: block;
	width: auto;
	height: auto;
	margin: 0em 0.5em 0.5em;
	background-color: #FFFFFF;
	padding: 0.5em 0.8em 0.5em 3em;
}
#contents .voice ul li {
	border-bottom: 1px solid #F0E8D8;
	list-style-position: outside;
	list-style-image: url(../images/mark-fukidashi.png);
	margin: 0.2em 0;
	padding : 0.2em 0.2em 0.2em 0;
}
#contents .voice ul li:last-child {
	border-bottom: none;
}

#contents .ws03 {
	font-size: 1.6rem;
	line-height: 1.5em;
	display: block;
	clear: both;
	height: auto;
	width: auto;
	overflow: hidden;
}
#contents .ws03 .linup1 {
	display: block;
	text-align: left;
	padding: 0px;
	height: auto;
	width: auto;
	margin: 1em auto;
}
#contents .ws03 .linup1 h5 {
	font-size: 2.4rem;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	background-color: #600;
	display: block;
	margin: 0 0;
	padding: 0.5em 0.5em 0.2em 0.2em;
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0;
}
#contents .ws03 .linup1 p.item12 {
	width: 50%;
	float: left;
	height: auto;
	margin: 0 0;
	padding: 0.5em;
	display: block;
	border: 2px solid #600;
}
#contents .ws03 .linup2 {
	display: block;
	text-align: left;
	padding: 0px;
	height: auto;
	width: auto;
	margin: 1em auto;
}
#contents .ws03 .linup2 h5 {
	font-size: 2.4rem;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	background-color: #960;
	display: block;
	margin: 0 0;
	padding: 0.5em 0.5em 0.2em 0.2em;
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0;
}
#contents .ws03 .linup2 p.item12 {
	width: 50%;
	float: left;
	height: auto;
	margin: 0 0;
	padding: 0.5em;
	display: block;
	border: 2px solid #960;
}
#contents .ws03 .linup2 p.item13 {
	width: 33.333%;
	float: left;
	height: auto;
	margin: 0 0;
	padding: 0.5em;
	display: block;
	border: 2px solid #960;
}
.ws03 .linup1 .item12 .itemname {
	color: #660000;
	font-size: 2.1rem;
}
.ws03 .linup2 .item12 .itemname {
	color: #996600;
	font-size: 2.1rem;
}
.ws03 .linup2 .item13 .itemname {
	color: #996600;
	font-size: 2.1rem;
}
#contents .ws01 .ws_gyoumu {
	font-size: 1.8rem;
	line-height: 1.3em;
	color: #FFFFFF;
	background-color: #600;
	display: inline-block;
	padding: 0.2em 0.3em;
	margin: 0 0 0.2em;
	border-radius : 5px;
}

}