* {
	margin: 0;
}

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px 0px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	clear:both;
	height: 100px; /* .push must be the same height as .footer */
}
.header {
/*	background-color:#1e50a2;*/
	background-color:#1e50a2;
/*	background-color:#FFFFFF;*/
	height:137px;
	margin: 0 0 10px 0;
}
.copyright {
/*	border-top:10px solid #ff5d00;*/
	background-color:#1e50a2;
	font-size:11px;
	height:50px;
	text-align:left;
	color:#FFFFFF;
}

.contents {
	margin: 20px 0 0 20px;
}
.contents1 {
	float:left;
	width:600px;
	margin: 0 20px 0 0;
}

.contents1 div{
	font-size:12px;
	line-height:16px;
}

.contents2 {
	float:left;
	width:250px;
	margin: 0 20px 0 0;
}
.contents2 p {
	margin:10px 0 0 0;
}

.goods {
	float:left;
	width:160px;
	margin: 10px 10px 10px 10px;
	text-align:center;
	font-size:12px;
	line-height:16px;
}
.shoppingcart {
	width:250px;
	height:auto;
	font-size:12px;
	line-height:14px;
	background-color:#DFEFFF;
	font-weight:bold;
	padding:0 0 10px 0;
}

.cart {
	width:230px;
	padding: 10px 10px 10px 10px;
	font-size:12px;
	line-height:16px;
	border-bottom:1px dotted #1e50a2;
	background-color:#1e50a2;
	color:#FFFFFF;
}
.cart p {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	height:auto;
}
.cart a {
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}
.cart .total {
	height:auto;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	background-color:#1e50a2;
	text-align:right;
	border-top:2px dotted #1e50a2;
}

