/* ---------------------------------------------------------

Tougu Corporation Cascading Style Sheets

File Name  : structure.css
update	 : 2008.09.09

--------------------------------------------------------- */


/* tag -------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333;
	font-size: 80%;
	background: #fff url(../img/common/body_bg.jpg) 0 0;
	line-height: 1.8em;
	text-align: center;
	height: 100%;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img {
	border: 0px;
}

table {
	font-size: 100%;
	line-height: 100%;
}

li {
	list-style: none;
}

a:link {
	color: #3f8a35;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #3f8a35; !important;
	text-decoration: none;
	background-color: transparent;
}

a:visited {
	color: #1863A7;
	text-decoration: none;
	background-color: transparent;
}


label {
	cursor: pointer;
}

option { 
	padding-right:0.5em;
}

iframe {
	padding: 0;
	margin: 0;
}

em {
	font-style: normal;
}


/* tag -------------------------------------------------------------- */



/* common class start ----------------------------------------------- */


/* --------------------------------------------------------
font size
-------------------------------------------------------- */
.fs_10 { font-size: 10px; }
.fs_12 { font-size: 12px; }
.fs_14 { font-size: 14px; }
.fs_16 { font-size: 16px; }


/* --------------------------------------------------------
float
-------------------------------------------------------- */
.flt_l { float: left; }
.flt_r {float: right; }


/* --------------------------------------------------------
float clear
-------------------------------------------------------- */
clr { clear: both; }

br.clr {
	clear: both;
	line-height: 1px;
	display: inline;
}



/* --------------------------------------------------------
text-align
-------------------------------------------------------- */
.align_c { text-align: center; }
.align_l { text-align: left; }
.align_r { text-align: right; }


/* --------------------------------------------------------
padding
-------------------------------------------------------- */
.pad_t0 { padding-top: 0 !important; }
.pad_a10 { padding: 10px !important; }
.pad_b10 { padding-bottom: 10px !important; }
.pad_s10 { padding: 0 10px !important;}


/* --------------------------------------------------------
margin
-------------------------------------------------------- */
.mgn_a10 { margin: 10px !important; }
.mgn_t0 { margin-top: 0px !important; }
.mgn_b0 { margin-bottom: 0px !important; }
.mgn_b5 { margin-bottom: 5px !important; }
.mgn_b10 { margin-bottom: 10px !important; }
.mgn_b15 { margin-bottom: 15px !important; }
.mgn_b20 { margin-bottom: 20px !important; }
.mgn_b30 { margin-bottom: 30px !important; }
.mgn_s10 { margin: 0 10px !important; }
.mgn_l10 { margin: 0 0 0 10px !important; }


/* --------------------------------------------------------
h1,h2,h3 title
-------------------------------------------------------- */

h1.maintitle {
	width: 690px;
	margin-bottom: 20px;
}

h2.subtitle {
	width: 690px;
	margin-bottom: 15px;
	display:block;
}

h3.title01 {
	color: #1C3F5F;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 10px;
}


/* --------------------------------------------------------
p
-------------------------------------------------------- */

span.pricebox span.net {
	font-weight: bold;
}


/* --------------------------------------------------------
#block-calendar
-------------------------------------------------------- */

#block-calendar table {
	width: 100%;
	border-left: 1px solid #cccccc;
	margin-bottom: 10px;
	border-collapse: collapse;
}

#block-calendar table th,
#block-calendar table td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	padding: 2px 0;
}

#block-calendar caption {
	width: 100%;
	background: #5CA04B;
	color: #FFFFFF;
	text-align: center;
	padding: 4px 0;
}

#block-calendar .sun,
#block-calendar .sat,
#block-calendar .off {
	background: #FFEECC;
	color: #E04A00;
}



/* --------------------------------------------------------
item list
-------------------------------------------------------- */

.item_list {
	float: left;
	width: 208px;
	margin: 0 11px 10px 0;
	line-height: 1.2;
	border: 1px solid #cccccc;
}

.item_list div {
	padding: 4px;
	text-align: center;
}

.item_list:hover {
	background: #DCEBD8;
}

.item_list table.item_image {
	vertical-align: middle;
	text-align: center;
	width: 196px !important;
	height: 90px !important;
	padding: 0;
	margin: 0;
}


/* --------------------------------------------------------
table decoration
-------------------------------------------------------- */

table.tbl01 {
	width: 660px;
	background: #c0c0c0;
	margin: 0 15px 30px;
}

