@charset "utf-8";
/* CSS Information ==============================
base.css
============================================== */

/*====================
 +base element
====================*/
body {
	color: #333;
	font-family:
 Meiryo, "メイリオ",  "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",  Osaka,  "MS P Gothic", "ＭＳ Ｐゴシック",  sans-serif;
	font-size: 13.5px;
	line-height: 1.5;
	background:url(../img/body-bg.gif) repeat-x;
}
h1 {
	padding-left:5px;
	height:20px;
	line-height:20px;
	background-color:#898989;
	color:#FFFFFF;
	margin-bottom:5px;
	font-size: 9.5px;
}
h2 {
	font-size: 144%;
}
h3 {
	font-size: 120%;
}
.caption {
	font-size: 84%;
}
.f_right {
	float:right;
}
.f_left {
	float:left;
}
.t_center {
	text-align:center;
}
.t_right {
	text-align:right;
}
.t_left {
	text-align:left;
}
.pink {
	color:#E4007F;
}
.orange {
	color:#F08300;
}
.green {
	color:#88AE0E;
}
.blue {
	color:#187FC4;
}
.purple {
	color:#B0588F;
}
.aqua {
	color:#3071B8;
}
.gray {
	color:#9F9F9F;
}
.bluegreen {
	color:#1BB38E;
}
.attention {
	color:#E60012;
}
.font10px {
	font-size:10px;
}
.font11px {
	font-size:11px;
}
.font12px {
	font-size:12px;
}
.font15px {
	font-size:15px;
}
.font16px {
	font-size:16px;
}
.font18px {
	font-size:18px;
}
.font20px {
	font-size:20px;
}
.font21px {
	font-size:21px;
}
.font23px {
	font-size:23px;
}
.font25px {
	font-size:25px;
}
.fontbold {
	font-weight:bold;
}

.mt5px  { margin-top:5px;  }
.mt10px { margin-top:10px; }
.mt15px { margin-top:15px; }
.mb5px  { margin-bottom:5px;  }
.mb10px { margin-bottom:10px; }
.mb15px { margin-bottom:15px; }
.mb20px { margin-bottom:20px; }
.mb30px { margin-bottom:30px; }
.mb40px { margin-bottom:40px; }
.mt30px { margin-top:30px; }
.mr5px  { margin-right:5px;  }
.mr10px { margin-right:10px; }
.mr15px { margin-right:15px; }
.mr20px { margin-right:20px; }
.ml5px  { margin-left:5px;  }
.ml10px { margin-left:10px; }
.ml15px { margin-left:15px; }
.ml20px { margin-left:20px; }
.ml30px { margin-left:30px; }
.ml40px { margin-left:40px; }
.ml45px { margin-left:45px; }
.ml80px { margin-left:80px; }

.mgm_btm5px  { margin-bottom:5px;  }
.mgm_btm10px { margin-bottom:10px; }
.mgm_btm15px { margin-bottom:15px; }
.mgm_btm20px { margin-bottom:20px; }
.mgm_btm30px { margin-bottom:30px; }
.mgm_btm40px { margin-bottom:40px; }
.mgm_rt5px  { margin-right:5px;  }
.mgm_rt10px { margin-right:10px; }
.mgm_rt15px { margin-right:15px; }
.mgm_rt20px { margin-right:20px; }

.mgm_lt5px  { margin-left:5px;  }
.mgm_lt10px { margin-left:10px; }
.mgm_lt15px { margin-left:15px; }
.mgm_lt20px { margin-left:20px; }
.mgm_lt45px { margin-left:45px; }


 /*====================
 +link 
====================*/
a:link {
	text-decoration: none;
	color: #0068B7;
}
a:visited {
	text-decoration: none;
	color: #0068B7;
}
a:hover {
	text-decoration: none;
	color: #0068B7;
}
a:active {
	text-decoration: none;
	color: #0068B7;
}
a:focus {
	outline: none;
	color: #0068B7;
}
input[type=image]:hover{
    filter:alpha(opacity=70);
    opacity:0.7;
}
input[type=image].no-alpha:hover {
    filter:alpha(opacity=100) !important;
    opacity:1 !important;
}
a:hover img{
    filter:alpha(opacity=70);
    opacity:0.7;
}
input[type=image]:hover{
    filter:alpha(opacity=70);
    opacity:0.7;
}
input[type=image].no-alpha:hover,
a.no-alpha img:hover {
    filter:alpha(opacity=100) !important;
    opacity:1 !important;
}

