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

/* page.css  をインポートします */
@import url("commodity.css");
@import url("demonstration.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background-color: #000;
background-image: url(images/sugakyu-bg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed; 
}

.clearfix{
	clear:both;
}

ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
div#wrapper{
	width:1020px;
	position:relative;
	margin:0 auto;
	background-image:url(images/wrapper_bg.png);
	/*background-color:#0f371d;*/
	background-repeat:repeat-y;
}

#header{
	width:960px;
	height: 120px;
	padding:10px 30px 0 30px;
}

#header h1{
	width: 420px;
	height: 104px;
	margin-left:0px;
	margin-top:10px;
	/*background-image:url(images/logo.gif);*/
	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	float:left;
	text-indent: -9999px;
}

#catch {
	width: 180px;
	height: 85px;
	margin:20px 0 0 100px;
	text-indent:-9999px;
	/*background-image:url(images/header_sefety.png);*/
	background-image:url(images/header_sefety-2.png);
	float:left;
}

/*ヘッダー右上のコンタクトここから*/
#contact {
	float:left;
	padding:30px 0 0 50px;
}

address {
	color:#fff;
	font-size: 16px;
	padding-top: 10px;
}
/*ヘッダー右上のコンタクトここまで*/

#mainimg{
	width: 960px;
	height: 360px;
	padding:0 30px;
}

/*現行のグローバルメニューここから*/
#globalmenu {
	width: 1020px;
	height: 50px;
	margin:10px auto;
	background-image:url(images/gm-bg.gif);
}

ul#globalmenu{
	width:1020px;
	height:50px;
	margin:0px;
}

ul#globalmenu li{
	float:left;
	list-style:none;
}

ul#globalmenu li a{
	display:block;
	float:left;
	height:50px;
	line-height:50px;
	margin-left:63px;
	text-align:center;
	text-decoration:none;
	/*color:#10381e;*/
	color:#fff;
	text-shadow:
	0px 0px 4px #000,
	0px 0px 6px #000;
	font-size:130%;
	font-weight:bold;
}

ul#globalmenu li a:hover{
	color:#0f371d;
	text-decoration:none;
	text-shadow:none;
}

/*現行のグローバルメニューここまで*/

/*過去のグローバルメニューここから*/
#globalmenu-test {
	width: 1020px;
	height: 65px;
	margin:10px auto;
	background: url(images/globalmenu00002.png) no-repeat;
}

ul#globalmenu-test {
	width:1020px;
	margin:0px;
	overflow: hidden;
}

ul#globalmenu-test li{
	float:left;
	list-style:none;
}

ul#globalmenu-test li a{
	display:block;
	float:left;
	height:66px;
	text-indent:-9999px;
	background:url(images/globalmenu.png) no-repeat;
	overflow:hidden;
}

ul#globalmenu-test a.home {
	width:200px;
	background-position:0px 0px;
}
ul#globalmenu-test li a.home:hover {background-position:0px -66px;}

ul#globalmenu-test a.overview {
	width: 160px;
	background-position:-200px 0px;
}
ul#globalmenu-test li a.overview:hover {background-position:-200px -66px;}

ul#globalmenu-test li a.vision {
	width: 140px;
	background-position:-360px 0px;
}
ul#globalmenu-test li a.vision:hover {background-position:-360px -66px;}

ul#globalmenu-test li a.club {
	width: 190px;
	background-position:-500px 0px;
}
ul#globalmenu-test li a.club:hover {background-position:-500px -66px;}

ul#globalmenu-test li a.products {
	width: 140px;
	background-position:-690px 0px;}
ul#globalmenu-test li a.products:hover {background-position:-690px -66px;}

ul#globalmenu-test li a.howto {
	width: 150px;
	background-position:-830px 0px;}
ul#globalmenu-test li a.howto:hover {background-position:-830px -66px;}
/*過去のグローバルメニューここまで*/

#content_wrapper{
	width:960px;
	background-color:#fff;
	margin:0 30px 20px 30px;
	padding:10px 0 7px 0;
}
#content_wrap{
	width:700px;
	float:left;
	margin:0;
	padding-left:10px;

}

#content {
	width:700px;
	background:#fff;
	margin:0;
	padding:0;
}

#content h2{
	width: 700px;
	height: 36px;
	font-size:120%;
	font-weight:nomal;
	line-height:36px;
	text-indent:10px;
	background-color:#0f371d;
	/*background:url(images/content_header.gif) no-repeat;*/
	color: #FFFFFF;
}
.sugakyu_club_h3{
	width: 695px;
	height: 26px;
	font-size:110%;
	font-weight:nomal;
	text-indent:10px;
	border-bottom:solid 1px #0f371d;
	border-left:solid 5px #0f371d;
	margin:20px 0px;
	/*background:url(images/content_header.gif) no-repeat;*/
}
/*トップページ　挿入写真*/

img.toppage-news-photo {
	max-width: 150px; /* 画像の最大解像度 */
	height: auto; /* 高さは自動(縦横比保持) */ }
}

