@charset 'UTF-8';

body {
	margin:0;
	padding:0;
	font-size:90%;
	font-family:'meiryo', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', "Lucida Grande", Verdana, Arial, sans-serif;
	color: #222;
	line-height: 1.4;
	background:#ece0c4;}

body#menu{
	padding-bottom:90px;
	}

html { 
	_overflow-y: scroll; 
}

a {
	border-bottom: 1px dotted #ccc;
	_border-bottom: 1px solid #ddd;
	color: #3673ac;
	text-decoration: none;
	padding-bottom: 1px;
	font-family:'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Arial;
}

a:hover {
	border-bottom: 1px solid #ff7f50;
	color: #ff7f50;
	font-family:'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Arial;
}

a img{
	border:none;
}

a.link{background:url(images2/icon_link.gif) no-repeat 0 center; padding:0 0 0 16px; zoom:1; border:0;}
a.link-right{background:url(images2/icon_link_right.gif) no-repeat 0 center; padding:0 0 0 16px; zoom:1; border:0;}
a.link-right:hover{border:0;}
a.link-left{background:url(images2/icon_link_left.gif) no-repeat 0 center; padding:0 0 0 16px; zoom:1; border:0;}
a.link-left:hover{border:0;}
a.link-close{background:url(images2/icon_link_close.gif) no-repeat 0 center; padding:0 0 0 16px; zoom:1; border:0; font-size:small;}
a.link-close{border:0;}
a.fLink{background:url(images2/icon_flink.gif) no-repeat 0 center; padding:0 0 0 16px; zoom:1; border:0;}
a.fLink2{background:url(images2/icon_flink2.gif) no-repeat 0 center; padding:0 0 0 10px; zoom:1; border:0;}
a.fLink3{background:url(images2/icon_flink3.gif) no-repeat 0 center; padding:0 0 0 10px; zoom:1; border:0;}
a.link:hover,
a.fLink:hover{border:0;}

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg {
	display: inline-block;
}
/* no ie mac \*/
* html .pkg {
	height: 1%;
}
.pkg {
	display: block;
}
/* */

.clearer {
	clear: both;
	width: 1px;
	height: 0px;
	font: 0px/0px monospace;
}

.clear{
	clear:both;
}

form{margin:0; padding:0;}

#logo{
position:absolute;
top:10px;
left:5px;
}

* html #logo{
position: absolute;
}

#logo a{
border:0;
}


#nav{
position:absolute;
width:155px;
top:70px;
left:0;
background:url(images2/bg_nav.gif) repeat-y right;
}

* html #nav{
position:absolute;
}

#nav .capTop{background:url(images2/bg_nav1.gif) no-repeat; font-size:1px; line-height:1px; height:7px;}
#nav .capBottom{background:url(images2/bg_nav8.gif) no-repeat; font-size:1px; line-height:1px; height:8px;}

#nav ul,
#nav dl{width:151px; margin:0; padding:0; list-style:none;}
#nav a{display:block; border:0; padding:2px 0px 2px 8px; color:#333; zoom:1;}
#nav a:hover{background:url(images2/icon_link3.gif) 135px 6px no-repeat #fec; color:#000 !important;}

#nav #nav1{background-color:#fb7e27; padding-bottom:5px;}
#nav1 a{background:url(images2/icon_link1.gif) 135px 6px no-repeat; color:#fff;}

#nav #nav2{background-color:#ffd490; border-bottom:1px solid #fff3df;}
#nav #nav2 dt{background:url(images2/icon_close.gif) 8px 7px no-repeat #f90; padding:4px 2px 4px 24px; color:#fff; border-bottom:1px solid #fb7e27; cursor:pointer; font-size:90%;}
#nav #nav2 dd{margin:0; padding:0; font-size:90%;}
#nav2 a{background:url(images2/icon_link2.gif) 135px 6px no-repeat; padding-left:12px;}

#nav #nav3{background-color:#ffeaca; padding:2px 0;}
#nav #nav3 a{background:url(images2/icon_cart.gif) no-repeat 8px 6px; padding-left:26px;}
#nav #nav3 a:hover{background-color:#fec; color:#000;}

#nav #nav4{padding-top:5px; background-color:#fff3df; font-size:90%;}
#nav4 a{background:url(images2/icon_link4.gif) 135px 6px no-repeat;}

#main{margin-left:160px; padding-top:10px; zoom:1;}
.crumb #main{padding-top:35px;}
.f #main{margin-left:5px;}
.f2 #main,
.f3 #main{padding-top:0;}
#crumb{font-size:75%;
background:#999;
color:#fff;
position:fixed;
top:0;
width:100%;
padding:2px 5px 2px;
border:solid #777; border-width:0 0 1px 1px;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
_width: expression(eval(document.documentElement.clientWidth-35));
filter:alpha(opacity=90); opacity:0.90;
z-index:1;
margin-left:5px;
}
#crumb a{color:#fff;}

