@charset "UTF-8";
/* CSS Document */

/*clearfix初期指定：floatをしている内容がはみ出さないように、外の要素を調整*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}

/*clearfix：ここまで*/


/*==CLASS初期指定=======================================================*/

a { outline-width: 0; }
.clear { clear: both; }
.special { padding-bottom: 40px; }
#header { height: 75px;	}
#content #left a:link { color: #333; text-decoration:none; }
#content #left a:hover { color: #ff3915; text-decoration:none; }
#content #left a:active { color: #666; text-decoration:none; }

#content #left .entry-txt a{ color: #333; text-decoration:underline; }
#content #left .entry-txt a:hover { color: #eddb39;	text-decoration:underline; }
#content #left .entry-txt a:active { color: #666; text-decoration:none;  }

#content #right a:link { color: #333; text-decoration:underline;}
#content #right a:hover { color: #666; text-decoration:none;}
#content #right a:active { color: #666; text-decoration:none;}


/*==初期指定=======================================================*/

#container {
	text-align: left;
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}

#content #wrapper {
	margin: 0px 0px 0px 0px;
	width: 830px;
}


/* ---- header <<<-----------------------------------------------------------*/

#logo {
	display: block;
	height: 40px;
	width: 165px;
	float: left;
}
#header {
	height: 85px;
}
#logo a {
	display: block;
	height: 55px;
	width: 140px;
	text-decoration: none;
	background-image: url(../img/web_chikuma.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#nav {
	width: 650px;
	float: right;
}



#container #header #nav  a {
	outline:none;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 15px;
	text-decoration: none;
}


#container #header #nav  a:hover {
	outline:none;
	background-repeat: no-repeat;
	background-position: 0px -15px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 15px;
	text-decoration: none;
}

#nav ul {
	display: block;
	background-image: url(/btn/nav_border.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	height: 40px;
	width: 650px;
}
#nav li {
	display: block;
	margin-left: 23px;
	height: 15px;
	margin-top: 6px;
	font-size: 9px;
	line-height: 9px;
	float: right;
}


.btn_about {
	height: 13px;
	width: 64px;
	background-image: url(/company/img../../btn_about.gif);
}

.btn_about_o {
	height: 13px;
	width: 64px;
	background-image: url(/company/img../../btn_about_o.gif);
}


.btn_rec {
	height: 13px;
	width: 64px;
	background-image: url(/company/img../../btn_rec.gif);
}

.btn_rec_o {
	height: 13px;
	width: 64px;
	background-image: url(/company/img../../btn_rec_o.gif);
	
}

.btn_his {
	height: 13px;
	width: 102px;
	background-image: url(/company/img../../btn_his.gif);

}

.btn_his_o {
	height: 13px;
	width: 102px;
	background-image: url(/company/img../../btn_his_o.gif);

}
#showcart a{
	background-image: url(/btn/showcart.gif); width: 76px;
	background-repeat: no-repeat;
	background-position: 0px 0px;		
}
#showcart, #showcart-act{width: 76px;}

#showcart-act a{
	background-image: url(/btn/showcart.gif); width: 76px;
	background-repeat: no-repeat;
	background-position: 0px -15px;	
}



.show-details {
	margin-right: 6px;
}
.show-details a {
	background-image: url(/btn/detail.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.app a {
	background-image: url(/btn/app.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.buy {
	margin-right: 6px;
}
.buy a {
	background-image: url(/btn/buy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#soon a{
	background-image: url(/btn/soon.gif); width: 75px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#soon, #soon-act {width: 75px;}
#soon-act a{
	background-image: url(/btn/soon.gif); width: 75px;
	background-repeat: no-repeat;
	background-position: 0px -15px;;
}


#search a{
	background-image: url(/btn/advsearch.gif); width: 74px;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#search{width: 74px;}

#search-act a{
	background-image: url(/btn/advsearch.gif); width: 74px;
	background-repeat: no-repeat;
	background-position: 0px -15px;
}


#pr a{
	background-image: url(/btn/pr.gif); width: 54px;
	background-repeat: no-repeat;
	background-position: 0px 0px;		
}
#pr, #pr-act{width: 54px;}

#pr-act a{	
	background-image: url(/btn/pr.gif); width: 54px;
	background-repeat: no-repeat;
	background-position: 0px -15px;
}


#web a, #web-act a{ 
	background-image: url(/btn/web.gif); width: 53px;
}
#web, #web-act{width: 53px;}


	
#edu a, #edu-act a{
	background-image: url(/btn/edu.gif); width: 74px;
}
#edu, #edu-act{width: 74px;}



#dosukoi a, #dosukoi-act a{
	background-image: url(../img/nav-hp.gif); width: 44px;
}
#dosukoi, #dosukoi-act{width: 44px;}



#showcart a{
	background-image: url(/btn/showcart.gif); width: 76px;
	background-repeat: no-repeat;
	background-position: 0px 0px;		
}
#showcart, #showcart-act{width: 76px;}

#showcart-act a{
	background-image: url(/btn/showcart.gif); width: 76px;
	background-repeat: no-repeat;
	background-position: 0px -15px;	
}


/* ---- foot <<<-----------------------------------------------------------*/
#foot {
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	font-size: 11px;
	background-repeat: repeat-x;
	padding: 0px 10px 35px;
	color:#000000;
}

#foot-top {
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	font-size: 11px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#footnav {
	padding-top: 10px;
}
#footnav ul {
	display: block;
	margin: 0px;
	padding: 0px;
}
#footnav li {
	display: block;
	float: left;
	margin-right: 10px;
}
#footnav li a{
	color:#000000;
}

#backtotop {
	float: right;
	width: 67px;
}
#backtotop a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(/img/backtotop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 66px;
}
#copyright {
	padding-top: 10px;
}