/*トップページ　お知らせここから*/

#content {
	margin-left:26px;
	width: 700px;
	float:left;
	background-color:#fff;
}

#content dl {
	width:660px;
	margin:10px 20px 0 20px;
	padding: 0px 0px 20px 0px;
}

#content dt {
	float:left;
	line-height:1.5em;
	padding:5px 0;
	clear:both;
	font-weight:nomal;
	font-size:105%;
	color:#000;
}

#content dd {
	line-height:1.5em;
	padding:5px 5px 5px 10px;
	font-size:105%;
}

dt.post_home {
	width: 140px;
	color:#333;
	border-bottom: 1px #333 dotted;
}

dd.post_home {
	margin-left:140px;
	color:#8FC31F;
	border-bottom: 1px #333 dotted;
}

dt.blog_home {
	width: 140px;
	color:#333;
	border-bottom: 1px #333 dotted;
}

dd.blog_home {
	width: 480px;
	margin-left:140px;
	color:#b2b220;
	border-bottom: 1px #333 dotted;
}

dd.post_home a{ color:#8FC31F;  text-decoration:none; }
dd.post_home a:hover{ color:#fff; background:#8FC31F; text-decoration:none; }
dd.blog_home a{ color:#b2b220;  text-decoration:none; }
dd.blog_home a:hover{ color:#fff; background:#8FC31F; text-decoration:none; }

#content ul {
	width:660px;
	margin:10px 20px 0 20px;
	padding: 0px 0px 20px 0px;
}

#content ul li {
	line-height:1.5em;
	padding:5px 5px 5px 10px;
	font-size:105%;
	border-bottom: 1px #333 dotted;
}



/*トップページ　お知らせここまで*/

/*固定ページ文章ここから*/
#content h3{
	/*color:#8FC31F;*/
	color:#0f371d;
	border-bottom:1px solid #0f371d;
	margin-top:15px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
	line-height:160%;
}

/*div.post{
	margin:10px;
}*/

div.entry p{
	color:#333;
	font-size:100%;
	line-height:160%;
}
#content div.entry p.mar{
	margin-bottom:10px;
}
/*固定ページ文章ここまで*/

/*アクセスページスタイルはここから*/
#access_access h1{
	width: 363px;
	height: 80px;
	margin:20px 0 0 23px;
	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	float:left;
	text-indent: -9999px;
}

#access_wrapper {
	width: 700px;
	height: 630px;
	background-image:url(images/wrapper_bg_2.jpg);
	background-repeat:repeat-y;
}

#access_contacts {
	width: 400px;
	height: 160px;
	float:left;
	color:#8E7854;
}

#access_contacts dl {
	width:400px;
	margin-left:10px;
}

#access_contacts dt {
	float:left;
	line-height:1.0;
	width:60px;
	text-align:right;
	padding:4px 0 2px 0px;
	font-weight:bold;
}

#access_contacts dd {
	line-height:1.0;
	padding:4px 0 2px 0px;
	margin-left:30px;
}

#access_shizukuishichou_nituite {
	width:290px;
	height: 550px;
	float:right;
	margin-top:40px;
	text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
	background-image:url(images/shizukuishichou_nituite.png);
}

#access_heisei20nendo {
	width:400px;
	height: 100px;
	float:left;
	background-image:url(images/access_heisei20nendo.png);
	text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
}

#access_googlemap {
	width:250px;
	height: 250px;
	margin-left:80px;
}
	
/*アクセスページスタイルはここまで*/
#overview ul {
	list-style:none;
	margin: 0 0 0 -17px;
}

#overview ul li {
	margin: 0 0 0 17px;
}





/*バナーエリアここから*/

div#bn {
	margin:30px 0 0 0;
}

ul#bn {
	list-style:none;
	margin: 0 0 0 -17px;
}

ul#bn li {
	margin: 0 0 0 17px;
	float:left;
}
/*バナーエリアここまで*/

/*サイドバーここから*/
#sidebar {
	width: 220px;
	height: auto;
	float:left;
	margin:0 0 20px 20px;
}
/*サイドバーここまで*/

/*サイドメニューここから*/
#side_navi {
	width: 220px;
	height: 174px;
	background-color:#FFF;
	margin-bottom:20px;
}

div#side_navi ul {
	width: 220px;
	height: 34px;
	margin:auto;
	list-style:none;
}
div#side_navi ul li {
	width: 220px;
	height: 34px;
}
div#side_navi ul li a {
	display: block;
	margin: 0px;
	width: 220px;
	height: 34px;
	background: no-repeat 0 0;
	text-indent: -9999px;
	outline: none;
}
div#side_navi ul li a:hover {background-position: -220px 0px;}
div#side_navi ul li#side_home a {background-image:url(images/side_home.gif)}
div#side_navi ul li#side_products a {background-image:url(images/side_products.gif)}
div#side_navi ul li#side_safety a {background-image:url(images/side_safety.gif)}
div#side_navi ul li#side_management-concept a {background-image:url(images/side_vision.gif)}
div#side_navi ul li#side_howto a {background-image:url(images/side_howto.gif)}
div#side_navi ul li#side_overview a {background-image:url(images/side_overview.gif)}
div#side_navi ul li#side_access a {background-image:url(images/side_access.gif)}


