@CHARSET "UTF-8";

* {
	padding:0;
	margin:0;
}

body {
  width:100%;
  margin:0;
  padding:0;
  font-size:12px;
  line-height:150%;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  text-align:center;
  background-color:#fec533;
	background-image:url(../imgs/background/background.png);
	background-repeat:repeat-y;
	background-position:center;
}

a:link, a:visited, a:active {
	color:#0000F2;
	text-decoration:none;	
}

a:hover {
	color:#FF8000;
}

#container {
	width:1030px;
	margin:0 auto;
}

/**********************************************************************/
/* ヘッダースタイル */
/**********************************************************************/

#header {
  width:1030px;
}

#header .head {
	width:1030px;
	background-color:#000000;
	color:white;
	text-align:right;
}

#header .head a {
	color:white;
	text-decoration:none;	
}

#header .body {
	height:85px;
	background-image:url(../imgs/background/background_header.png);
	background-repeat:repeat-x;
	background-position:center;
}

#header .body .logo {
	width:500px;
	float:left;
	text-align:left;	
}

#header .body .logo img {
	margin-left:18px;	
}

#header .body .info {
	width:500px;
	float:right;
	text-align:right;
}

#header .body .info img {
	margin-right:18px;	
}

#header .menu {
	width:1030px;
	height:50px;
	background-image:url(../imgs/background/background_menu.png);
	background-repeat:repeat-x;
	background-position:top center;
}

/**********************************************************************/
/* 	新ボディスタイル */
/**********************************************************************/

#body_container {
	width:1030px;
	background-color:#ffffff;
	color:#666666;
	margin:0 auto;
}

#body_container #left_contents {
	width:220px;
	margin-left:25px;
	margin-top:12px;
	float:left;
}

#body_container #left_contents p {
	margin:6px 0;	
}

#body_container #right_contents {
	width:730px;
	margin-right:25px;
	margin-top:12px;
	float:right;
}

#body_container #right_contents #main_contents {
	width:482px;
	float:left;	
}

#body_container #right_contents #banner_contents {
	width:220px;
	float:right;	
}
#body_container #right_contents #main_contents p,
#body_container #right_contents #banner_contents p {
	margin:6px 0;
	text-align:left;
}

#body_container #right_contents #main_contents .news_list {
	width:480px;
	height:180px;
	overflow:auto;
	border:1px solid #cccccc;	
}

#body_container #right_contents #main_contents .news_list .list {
	padding:5px;	
}

#body_container #right_contents #main_contents .strong_point {
	width:482px;
	background-color:#eeeeee;
	margin:6px 0;	
	padding:6px 0;
}

#body_container #right_contents #main_contents .strong_point .point {
	width:470px;
	margin:6px auto;
	background-color:#ffffff;
}

#body_container #right_contents #main_contents .strong_point .point p.img {
	margin:0;	
}

#body_container #right_contents #main_contents .strong_point .point p.message {
	padding:2px 10px;	
}

#body_container #right_contents p {
	margin:6px 0;	
}

/**********************************************************************/
/* 	納期カレンダースタイル */
/**********************************************************************/

table.calendar {
	width:217px;
	border-collapse: collapse;
	padding:0;
	margin:0;
}

table.calendar tr {
	height: 25px;
	vartical-align:center;
}

table.calendar th {
	text-align:center;
	vartical-align:center;
	color : #777777;
	border : 1px solid #aaaaaa;
	background-color:#eeeeee;
}

table.calendar td {
	width:31px;
	vartical-align:center;
	text-align:center;
	border : 1px solid #aaaaaa;
	background-color:#ffffff;
}

table.calendar td.sunday {
	color:red;	
}

table.calendar td.saturday {
	color:blue;	
}

/**********************************************************************/
/* 	商品一覧スタイル */
/**********************************************************************/

#product_list {
	width:220px;	
	margin-bottom:6px;
}

#product_list .top {
	width:220px;
	height:5px;
	background-image:url(../imgs/background/background_product_top.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#product_list .middle {
	width:220px;
	background-image:url(../imgs/background/background_product_middle.png);
	background-repeat:repeat-y;
	background-position:top center;
	text-align:center;
}

#product_list .bottom {
	width:220px;
	height:5px;
	background-image:url(../imgs/background/background_product_bottom.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#product_list .middle .item {
	width:210px;
	margin:0 auto 6px auto;
}

#product_list .middle .item .tops {
	width:210px;
	height:35px;
	background-image:url(../imgs/background/background_item_top.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#product_list .middle .item .tops .caption {
	font-size:15px;
	font-weight:bold;
	padding:10px 0 0 26px;
	text-align:left;
}

#product_list .middle .item .tops .caption a {
	color:#333333;	
}

#product_list .middle .item .middles {
	width:210px;
	background-image:url(../imgs/background/background_item_middle.png);
	background-repeat:repeat-y;
	background-position:top center;
	text-align:center;
}

#product_list .middle .item .middles .category {
	width:200px;
	margin:0 auto;
	border-bottom:1px dotted #666666;
	text-align:left;	
}