#main .capTop{background:url(images2/bg_main1.gif) no-repeat #f5efe1; font-size:1px; line-height:1px; height:7px;}
#main #content{background:url(images2/bg_main2.gif) repeat-y #f5efe1; zoom:1;}
#main #content .wrapper{padding:0 20px 10px 20px;}
.f2 #main #content,
.f3 #main #content{padding-top:1px;}
.f1 #main #content .wrapper,
.f2 #main #content .wrapper{padding-bottom:0;}
h1{color:#06f; padding:4px 0 0; margin:0; font-size:140%;}
.oNav{text-align:right; margin-bottom:10px;}
.function{text-align:right; margin-bottom:10px;}
.oNav ul,
.function ul{list-style:none; margin:0; padding:0;}
.oNav li,
.function li{display:inline;}
.oNav li a,
.function li a{margin-left:10px;}
.oNav a,
.function a{margin-left:10px;}

#main h2{font-size:120%;}

#main .error{border:1px solid #c00; background:url(images2/icon_error.gif) no-repeat 5px center #fcc; padding:5px 5px 5px 42px;color:#c00;}
#main .error dt{border:0; padding:0;}
.error dd{margin:0; padding:0;}
.error ul{margin:0; padding:0 0 0 1.5em;}

#main .warning{border:1px solid #593D00; background:url(images2/icon_warning.gif) no-repeat 5px center #feb; padding:5px 5px 5px 42px;color:#593D00;}
#main .warning dt{border:0; padding:0;}
.warning dd{margin:0; padding:0;}
.warning ul{margin:0; padding:0 0 0 1.5em;}

h2{background: url(images2/bg_h2em.gif) top repeat-x #bdcce9; padding:5px; border:1px solid #bdcce9; color:#036; margin-bottom:10px;}
h3{border-bottom:3px double #ccc; border-left:6px solid #39e; padding:5px; font-size:110%; margin:20px 0 10px;}
h3.sample{border-bottom:1px solid #ddd; border-left:7px solid #ddd; color:#06f; padding:5px 5px 5px 7px; font-size:110%; margin:20px 0 10px;}
h4{border-left:6px solid #39e; padding-left:5px; font-size:105%; margin:15px 0 5px 5px;}
h5{border-left:6px solid #ccc; padding-left:5px; font-size:100%; margin:15px 0 10px 10px;}
h6{font-size:90%; margin:10px 0 5px 10px;}

#main dl{margin:10px 0 10px 5px;}
#main dt{border-left:6px solid #39e; border-bottom:3px double #ccc; padding-left:5px; font-weight:bold;}
#main dd{margin:5px 0 0 11px;}

.detail{border:1px solid #ddd; background:#fff; padding:5px;}
.detail h2{margin-top:0;}
.detail p{margin:10px;}

div.em{background: #def; border:1px solid #bcd; color:#000; margin:10px 0; padding:5px;}

.border{margin: 10px 0; border-collapse:collapse; border:1px solid #ccc;}
.border td, .border th{padding: 2px; font-size:small; border:1px solid #ccc;}
/* .border th{padding: 2px; color: #ffffff; background:url(images2/bg_th.gif) repeat-x bottom #ffa31a;} */
.border th{background:url(images2/bg_th2.gif) repeat-x bottom #fefefe; color:#333;}
.border .sub-th{background:#eee; text-align:center; color:#333;}
.border td{background:#fff;}

.note{font-size:90%;}
.notice{color:#f00;}
.notice-small{color:#f00; font-size:80%;}

a.cart-put{background:url(images2/icon_cart_put.gif) no-repeat 0 0; padding-left:18px; zoom:1; border:0;}
a.cart-put:hover{border:0;}

a.link-info{background:url(images2/icon_info.gif) no-repeat 0 center; padding-left:18px; zoom:1; border:0;}
a.link-info:hover{border:0;}
.border th a.link-info{font-weight:normal; background:url(images2/icon_info_f90.gif) no-repeat 0 1px; color:#fff; padding-bottom:0; border-bottom:1px dotted #eee; _border-bottom: 1px solid #ccc;}
.border th a.link-info:hover{border-bottom: 1px solid #fff;}
.border th.sub-th a.link-info,
.border th.sub-th2 a.link-info{background:url(images2/icon_info.gif) no-repeat 0 1px; color:#3673ac; padding-bottom:0; border-bottom:1px dotted #ccc; _border-bottom: 1px solid #ddd;}
.border th.sub-th2 a.link-info:hover,
.border th.sub-th a.link-info:hover{border-bottom: 1px solid #ff7f50; color: #ff7f50;}