/*サイドメニューここまで*/

/*サイドバナーパーツ*/
div.side_bn{
	display: block;
	width: 220px;
	margin-bottom; 20px;
}

div.side_bn ul li {
	display: block;
	margin-bottom; 10px;
}


li#side_komekomen_bn a{
	display: block;
	width: 220px;
	height: 70px;
	background-image:url(images/bn-komekomen.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	margin-bottom:5px;
}

li#side_action_bn a {
	display: block;
	width: 220px;
	height: 65px;
	background-image:url(images/bn_action2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}


li#side_blog_bn a {
	display: block;
	width: 220px;
	height: 90px;
	background-image:url(images/bn_blog.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}

li#side_fb_bn a {
	display: block;
	width: 220px;
	height: 90px;
	background-image:url(images/bn_fb.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
/*サイド追加0906*/
li#side_inekari_bn a{
	display: block;
	width: 220px;
	height: 125px;
	background-image:url(images/sugakyu-0906-tmb.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	margin-bottom:5px;
}

/*サイド追加1023*/
li#side_online_bn a{
	display: block;
	width: 220px;
	height: 80px;
	background-image:url(images/online_bn.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	margin-bottom:5px;
}

li#side_iwateyama_bn a{
	display: block;
	width: 220px;
	height: 71px;
	background-image:url(images/bn_iwateyama2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	margin:10px 0px 5px 0px;
}


/*▼すがきゅう倶楽部のページ*/


.club-sugakyu {
	float:left;
	text-align: center;
	width: 216px;
	height: 230px;
	padding: 3px;
	margin: 3px;
	border:solid 2px #E7DDB7;
	background:#FFFFFF;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.club-sugakyu-title {
	margin-top: 5px;
	padding: 5px;
	text-align: center;
	height:60px;
}

.club-sugakyu-title a{
	text-decoration:none;
}

.club-sugakyu-title a:hover{
	color:#ff0000;
}

.naiyou-club-sugakyu {
	width: 650px;
	margin: 0px auto 0px auto;
	padding:30px;
}

.naiyou-club-sugakyu-Material {
	width: 250px;
	float:left;
	padding:0px 10px 10px 0;
	margin: 0px 10px 10px 0;
}

.Material-line {
	width: 250px;
	line-height: 1.1em;
}

.recipe-line {
	line-height: 1.3em;
	margin: 10px;
}

div.left {
	float:left;
}

div.right {
	float:right;

}

/*雫石まちのたね*/
li#side_shizukuishi_bn a {
	display: block;
	width: 230px;
	height: 164px;
	background-image:url(images/shizukuishi_mati_no_tane_03.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}	
/*サイドリンクパーツここまで*/


/*フッターここから*/

/*
#footer {
	width:1000px;
	height: 22px;
	margin:0 auto;
	background-image:url(images/footer.png);
	background-repeat: no-repeat;
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:22px;
}
*/

#footer {
	width:1020px;
	height: 60px;
	line-height:60px;
	margin:0 auto;
	background-color:#0f371d;
	color:#fff;
	font-size:16px;
	text-align:center;
}
/*フッターここまで*/

dt.post_home-test {
	width: 140px;
	color:#333;
	border-bottom: 1px #333 dotted;
		float:left;
}

dd.post_home-test {
	width: 350px;
	margin-left:0px;
	color:#8FC31F;
	border-bottom: 1px #333 dotted;
		float:left;
}

dd.post_home-photo {
	float:center;
	margin-left:0px;
	text-align: center;
}

div.content-bn-komeko a {
	text-indent:-9999px;
	background-image:url(images/bn-komeko-resipi.png);
	width:350px;
	height:74px;
	float:left;
	margin-bottom:13px;
}

div.content-bn-radio a {
	text-indent:-9999px;
	background-image:url(images/bn-ibc-radio.png);
	width:350px;
	height:74px;
	float:left;
	margin-bottom:13px;
}

div.content-bn-komeko a:hover {
	background-image:url(images/bn-komeko-resipi-hover.png);
}

div.content-bn-radio a:hover {
	background-image:url(images/bn-ibc-radio-hover.png);
}

#s3slider {
    width: 960px; /* important to be same as image width */
    height: 360px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#s3sliderContent {
    width: 960px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.s3sliderImage {
    float: left;
    position: relative;
	display: none;
}

.s3sliderImage span {
    position: absolute;
    font: 0.7em;
    font-family: serif;
    padding: 10px 13px;
    width: 960px;
    line-height:1.2em;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}
.s3sliderImage span strong {
    font-size: 1.2em;
    font-weight:bold;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
    bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 210px !important;
	height: 210px;
}
.right {
	right: 0;
	bottom: 0;
	width: 210px !important;
	height: 210px;
}

.margin_box{
	margin-bottom: 5px;
}