@charset "utf-8";

/* COMMON
----------------------------------------------- */
* {
margin: 0;
padding: 0;
}
table,img,p {
border: 0;
}
body {
/*font-family: "Times New Roman", Times, serif;*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#543434;
/*background: url(../img/common/bg_top2.jpg) no-repeat left top;*/
font-size: 12px; /*72.5%;*/
line-height: 150%;
letter-spacing:1px;
}
li {
list-style-type: none;
}
select {
border: solid 1px #ccc;
}

/*PHOTO
----------------------------------------------- */
.picture {
border: 1px solid #ccc;
}

/* LAYOUT
----------------------------------------------- */
br.clear {
clear: both;
display: none;
font-size: 0px;
line-height: 0%;
height: 0px
}

/* LINKS
----------------------------------------------- */
a:link {
	color:#543434;
	text-decoration: underline;
}
a:visited {
	color:#543434;
	text-decoration: none;
}
a:hover {
	color: #775555;
	text-decoration: none;
}

/* HEADINGS_FONTS
----------------------------------------------- */
h1,h2,h3,h4,h5 {
font-size: 100%;
line-height: 150%;
color:#543434;
}
.price { color: #669911; font-weight: bold; }
.attention { color: #669911; }
.mini { font-size: 90%; }
.small { font-size: 80%; }
em {
font-style: normal;
color: #669911;
}
h2.title {
margin: 10px 0 10px 10px;
padding: 10px 0 10px 30px;
background-color: #f7f2e7;
font-size: 140%;
}
h2.title2 {
margin: 10px 0;
padding: 10px 0 10px 30px;
background-color: #f7f2e7;
font-size: 140%;
}

/* BUTTON
----------------------------------------------- */
input[type='image'] {
border: none;
}
input[type='image'].box190 {
width: 190px;
height: 30px;
}
input[type='image'].box180 {
width: 180px;
height: 30px;
}
input[type='image'].box150 {
width: 150px;
height: 30px;
}
input[type='image'].box140 {
width: 140px;
height: 30px;
}
input[type='image'].box130 {
width: 130px;
height: 30px;
}
input[type='image'].box51 {
width: 51px;
height: 22px;
}

/* TABLE
----------------------------------------------- */
table  {
/*
margin: 15px auto 0 auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
*/
border-collapse: collapse;
text-align: left;
}
table th {
/*
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
*/
background-color: #f0f0f0;
font-weight: normal;
}
table td {
/*
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
*/
}
.tblareabtn {
clear: both;
margin: 15px 0 0 0;
text-align: center;
}
.phototd {
width: 75px;
text-align: center;
}
.centertd {
text-align: center;
}
.pricetd {
text-align: right;
}
.pricetd em {
font-weight: bold;
}
#completetext {
margin: 15px auto 0 auto;
padding: 15px;
border: 5px solid #ccc;
}
#completetext em {
font-weight: bold;
}
#completetext p{
padding: 20px 0 0 0;
text-align: left;
}

/* LAYOUT
----------------------------------------------- */
#container {
width: 970px; /*1100px;*/
margin: 0 auto;
padding: 0;
text-align: left;
}
#container:after { /* firefox背景色表示用 */
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#leftcolumn {
clear:both;
float: left;
width: 205px;
margin-top: 10px;
}
#leftcolumn h2 {
margin-top: 50px;
width: 200px;
height: 40px;
text-indent: -9999px;
}

/* 2COLUMN */
#two_maincolumn {
float: right;
width: 750px; /*680px;*/
margin-left:10px;
padding: 0;
margin-top: 10px; /*50px;*/
background-color: #fff;

}

/* 3COLUMN */
#three_maincolumn {
float: left;
width: 500px;
padding: 15px 0 0 0;
}
#three_maincolumn h2 {
padding: 15px 0 0 0;
}
#rightcolumn {
float: left;
width: 200px;
}
#rightcolumn h2 {
padding: 15px 0 0 0;
}

/* COLUMN */
#one_maincolumn {
padding: 10px 0 0 0;
}

/* HEADER
------------------------------------------------ */
#header {
	width: 960px;
	height: 100px;
	/*padding-top: 5px;*/
	margin: 0 auto;
}
#header h1 a {
	float: left;
	background: url(../img/common/Bloom_logo2.jpg) no-repeat left top;　/*url(../img/common/bg_top2.jpg) no-repeat left top;*/
	/*display: block;*/
	margin: 10px 0 0 20px;
	margin:0;
	width: 240px;
	height: 100px;
}
#header em {
	display: none;
}


/* HEADER_NAVI
----------------------------------------------- */
#information {
	/*clear: both;*/
	/*float: right;*/
	float:left;
	width: 560px;
	margin-top: 70px;
	padding: 0;
}
#information ul li {
padding: 0;
margin: 0;
float: left;
text-align: center;
}
#information ul li a {
display: block;
width: 165px;
font-size: 13px;
padding-bottom: 4px;
margin-left: 5px;
border-bottom: #543434 5px solid;
text-decoration: none;
}
#information ul li a:hover {
color: #669911;
border-bottom: #669911 5px solid;
}