#product_list .middle .item .middles .category .inner {
	padding:6px 3px;
}

#product_list .middle .item .middles .category .inner a {
	color:#333333;	
}

#product_list .middle .item .bottoms {
	width:210px;
	height:5px;
	background-image:url(../imgs/background/background_item_bottom.png);
	background-repeat:no-repeat;
	background-position:top center;
}

/**********************************************************************/
/* 	各ページスタイル */
/**********************************************************************/

#title {
	width:730px;
	height:34px;
	background-image:url(../imgs/background/background_title.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#title .text {
	font-size:14px;
	font-weight:bold;
	padding:6px 0 0 18px;	
}

#subtitle {
	width:730px;
	height:34px;
	background-image:url(../imgs/background/background_title_sub.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#subtitle .text {
	font-size:14px;
	font-weight:bold;
	padding:6px 0 0 24px;	
}

#foot_mark {
	padding:3px 0;
	text-align:left;	
}

#foot_mark a {
	color:#666666;	
}



#product {
	text-align:left;	
}

#product .image {
	width:220px;
	margin-right:4px;
	text-align:center;
	float:left;	
}

#product .desc {
	text-align:left;
	width:380px;
	float:right;
	font-size:14px;
	line-height:20px;	
}

#product table#price_list th {
	height:40px;
	background-image:url(../imgs/background/background_price_column.png);
	background-repeat:repeat-x;	
	font-size:10px;
}

#product table#price_list td.caption{
	background-color:#C6FFA4;
	border-bottom:1px solid #ffffff;
	height:35px;
	font-size:10px;
}

#product table#price_list td.price1{
	background-color:#ffffff;
	text-align:center;
	height:35px;
	font-size:10px;
}

#product table#price_list td.price2{
	background-color:#eeeeee;
	text-align:center;
	height:35px;
	font-size:10px;
}

#product table#price_list td:hover{
	background-color:orange;
	color:white;
}

#main_product_list {

}

#main_product_list #product_detail {
	width:358px;
	height:190px;
	margin-bottom:10px;
}

#main_product_list #product_detail .name {
	height:30px;
	width:358px;
	margin:6px 0;
	background-image:url(../imgs/background/background_product_list_name_orange.png);
	background-repeat:repeat-x;	
	background-position:bottom;
	border:1px solid orange;
}


table#template {
}

table#template tr th {
	height:30px;
	border-bottom:3px solid gray;
	width:33%;
	text-align:left;
	font-size:14px;
}

table#template tr td {
	height:25px;
	border-bottom:1px solid gray;
	width:33%;
	text-align:left;
	font-size:12px;
}

table#template tr th .inner,
table#template tr td .inner {
	padding:5px;
}

.text {
	font-size:12px;
	line-height:150%;	
	text-align:left;
	padding:0 5px;
	margin-bottom:10px;
}

.ruletext {
	border:1px solid #aaaaaa;
	background-color:#eeeeee;
	font-size:12px;
	line-height:150%;	
	text-align:left;
	padding:0 15px;
	margin-bottom:10px;
}

.form_memo {
	color:#999999;	
}

.subtitle {
	width:620px;
	height:24px;
	background-image:url(../imgs/bar/bar_title.png);
	background-repeat:no-repeat;
	text-align:left;
}

.printtitle {
	width:730px;
	height:42px;
	text-align:left;
	font-size:22px;
	font-weight:bold;
	border-bottom:3px solid orange;
}

.printtitle .inner{
	padding:8px 0 0 6px;
}

.subtitle .inner {
	padding-top:2px;
	padding-left:20px;
	font-size:12px;	
}

#clear {
	clear:both;
}

#clear hr {
	display:none;
}

/**********************************************************************/
/* テーブルスタイル */
/**********************************************************************/

table {
}

table tr {
	height:25px;
}

table tr th {
	text-align:center;
}

table tr td span{
	padding-left:5px;
}

table#info {
	border-collapse: collapse;
	padding:0;
	margin:0;
}

table#info tr {
	height: 25px;
	vartical-align:center;
}

table#info th {
	text-align:center;
	vartical-align:center;
	background-color:#eeeeee;
	color : #777777;
	border : 1px solid #aaaaaa;
}

table#info td {
	vartical-align:center;
	text-align:center;
	border : 1px solid #aaaaaa;
	background-color:#ffffff;
}

table#list {
	border-collapse: collapse;
	padding:0;
	margin:0;
}

table#list tr {
	height: 25px;
	vartical-align:center;
}

table#list th {
	text-align:center;
	vartical-align:center;
	background-color:#eeeeee;
	color : #777777;
	border : 1px solid #aaaaaa;
}

table#list td {
	vartical-align:center;
	text-align:center;
	border : 1px solid #aaaaaa;
	background-color:#ffffff;
}

table#form {
	border-collapse: collapse;
	padding:0;
	margin:0;
}

table#form tr {
	height: 30px;
	vartical-align:center;
}

table#form th {
	text-align:center;
	vartical-align:center;
	background-color:#f1f1f1;
	color : #777777;
	border : 1px solid #aaaaaa;
	line-height:22px;
}

