/*------------------------------------//
// css / style.css
// update 2008.05.15
// Copyright(C)cgifarm.net/cybersense.jp
//------------------------------------*/

/*------------------------------------------------------------------------------ base */

/*
 * layout
 */

body {
	}
div {
	font-size      : 12px;
	line-height    : 1.5;
	}
span {
	}
p {
	}
blockquote {
	}
br {
	line-height    : 1.0;
	letter-spacing :   0;
	}

/*
 * link
 */

a:link,
a:visited {
	text-decoration: underline;
	color          : #00f;
	}
a:active,
a:hover {
	text-decoration: none;
	position       : relative;
	top            : 0pt;
	left           : 0pt;
	color          : #f00;
	}
	
/*
 * font
 */

font {
	}
b {
	}
strong {
	font-weight    : lighter;
	}
strike {
	}
u {
	}

h1 {
	font-size      : 12px;
	font-weight    : lighter;
	display        : inline;
	}
h2 {
	font-size      : 12px;
	font-weight    : bold;
	display        : inline;
	}
h3,h4,h5,h6 {
	font-size      : 15px;
	font-weight    : bold;
	display        : inline;
	}

/*
 * table
 */

table {
	border-collapse: collapse;
	table-layout   : fixed;
	font-size      : 12px;
	}
table tr {
	}
table tr th {
	}
table tr td {
	border         : solid 0 #000;
	vertical-align : top;
	white-space    : normal;
	}

/*
 * form
 */

form {
	display        : inline;
	}
input,select {
	height         : 22px;
	border         : solid 1px #000;
	cursor         : pointer;
	color          : #000;
	background     : #fff;
	}
textarea {
	border         : solid 1px #000;
	cursor         : pointer;
	color          : #000;
	background     : #fff;
	}
button {
	border-width   : 0;
	cursor         : pointer;
	color          : #fff;
	background     : #fff;
	}
	
/*
 * img
 */

img {
	border         : solid 0 #999;
	}
	
/*------------------------------------------------------------------------------ class */

/*
 * text
 */

.tl {
	text-align     : left;
	}
.tc {
	text-align     : center;
	}
.tr {
	text-align     : right;
	}
.tlvm {
	text-align     : left;
	vertical-align : middle;
	}
.tcvm {
	text-align     : center;
	vertical-align : middle;
	}
.trvm {
	text-align     : right;
	vertical-align : middle;
	}
.layout_l {
	width          : 47%;
	text-align     : left;
	}
.layout_r {
	width          : 47%;
	text-align     : right;
	}
.search {
	margin         : 0;
	padding        : 0;
	background     : url(../img/search_bg.gif);
	}
.copyright {
	margin         : 0;
	padding        : 10px;
	font-size      : 9px;
	background     : #eee;
	}

/*
 * float
 */

.fl {
	float          : left;
	display        : inline;
	}
.fr {
	float          : right;
	display        : inline;
	}
.clr {
	clear          : both;
	line-height    :   0;
	letter-spacing :   0;
	}

/*
 * link button
 */
 
.bt_back {
	width          : 115px;
	height         :  20px;
	cursor         : hand;
	background     : url(../img/bt_back.gif) no-repeat;
	}
.bt_top {
	width          : 115px;
	height         :  20px;
	cursor         : hand;
	background     : url(../img/bt_top.gif) no-repeat;
	}
.bt_request {
	width          : 150px;
	height         :  30px;
	cursor         : hand;
	background     : url(../img/bt_request.gif) no-repeat;
	}
bt_search {
	width          : 60px;
	background     : #fff;
	}
bt_cart {
	width          : 180px;
	background     : #fff;
	}

.icon_search {
	width          :  20px;
	height         :  20px;
	background     : url(../img/icon_search.gif) no-repeat;
	}
.icon_question {
	width          :  20px;
	height         :  20px;
	background     : url(../img/icon_q.gif) no-repeat;
	}
.icon_answer {
	width          :  20px;
	height         :  20px;
	background     : url(../img/icon_a.gif) no-repeat;
	}

/*
 * font
 */

.fontsize_small {
	font-size      : 9px;
	}

/*
 * form
 */

