@charset "UTF-8";
/* CSS Document */

/* ■↓ブラウザ依存の表示崩れ防止、フォントリセットCSS =01 */
	/* IE7のZOOM機能による崩れ対策 */
	*:first-child+html * {letter-spacing: 0;}
	/* WINDOWS版IE5のポジショニングバグ \*/
	*html #basic { height:1%;}
	/* ポジショニングバグ対策終わり */
	/* ブラウザ依存でついてしまうmarginとpadding部分のリセット */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
	/* テーブルの枠（ボーダー）の表示モデルを結合ボーダーモデル、隣接するセルのボーダーとボーダーの間隔を0 */
	table {border-collapse:collapse;border-spacing:0;}
	/* フィールドセット(フォームのグループ化<legend>でタイトルが付けられる)と画像のボーダーを0 */
	fieldset,img {border:0;}
	/* 斜体や太字等の処理をリセット */
	address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
	/* リスト部分のマーカーを削除*/
	ol,ul {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;}
	/* ここからフォントの定義 */
	body {font:13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;*font-size:small;*font:x-small;}
	table {font-size:inherit;font:100%;}
	pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
	/* フロート後の表示崩れ防止 */
	/* ↓極力使用を避ける */
	.clear {clear:both;}
	/* ↓.clearfixはfloat要素を囲む部分にあてる。どうしても↑.clearを利用するときは必要なし */
	.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
	.clearfix {min-height: 1px;}
	* html .clearfix {height: 1px;/*¥*//*/height: auto;overflow: hidden;/**/}
	
/* ■↓要素のイメージ置き換え（background・padding-top・width以外）設定 =02 */
	.image {
		display:block;
		height:0;
		overflow:hidden;
		line-height:3em;
	}
	.none {
		display:block;
		height:0;
		overflow:hidden;
	}
	
/* ■↓javascript機能をOFF時のアラートの設定 =03 */
	.no-script {
		font-size:x-small;
		text-align:right;
		background-color: #F99;
		padding:5px;
		color:#000;
		border-bottom:#999 solid 1px;
	}
