@charset "Shift_JIS";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝リセット＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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;
} 

fieldset,img {    
     border:0;   
} 
address,caption,cite,code,dfn,em,th,var {  
     font-style:normal;   
     font-weight:bold;   
} 
ol,ul {  
     list-style:none;   
} 
caption,th {  
     text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
 } 

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝全体共通＝＝＝＝＝＝＝＝＝＝＝＝＝ */


body {
	background-color: #5A5A5a;
	background-image: url(../image/bg_whole.gif);
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#FFFFFF;
}

.clear {clear:both;}

p.guide {
	font-size: 85%;
	margin-top: 5px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝ヘッダー＝＝＝＝＝＝＝＝＝＝＝＝＝ */
h1 {
	float: right;
	width: 100px;
}
#navi {
	width: 350px;
	float: left;
	margin-top: 50px;
}
#navi ul {
	margin: 20px 0px 10px 30px;
}
#navi li {
	margin-top: 10px;
}
#navi li a {
	display:block;
	padding-left: 30px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 22px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration:none;
	background-image: url(../image/point_navi_a.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#navi li a:hover {
	padding-left: 32px;
	background-image: url(../image/point_navi_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
}

/*コンテンツページ該当ページ表示用*/
#navi .thispage {
	padding-left: 30px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../image/point_navi_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* コンテンツページからトップへのもどりリンク部分 */
#tohome {
	clear: both;
	text-align: right;
}
#tohome a {
	font-size: 13px;
	color: #FFCC00;
	text-decoration: none;
}
#tohome a:hover {
	color: #FFFFFF;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝ヘッダー画像＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*トップページ*/
#header_top {
	background-image: url(../image/bg_indextop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 50px 440px 50px 50px;
}

/* 商品ページ */

#header_g1 {
	padding: 50px 300px 0px 30px;
	background-image: url(../image/bg_goods1top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#header_g2 {
	padding: 50px 300px 0px 30px;
	background-image: url(../image/bg_goods2top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#header_g3 {
	padding: 50px 300px 0px 30px;
	background-image: url(../image/bg_goods3top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#header_g4 {
	padding: 50px 300px 0px 30px;
	background-image: url(../image/bg_goods4top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* リンク・フォーム */
#header {
	padding: 50px 300px 0px 30px;
	background-image: url(../image/subimg03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝フッター＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#footer {
	text-align: right;
	padding: 20px 50px 10px 0px;
}

#footer .totop {
	margin-bottom: 80px;
	font-size: 13px;
}

#footer ul {
	padding-bottom: 20px;
}
#footer li {
	display: inline;
	margin-left: 15px;
}
#footer a {
	font-size: 13px;
	color: #FFCC00;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
}
#footer .small {
	font-size: 12px;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝フッター画像＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*トップページ*/
#whole_top {
	background-image: url(../image/bg_indexbtm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*コンテンツページ*/
#whole_g1 {
	background-image: url(../image/bg_goods1btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#whole_g2 {
	background-image: url(../image/bg_goods2btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#whole_g3 {
	background-image: url(../image/bg_goods3btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#whole_g4 {
	background-image: url(../image/bg_goods4btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*リンク・フォーム*/

#whole {
	background-image: url(../image/subimg01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝メインコンテンツ部分＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*index special*/
#whole_top .news {
	width: 750px;
	margin: 0px auto 20px auto;
	padding: 10px;
	border: 2px solid #FFCC00;
	background-color: #FFFFFF;
}

#whole_top .news .newspart {
	float: left;
	width: 250px;
	color: #333333;
}

#whole_top .news .newspart img {
	margin-bottom: 5px;
}
#whole_top .news .newspart p {
	font-size: 0.9em;
}
#whole_top .news .newspart a {
	font-size: 0.9em;
	color: #99CC00;
	text-decoration:underline;
}
#whole_top .news .newspart a:hover {
	text-decoration:none;
	color:#333333;
	background-color: #FFCC00;
}

#whole_top .news .newspart2 {
	float: right;
	width: 300px;
	background-image: url(../image/img_kushida.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 170px;
}
#whole_top .news .newspart2 p {
	font-size: 0.9em;
	line-height: 160%;
	color: #333333;
}