/*====================
 +layout
====================*/

#wrapper {
	margin: 0 auto;
	width: 980px;
}
#outer_wrapper {
		background:url(../img/bg_btm.png) repeat-x bottom;
		padding-bottom: 300px;
}
#g-navi {
	color: #333;
	background: #ABBEBE;
	height:30px;
}
#leftcolumn {
	display: inline;
	color: #575757;
	margin: 0px;
	padding-top: 30px;
	width: 212px;
	float: left;
}

#rightcolumn {
	float: right;
	text-align:left;
	color: #575757;
	margin: 0px;
	padding: 0px;
	width: 740px;
}
/*====================
 +header
====================*/
#header {
		background:url(../img/header-bg.gif) no-repeat top right;
}	
#logo {
	width:244px;
	float:left;
}
#header-right {
	float:right;
	width:736px;
	text-align:right;
}
#top-navi {
	float:right;
	margin-bottom:3px;
	font-size:12px;
	width:736px;
}
#tel {
	margin-bottom:7px;
	width:736px;
}
#top-navi li {
	float:right;
	border-left:1px solid;
	padding-left:5px;
	margin-right:5px;
}
#header-button {
	text-align:right;
	width:736px;
}
#header-button li {
	float:left;
	padding-left:13px;
}
#login_form {
	width:736px;
}

#header-input-area {
	line-height:1.2;
	float:right;
	padding:2px 3px;
}
.header-label {
	font-weight:normal;
	font-size:10px;
	color:#8C8C8C;
}
.header-input {
	width:122px;
	font-weight:normal;
	padding:2px 3px;
}
#logout {
	font-weight:normal;
	font-size:12px;
	color:#999999;
}

a#forgot:link {
	text-decoration: none !important;
	color:#FFFFFF !important;
}
a#forgot:visited {
	text-decoration: none !important;
	color:#FFFFFF !important;
}
a#forgot:hover {
	text-decoration: underline !important;
	color:#FFFFFF !important;
}
a#forgot:active {
	text-decoration: underline !important;
	color:#FFFFFF !important;
}

#header-right #logout:link {
	text-decoration: underline;
	color:#595757;
}
#header-right #logout:visited {
	text-decoration: underline;
	color:#595757;
}
#header-right #logout:hover {
	text-decoration: none;
	color:#595757;
}
#header-right #logout:active {
	text-decoration: none;
	color:#595757;
}
#g-navi {
	background:url(../img/g-navi.gif) no-repeat left top;
	width:980px;
	height:51px;
}
#g-navi li {
	float:left;
	height:51px;
	text-indent:-9999pt;
}
#g-navi li a {
	display:block;
	height:51px;
	width:163px;
}
#header a:link {
	color:#727272;
	text-decoration:none;
}
#header a:visited {
	color:#727272;
	text-decoration:none;
}
#header a:hover {
	color:#9F9F9F;
	text-decoration:none;
}
#header a:active {
	color:#9F9F9F;
	text-decoration:none;
}
#g-navi01:hover, #g-navi01:active {
	background:url(../img/g-navi.gif) no-repeat 0px bottom
}
#g-navi02:hover, #g-navi02:active {
	background:url(../img/g-navi.gif) no-repeat -163px bottom
}
#g-navi03:hover, #g-navi03:active {
	background:url(../img/g-navi.gif) no-repeat -326px bottom
}
#g-navi04:hover, #g-navi04:active {
	background:url(../img/g-navi.gif) no-repeat -489px bottom
}
#g-navi05:hover, #g-navi05:active {
	background:url(../img/g-navi.gif) no-repeat -652px bottom
}
#g-navi06:hover, #g-navi06:active {
	background:url(../img/g-navi.gif) no-repeat -815px bottom
}
/*====================
 +rightcolumn
====================*/

