@charset "UTF-8";
/*
Theme Name: Sanuki Theme
Theme URI: http://wordpress.org/
Description: sanuki-spg.com用テーマファイル
Version: 1.0
Author: Plus Alpha

*/

/* 全体の設定 */

* {
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
	color: #595959;
	list-style:none;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	border-style: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	border:none;
}
table {
	border-collapse:collapse;
	font-size:100%;
}
/* リンク設定 */

a {
	text-decoration: none;
	/*color:#80605E;*/
	/*color:#333333;*/
color:#04B396;
	margin:0;
	padding:0 0 0 0;
}
/* メインリンク基本色 */

a:link {
	text-decoration: none;
	/*color:#333333;*/
color:#04B396;
}
/* メインリンクマウスオーバー時 */
a:hover {
	text-decoration: underline;
}
/* ボディー */
body {
	font-size: 80%;
	color: #333333;
	line-height:140%;
	padding:0;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
/* 画像ボーダー */
img {
	border-style: none;
}
/* 読み飛ばし */
.skip {
	position: absolute;
	left: -9999px;
}
/* 非表示 */
.none {
	display: none;
}
/* 区切り */
hr {
	height:1px;
}
.fclear {
	clear:both;
}
input.text2, textarea.text2 {
	border:solid 1px #ccc;
}
/* 引用元情報 */
cite {
	font-style: italic;
}
/* 引用 */
blockquote {
	color: #666666;
	background-color: #EfEfEf;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
}
/* 整形済みテキスト */
pre {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	height: 100px;/* ここを変更すれば高さが変わります */
	overflow: scroll;
}
/* コンテナ */

#top {
	text-align:center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	width:933px;
}
#container {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	text-align: left;
	margin-top: 0px;
	margin-bottom:0;
	padding: 0px;
	width: 933px;
	text-align:left;
	background-color:#ffffff;
}
/* ヘッダー */

h1 {
	text-indent:-9999px;
	display:none;
}
/* トップページ */

#bg {
	border-left:solid 1px #CBCBCB;
	border-right:solid 1px #CBCBCB;
	float:left;
	width:931px;
}
#top-bg {
	margin:25px 0 25px 0;
	float:left;
	background-image: url(images/top/line_row_bg.gif);
	background-repeat: repeat-y;
	background-position: 34px;
}
#top-left {
	float:left;
	width:242px;
	margin:0 64px 0 34px;
	display:inline;
}
#top-right {
	float:left;
	width:541px;
	margin:0 0px 0 0;
	display:inline;
}
#footer {
	background-color:#4D4747;
	float:left;
	width:931px;
}
#footer p.copyright {
	float:left;
	width:350px;
	margin:5px 0 5px 28px;
}
#footer h5.logo {
	float:right;
	width:75px;
	margin:5px 5px 5px 0px;
}
.top-wn {
	margin:0 0 15px 0;
}
.news-main .date {
	float:left;
	width:81px;
}
.news-main .txt {
	float:left;
	width:433px;
	background-image: url(images/top/arrow.gif);
	background-position: left 3px;
	padding:0 0 10px 14px;
	background-repeat: no-repeat;
}
/* コンテンツページ　カタログ */

.hdr-logo {
	background-color:#4D4747;
	border-bottom:solid 4px #04B396;
}
.hdr-logo img {
	margin:17px 0 12px 33px;
}
ul.hdr-gnav {
	border-right:solid 1px #BFC1B6;
	font-size:0;
	line-height:0;
}
ul.hdr-gnav li {
	display:inline;
}
.main-c {
	margin:27px 29px;
}
/* ニュース */