#whole_top #pr {
	width: 700px;
	margin: 0px auto 0px auto;
}
#whole_top #pr p {
	font-size: 1em;
	line-height: 160%;
	margin-left : 100px;
}
#whole_top #pr img {
	margin:10px 0px;
}
#whole_top #pr span {
	font-size: 1.1em;
	line-height: 170%;
	font-weight: bold;
	color: #CCFF00;
}
#whole_top #pr a {
	font-size: 1em;
	color: #FFCC00;
	text-decoration:underline;
}
#whole_top #pr a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

#whole_top #pr .pagelink {
	text-align: right;
	margin-right: 100px;
}

/*showcase*/

.showcase {	padding:20px;}

.showcase h3 {
	margin-bottom: 15px;
}
.showcase .text {
	margin: 0px 0px 10px 20px;
	font-size: 95%;
	line-height: 150%;
}

.showcase table {
	margin:20px 0px 20px 100px;
}

.showcase td {
	background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
	text-align: center;
}
.showcase h4 {
	color:#333333;
	font-weight:bold;
	font-size: 100%;
}
.showcase .goods_img {
	margin:10px auto 5px auto;
	border:2px solid #999999;
}

.showcase .goods_details {
	text-align: left;
}
.showcase .goods_details li {
	font-size: 90%;
	color: #333333;
	padding: 0px 0px 7px 0px;
	line-height: 125%;
}
.showcase .goods_details span {
	font-size: 100%;
	color: #CC6666;
}
.showcase .goods_details em {
	font-size: 120%;
	font-weight: bold;
	color: #BF4040;
}



.showcase .sample {
	margin: 0px 0px 10px 100px;
	font-size: 95%;
	line-height: 150%;
}



.showcase a {
	font-size: 100%;
	color: #FFCC00;
	text-decoration:underline;
}

.showcase a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

/*info box*/

.info {
	padding:20px;
	margin: 50px 50px 20px 50px;
	border: 2px solid #99CC66;
	text-align: center;
	background-color: #666666;
}

.info table {
	margin: 20px auto;
}

.info th {
	width: 170px;
	font-size: 90%;
	font-weight: normal;
	line-height: 130%;
	vertical-align: top;
	text-align: left;
}
.info td {
	font-size: 90%;
	line-height: 130%;
	vertical-align: top;
	padding-bottom:10px;
	text-align: left;
}

.info span {
	font-size: 100%;
	color: #99CC66;
	font-weight: bold;
}

.info .detailbox {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border: 1px solid #99CC66;
}
.info .detailbox th {
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
	vertical-align: top;
}
.info .detailbox td {
	font-size: 100%;
	padding-bottom: 5px;
	line-height: 130%;
	vertical-align: top;
}

.info .way1 {
	background-image: url(../image/icon_tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 0px 20px 37px;
	font-size: 100%;
	line-height: 135%;
}
.info .way2 {
	background-image: url(../image/icon_fax.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 0px 15px 37px;
	font-size: 100%;
	line-height: 135%;
}
.info .way3 {
	background-image: url(../image/icon_mail.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 0px 0px 37px;
	font-size: 100%;
	line-height: 145%;
}
.info a {
	font-size: 100%;
	color: #FFCC00;
	text-decoration:underline;
}
.info a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

/*maillink button box*/
.btn {
	text-align: right;
	padding: 0px 150px;
}
.btn p {
	font-size: 90%;
	line-height: 200%;
}
.btn a {
	font-size: 100%;
	color: #FFCC00;
	text-decoration:underline;
}
.btn a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

.btn .okotowari {
	text-align: left;
	line-height: 150%;
	font-size: 85%;
}


/*mail form*/

.info form {
	text-align: left;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 20px;
	border: 2px solid #FFFFFF;
	background-color: #669900;
	font-size: 90%;
	line-height: 150%;
}

.td01 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	padding: 3px 10px;
	width: 30%;
	text-align: left;
}
.td02 {
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 3px 10px;
	text-align: left;
}