/* ■↓margin,paddingの設定 */
	.pd-0  {padding:0    !important;}.pd-5  {padding:5px  !important;}.pd-10 {padding:10px !important;}.pd-15 {padding:15px !important;}.pd-20 {padding:20px !important;}.pd-25 {padding:25px !important;}.pd-30 {padding:30px !important;}.pd-35 {padding:35px !important;}.pd-40 {padding:40px !important;}.pd-45 {padding:45px !important;}.pd-50 {padding:50px !important;}
	.pd-l-0  {padding-left:0    !important;}.pd-l-5  {padding-left:5px  !important;}.pd-l-10 {padding-left:10px !important;}.pd-l-15 {padding-left:15px !important;}.pd-l-20 {padding-left:20px !important;}.pd-l-25 {padding-left:25px !important;}.pd-l-30 {padding-left:30px !important;}.pd-l-35 {padding-left:35px !important;}.pd-l-40 {padding-left:40px !important;}.pd-l-45 {padding-left:45px !important;}.pd-l-50 {padding-left:50px !important;}
	.pd-r-0  {padding-right:0    !important;}.pd-r-5  {padding-right:5px  !important;}.pd-r-10 {padding-right:10px !important;}.pd-r-15 {padding-right:15px !important;}.pd-r-20 {padding-right:20px !important;}.pd-r-25 {padding-right:25px !important;}.pd-r-30 {padding-right:30px !important;}.pd-r-35 {padding-right:35px !important;}.pd-r-40 {padding-right:40px !important;}.pd-r-45 {padding-right:45px !important;}.pd-r-50 {padding-right:50px !important;}
	.pd-t-0  {padding-top:0px  !important;}.pd-t-5  {padding-top:5px  !important;}.pd-t-10 {padding-top:10px !important;}.pd-t-15 {padding-top:15px !important;}.pd-t-20 {padding-top:20px !important;}.pd-t-25 {padding-top:25px !important;}.pd-t-30 {padding-top:30px !important;}.pd-t-35 {padding-top:35px !important;}.pd-t-40 {padding-top:40px !important;}.pd-t-45 {padding-top:45px !important;}.pd-t-50 {padding-top:50px !important;}
	.pd-b-0  {padding-bottom:0px  !important;}.pd-b-5  {padding-bottom:5px  !important;}.pd-b-10 {padding-bottom:10px !important;}.pd-b-15 {padding-bottom:15px !important;}.pd-b-20 {padding-bottom:20px !important;}.pd-b-25 {padding-bottom:25px !important;}.pd-b-30 {padding-bottom:30px !important;}.pd-b-35 {padding-bottom:35px !important;}.pd-b-40 {padding-bottom:40px !important;}.pd-b-45 {padding-bottom:45px !important;}.pd-b-50 {padding-bottom:50px !important;}
	.mg-0  {margin:0    !important;}.mg-5  {margin:5px  !important;}.mg-10 {margin:10px !important;}.mg-15 {margin:15px !important;}.mg-20 {margin:20px !important;}.mg-25 {margin:25px !important;}.mg-30 {margin:30px !important;}.mg-35 {margin:35px !important;}.mg-40 {margin:40px !important;}.mg-45 {margin:45px !important;}.mg-50 {margin:50px !important;}
	.mg-l-0  {margin-left:0    !important;}.mg-l-5  {margin-left:5px  !important;}.mg-l-10 {margin-left:10px !important;}.mg-l-15 {margin-left:15px !important;}.mg-l-20 {margin-left:20px !important;}.mg-l-25 {margin-left:25px !important;}.mg-l-30 {margin-left:30px !important;}.mg-l-35 {margin-left:35px !important;}.mg-l-40 {margin-left:40px !important;}.mg-l-45 {margin-left:45px !important;}.mg-l-50 {margin-left:50px !important;}
	.mg-r-0  {margin-right:0    !important;}.mg-r-5  {margin-right:5px  !important;}.mg-r-10 {margin-right:10px !important;}.mg-r-15 {margin-right:15px !important;}.mg-r-20 {margin-right:20px !important;}.mg-r-25 {margin-right:25px !important;}.mg-r-30 {margin-right:30px !important;}.mg-r-35 {margin-right:35px !important;}.mg-r-40 {margin-right:40px !important;}.mg-r-45 {margin-right:45px !important;}.mg-r-50 {margin-right:50px !important;}
	.mg-t-0  {margin-top:0px  !important;}.mg-t-5  {margin-top:5px  !important;}.mg-t-10 {margin-top:10px !important;}.mg-t-15 {margin-top:15px !important;}.mg-t-20 {margin-top:20px !important;}.mg-t-25 {margin-top:25px !important;}.mg-t-30 {margin-top:30px !important;}.mg-t-35 {margin-top:35px !important;}.mg-t-40 {margin-top:40px !important;}.mg-t-45 {margin-top:45px !important;}.mg-t-50 {margin-top:50px !important;}
	.mg-b-0  {margin-bottom:0px  !important;}.mg-b-5  {margin-bottom:5px  !important;}.mg-b-10 {margin-bottom:10px !important;}.mg-b-15 {margin-bottom:15px !important;}.mg-b-20 {margin-bottom:20px !important;}.mg-b-25 {margin-bottom:25px !important;}.mg-b-30 {margin-bottom:30px !important;}.mg-b-35 {margin-bottom:35px !important;}.mg-b-40 {margin-bottom:40px !important;}.mg-b-45 {margin-bottom:45px !important;}.mg-b-50 {margin-bottom:50px !important;}

/* ■↓ゼビオ基本設定 */

body {
	background:#000 url(../images/suijin2-background.jpg) center top repeat-x;
	color:#fff;
	text-align:center;
	margin: 0;
	padding: 0;
}

/* ↓ゼビオフッタの設定 */
address {padding:5px 0;text-align: right;font-size:xx-small;}
.caution {font-size:x-small;text-align:right;padding-top:1em;}

/* ↓ゼビオヘッダの設定*/
#xebio-header-wrapper {	background:#f4e7d1; border-bottom:#888 solid 1px; border-top:#009e4e solid 5px;}
#xebio-header-main a {width:70px;height:0;padding-top:40px;overflow:hidden;display:block;background: url(../img/planet-spcg-logo.jpg) no-repeat 0 0;float:left;margin:5px 0;}

/* ↓表示領域設定*/
#xebio-header, #basic {
	width:920px;
	margin:0 auto;
	text-align:left;
}
#basic {
	margin:20px auto;
	background:#000;
	border-radius: 10px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
#contents {
	padding:10px 0;
}
#footer {
	margin:0 20px;
	border-top:#ddd dotted 1px;
	padding-bottom:10px;
}
/* ■↑ゼビオ基本設定 終わり */


/* ■↓ヘッダーの設定 */