.shoppingcart .form {
	background-image: url(../images/arrow0303.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12pt;
	font-weight:bold;
	padding: 30px 50px 20px 0px;
	text-align:right;
}


img {
border:0;
}
.goods01 {
	width:160px;
	height:50px;
	background:url(../images/shop1.gif) no-repeat left bottom;
}
.goods01 a {
	display:block;
	width:160px;
	height:50px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.goods01 a:hover {
	text-indent:-9999px;
}

.goods02 {
	width:160px;
	height:50px;
	background:url(../images/shop2.gif) no-repeat left bottom;
}
.goods02 a {
	display:block;
	width:160px;
	height:50px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.goods02 a:hover {
	text-indent:-9999px;
}

.goods03 {
	width:160px;
	height:50px;
	background:url(../images/shop3.gif) no-repeat left bottom;
}
.goods03 a {
	display:block;
	width:160px;
	height:50px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.goods03 a:hover {
	text-indent:-9999px;
}
.goods14 {
	width:160px;
	height:50px;
	background:url(../images/shop14.gif) no-repeat left bottom;
}
.goods14 a {
	display:block;
	width:160px;
	height:50px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.goods14 a:hover {
	text-indent:-9999px;
}



.rollover04 {
	width:119px;
	height:29px;
	background:url(../images/cancel_on.gif) no-repeat left bottom;
}
.rollover04 a {
	display:block;
	width:119px;
	height:29px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover04 a:hover {
	text-indent:-9999px;
}

.rollover05 {
	width:250px;
	height:100px;
	background:url(../images/login_off.gif) no-repeat left bottom;
}
.rollover05 a {
	display:block;
	width:250px;
	height:100px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover05 a:hover {
	text-indent:-9999px;
}




/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
.footermenu {
        width: 450px;
        padding: 15px 15px 0 0;
        margin: 3px 0 3px 0;
        background: #fff;
}

/* square */

#navSquare {
        margin: 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #FFFFFF;
}

#navSquare li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navSquare a:link, #navSquare a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
        color: #000;
        background: url(./images/square.gif) no-repeat bottom center;
}


/*- TEXT style --------------------------- */
h1{
	background-image: url(./images/obi0103.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 11pt;
	padding: 0px 0px 0px 16px;
	border-bottom:1px solid #999999;

}

h2{
	background-image: url(./images/obi0109.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 11pt;
	padding: 0px 0px 0px 16px;
	border-bottom:1px solid #999999;

}

h4 {
        font-size: 100%;
        color: #999;
        margin: 0;
}

.teltext{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.alert{
	background-image: url(./images/caution.jpg);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 11px;
	line-height:14px;
	height:50px;
	padding: 0px 0px 0px 55px;

}


.list1{
width:580px;
background-image: url(./images/arrow012_01.gif);
background-repeat: no-repeat;
font-size: 11px;
line-height:14px;
padding: 0px 0px 0px 15px;
background-position: left top;
} 

.list2{
width:390px;
background-image: url(./images/point022_09.gif);
background-repeat: no-repeat;
font-size: 11px;
line-height:16px;
padding: 0px 0px 0px 15px;
background-position: left top;
}

/*- Table stripe --------------------------- */
.stripeMe table {
	border-spacing:0px;
	border-collapse:collapse;
}
 
.stripeMe th {
	font-size:14px;
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #fff;
	line-height: 1.2em;
	padding:7px 5px 7px 5px;
}
 
.stripeMe td {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
	font-size:14px;
	padding:3px 2px 3px 2px;
}
 
.stripeMe td * {
	font-size:14px;
	padding:3px 2px 3px 2px;
}
 
.stripeMe tr.alt td {
	background: #DFEFFF;
}
 
.stripeMe tr.over td {
	background: #FFEEFF;
}



/*- Table stripe2 --------------------------- */
.stripeMe2 table {
	border-spacing:0px;
}
 
.stripeMe2 th {
	font-size:14px;
	background: #efefef;
	color: #000;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #ccc;
	line-height: 1.2em;
	padding:7px 5px 7px 5px;
}
 
.stripeMe2 td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	vertical-align: top;
}
 
.stripeMe2 td * {
}
 
.stripeMe2 tr.alt td {
	background: #ffffff;
}
 
.stripeMe2 tr.over td {
	background: #ffffcc;
}

/*- Table stripe --------------------------- */
/*- faq --------------------------- */
.faq2 dt {
background-image: url(./images/icon_07_02.gif);
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
line-height:14px;
height:auto;
padding: 7px 0px 15px 32px;
background-position: left top;
}

.faq2 dl{
	margin-bottom:30px;
}
.faq2 dd, ul{
	height:100%;
}

.faq2 li{
background-image: url(./images/icon_07_09.gif);
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
line-height:14px;
height:auto;
padding: 7px 0px 30px 32px;
background-position: left top;
}


/*- faq --------------------------- */


.cartTable table {
	border-spacing:0px;
	border-collapse:collapse;
	background-color:#FFFFDF;
}
 
.cartTable th {
	font-size:14px;
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #fff;
	line-height: 1.2em;
	padding:7px 5px 7px 5px;
}
 
.cartTable td {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
	font-size:14px;
	padding:3px 2px 3px 2px;
	background-color:#FFFFDF;
}
 
.cartTable td * {
	font-size:14px;
	padding:3px 2px 3px 2px;
	background-color:#FFFFDF;
}
 
/*- Menu Tabs I--------------------------- */

#tabsI {
	float:left;
	width:100%;
	background:#ff5d00;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #DD740B;
	margin:50px 0 0 0;
}
#tabsI ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#tabsI li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsI a {
	float:left;
	background:url("./images/tableftI.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#tabsI a span {
	float:left;
	display:block;
	background:url("./images/tabrightI.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
	color:#FFF;
}
#tabsI a:hover {
	background-position:0% -42px;
}
#tabsI a:hover span {
	background-position:100% -42px;
}
#tabsI #current a {
	background-position:0% -42px;
}
#tabsI #current a span {
	background-position:100% -42px;
}

/*- Menu Tabs 10--------------------------- */

#tabs10 {
/*	background:#ff5d00;*/
	float:left;
	width:100%;
	font-size:93%;
	border-bottom:2px solid #2763A5;
	line-height:normal;
	margin:0 0 0 0;
}
#tabs10 ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#tabs10 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs10 a {
	float:left;
	background:url("./images/tableft10T2.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs10 a span {
	float:left;
	display:block;
	background:url("./images/tabright10T2.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
/* End IE5-Mac hack */
#tabs9 a:hover span {
	color:#FFF;
}
#tabs10 a:hover {
	background-position:0% -42px;
}
#tabs10 a:hover span {
	background-position:100% -42px;
}

#tabs10 #current a {
	background-position:0% -42px;
}
#tabs10 #current a span {
	background-position:100% -42px;
}