.btmmgn20 {
	margin-bottom:20px;
}
.btmmgn27 {
	margin-bottom:27px !important;
}
.topmgn27 {
	margin-top:27px !important;
}
.toppdg20 {
	padding-top:20px;
}
.line {
	background-image: url(images/top/line_col_bg.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.half-left {
	float:left;
	width:400px;
	margin:0 0 30px 0;
}
.half-right {
	float:right;
	text-align:right;
	width:400px;
	margin:0 0 30px 0;
}
.three-left {
	float:left;
	width:300px;
	margin:0 0 30px 0;
}
.three-center {
	float:left;
	width:300px;
	margin:0 0 30px 0;
	text-align:center;
}
.three-right {
	float:right;
	text-align:right;
	width:200px;
	margin:0 0 30px 0;
}
.news-title {
	background-color:#81806E;
	padding:5px 0;
	float:left;
	margin:0 0 10px 0;
	width:871px;
}
.news-title em {
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	float:left;
width:;
	padding:0 8px;
	display:block;
}
.news-title .date {
	float:right;
width:;
	padding:0 8px;
	color:#FFFFFF;
}
.news-title p {
	margin:0 0 10px 0;
}
h4.news-h4 {
	margin:20px 0;
}
.news-left {
	float:left;
	width:80px;
	margin:0 5px 10px 10px;
	display:inline;
}
.news-right {
	float:left;
	width:750px;
	margin:0 5px 10px 10px;
	display:inline;
}
/* 会社概要 */

.notopmgn {
	margin-top:0;
}
ul.sub-nav {
	border-bottom:solid 1px #CBCBCB;
	font-size:0;
text-indent:
line-height:0;
	width:931px;
}
ul.sub-nav li {
	display:inline;
	font-size:0;
	line-height:0;
}
table.corp-table {
	margin:0 0 20px 0;
}
table.corp-table th {
	border-right:dashed 1px #ccc;
}
table.corp-table th, table.corp-table td {
	padding:10px;
}
.btmmgn50 {
	margin-bottom:50px !important;
}
/* 企業理念 */

.alignc {
	text-align:center;
}
/* 沿革 */
table.corp-dev {
	width:871px;
}
table.corp-dev th {
	width:100px;
	text-align:left;
}
table.corp-dev th span {
	border-left:solid 6px #BEBBB2;
	padding:3px 0 3px 10px;
}
table.corp-dev th {
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
	padding:10px 10px 10px 0;
}
table.corp-dev td {
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
	padding:10px;
}
/* 事業所一覧 */
table.corp-list {
	margin:0 auto 30px 225px;
	width:500px;
}
table.corp-list th, table.corp-list td {
	padding:10px;
	text-align:left;
}
/* カタログ */

table.catalog {
	width:871px;
}
table.catalog th {
	width:100px;
	text-align:left;
}
table.catalog th span {
	border-left:solid 6px #BEBBB2;
	padding:3px 0 3px 10px;
}
table.catalog th {
	border-bottom:dashed 1px #ccc;
	padding:40px 10px 10px 0;
	vertical-align: bottom;
}
table.catalog td {
	border-bottom:dashed 1px #ccc;
	padding:40px 0px 10px 0px;
	vertical-align: bottom;
	font-size:100%;
	text-align:left;
}
h2.blkbar {
	background-color:#81806E;
	padding:5px 8px;
	margin:0 0 10px 0;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
 width:;
	display:block;
}
.attention {
	color:red;
}
.catalog-main {
	float:left;
	width:873px;
	background-image: url(/images/catalog/pdf_bg.jpg);
	background-repeat: repeat-x;
	font-size:0;
	padding:0;
	margin:0;
	line-height:0;
	text-align:left;
}
.catalog-left {
	float:left;
	width:765px;
	font-size:0;
	padding:0;
	margin:0;
	line-height:0;
	text-align:left;
}
.catalog-right {
	font-size:0;
	line-height:0;
	margin:42px 0 0 0;
	float:right;
	width:108px;
	display:block;
}
.btmmgn40 {
	margin-bottom:40px;
}
/* カタログリスト */

.catalog-list {
	width:800px;
	margin:0 0 30px 70px;
}
.catalog-list td {
	vertical-align:top;
}
.catalog-list strong {
	display:block;
	margin:0 0 5px 0;
}
.cat-image {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:5px 0;
	width:90px;
}
.catalog-list p {
	font-size:90%;
	margin-top:5px;
}
ul.number {
	margin:0 0 0 30px;
}
ul.number li {
	list-style-type: decimal;
	margin:0 0 10px 0;
}
.txt-field {
	border:solid 1px #AAABA5;
	padding:3px;
	background-color:#FFFFFF;
}
.ssize {
	width:200px;
}
.smsize {
	width:300px;
}
.msize {
	width:414px;
}
.lsize {
	width:700px;
}
table.form-table th {
	width:160px;
	text-align:left;
	padding:10px 0;
	vertical-align:top;
}
table.form-table td {
	padding:10px;
	text-align:left;
}
.submit-btn {
	padding:10px;
	color:#FFFFFF;
	background-color: #666666;
}
.size80 {
	font-size:80%;
}
.size90 {
	font-size:90%;
}
/* 製品紹介TOP */

ul.prod-list, ul#prod-list {
	margin:0 0 0 0px;
	float:left;
}
ul.prod-list li, ul#prod-list li {
	float:left;
	width:202px;
	margin:15px 16px 0px 0;
}
/* 
	LEVEL ONE
*/
ul.dropdown {
	position: relative;
}
ul.dropdown li {
	float: left;
	zoom: 1;
	width: 200px;
}
ul.dropdown a:hover {
}
ul.dropdown a:active {
}
ul.dropdown li a {
	display: block;
	margin:0;
	padding:0;
	font-size:89%;
	color: #222;
}
ul.dropdown li:last-child a {
	border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
}
ul.dropdown li.hover a {
	margin:0;
	padding:0;
}
/* 
	LEVEL TWO
*/
ul.dropdown ul {
	width: 200px;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	border:solid 1px #ACAAA4;
	background-color:#ECECE9;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	padding:8px 0;
}
ul.dropdown ul li {
	font-weight: normal;
	padding:0px 0;
	margin:0 5px 2px 5px !important;/*background-color:#ccc;*/
}
/*									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	width: 95%;
	display: inline-block;
	padding:0;
	margin:0 !important;
}
 */ 