#header h1 a {
	margin:15px 0 5px 15px;
	float:left;
	display:block;
	width:160px;
	height:0;
	padding-top:70px;
	overflow:hidden;
	background:url(../images/suijin2-h1.jpg) 0 0 no-repeat;
}
.primary-menu {
	margin:10px 10px 5px 0;
	float:right;
	display:block;
	width:130px;
	height:0;
	padding-top:30px;
	overflow:hidden;
	background:url(../images/suijin2-header-1.jpg) 0 0 no-repeat;
}
#fina {
	margin:10px 5px 5px 0;
	float:right;
	display:block;
	width:100px;
	height:0;
	padding-top:30px;
	overflow:hidden;
	background:url(../images/suijin2-header-2.jpg) 0 0 no-repeat;
}
#header #ec-banner a {
	margin:10px 5px 0 0;
	float:right;
	display:block;
	width:170px;
	height:0;
	padding-top:40px;
	overflow:hidden;
	background:url(../images/suijin2-header-4.jpg) 0 0 no-repeat;
}
#header #inquiry-banner a {
	clear:right;
	margin:10px 5px 0 0;
	float:right;
	display:block;
	width:170px;
	height:0;
	padding-top:40px;
	overflow:hidden;
	background:url(../images/suijin2-header-3.jpg) 0 0 no-repeat;
}
/* グローバルメニューの設定 */
.global-menu li {
	float:left;
}
.global-menu li a {
	display:block;
	height:0;
	padding-top:60px;
	overflow:hidden;
}
.global-menu li#gm01 a { background:url(../images/suijin2-gm.jpg) 0 0 no-repeat; width:160px;}
.global-menu li#gm02 a { background:url(../images/suijin2-gm.jpg) -160px 0 no-repeat; width:150px;}
.global-menu li#gm03 a { background:url(../images/suijin2-gm.jpg) -310px 0 no-repeat; width:150px;}
.global-menu li#gm04 a { background:url(../images/suijin2-gm.jpg) -460px 0 no-repeat; width:150px;}
.global-menu li#gm05 a { background:url(../images/suijin2-gm.jpg) -610px 0 no-repeat; width:150px;}
.global-menu li#gm06 a { background:url(../images/suijin2-gm.jpg) -760px 0 no-repeat; width:160px;}
.global-menu li#gm01 a:hover { background-position: 0 -60px !important; }
.global-menu li#gm02 a:hover { background-position: -160px -60px !important; }
.global-menu li#gm03 a:hover { background-position: -310px -60px !important; }
.global-menu li#gm04 a:hover { background-position: -460px -60px !important; }
.global-menu li#gm05 a:hover { background-position: -610px -60px !important; }
.global-menu li#gm06 a:hover { background-position: -760px -60px !important; }
.global-menu li#gm01.selected a { background-position: 0 -120px !important; }
.global-menu li#gm02.selected a { background-position: -160px -120px !important; }
.global-menu li#gm03.selected a { background-position: -310px -120px !important; }
.global-menu li#gm04.selected a { background-position: -460px -120px !important; }
.global-menu li#gm05.selected a { background-position: -610px -120px !important; }
.global-menu li#gm06.selected a { background-position: -760px -120px !important; }

/* ■トップページの設定 */
#suijin2-top-01 {background:url(../images/suijin2-top-1.jpg) 0 10px no-repeat; width:920px; padding-top:410px;}
#suijin2-top-02 {background:url(../images/suijin2-top-2.jpg) 0 10px no-repeat; width:920px; padding-top:60px;}
#suijin2-top-04 {background:url(../images/suijin2-top-4.jpg) 0 10px no-repeat; width:920px; padding-top:120px;}
#suijin2-top-05 {background:url(../images/suijin2-top-5.jpg) 0 10px no-repeat; width:920px; padding-top:40px;}
#top-fina {position:relative;display:block;height:80px;margin-top:15px;}
#top-fina img {position:absolute;top:0;left:20px;}
#top-fina div {position:absolute;top:0;left:230px;}

/* ■素材のページ設定 */
#suijin2-function-01 {background:url(../images/suijin2-function-1.jpg) 0 10px no-repeat; width:920px; padding-top:60px;}
#suijin2-function-02 {background:url(../images/suijin2-function-2.jpg) 0 10px no-repeat; width:920px; padding-top:40px;}

/* ■構造・縫製のページ設定 */
#suijin2-structure-01 {background:url(../images/suijin2-structure-1.jpg) 0 10px no-repeat; width:920px; padding-top:60px;}
#suijin2-structure-02 {background:url(../images/suijin2-structure-2.jpg) 0 10px no-repeat; width:920px; padding-top:40px;}
#suijin2-structure-06 {background:url(../images/suijin2-structure-6.jpg) 0 10px no-repeat; width:920px; padding-top:40px;}