#page-title {
	margin-bottom:25px;
}
/*====================
 +sidenavi
====================*/

#sidenavi {
	border-bottom:1px solid #cfcfcf;
	margin-bottom:15px;
	border-right:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
}

#sidenavi #catUV {
	background-color:#88af0d;
}
#sidenavi #cat1 {
	background-color:#00a0e9;
}
#sidenavi #cat2 {
	background-color:#e4007f;
}

#sidenavi #catUV a{
	display:block;
	line-height:25px;
	height:25px;
	vertical-align:middle;
}
#sidenavi #cat1 a{
	display:block;
	line-height:25px;
	height:25px;
	vertical-align:middle;
}
#sidenavi #cat2 a{
	display:block;
	line-height:25px;
	height:25px;
	vertical-align:middle;
}
#catUV li {
	background:url(../img/list-symbol-green.gif) no-repeat 10px 12px;
	background-color:#FFFFFF;
}
#cat1 li {
	background:#FFFFFF url(../img/list-symbol-blue.gif) no-repeat 10px 12px;
	background-color:#FFFFFF;
}
#cat2 li {
	background:#FFFFFF url(../img/list-symbol-pink.gif) no-repeat 10px 12px;
	background-color:#FFFFFF;
}

.level1 {
	text-align:center;
}

#categorytree .level1 a:link,#categorytree .level1 a:visited,#categorytree .level1 a:hover,#categorytree .level1 a:active{
	color:#FFFFFF;
}
#categorytree li {
	padding-top:5px;
}
#categorytree .level2 {
	text-align:left;
	text-indent:22px;
}
#categorytree .level2 a {
	background:url(../img/cat-list-border.gif) no-repeat center bottom;
}
#categorytree .level2 a:link {
	color:#575757;
	text-decoration:none;
}
#categorytree .level2 a:visited {
	color:#575757;
	text-decoration:none;
}
#categorytree .level2 a:hover {
	color:#9F9F9F;
	text-decoration:none;
}
#categorytree .level2 a:active {
	color:#9F9F9F;
	text-decoration:none;
}


#sidenavi #catOS {
	background-color:#187FC4;
}

#sidenavi #catOS a{
	display:block;
	line-height:25px;
	height:25px;
	vertical-align:middle;
}
#catOS li {
	background:url(../img/list-symbol-navy.gif) no-repeat 10px 12px;
	background-color:#FFFFFF;
}


#sidenavi #catOB {
	background-color:#B0588F;
}

#sidenavi #catOB a{
	display:block;
	line-height:25px;
	height:25px;
	vertical-align:middle;
}
#catOB li {
	background:url(../img/list-symbol-purple.gif) no-repeat 10px 12px;
	background-color:#FFFFFF;
}


#sidenavi #catFM {
	background-color:#1BB38E;
}

#sidenavi #catFM a{
	display:block;
	line-height:25px;
	height:25px;
	vertical-align:middle;
}
#catFM li {
	background:url(../img/list-symbol-bluegreen.gif) no-repeat 10px 12px;
	background-color:#FFFFFF;
}












#leftcolumn p {
	margin-bottom:15px;
}
#banner-nyuko {
	display:block;
	height:71px;
	width:212px;
	text-indent:-9999pt;
}
#banner-nyuko:link, #banner-nyuko:visited {
	background:url(../img/banner-nyuko.gif) no-repeat top
}
#banner-nyuko:hover, #banner-nyuko:active {
	background:url(../img/banner-nyuko.gif) no-repeat bottom
}
/*====================
 +footer
====================*/
#footer {
	color:#9F9F9F;
	font-size:10.5px;
	padding-left:243px;
	padding-right:5px;
}
#to-customer {
	border-bottom:1px dotted #9F9F9F;
	padding-bottom:5px;
	margin-bottom:5px;
}
#copyright {
	padding-top:3px;
	text-align:right;
	font-size:9px;
}
/*====================
 +clearfix
====================*/
.clearfix, div#container {
	overflow: hidden;
}



.dis_none {
	display: none;
}