.text20 {
	width          : 20px;
	}
.text40 {
	width          : 40px;
	}
.text100 {
	width          : 100px;
	}
.text200 {
	width          : 200px;
	}
.submit {
	width          : 150px;
	}
.reset {
	width          : 60px;
	}

/*
 * hr
 */

hr {
	border         : solid 0 #333;
	}
.line {
	border         : solid 0 #333;
	}

/*
 * border
 */

.border {
	border         : solid 1px #c0bfaf;
	}

/*
 * margin
 * IE,div専用 <p>は100％IE表示margin不対応
 * text-align   : justify;
 * text-justify : distribute;
 */

.margin {
	margin         : 0px 10px;
	padding        : 0;
	text-align     : left;
	}
.marginr {
	margin         : 0px 10px;
	padding        : 0;
	text-align     : left;
	}

/*
 * overflow
 */

.overflow {
	width          : 100%;
	height         : 100px;
	border         : solid 1pt #c0bfaf;
	overflow       : scroll;
	}

/*
 * scrollbar
 */

.scrollbar {
	scrollbar-3dlight-color   : #fff; /* 外光枠 */
	scrollbar-highlight-color : #000; /* 内光枠 */
	scrollbar-face-color      : #999; /* パーツ */
	scrollbar-shadow-color    : #000; /* 外影枠 */
	scrollbar-darkshadow-color: #fff; /* 内影枠 */
	scrollbar-arrow-color     : #000; /* 矢 */
	scrollbar-track-color     : #000; /* 背景 */
	}

/*------------------------------------------------------------------------------ frame */

/*
 * frame
 */

#body {
	margin         : 0;
	padding        : 0;
	text-align     : center;
	cursor         : crosshair;
	font           : normal normal normal 12pt/normal 'Serif';
	color          : #000;
	background     : #fff;
	}
#container {
	width          : 954px;
	margin         : 0 auto;
	padding        : 0;
	background     : #eee;
	}
#layout {
	width          : 950px;
	margin         : 0 auto;
	padding        : 0;
	background     : #fff;
	}
#header {
	width          : 950px;
	margin         : 0 auto;
	padding        : 0;
	}
#contents {
	width          : 950px;
	margin         : 0 auto;
	padding        : 0;
	overflow       : hidden;
	}
#contents_l {
	width          : 200px;
	margin         : 0;
	padding        : 0;
	text-align     : left;
	float          : left;
	display        : inline;
	}
#contents_c {
	width          : 750px;
	margin         : 0;
	padding        : 0;
	text-align     : left;
	float          : left;
	display        : inline;
	}
#contents_r {
	width          : 200px;
	margin         : 0;
	padding        : 0;
	text-align     : left;
	float          : left;
	display        : inline;
	}
#footer {
	width          : 950px;
	margin         : 0 auto;
	padding        : 0;
	}

/*------------------------------------------------------------------------------ navibar */

/*
 * navibar
 */

div#navibar {
	margin         : 0;
	padding        : 0;
	overflow       : hidden;
	background     : #eee;
	}
div#navibar dl {
	margin         : 0;
	padding        : 0;
	}
div#navibar dt,
div#navibar dd {
	margin         : 0;
	padding        : 5px 10px;
	float          : left;
	display        : inline;
	border-width   : 0 1px;
	border-style   : solid;
	border-color   : #000 #bbb #000 #fff;
	background     : url(../img/navibar_bg_base.gif) repeat-x;
	}
	
div#navibar dd a:link,
div#navibar dd a:visited {
	margin         : 0;
	padding        : 0;
	text-decoration: none;
	font-weight    : lighter;
	color          : #000;
	}
div#navibar dd a:hover,
div#navibar dd a:active {
	margin         : 0;
	padding        : 0;
	text-decoration:none;
	font-weight    : lighter;
	color          : #f00;
	}

/*------------------------------------------------------------------------------ navi */

/*
 * navi
 */

div#navi {
	margin         : 0;
	padding        : 5px 10px;
	overflow       : hidden;
	}
div#navi dl {
	margin         : 0;
	padding        : 0;
	}