/* 
	LEVEL THREE
*/

/*
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
*/


table.srch {
margin:0 0 20px 0;
}
table.srch td {
	padding:5px;
}
.prod-detail img {
	border:solid 1px #595649;
}
.prod-detail img.nobdr {
	border:none;
}
.prod-title {
	float:left;
	border-bottom:solid 1px #AAABA5;
	width:871px;
	margin:0 0 10px 0;
}
.prod-title-left {
	float:left;
	width:700px;
	margin:0 0 3px 0;
}
.prod-title h2 {
	color:#595649;
	font-size:300%;
	font-weight:bold;
	display:block;
	line-height:100%;
	padding:0 0 5px 0;
}
.prod-title span {
	display:block;
	font-size:150%;
	color:#898775;
	line-height:100%;
}
.prod-title .order {
	float:right;
	width:114px;
	margin:20px 0 10px 0;
}
.blk-largeimage {
	margin:5px 0 15px 0;
}
.blk-01-left {
	width:340px;
	margin:0 0px 30px 0;
	float:left;
}
.blk-01-right {
	width:510px;
	float:right;
}
.blk-01-center {
	width:200px;
	float:left;
	margin:0 0 10px 0;
}
.blk-01-mright {
	float:right;
	width:150px;
	text-align:center;
	margin:0 0 10px 0;
}
.blk-01-mright p {
	text-align:left;
	margin:5px 0 0 0;
}
table.atten-table {
	margin:10px 0 0 0;
	border:solid 1px #E8392F;
	width:510px;
}
.bold {
	font-weight:bold;
}
.colorred {
	color:#E8392F;
}
table.atten-table td {
	border:solid 1px #E8392F;
	padding:1px;
}
.prod-m {
	border-left:solid 5px #04B396;
	padding:2px 0 3px 10px;
	border-bottom:solid 1px #04B396;
	margin:30px 0 10px 0;
}
.prod-em {
	font-weight:bold;
	margin:10px 0 0px 0;
	font-size:110%;
	display:block;
}
.prod-img-table td {
	/* width:200px; */
padding:0 3px 0 0;
}
.prod-data {
	padding:10px 0 0 0;
	display:block;
	font-size:120%;
	font-weight:bold;
}
.prod-data-p {
	font-size:90%;
	float:left;
width:;
}
.prod-mm {
	font-size:80%;
	display:block;
	float:right;
}
table.spec-table {
	width:871px;
	border:solid 1px #D3D4CF;
	margin:0 0 20px 0;
}
table.spec-table th {
	background-color:#81806E;
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	border:solid 1px #D3D4CF;
	text-align:center;
}
table.spec-table td {
	font-size:100%;
	border:solid 1px #D3D4CF;
	text-align:center;
}
table.spec-table .dl {
	width:60px;
	font-size:60%;
}
table.spec-table-2 {
	width:421px;
	border:solid 1px #D3D4CF;
	margin:0 0 10px 0;
}
table.spec-table-2 th {
	background-color:#81806E;
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	border:solid 1px #D3D4CF;
	text-align:center;
}
table.spec-table-2 td {
	font-size:100%;
	border:solid 1px #D3D4CF;
	text-align:center;
}
table.spec-table-2 .dl {
	width:60px;
	font-size:60%;
}
.prod-ul {
	border-bottom:solid 1px #CBCBCB;
	padding:5px;
}
.prod-ul li {
	border-left:solid 1px #AAABA5;
	padding:3px 5px;
	display:inline;
}
.alignr {
	text-align:right;
}
.fleft {
	float:left;
}
.sunpou-left {
	float:right;
	width:380px;
	margin:5px 30px 50px 0;
}
/* 商品紹介 */