/* ■商品のページ設定 */
#suijin2-product-01 {background:url(../images/suijin2-product-1.jpg) 0 0 no-repeat; width:300px; padding-top:250px;float:left;}
#suijin2-product-02 {background:url(../images/suijin2-product-2.jpg) 0 0 no-repeat; width:300px; padding-top:250px;float:left;}
#suijin2-product-03 {background:url(../images/suijin2-product-3.jpg) 0 0 no-repeat; width:300px; padding-top:250px;float:left;}

#suijin2-product-04 {background:url(../images/suijin2-product-4.jpg) 0 0 no-repeat; width:900px; padding-top:30px;}

#suijin2-product-05 {background:url(../images/suijin2-product-5.jpg) 0 0 no-repeat; width:300px; padding-top:220px;float:left;}
#suijin2-product-06 {background:url(../images/suijin2-product-6.jpg) 0 0 no-repeat; width:300px; padding-top:220px;float:left;}
#suijin2-product-07 {background:url(../images/suijin2-product-7.jpg) 0 0 no-repeat; width:300px; padding-top:220px;float:left;}

#suijin2-product-09 {background:url(../images/suijin2-product-9.jpg) 0 0 no-repeat; width:900px; padding-top:30px;}

#suijin2-product-10 {background:url(../images/suijin2-product-10.jpg) 0 0 no-repeat; width:300px; padding-top:300px;float:left;}
#suijin2-product-11 {background:url(../images/suijin2-product-11.jpg) 0 0 no-repeat; width:300px; padding-top:300px;float:left;}
#suijin2-product-12 {background:url(../images/suijin2-product-12.jpg) 0 0 no-repeat; width:300px; padding-top:300px;float:left;}

#bag {background:url(../images/suijin2-product-page-7.jpg) 0 0 no-repeat; width:900px; padding-top:200px;}


/* ■取扱上の注意のページ設定 */
#suijin2-caution-01 {background:url(../images/suijin2-caution-1.jpg) 0 10px no-repeat; width:920px; padding-top:50px;}
#suijin2-caution-03 {background:url(../images/suijin2-caution-3.jpg) 0 10px no-repeat; width:920px; padding-top:50px;}

/* ■取扱店舗 */
#suijin2-shop-01 {background:url(../images/suijin2-shop-1.jpg) 0 10px no-repeat; width:920px; padding-top:40px;}
table, th, td {
	border:#CCC 1px solid;
	font-size:12px;
}
/* テーブルの設定 */
table {
	width:880px;
	margin:10px 20px;
}
th, td {
	padding:5px;
	text-align:center;
}
th {
	background:#333;
}
table a {
	color:#FFF;
	text-decoration:underline;
}
#product table {
	margin:0;
	width:auto;
}
/* 定義リストの設定 */
dl {
	margin-left:25px;
	margin-bottom:10px;
}
dt {
	display:block;
	float:left;
	width:5em;
}
dd {
	display:block;
	margin-left:6em;
}
dd strong {
	font-weight:bold;
}
/* 商品ページの設定 */
#product h3 {
	font-size:16px;
	margin-left:15px;
}
#product h3 strong {
	font-weight:bold;
	font-size:24px;
	color:#c6a400;
}
#product img {
	float:right;
	margin-right:20px;
}
.price {
	font-size:18px;
	padding-bottom:10px;
}


/* ■↓コンテンツの設定 */
#contents p {
	margin:8px 20px 0;
	line-height:1.4em;
}
#contents h4 {
	font-weight:bold;
	font-size:18px;
	margin:10px 20px 0;
}

#contents p strong {
	font-weight:bold;
}
#contents img.right {
	float:right;
	margin:15px 20px 15px 20px;
}

/* ↓リンク部分設定 */
#contents a {
	text-decoration:none;
}
#contents a:hover, #contents a:hover {
	color:#0000ff;
	text-decoration:underline;
}

/* リンク部分の設定 */
.link {
	display:block;
	padding-top:15px;
	text-align:right;
	clear:both;
}
.link a {
	background:url(../images/hot-spot.jpg) top left no-repeat;
	padding-left:15px;
	line-height:15px;
	font-size:14px;
}
.pagetop a {
	display:block;
	width:130px;
	height:0;
	padding-top:30px;
	overflow:hidden;
	background:url(../images/suijin2-pagetop.jpg) top left no-repeat;
	float:right;
	clear:both;
	line-height:15px;
	font-size:14px;
}
#cart a {
	display:block;
	padding-top:65px;
	width:550px;
	height:0;
	background:url(../images/cart.jpg) right top no-repeat;
	overflow:hidden;
	float: right;
	clear:both;
}