table#form td {
	vartical-align:center;
	text-align:left;
	border : 1px solid #aaaaaa;
	background-color:#ffffff;
	line-height:22px;
}

table#form td span {
	padding-left:5px;
}

table#form td .inner {
	padding:5px 0 5px 5px;
}

/**********************************************************************/
/* スライドショースタイル */
/**********************************************************************/

#slideshow {
	position: relative;
	width: 728px;
	height: 306px;
	overflow: hidden;
	border: 1px solid #999999;
}
#slideshow img{
	position: absolute;
	left: 0;
	top: 0;
	width: 728px;
	height: 304px;
}

#word_list {
	width:980px;	
	margin-bottom:6px;
}

#word_list .top {
	width:980px;
	height:6px;
	background-image:url(../imgs/background/background_word_top.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#word_list .middle {
	width:980px;
	background-image:url(../imgs/background/background_word_middle.png);
	background-repeat:repeat-y;
	background-position:top center;
	text-align:center;
}

#word_list .middle .caption {
	padding:4px;
	font-size:12px;
	color:#666666;
	letter-spacing:2px;
	text-align:left;
	border-left:3px solid #666666;
	margin:4px 20px;
}

#word_list .middle .left {
	width:460px;
	margin-left:20px;
	float:left;
	text-align:left;
}

#word_list .middle .right {
	width:460px;
	margin-right:20px;
	float:right;
	text-align:left;
}

#word_list .middle .right .keyword,
#word_list .middle .left .keyword {
	padding:3px;
	border-bottom:1px dotted #666666;
	text-align:left;
	margin-bottom:6px;
}

#word_list .middle .right .desc,
#word_list .middle .left .desc {
	padding:3px;
	text-align:left;
	margin-bottom:6px;
}

#word_list .bottom {
	width:980px;
	height:6px;
	background-image:url(../imgs/background/background_word_bottom.png);
	background-repeat:no-repeat;
	background-position:top center;
}

/**********************************************************************/
/* フォームスタイル */
/**********************************************************************/

input.text, input.file, textarea.textarea, select.select{
 margin:0;
 font-size:100%;
 color:#333;
}

input.text, textarea.textarea, .firefox select.select{
 border-top:1px solid #7c7c7c;
 border-left:1px solid #c3c3c3;
 border-right:1px solid #c3c3c3;
 border-bottom:1px solid #ddd;
 background:#fff url(../imgs/background/input_background.gif) repeat-x top;
}

input.text, input.file{
 padding:2px 0 2px 0;
 height:22px;
}

input.checkbox, input.radio{
 display:block;
 line-height:1.5em;
 margin:.6em 0 0 3px;
 width:13px;
 height:13px;
}

input.other{
 margin:0 0 8px 25px;
}

textarea.textarea{
 font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}

select.select{
 font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
 margin:1px 0;
 padding:1px 0 0 0;
}

select.select[class]{
 margin:0;
 padding:1px 0 1px 0;
}

*:first-child+html select.select[class]{
 margin:1px 0;
}

.safari select.select{
 margin-bottom:1px;
 font-size:120% !important;
}

.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }

.w50%  { width:50%;  }
.w100% { width:100%; }


.BlueBox {
	padding:200px;
	text-align:center;
	background-color:#f8ffff;
}

.RedBox {
	padding:200px;
	text-align:center;
	background-color:#ffeff8;
}

.YellowBox {
	padding:200px;
	text-align:center;
	background-color:#ffffe8;
}

.error {
  background-color:#FFDAB9;
  border :1px solid red;
}

/**********************************************************************/
/* フッタースタイル */
/**********************************************************************/

#footer_container {
	width:1030px;
	margin:0 auto;
}

#footer_container #footer {
	width:1030px;
}

#footer_container #footer .contents {
	height:195px;
	background-image:url(../imgs/background/background_footer.png);
	background-repeat:repeat-x;
	background-position:top center;
}

#footer_container #footer .contents .sitemap {
	width:700px;
	margin-left:20px;
	float:left;	
}

#footer_container #footer .contents .sitemap ul {
	padding:20px 0 0 10px;	
}

#footer_container #footer .contents .sitemap ul li {
	padding-top:3px;
	padding-bottom:3px;
	color:black;
	font-size:11px;
}

#footer_container #footer .contents .sitemap ul li a {
	color:#333333;	
}

#footer_container #footer .contents .info {
	width:250px;
	margin-right:20px;
	float:right;	
}

#footer_container #footer .copyright {
	width:1030px;
	background-color:#FF9900;
	color:#FFFFFF;
	text-align:right;
	padding:6px 0;
}

/******************************************************************************
* 色スタイル
******************************************************************************/

.white {
	color: #ffffff;
}


.bg_light_green {
	background-color:#a1be84;
}

.bg_light_blue {
	background-color:#80a1b9;
}

.bg_light_red {
	background-color:#b295a0;
}

/******************************************************************************
* コンテンツ共通スタイル
******************************************************************************/

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.dotted {
	border-bottom :2px dotted #aaaaaa;
	margin:3px 0 5px 0;
}