/* button tool \*/

.sexyButton {
  display:      block;
  float:        right;
  outline:      0;
  padding:      0;
  border:       0;
  color:        #FFF;
  font-size:    12px;
  font-weight:bold;
  font-family:  Arial, Helvetica, sans-serif;
  text-decoration:  none;
  background:   url(images/bg_button.gif) 0 0 no-repeat;
}

.sexyButton span {
  display:      block;
  position:     relative;
  padding:      10px 15px;
  background:   url(images/end_button.gif) right 0 no-repeat;
}
.sexyButton:hover {
  background:   url(images/bg_button.gif) 0 -35px no-repeat;
}
.sexyButton:hover span {
  background:   url(images/end_button.gif) right -35px no-repeat;
}
.sexyButton:active {
  background:   url(images/bg_button.gif) 0 -70px no-repeat;
}
.sexyButton:active span {
  background:   url(images/end_button.gif) right -70px no-repeat;
}

.sexyButton2 {
  display:      block;
  float:        left;
  outline:      0;
  padding:      0;
  border:       0;
  color:        #FFF;
  font-size:    12px;
  font-weight:bold;
  font-family:  Arial, Helvetica, sans-serif;
  text-decoration:  none;
  background:   url(images/bg_button.gif) 0 0 no-repeat;
}

.sexyButton2 span {
  display:      block;
  position:     relative;
  padding:      10px 15px;
  background:   url(images/end_button.gif) right 0 no-repeat;
}
.sexyButton2:hover {
  background:   url(images/bg_button.gif) 0 -35px no-repeat;
}
.sexyButton2:hover span {
  background:   url(images/end_button.gif) right -35px no-repeat;
}
.sexyButton2:active {
  background:   url(images/bg_button.gif) 0 -70px no-repeat;
}
.sexyButton2:active span {
  background:   url(images/end_button.gif) right -70px no-repeat;
}

.sexyButton3 {
  display:      block;
  float:        left;
  outline:      0;
  padding:      0;
  border:       0;
  color:        #0000FF;
  font-size:    12px;
  font-weight:bold;
  font-family:  Arial, Helvetica, sans-serif;
  text-decoration:  none;
  background:   url(images/bg_button2.gif) 0 0 no-repeat;
}

.sexyButton3 span {
  display:      block;
  position:     relative;
  padding:      10px 15px;
  background:   url(images/end_button2.gif) right 0 no-repeat;
}
.sexyButton3:hover {
  background:   url(images/bg_button2.gif) 0 -35px no-repeat;
}
.sexyButton3:hover span {
  background:   url(images/end_button2.gif) right -35px no-repeat;
}
.sexyButton3:active {
  background:   url(images/bg_button2.gif) 0 -70px no-repeat;
}
.sexyButton3:active span {
  background:   url(images/end_button2.gif) right -70px no-repeat;
}


/*- kanri--------------------------- */
.header2 {
	background-color:#1e50a2;
	height:50px;
	margin: 0 0 10px 0;
}
.copyright2 {
	background-color:#1e50a2;
	font-size:11px;
	height:50px;
	text-align:left;
	color:#FFFFFF;
}


/*- ŠpŠÛ--------------------------- */
.sample {
    width:auto;
    background-color:#FFCCFF;
}
.sample p{
    margin:0px;
/*    padding:0.5em 1em;*/
    padding:5px 10px 5px 10px;
    background-color:#FFCCFF;
}
.sample .moji{
    padding:5px 10px 5px 10px;
}
.rtop, .rbottom{
    background:#FFFFFF;
}
.rtop span, .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#FFCCFF;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}