div#navi dt {
	margin         : 0;
	padding        : 0;
	border-width   : solid 0 #ccc;
	display        : block;
	font-weight    : bold;
	color          : #333;
	background     : ;
	}
div#navi dd {
	margin         : 0;
	padding        : 5px;
	text-align     : left;
	display        : block;
	}
div#navi dd h1 {
	margin         : 0;
	padding        : 2px 2px 2px 16px;
	background     : url(../img/icon_arrow.gif) no-repeat left middle;
	}

/*------------------------------------------------------------------------------ table box */

/*
 * table.box border off
 */

table.box {
	border-collapse: collapse;
	table-layout   : fixed;
	font-size      : 12px;
	}
table.box tr {
	}
table.box th {
	margin         : 0;
	padding        : 5px;
	border         : solid 0px #999;
	text-align     : center;
	vertical-align : middle;
	font-weight    : bold;
	white-space    : normal;
	}
table.box td {
	margin         : 0;
	padding        : 5px;
	border         : solid 0px #999;
	vertical-align : top;
	font-weight    : lighter;
	white-space    : normal;
	}

/*
 * table.boxb border on
 */

table.boxb {
	border-collapse: collapse;
	table-layout   : fixed;
	font-size      : 12px;
	}
table.boxb tr {
	}
table.boxb th {
	margin         : 0;
	padding        : 5px;
	border         : solid 1px #999;
	text-align     : center;
	vertical-align : middle;
	font-weight    : bold;
	white-space    : normal;
	}
table.boxb td {
	margin         : 0;
	padding        : 5px;
	border         : solid 1px #999;
	vertical-align : top;
	font-weight    : lighter;
	white-space    : normal;
	}

/*------------------------------------------------------------------------------ div dl box */

/*
 * div.box dl
 * overflow       : hidden; for float clear
 * display        : inline; for enter clear
 */

div.box {
	overflow       : hidden;
	}
div.box dl {
	margin         : 0;
	padding        : 0;
	}
div.box dt,
div.box dd {
	margin         : 5px 10px;
	padding        : 0px;
	border         : solid 0 #ccc;
	float          : left;
	display        : inline;
	font-weight    : lighter;
	}

/*
 * div.boxb dl
 */

div.boxb {
	overflow       : hidden;
	}
div.boxb dl {
	margin         : 0;
	padding        : 0;
	}
div.boxb dt {
	margin         : 0;
	padding        : 5px 10px;
	border         : solid 1px #ccc;
	text-align     : center;
	display        : block;
	font-weight    : bold;
	}
div.boxb dd {
	margin         : 0;
	padding        : 5px 10px;
	border         : solid 1px #ccc;
	text-align     : left;
	display        : block;
	font-weight    : lighter;
	}

/*------------------------------------------------------------------------------ div list box */

/*
 * div.list�
 * ul type=disc circle square
 * ol type=1 a A i I
 */

div.listul {
	margin         : 0;
	padding        : 0;
	}
div.listul ul {
	margin         : 0;
	padding        : 0;
	list-style     : none;
	}
div.listul li {
	margin         : 0;
	padding        : 0;
	text-indent    : 0;
	display        : block;
	}

div.listol {
	margin         : 0;
	padding        : 0;
	}
div.listol ol {
	margin         : 0;
	padding        : 0;
	overflow       : hidden;
	list-style     : none;
	}
div.listol li {
	margin         : 0;
	padding        : 0;
	text-indent    : 0;
	display        : block;
	}

/*------------------------------------------------------------------------------ entry */

/*
 * entry
 */

.page_title {
	margin         : 0;
	padding        : 5px;
	text-indent    : 10px;
	text-align     : left;
	vertical-align : middle;
	font-size      : 12px;
	font-weight    : bold;
	color          : #000;
	background     : #ccc; /*url(../img/page_title_bg.gif) repeat-x;*/
	}
.page_entry {
	width          : 100%;
	height         : 40px;
	margin         : 0;
	padding        : 3px;
	text-indent    : 10px;
	text-align     : left;
	vertical-align : middle;
	font-size      : 20px;
	font-weight    : bold;
	color          : #ccc;
	background     : url(../img/page_entry_bg.gif) repeat-x;
	}

/*
 * end css
 */