@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-image:url(../imgs/background/background.gif);
	background-repeat:repeat;
	background-position:center;
}

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

a:hover {
	color:#FF8000;
}

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

fieledset legend {
	border:1px solid #333333;
}

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

#header {
  width:928px;
  height:100px;
}

#header .logo {
	width:208px;
	height:100px;
	float:left;
	margin-right:16px;	
}

#header .menu {
	width:704px;
	height:100px;
	float:right;
	background-image:url(../imgs/background/header_background.png);
	background-repeat:no-repeat;
	background-position:center;
}

#header .menu .button {
	width:515px;
	padding:0 5px;
	float:left;
	margin-right:4px;
}

#header .menu .cart {
	width:160px;
	padding:0 5px;
	float:right;
}

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

#menu {
	float:left;
	width:208px;
	margin-right:16px;	
}

#menu .list {
	width:208px;
	background-image:url(../imgs/background/menu_background.png);
	background-repeat:repeat-y;	
}

#menu .list .category {
	width:204px;
	height:40px;
	margin:0 auto;
	background-image:url(../imgs/menu/menu_inner.png);
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-align:left;
}

#menu .list .category .text{
	font-size:12px;
	padding:10px 0 0 8px;
}

#menu .list .category .text a {
	text-decoration:none;	
	color: #333333;
	font-weight:bold;
}

#contents {
	float:right;
	width:704px;	
}

#infomation {
	height:159px;
	width: 704px;	
	background-image:url(../imgs/background/infomation_background.png);
	background-repeat:no-repeat;
}

#infomation .inner {
	overflow:auto;
	height:142px;	
	width:684px;
	padding:0 10px;
	margin:8px 0;
	text-align:left;
}

#recommend {
	width:172px;
	background-image:url(../imgs/box/recommend/box_recommend_middle.png);
	background-repeat:repeat-y;	
	background-position:center;
}

#recommend .top{
	width:172px;
	height:6px;
	background-image:url(../imgs/box/recommend/box_recommend_top.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}

#recommend .bottom{
	width:172px;
	height:7px;
	background-image:url(../imgs/box/recommend/box_recommend_bottom.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}

#recommend .box{
	width:172px;
	text-align:center;
}

#recommend .box .inner{
	margin:5px 0;
}

#recommend .box .inner .title{
	width:153px;
	height:24px;
	background-image:url(../imgs/contents/recommend/bar_recommend.png);
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-align:left;
	margin:0 auto;
}

#recommend .box .inner .desc{
	width:153px;
	font-size:10px;
	text-align:left;
	margin:0 auto;
}

#recommend .box .inner .price{
	width:153px;
	height:38px;
	background-image:url(../imgs/contents/recommend/recommend_price_background.png);
	background-repeat:no-repeat;
	font-size:11px;
	text-align:center;
	line-height:100%;
	margin:0 auto;
}

#product {
	text-align:left;	
}

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

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

#product table#price_list th {
	height:40px;
	background-image:url(../imgs/background/column_background.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;
}

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 15px;
	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:704px;
	height:24px;
	background-image:url(../imgs/bar/bar_title.png);
	background-repeat:no-repeat;
	text-align:left;
}

.printtitle {
	width:704px;
	height:42px;
	background-image:url(../imgs/bar/bar_print_title.png);
	background-repeat:no-repeat;
	text-align:left;
	font-size:22px;
	font-weight:bold;
}

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

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

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

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 {
	width:980px;
	margin: 0 auto;
	background-color:#ffffff;
	background-image:url(../imgs/background/footer_background.png);
	background-repeat:repeat-y;
	background-position:center;
  text-align:center;
}

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

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