.prod-no {
	font-size:150%;
	color:#FFFFFF;
	background-color:#04B396;
	padding:5px 15px;
	border:none;
	font-weight:bold;
	line-height:100%;
}
.prod-no-all {
	padding:10px 0;
}
/* 04 */

.kata-left {
	float:left;
	margin:15px 20px 10px 0;
}
.kata-right {
	float:left;
	margin:15px 0 10px 0;
}
.kata-left-2 {
	float:left;
	width:114px;
	margin-bottom:10px;
}
.kata-right-2 {
	float:right;
	width:740px;
	margin-bottom:10px;
}
table.kata-table {
	width:100%;
	border:solid 1px #D3D4CF;
	margin:0 0 10px 0;
}
table.kata-table th {
	background-color:#81806E;
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	border:solid 1px #D3D4CF;
	text-align:center;
	padding:3px;
}
table.kata-table td {
	font-size:100%;
	border:solid 1px #D3D4CF;
	text-align:center;
	padding:8px 0 3px 0px;
}
/* 05 */

.topmgn20 {
	margin-top:20px;
}
.blk05-left {
	width:421px;
	float:left;
	margin:10px 10px 0px 5px;
	display:inline;
}
.rightnomgn {
	margin-right:0px !important;
}
.blk05-img-left {
	padding:0 18px 0 0 !important;
}
.topmgn10 {
	margin-top:10px;
}
.btmmgn10 {
	margin-bottom:10px;
}
/* リンク */

table.links {
	width:871px;
}
table.links th {
	text-align:left;
}
table.corp-dev th {
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
	padding:10px;
	width:120px;
}
.topnobdr {
	border-top:none !important;
}
table.corp-dev td {
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
	padding:10px;
}
/* 検索結果 */

.size120 {
	font-size:120%;
}
ul.search-list {
	margin:10px 0 0 0;
	float:left;
}
ul.search-list li {
	border:solid 1px #CBCBCB;
	float:left;
	width:153px;
	margin:0 15px 15px 0;
	text-align:center;
	height:160px;
}
ul.search-list li img {
	margin:10px 0 0 0;
	border:solid 1px #CBCBCB;
}
ul.search-list li span {
	display:block;
	margin:5px;
	font-size:90%;
}
.hidden {
	display:none;
}
/* 施工 */

