/* ====================================
基本設定開始
==================================== */
body { margin:0; padding:0; color:#333333; font-size:80%; line-height:140%; background:#F1F2F4; }
#wrap { margin:0; padding:0 0px; background:url(../img/wrap_back.jpg) repeat-x left top #F1F2F4; }
#shadow_top { width:720px; margin:0 auto; padding:0; background:url(../img/shadow_top.jpg) no-repeat left top; }
#shadow { width:720px; margin:0 auto; padding:0; background:url(../img/shadow.jpg) repeat-y left top; }
#shadow_bottom { width:720px; height:12px; margin:0 auto; padding:0; background:url(../img/shadow_bottom.jpg) no-repeat left bottom; }
/* 画像のボーダーと解除 */
.border {	margin: 10px 0px;	border: thin solid #CCCCCC;}
img { border:0; }
/* リンク */
a { color:#666666; text-decoration:underline; }
a:hover, a:active { color:#333333; text-decoration:none; }
/* テキスト寄せ */
.txtC { text-align:center; }
.txtR { text-align:right; }
.txtL { text-align:left; }
/* フロート */
.floatl { float:left; margin:0; }
.floatr { float:right; margin:0; }
.floatl10 { float:left; margin:0 10px 10px 0; }
.floatr10 { float:right; margin:0 0 10px 10px; }
.clear { clear:both; }
/* 詳細はこちらリンク */
.focus { text-align:right; }
.focus a { background:url(../img/ya1.jpg) no-repeat left center; padding-left:15px; }
/* フォントサイズのパターン */
.font200 { font-size:200%; }
.font150 { font-size:150%; }
.font140 { font-size:140%; }
.font130 { font-size:130%; }
.font120 { font-size:120%; }
.font110 { font-size:110%; }
.font90 { font-size:90%; font-weight:normal; }
.font80 { font-size:80%; font-weight:normal; }
.font70 { font-size:70%; font-weight:normal; }
.font60 { font-size:60%; font-weight:normal; }
.font50 { font-size:50%; font-weight:normal; }
/* フォント色のパターン */
.fontred1 { color:#FF0000; }
.fontred2 { color:#FF3300; }
.fontorange1 { color:#FF6600; }
.fontorange2 { color:#FF9900; }
.fontyellow1 { color:#FFcc00; }
.fontyellow2 { color:#FFFF00; }
.fontblue1 { color:#0000FF; }
.fontblue2 { color:#3399CC; }
.fontgreen1 { color:#006600; }
.fontgreen2 { color:#99CC00; }
.fontbrown1 { color:#993300; }
.fontbroun2 { color:#CC9966; }
.fontpurple1 { color:#6633CC; }
.fontpurple2 { color:#9999FF; }
.fontpink1 { color:#FF33CC; }
.fontpink2 { color:#FF99CC; }
.fontgray1 { color:#666666; }
.fontgray2 { color:#999999; }
/* 汎用的な幅のパターン */
.width5 { width:5%; }
.width7 { width:7%; }
.width8 { width:8%; }
.width10 { width:10%; }
.width12 { width:12%; }
.width15 { width:15%; }
.width17 { width:17%; }
.width18 { width:18%; }
.width20 { width:20%; }
.width22 { width:22%; }
.width25 { width:25%; }
.width27 { width:27%; }
.width28 { width:28%; }
.width30 { width:30%; }
.width32 { width:32%; }
.width35 { width:35%; }
.width37 { width:37%; }
.width38 { width:38%; }
.width40 { width:40%; }
.width42 { width:42%; }
.width45 { width:45%; }
.width47 { width:47%; }
.width48 { width:48%; }
.width50 { width:50%; }
.width52 { width:52%; }
.width55 { width:55%; }
.width57 { width:57%; }
.width58 { width:58%; }
.width60 { width:60%; }
.width62 { width:62%; }
.width65 { width:65%; }
.width67 { width:67%; }
.width68 { width:68%; }
.width70 { width:70%; }
.width72 { width:72%; }
.width75 { width:75%; }
.width77 { width:77%; }
.width78 { width:78%; }
.width80 { width:80%; }
.width82 { width:82%; }
.width85 { width:85%; }
.width87 { width:87%; }
.width88 { width:88%; }
.width90 { width:90%; }
.width92 { width:92%; }
.width95 { width:95%; }
.width97 { width:97%; }
.width98 { width:98%; }
.width100 { width:100%; }
/* ====================================
基本設定終了
==================================== */


/* ====================================
ヘッダ開始
==================================== */
#headwrap { height:87px; margin:0; padding:0; background:url(../img/headwrap_back.jpg) repeat-x left top; }
#headwrap #head { width:712px; margin:0 auto; padding:0; }
#headwrap #head h1 { margin:0; padding:0; float:left; }
#headwrap #head p.logo { margin:0; padding:0; float:left; width: 290px; }
#headwrap #head .right { margin:0; padding:0; float:right; text-align:right; }
#headwrap #head .right p.subnavi { margin:0 0 13px; padding:0; }
#headwrap #head .right p.login { margin:0; padding:0; }
#headwrap #head .right p.login a { display:block; width:145px; height:29px; margin:0 0 0 210px; padding:0; background:url(../img/sub_login.jpg) no-repeat left top; text-indent:-9999px; text-align:left; }
#headwrap #head .right p.login a:active, #headwrap #head .right p.login a:hover { background:url(../img/sub_login_on.jpg) no-repeat left top; }
/* ====================================
ヘッダ終了
==================================== */

/* ====================================
グローバルナビ開始
==================================== */
#gnaviwrap { height:34px; margin:0; padding:0; background:url(../img/gnaviwrap_back.jpg) repeat-x left top; }
#gnaviwrap #gnavi { width:702px; margin:0 auto; padding:0; position:relative; }
#gnaviwrap #gnavi ul { margin:0; padding:0; }
#gnaviwrap #gnavi li { display:inline; margin:0; padding:0; }
#gnaviwrap #gnavi a { display:block; width:140px; height:34px; margin:0; padding:0; float:left; text-indent:-9999px; }
#gnaviwrap #gnavi li.g1 a { background:url(../img/gnavi1.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g2 a { background:url(../img/gnavi2.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g3 a { background:url(../img/gnavi3.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g4 a { background:url(../img/gnavi4.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g5 a { background:url(../img/gnavi5.jpg) no-repeat left top; width:142px; }
/* マウスオーバー */
#gnaviwrap #gnavi li.g1 a:hover, #gnaviwrap #gnavi li.g1 a:active { background:url(../img/gnavi1_on.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g2 a:hover, #gnaviwrap #gnavi li.g2 a:active { background:url(../img/gnavi2_on.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g3 a:hover, #gnaviwrap #gnavi li.g3 a:active { background:url(../img/gnavi3_on.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g4 a:hover, #gnaviwrap #gnavi li.g4 a:active { background:url(../img/gnavi4_on.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g5 a:hover, #gnaviwrap #gnavi li.g5 a:active { background:url(../img/gnavi5_on.jpg) no-repeat left top; }
/* 現在位置表示 */
#gnaviwrap #gnavi li.g1 a.now { background:url(../img/gnavi1_on.jpg) no-repeat left top; }
.page-template-yamasitasub-php #gnaviwrap #gnavi li.g2 a { background:url(../img/gnavi2_on.jpg) no-repeat left top; }
.page-template-yamasitacom-php #gnaviwrap #gnavi li.g3 a { background:url(../img/gnavi3_on.jpg) no-repeat left top; }
.page-template-yamasitalink-php #gnaviwrap #gnavi li.g4 a { background:url(../img/gnavi4_on.jpg) no-repeat left top; }
#gnaviwrap #gnavi li.g5 a.now { background:url(../img/gnavi5_on.jpg) no-repeat left top; }
/* 取扱商品のプルダウンメニュー */
#gnaviwrap #gnavi li.g2 div.pull { width:140px; margin:0; padding:0 0 1px; position:absolute; top:34px; left:140px; border:1px solid #999999; border-bottom:0; background:#999999; visibility:hidden; }
#gnaviwrap #gnavi li.g2 div.pull a { width:140px; height:auto; margin:0; padding:5px 0; background:url(../img/sub/pull_back.jpg) repeat-x left top #333333; text-indent:0; color:#FFFFFF; text-align:center; text-decoration:none; vertical-align:middle; }
* html body #gnaviwrap #gnavi li.g2 div.pull a.end { margin-right:-3px; }
#gnaviwrap #gnavi li.g2 div.pull a span { font-size:11px; }
#gnaviwrap #gnavi li.g2 div.pull a:hover, #gnaviwrap #gnavi li.g2 div.pull a:active { text-decoration:underline; background:url(../img/sub/pull_back.jpg) repeat-x left top #333333; }
/* ====================================
グローバルナビ終了
==================================== */

/* ====================================
ローカルナビ開始
==================================== */
#lnavititle {	margin:0;	padding:20px 0px 0px 0px;	background-image: url(http://www.s-ys.co.jp/wp-content/uploads/2010/01/lnavititle_product.jpg);	height: 40px;	width: 172px;	font-size: 120%;	color: #FFFFFF;	text-decoration: none;	text-align: center;	vertical-align: middle;	font-weight: bold;}
#lnavititle2 {	margin:0;	padding:0px 0px 0px;height: 40px;	width: 172px;}
.leftTitle { font-weight: bold; color: #FFFFFF; background-color: #AAB8D3; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
#lnavi { width:170px; margin:0; padding:0; border:1px solid #CFD6E2; border-top:0; }
#lnavi ul { margin:0; padding:0; list-style-type:none; }
#lnavi li { display:inline; margin:0; padding:0; }
#lnavi li a { display:block; margin:0; padding:0 10px 1px 10px; color:#333333; text-decoration:none; background:url(../img/line.jpg) no-repeat center bottom #EDEEF1; }
#lnavi li a {
	padding:8px 0 7px 25px;
	display:block;
	background:url(../img/sub/lnavi_ya.jpg) no-repeat 0 50% #EDEEF1;
	border-top: thin none;
	border-right: thin none;
	border-bottom: thin solid #CCCCCC;
	border-left: thin none;
}
#lnavi li.end a { border-bottom:0; background:url(../img/spacer.gif) no-repeat left top #EDEEF1; }
/* マウスオーバー */
#lnavi li a:hover, #lnavi li a:active { text-decoration:underline; }
/* 現在位置表示 */
#lnavi li.now { }
.page-id-27 #lnavi li.lv1 a { background-color:#FFFFFF; }
.page-id-27 #lnavi li.lv1 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-47 #lnavi li.lv3 a { background-color:#FFFFFF; }
.page-id-47 #lnavi li.lv3 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-61 #lnavi li.lv4 a { background-color:#FFFFFF; }
.page-id-61 #lnavi li.lv4 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-112 #lnavi li.lv5 a { background-color:#FFFFFF; }
.page-id-112 #lnavi li.lv5 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-131 #lnavi li.lv6 a { background-color:#FFFFFF; }
.page-id-131 #lnavi li.lv6 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-143 #lnavi li.lv7 a { background-color:#FFFFFF; }
.page-id-143 #lnavi li.lv7 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-141 #lnavi li.lv8 a { background-color:#FFFFFF; }
.page-id-141 #lnavi li.lv8 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-145 #lnavi li.lv1 a { background-color:#FFFFFF; }
.page-id-145 #lnavi li.lv1 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
.page-id-149 #lnavi li.lv2 a { background-color:#FFFFFF; }
.page-id-149 #lnavi li.lv2 a span { background:url(../img/sub/lnavi_ya_on.jpg) no-repeat 0 50% #FFFFFF; }
/* ====================================
ローカルナビ終わり
==================================== */



/* ====================================
本文領域開始
==================================== */

#wrap #contwrap { width:700px; margin:0 auto; padding:0; }
#wrap #contwrap #cont { width:650px; margin:5px auto 0px; padding:0; }
#wrap #contwrap #cont #left2 { width:172px; margin:0 0 30px 0; padding:0; float:left; }
#wrap #contwrap #cont #right2 { width:456px; margin:0; padding:0; float:right; }
#wrap #contwrap #cont #right2 p { margin-right:5px; margin-left:5px; }
#wrap #contwrap #cont #right2 h1 { margin:0; padding:0; }
#wrap #contwrap #cont #right2 div.h2 { margin:40px 0 0; padding:2px 0 0; background:url(../img/h2_top.jpg) repeat-x left top; }
#wrap #contwrap #cont #right2 div.first { margin-top:40px; }
#wrap #contwrap #cont #right2 h2 { margin:0; padding:4px 0 6px 21px; background:url(../img/h2_back.jpg) no-repeat left center; border-bottom:1px solid #74ADC1; font-size:120%; }
#wrap #contwrap #cont #right2 h3 { margin:30px 0 0; padding:2px 0 7px 5px; background:url(../img/h3_back2.jpg) repeat-x left bottom; font-size:110%; }
#wrap #contwrap #cont #right2 h3 span { padding-top:3px; padding-bottom:1px; padding-left:15px; display:block; background:url(../img/h3_ya.jpg) no-repeat left center; }
/* お問い合せフォーム */
#contwrap2 { width:664px; height: 770px; margin:0 auto; padding:0; }
#wrap #contwrap #cont #right3 {	width:456px;	margin:0;	padding:0;	float:right;}
#wrap #contwrap #cont #right3 p { margin-right:5px; margin-left:5px; }
#wrap #contwrap #cont #right3 h1 { margin:0; padding:0; }
#wrap #contwrap #cont #right3 div.h2 { margin:40px 0 0; padding:2px 0 0; background:url(../img/h2_top.jpg) repeat-x left top; }
#wrap #contwrap #cont #right3 div.first { margin-top:40px; }
#wrap #contwrap #cont #right3 h2 { margin:0; padding:4px 0 6px 21px; background:url(../img/h2_back.jpg) no-repeat left center; border-bottom:1px solid #74ADC1; font-size:120%; }
#wrap #contwrap #cont #right2 h3 { margin:30px 0 0; padding:2px 0 7px 5px; background:url(../img/h3_back2.jpg) repeat-x left bottom; font-size:110%; }
#wrap #contwrap #cont #right2 h3 span { padding-top:3px; padding-bottom:1px; padding-left:15px; display:block; background:url(../img/h3_ya.jpg) no-repeat left center; }

/* 単一ページ右カラム */
#wrap #contwrap2 { width:664px; height: 770px; margin:0 auto; padding:0; }
#wrap #contwrap #cont #right4 {	width:456px;	margin:0;	padding:0;	float:right;}
#wrap #contwrap #cont #right4 p { margin-right:5px; margin-left:5px; }
/* yamasitaother ページレイアウト */
#contwrap3 { width:664px; height: 400px; margin:0 auto; padding:0; }
/* テーブル */
#right table { margin:20px 0 10px; background:#CCCCCC; }
#right table th { background:#EEEEEE; vertical-align:top; }
#right table td { background:#FFFFFF; }
/* リスト */
ul, ol { margin:15px 0 5px 11px; padding:0; }
ul.type1 { list-style-image:url(../img/ya3.jpg); list-style-type:none; }
ul.type2 { list-style-image:url(../img/ya2.jpg); list-style-type:none; }
ul.type2 li { padding-left:5px; }
ul.type3 { list-style-image:url(../img/ya4.jpg); list-style-type:none; }
ul li { margin:3px 0 4px 9px; padding:0; }
ol li { margin:5px 0 5px 15px; padding:0; }
/* パンくずリスト */
p.path { margin:0; padding:18px 0 12px 28px; }
p.path a { color:#BEBEBE; text-decoration:underline; }
p.path a:active, p.path a:hover { color:#9C9C9C; text-decoration:none; }
/* トップページパンくずリスト非表示の設定 */
.page-id-12 .none {	display:none;}
/* ページトップへ　*/
p.pagetop { margin:30px 0 0; padding:0; text-align:right; }
p.pagetop a { background:url(../img/pagetop.jpg) no-repeat left center; padding-left:15px; }
/* ====================================
本文領域終了
==================================== */


/* ====================================
フッタ開始
==================================== */
#fot { width:698px; margin:0 auto; padding:0; border-top:1px solid #DADADA; background:url(../img/fot_back.jpg) repeat-x left bottom #FFFFFF; }
#fot p.name { margin:0; padding:10px 0 0 26px; font-weight:bold; }
#fot address { margin:0; padding:5px 0 5px 26px; font-style:normal; }
#copyright { width:720px; margin:0 auto; padding:0; text-align:center; background:url(../img/copyright_back.jpg) no-repeat left top; color:#1B47A2; }
#fot address a { color:#333333; }
/* ====================================
フッタ終了
==================================== */