table.tbl01 tr th {
	background: #eaffe6;
	padding: 10px 15px;
	line-height: 1.6em;
	font-weight: normal;
	text-align: center;
	width: 30%;
}

table.tbl01 tr th span {
	margin-left: 10px;
	font-size: 80%;
}

table.tbl01 tr td {
	background: #fff;
	padding: 10px 15px;
	line-height: 1.6em;
	width: 70%;
}

table.tbl01 tr td.w33 {
	width: 33% !important;
}


table.tbl02 {
	width: 660px;
	margin: 0 15px 30px;
}

table.tbl02 tr th {
	padding: 8px 15px;
	line-height: 1.6em;
	font-weight: normal;
	text-align: left;
	width: 25%;
	border-bottom:1px solid #afafaf;
}

table.tbl02 tr td {
	padding: 5px 15px;
	line-height: 1.6em;
	width: 75%;
	border-bottom:1px solid #afafaf;
}


/* カゴの中
----------------------------------------------- */
div#cartarea {
	width: 220px;
	margin-bottom: 10px;
	padding: 0 9px 9px;
	clear: both;
	border: solid 1px #5CA04B;
	background: #E7E7E7;
}

div#cartarea p {
	padding: 5px 0 10px 0;
}

div#cartarea p.item {
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #666666;
}

div#cartarea p.all {
	color: #FD6500;
	font-size: 15px;
	line-height: 100%;
	font-weight: bold;
}

div#cartarea .btn {
	padding: 0;
	text-align: center;
}

/* 検索
----------------------------------------------- */
div#seacartarea {
	width: 220px;
	margin-bottom: 10px;
	padding: 0 9px 9px;
	clear: both;
	border: solid 1px #5CA04B;
	background: #E7E7E7;
}

div#seacartarea p {
	padding: 5px 0 2px 0;
}

div#seacartarea .btn {
	padding: 0;
	text-align: center;
}

/* ガイド
----------------------------------------------- */
div#guidearea {
	padding: 0;
	margin: 0;
}

div#guidearea ul li {
	padding: 0 !important;
	margin: 0 !important;
	height: 30px !important;
}


/* カテゴリー
----------------------------------------------- */
div#categoryarea {
	width: 240px;
	clear: both;
}

div#categoryarea h2 !important {
	height: 60px;
}

div#categoryarea ul#categorytree {
	width: 220px;
	padding: 0 10px 10px;
	background: #5CA04B;
}

div#categoryarea ul#categorytree li {
	padding: 4px 0 4px 25px;
	background: #DDECD9 url("../img/common/arrow_blue.gif") 8px 12px no-repeat;
}
div#categoryarea ul#categorytree li.onmark {
	background: #DDECD9 url("../img/common/arrow_red.gif") 8px 12px no-repeat;
}
div#categoryarea ul#categorytree li.level1 {
	font-weight: bold;
}
div#categoryarea ul#categorytree li.level1 li {
	font-weight: normal;
}
div#categoryarea ul#categorytree li a {
	display: block;
	padding: 3px 0;
}

a.onlink {  text-decoration: underline; }
a.onlink:link { color: #ff0000; }
a.onlink:visited { color: #ff0000; }
a.onlink:hover { color: #ff0000; }


/* ログイン
----------------------------------------------- */
div#loginarea {
	width: 220px;
	margin-bottom: 10px;
	padding: 0 9px 9px;
	clear: both;
	border: solid 1px #5CA04B;
	background: #E7E7E7;
}

div#loginarea p {
	padding: 8px 0 0 0;
	clear: both;
}

div#login img {
	vertical-align: bottom;
}

div#loginarea .btn {
	text-align: center;
}

#loginarea .box96 {
	width: 96px;
	border: solid 1px #ccc;
}

#loginarea .box210 {
	width: 210px;
	padding: 4px 0;
	border: solid 1px #ccc;
}

#loginarea .box120 {
	width: 120px;
	padding: 4px 0;
	float: left;
	border: solid 1px #ccc;
}

#loginarea .mini {
	font-size: 10px;
}


/* テキストフィールド
----------------------------------------------- */
input[type='text'] {
	border: solid 1px #ccc;
}

/* ボタン
----------------------------------------------- */
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;
}

/* --------------------------------------------------------
input
-------------------------------------------------------- */



/* ClearFix style
---------------------------------------------------- */
.clearfix:after {
	clear: both;
	display: block;
	content: "";
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* common class end ------------------------------------------------- */