#header-info {
	float:left;
	width:150px;
	margin-top: 30px;
	text-align:right;
	line-height:1.2em;
}
/* CART
----------------------------------------------- */
#h2_cart {
}
#cartarea {
width: 180px;
padding: 10px;
}
#cartarea p {
padding: 5px 0 10px 0;
}
#cartarea p.item {
padding: 0 0 10px 0;
background: url("../img/side/line_146.gif") no-repeat bottom;
}
#cartarea .btn {
padding: 0;
text-align: center;
}

/* CATEGORY
----------------------------------------------- */
#h2_category {
background: url(../img/main/h2_category.gif) no-repeat left top;
}
#categoryarea {
width: 180px;
padding: 0 20px;
}
#categoryarea li {
padding: 0 0 0 14px;
background: url("../img/common/arrow_blue.gif") 0 6px no-repeat;
}
#categoryarea li.onmark {
background: url("../img/common/arrow_red.gif") 0 6px no-repeat;
}
#categoryarea li.level1 {
font-weight: bold;
}
#categoryarea li.level1 li {
font-weight: normal;
}
#categoryarea li a {
display: block;
padding: 3px 0;
}
a.onlink:link {
color: #669911;
text-decoration: underline;
}
a.onlink:visited {
color: #669911;
}
a.onlink:hover {
color: #669911;
}

/* GUIDEAREA
----------------------------------------------- */
.guidearea {
margin-top: 0px;
/*margin-left:100px;*/
padding: 0; /*30px 0 0 10px;*/
text-align:center;
/*border-top: #775555 1px dotted;*/
}

.guidearea ul {
	/*border-bottom:1px solid #CCCCCC;*/
	list-style:none outside none;
}
.guidearea li {
	display:block;
	height:26px;
	list-style-type:none;
	padding:11px 0 0;
	text-decoration:none;
}
.guidearea li a {
	/*background:url("/user_data/packages/default/img/common/arrow.jpg") no-repeat scroll 0 0 transparent;*/
	overflow:hidden;
	padding:0 0 0 18px;
}
.guidearea .menu_hightlight:hover {
	color: #728F4D;
	background-color:#E4ECDA; /*#F2EBDB;*/ /*#EFECDA;*/ /*#99CC33;*/
}
.guidearea .menu_line {
	
	border-bottom:1px solid #CCCCCC;
}

/* LOGIN
----------------------------------------------- */
.left_area {
margin-top: 15px;
/*margin-left:100px;*/
padding: 0; /*30px 0 0 10px;*/
text-align:center;
/*border-top: #775555 1px dotted;*/
}
/* LOGIN
----------------------------------------------- */
#h2_login {
background: url(../img/main/h2_login.gif) no-repeat left top;
}
#loginarea {
width: 150px;
padding: 0 20px;
}
.logon {
width: 100%;
margin-top: 20px;
padding: 4px;
font-size: 0.9em;
}

#login img {
padding: 0 5px 0 0;
vertical-align: bottom;
}
#loginarea .btn {
text-align: center;
}
#loginarea .box96 {
width: 155px;
border: solid 1px #ccc;
}

/* SEARCH
----------------------------------------------- */
#searcharea {
width: 180px;
padding: 0 10px 10px 10px;
border: solid 1px #ccc;
}
#searcharea p {
padding: 8px 0 0 0;
}
#searcharea .btn {
text-align: center;
}
#searcharea .box142 {
width: 142px;
border: solid 1px #ccc;
}

/* CALENDAR
----------------------------------------------- */
#block-calendar {
}
#block-calendar table {
border-collapse: collapse;
margin: 0 auto 10px;
text-align:center;
}
#block-calendar th, #block-calendar td {
padding: 2px;
border: 1px solid #CCCCCC;
}
#block-calendar th {
background: #FF8144;
color: #FFFFFF;
}
#block-calendar .off {
background: #FFEECC;
color: #E04A00;
}
#block-calendar caption {
color: #DD4400;
}

/* BANNER
----------------------------------------------- */
ul#banner {
padding: 15px 0 0 0;
}
#banner li {
padding: 0 0 10px 0;
}

/* TEXTFIELD
----------------------------------------------- */
input[type='text'] {
border: solid 1px #ccc;
}
.form_signin input[type='text'] {
margin-top: 5px;
}

/* FOOTER
----------------------------------------------- */
#pagetop {
width: 922px;
margin: 0 auto;
padding: 10px 8px 5px 8px;
background-color: #fff;
text-align: right;
}
#footer {
width: 970px;
margin: 0 auto;
padding: 15px 8px;
border-top: 1px solid #543434;
font-size: 90%;
text-align: left;
}
#fotter-left {
float:left;
margin:0 auto;
width:600px;
}
#fotter-right {
float:right;
margin:0 auto;
text-align:right;
width:300px;
}
/*
----------------------------------------------- */
.pic {
	float:left; 
	margin-right: 3px; 
	padding:2px; 
	border:1px solid #D6D6D6;
}
table.recruit  {
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	
}
table.recruit  th, table.recruit  td {
	padding:5px;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}