.sekou-blk {
	display:inline;
	float:left;
	width:871px;
	background-image: url(/images/sekou/sekou_bg.jpg);
	background-repeat: no-repeat;
	height:35px;
	margin:0 0 20px 0;
}
.sekou-blk .left {
	width:555px;
	float:left;
	font-size:140%;
	padding:7px 0 0 10px;
	display:inline;
}
.sekou-blk .right {
	float:right;
	width:306px;
	text-align:right;
	display:inline;
}
.sekou-blk .right .torisetsu {
	width:130px;
	display:block;
	float:right;
}
.sekou-blk .right .sekou {
	width:130px;
	display:block;
	float:right;
}
.topmgn40 {
	margin-top:40px !important;
}
.topmgn60 {
	margin-top:60px !important;
}
.red {
	color:red;
}
/** 特注品 **/

#sp-odr {
}
#sp-odr .left {
	float:left;
	width:333px;
	margin:0 12px 0 0;
}
#sp-odr .right {
	float:left;
	width:526px;
	margin:0 0px 0 0;
}
#sp-odr .left .txt {
	background-color:#DFDFD5;
	border-bottom:solid 1px #969487;
	border-left:solid 1px #969487;
	border-right:solid 1px #969487;
	float:left;
}
#sp-odr .left .txt p {
	margin:10px;
}
#sp-odr .left a {
	border-top:dashed 1px #969487;
	display:block;
	width:331px;
}

#sp-odr .left ul li{float:left;}
.so-01{

	}
	
.so-01 a.link {
	text-indent:-9999px;
	background-image:url(/images/special-order/side_01.gif);
	height:46px;
}

.so-01 a.link-on {
	background-image:url(/images/special-order/side_01_on.gif);
}
.so-02 a.link {
	text-indent:-9999px;
	background-image:url(/images/special-order/side_02.gif);
	height:46px;
}
/*
.so-02 a.link:hover {
	background-image:url(/images/special-order/side_02_on.gif);
}
*/

.so-02 a.link-on {
	background-image:url(/images/special-order/side_02_on.gif);
}

.so-03 a.link {
	text-indent:-9999px;
	background-image:url(/images/special-order/side_03.gif);
	height:46px;
}
.so-03 a.link-on {
	background-image:url(/images/special-order/side_03_on.gif);
}
.so-04 a.link {
	text-indent:-9999px;
	background-image:url(/images/special-order/side_04.gif);
	height:46px;
}
.so-04 a.link-on {
	background-image:url(/images/special-order/side_04_on.gif);
}
#sp-odr .right p.catch {
	margin:10px;
}
#sp-odr .right .bg {
	background-image: url(/images/special-order/main_bg.gif);
	float:left;
	width:520px;
	margin:0 0 20px 2px;
}
#sp-odr .right .bg .blk {
	border:solid 1px #9A9A92;
	float:left;
	width:489px;
	margin:14px 0 14px 14px;
	background-color:#FFFFFF;
}
#sp-odr .right .bg .blk .left {
	width:260px;
	float:left;
	margin:14px 0 15px 14px;
	display:inline;
}
#sp-odr .right .bg .blk .left h3 {
	margin:0px 0 10px 0;
}
#sp-odr .right .bg .blk .left table th, #sp-odr .right .bg .blk .left table td {
	vertical-align:top;
}
#sp-odr .right .bg .blk .right {
	width:208px;
	float:left;
	margin:5px 5px 5px 0;
		display:inline;
}


/** special-order dropdown **/

ul.dropdownSp ul li{
font-size:1em;
line-height:140%;
}

ul.dropdownSp li a {
	display: block;
}
ul.dropdownSp li:last-child a {
	border-right: none;
}

 /* Doesn't work in IE */
ul.dropdownSp li.hover {
	position: relative;
}

ul.dropdownSp ul {
	width:200px;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 331px;
	border:solid 1px #ACAAA4;
	background-color:#595549;
	color:#FFFFFF;
}
ul.dropdownSp ul li {
	width:200px;
	display:block;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdownSp ul li a {
	display:block;
	padding:2px 0px 2px 0px !important;
	border-top:none !important;
	color:#FFFFFF;
	width: 200px !important;
}
ul.dropdownSp ul li a:hover {
	background-color:#00AA8F;
	text-decoration:none;
	width: 200px !important;
	padding:2px 0px 2px 0px !important;
}

ul.dropdownSp ul li a span{
display:block;
margin:0 5px 0 5px;
color:#FFFFFF;
}