@import url("base.css");

/*  templete
----------------------------------------------------------------*/
#container {
margin:0 auto;
text-align:left; width:942px; background-color:#FFFFFF;	
}

/*  header
----------------------------------------------------------------*/
#container > h1 {
height:19px; 
margin:0px 2px;
background-color:#333333; color:#ffffff;
font-size:10px;
padding:1px 0 0 7px;
font-weight:normal;
}
#container > p {
height:19px; 
margin:0px 2px;
background-color:#333333; color:#ffffff;
font-size:10px;
padding:1px 0 0 7px;
font-weight:normal;
}

#header { height:71px; position:relative;}
.toptitle { width:272px; height:58px; position:absolute; top:5px; left:18px;}
.topbanner { width:485px; position:absolute; top:11px; left:455px; height:51px;}

#navigation_block {
background:url(../img/common/globalmenu.gif);
width:938px; height:30px;
position:relative;
}
#navigation_block #home a{
position:absolute;
top:10px; left:10px;
width:41px; height:10px;
background:url(../img/common/globalmenu-home.gif) no-repeat 0px 0px;
text-indent:-9999em;
}
#navigation_block #home a:hover{
position:absolute;
top:10px; left:10px;
width:41px; height:10px;
background:url(../img/common/globalmenu-home_r.gif) no-repeat 0px 0px;
text-indent:-9999em;
}

#navigation { margin:0; padding:0 0 0 450px;}
#navigation li {
display:inline; list-style-type:none;
}
#navigation li a {
height:30px;
display:block;
float:left;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
}


.home a {
background:url(../img/common/globalmenu.gif) no-repeat 0px 0px;
width:70px;
}
.home a:hover {
background:url(../img/common/globalmenu.gif) no-repeat 0px -30px;
}

/*------off*/
#navigation li.news a {
background:url(../img/common/globalmenu.gif) no-repeat -450px 0px;
width:73px;
}
#navigation li.event a {
background:url(../img/common/globalmenu.gif) no-repeat -523px 0px;
width:92px;
}
#navigation li.shoten a {
background:url(../img/common/globalmenu.gif) no-repeat -615px 0px;
width:81px;
}
#navigation li.company a {
background:url(../img/common/globalmenu.gif) no-repeat -696px 0px;
width:73px;
}
#navigation li.recruit a {
background:url(../img/common/globalmenu.gif) no-repeat -769px 0px;
width:74px;
}
#navigation li.inquiry a {
background:url(../img/common/globalmenu.gif) no-repeat -843px 0px;
width:95px;
}

/*------hover*/
#navigation li.news a:hover {
background:url(../img/common/globalmenu.gif) no-repeat -450px -30px;
}
#navigation li.event a:hover {
background:url(../img/common/globalmenu.gif) no-repeat -523px -30px;
}
#navigation li.shoten a:hover {
background:url(../img/common/globalmenu.gif) no-repeat -615px -30px;
}
#navigation li.company a:hover {
background:url(../img/common/globalmenu.gif) no-repeat -696px -30px;
}
#navigation li.recruit a:hover {
background:url(../img/common/globalmenu.gif) no-repeat -769px -30px;
}
#navigation li.inquiry a:hover {
background:url(../img/common/globalmenu.gif) no-repeat -843px -30px;
}

/*------on*/
#navigation li.navigation02_on a {
background:url(../../img/common/globalmenu.gif) no-repeat -83px -30px;
width:91px;
}
#navigation li.navigation03_on a {
background:url(../../img/common/globalmenu.gif) no-repeat -174px -30px;
width:112px;
}
#navigation li.navigation04_on a {
background:url(../../img/common/globalmenu.gif) no-repeat -286px -30px;
width:96px;
}
#navigation li.navigation05_on a {
background:url(../../img/common/globalmenu.gif) no-repeat -382px -30px;
width:74px;
}
#navigation li.navigation06_on a {
background:url(../../img/common/globalmenu.gif) no-repeat -456px -30px;
width:77px;
}
#navigation li.navigation07_on a {
background:url(../../img/common/globalmenu.gif) no-repeat -533px -30px;
width:77px;
}
#navigation li.navigation08_on a {
background:url(../../img/common/globalmenu.gif) no-repeat -610px -53px;
width:85px;
}

/*  contents
----------------------------------------------------------------*/
#contents{ width:938px;
margin:0 2px;background:#FFFFFF;
}
.changeabilitybox,.changeabilitybox-oku	{
width:210px;
background: url(../images/common/changeabilitybox-top.gif) no-repeat;
padding-top:60px;
margin-top:2px; 
}
.changeabilitybox .inner{
background: url(../images/common/changeabilitybox-bottom.gif) no-repeat bottom;
padding:7px;
}
.changeabilitybox-oku .inner {
background: url(../images/common/changeabilitybox-oku-bottom.gif) no-repeat bottom;
padding:7px;
}

/*  magazine
----------------------------------------------------------------*/
#leftcontents{
width:210px; float:left;
margin-right:9px; 
margin-bottom:30px;
}
#search{ position:relative; text-align:center;}
#search h2{
position:absolute; top:40px; left:90px;
background: url(../images/common/h2-serach.gif) no-repeat;
width:30px; height:20px;
text-indent:-9999px;
}
#magazine,#okuduke,#shoten,#left-etc,#news,#soon,#ranking,#publicity,#guide,#shoten,#twitter{position:relative;}
#magazine h2{
position:absolute; top:40px; left:0;
background: url(../images/common/h2-magazine.gif) no-repeat;
width:210px; height:20px;
text-indent:-9999px;
}
.magazine-L {
width:60px;
float:left; margin-right:7px;
}
.magazine-R {
width:127px;
float:right;
}
.magazine-R > .comment { color:#009900;}
.magazine-R img { margin-bottom:3px;}
.magazine-R .day { font-size:80%; color:#888888; text-align:right; margin:0; padding:0;}
.txt-R { text-align:right; display:block; margin:0; padding:0;}

#okuduke h2{
position:absolute; top:37px; left:10px;
background: url(../images/common/h2-okuduke.gif) no-repeat;
width:187px; height:23px;
text-indent:-9999px;
}
#news h2 {
position:absolute; top:40px; left:70px;
background: url(../images/common/h2-latestnews.gif) no-repeat;
width:62px; height:20px;
text-indent:-9999px;
}
#soon h2 {
position:absolute; top:40px; left:60px;
background: url(../images/common/h2-newtitle.gif) no-repeat;
width:88px; height:20px;
text-indent:-9999px;
}
#ranking h2 {
position:absolute; top:40px; left:40px;
background: url(../images/common/h2-ranking.gif) no-repeat;
width:129px; height:20px;
text-indent:-9999px;
}
#publicity h2 {
position:absolute; top:40px; left:45px;
background: url(../images/common/h2-pub.gif) no-repeat;
width:120px; height:20px;
text-indent:-9999px;
}
#guide h2 {
position:absolute; top:40px; left:45px;
background: url(../images/common/h2-aboutsite.gif) no-repeat;
width:123px; height:20px;
text-indent:-9999px;
}
#shoten h2 {
position:absolute; top:40px; left:75px;
background: url(../images/common/h2-shoteninfo.gif) no-repeat;
width:57px; height:20px;
text-indent:-9999px;
}
#twitter h2 {
position:absolute; top:40px; left:48px;
background: url(../images/common/h2-twitter.gif) no-repeat;
width:113px; height:20px;
text-indent:-9999px;
}
#shoten h2.other {
position:absolute; top:40px; left:75px;
background: url(../images/common/h2-goodsinfo.gif) no-repeat;
width:57px; height:20px;
text-indent:-9999px;
}
h1#searchresult {
background: url(../images/common/title_serachresult.jpg) no-repeat;
width:719px; height:60px;
margin-bottom:5px;
text-indent:-9999px;
}


/*  left-other
----------------------------------------------------------------*/
#leftmenu {
padding:7px 0px 5px 10px;
margin-bottom:30px;
}
#leftmenu li{
/* background:url('../images/common/icon-arrow1.gif') no-repeat; */
background-position:0px 6px; padding-left:10px;
list-style:none; line-height:180%;
padding-bottom:2px
}

#leftmenu li.KeyCat{
background:url('../images/common/icon-arrow1.gif') no-repeat;
background-position:0px 6px; padding-left:10px;
list-style:none; line-height:180%;
padding-bottom:2px
}

/*  siteinfo
----------------------------------------------------------------*/
#siteinfo {
width:210px; float:left;
}
#news span,#soon span{
color:#009900; font-weight:bold;
}
#news li,#soon li{
color:#666666;
background:url('../images/common/border-b.gif') repeat-x;
padding:5px 0 9px 0;
background-position:bottom;
}
.newsborder {
background:url('../images/common/border-b.gif') repeat-x;
background-position:bottom;
padding:5px 0 10px 0;
}
#publicity li,#guide li{
background:url('../images/common/icon-arrow1.gif') no-repeat;
padding-left:10px;
background-position:0 5px;
margin-bottom:7px;
}
#mobile {
width:210px; height:190px;
background:url('../images/common/bg-mobile.gif') no-repeat;
margin:14px 0; text-align:center; color:#FF0000; padding-top:80px;
}


/*  main
----------------------------------------------------------------*/
#main{
width:500px; float:left;
margin-right:9px;
}
#topitem {
width:500px; height:auto;
background:url('../images/common/top-itemheader.gif') no-repeat;
padding-top:63px;
margin-top:2px;
}
.itemlist-top {
background:#EBEBEB;
padding:14px; margin-bottom:5px;
}
.itemlist-top h3 {font-weight:bold; display:block; margin-bottom:5px; width:490px;}
.itemlist-top h3 span {
padding:2px 0 0 2px;
}
.itemborder {
background:url('../images/common/border-a.gif') repeat-x;
background-position:top;
padding:10px 0;
}
.itemborder img { float:right; margin-left:10px; width:120px;}
.itemborder p { float:left; width:340px; line-height:150%;}

.twitterlist{
margin:20px 0 0 -35px;
}
.twitterlist li{
float:left;
width:130px;
margin:0 0 20px 40px;
}
.twitterlist li img{
border:1px solid #cccccc;
}

#topevent {
width:500px; height:auto;
background:url('../images/common/top-eventheader.gif') no-repeat;
padding-top:63px;
margin:2px 0 40px 0;
}

.itemlist-company{
min-height:300px;
height: auto !important;
height: 300px;
}

.itemlist-company tr {
background:url('../images/common/border-c.gif') repeat-x;
background-position:bottom;
}
.itemlist-company td,.itemlist-company th {
padding:8px 0;
}
.itemlist-company th { width:90px;}
.itemlist-company td { width:549px;}

.itemlist-company,.itemlist-inquiry,.itemlist-mobile {
background:#EBEBEB;
padding:12px 40px 20px 40px; margin-bottom:5px; line-height:150%;
}
.itemlist-inquiry h3,.itemlist-mobile h3 {
border-left:5px solid #67AB32;
padding-left:7px;
font-size:1.2em;
margin-bottom:7px;
}

.recruit_list li {
	padding:0 0 10px 13px;
    text-indent: -13px;
}

/*  main-other
----------------------------------------------------------------*/
#main-other,.main-other-c {
width:719px; float:right;
margin-top:2px; margin-bottom:30px;
}
#main-other h2,.main-other-c h2 {
width:719px; height:60px;
margin-bottom:5px;
text-indent:-9999px;
}
#main-other h1 {
margin-bottom:5px;
}
.otherborder {
background:url('../images/common/border-a.gif') repeat-x;
background-position:top;
padding:10px 0;
}
.otherborder img { float:right; margin:0 0 10px 10px; /*width:300px;*/}
.otherborder > p {  /*width:375px;*/ line-height:150%; }

.other-isbn  {clear:both;margin:5px 0; text-align:right; 
background:url('../images/common/border-a.gif') repeat-x;
background-position:bottom;
padding:10px 0;}

.otherborder li,.categoryborder li {
float:left; width:130px;
}





.otherborder2 {
background:url('../images/common/border-a.gif') repeat-x;
background-position:top;
padding:10px 0; margin:0;
}

.otherborder2 > p {  /*width:375px;*/ line-height:150%; }
.otherborder2 img {  margin:0 0 10px 10px; /*width:300px;*/}
.otherborder2 li,.categoryborder2 li {
float:left; width:130px;
}






.company-thumb li {
float:left; margin:0 5px 5px 0;
width:200px; text-align:center;
}
.mobile-thumb li {
float:left; margin:0 5px 5px 0;
width:150px; text-align:center;
}
.mobile-thumb2 li {
float:left; margin:0 5px 5px 0;
width:110px; text-align:center;
}
.border-c {
background:url('../images/common/border-c.gif') repeat-x;
background-position:bottom;
padding:10px 0;
}

.categoryborder,.serachborder.categoryborder2 {
background:url('../images/common/border-a.gif') repeat-x;
background-position:top;
padding:10px 0;
}
.categoryborder img { float:right; margin-left:10px; width:120px;}
.categoryborder2 img { float:right; margin-left:10px;}
.categoryborder > p { float:left; width:555px; line-height:150%;}

.backnumber {text-align:center; display:block; margin:10px 0;}

.serachborder > p {line-height:150%;}
.serachborder span {background-color:#FFFF00; font-size:120%; font-weight:bold;}

/*  hr
----------------------------------------------------------------*/
#company,#information,#inquiry,#recruit,#mailorder,#mobilemenu,#boysheaven,#mameshiba{position:relative;}
#company h1 {
width:64px; height:20px;
background:url('../images/common/title_company1.gif') no-repeat;
position:absolute; top:40px; left:70px;
text-indent:-9999px;
}
#information h1 {
width:134px; height:20px;
background:url('../images/common/title_information.gif') no-repeat;
position:absolute; top:40px; left:40px;
text-indent:-9999px;
}
#inquiry h1 {
width:134px; height:20px;
background:url('../images/common/title_inquiry1.gif') no-repeat;
position:absolute; top:40px; left:55px;
text-indent:-9999px;
}
#recruit h1 {
width:134px; height:20px;
background:url('../images/common/title_recruit.gif') no-repeat;
position:absolute; top:40px; left:70px;
text-indent:-9999px;
}
#mailorder h1 {
width:134px; height:20px;
background:url('../images/common/title_mailorder.gif') no-repeat;
position:absolute; top:40px; left:50px;
text-indent:-9999px;
}
#mobilemenu h1 {
width:134px; height:20px;
background:url('../images/common/title_mobilemenu.gif') no-repeat;
position:absolute; top:40px; left:70px;
text-indent:-9999px;
}
#boysheaven h1{
width:140px; height:20px;
background:url('../images/common/title_boysheaven.gif') no-repeat;
position:absolute; top:40px; left:35px;
text-indent:-9999px;
}
#mameshiba h1{
width:140px; height:20px;
background:url('../images/common/title_mameshiba.gif') no-repeat;
position:absolute; top:36px; left:35px;
text-indent:-9999px;
}

h2#company01 { background:url('../images/common/title_company1.jpg') no-repeat;}
h2#company02 { background:url('../images/common/title_company2.jpg') no-repeat;}
h2#company03 { background:url('../images/common/title_company3.jpg') no-repeat;}
h2#company04 { background:url('../images/common/title_company4.jpg') no-repeat;}

h2#information01 { background:url('../images/common/title_information1.jpg') no-repeat;}
h2#information02 { background:url('../images/common/title_information2.jpg') no-repeat;}
h2#information03 { background:url('../images/common/title_information3.jpg') no-repeat;}

h2#inquiry01 { background:url('../images/common/title_inquiry1.jpg') no-repeat;}
h2#inquiry02 { background:url('../images/common/title_inquiry2.jpg') no-repeat;}

h2#recruit01 { background:url('../images/common/title_recruit.jpg') no-repeat;}
h2#mailorder01 { background:url('../images/common/title_mailorder.jpg') no-repeat;}
h2#mobile01 { background:url('../images/common/tilte_mobilecontents.jpg') no-repeat;}
h2#mobile02 { background:url('../images/common/tilte_mobileregist.jpg') no-repeat;}
h2#boysheaven01 { background:url('../images/common/tilte_boysheaven01.jpg') no-repeat;}
h2#mameshiba01 { background:url('../images/common/tilte_mameshiba01.jpg') no-repeat;}

h2#notfound01 { background:url('../images/common/tilte_notfound01.jpg') no-repeat;}

h2#twitter01 { background:url('../images/common/title_twitter.jpg') no-repeat;}

/*  contents-okuduke
----------------------------------------------------------------*/
#contents-okuduke {
width:938px; height:auto;
margin:5px 2px; padding:70px 0 30px 0;
background:url('../images/common/okuzuke_wall.gif') repeat;
}
#okuduke-main,#okuduke-other {
width:740px; margin:0 auto; position:relative;
}
#okuduke-main h1{
width:740px; height:240px;
background:url('../images/common/okuzuke_toptitle.gif') no-repeat;
text-indent:-9999px;
}
#okuduke-other h1{
width:740px; height:50px;
background:url('../images/common/okuzuke_othertitle.gif') no-repeat;
text-indent:-9999px; padding-bottom:20px;
}
#okuduke-main h2{
width:166px; height:18px;
background:url('../images/common/okuzuke_contents.gif') no-repeat;
text-indent:-9999px; margin-bottom:10px;
}
#okuduke-main ul{
background:url('../images/common/okuzuke_new_tag.gif') no-repeat;
background-position:0 7px;
padding-left:70px;
padding-bottom:50px;
}
#okuduke-main li{
border-bottom:1px solid #666666;
padding:7px 0; font-size:125%;
}
.okuduke-number {
height:auto;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
padding:20px 0 10px 0; line-height:150%; font-size:105%;
margin-top:20px;
}
.okuduke-number h2 {
font-size:125%; margin:0; padding:0; font-weight:normal;
}
.okuduke-number h3 {
font-size:150%; margin:20px 0; padding:0; font-weight:bold;
}
.okuduke-number span {
text-align:right; display:block; margin-top:30px;
}
#okuduke-other span.number {
position:absolute; top:70px; left:0;
font-size:150%;
}

/*  mailorder
----------------------------------------------------------------*/
#mailorder01,#mailorder02,#mailorder03,#mailorder04,#mailorder05 {
margin-bottom:40px;
}
#mailorder01 h4,#mailorder02 h4,#mailorder03 h4,#mailorder04 h4,#mailorder05 h4 {
margin-left:5px;
}


/*  footer
----------------------------------------------------------------*/
#footer{
clear:both; width:auto;
background:url('../images/common/border-b.gif') repeat-x;
background-position:top;
padding-top:10px;
}
.gotop {text-align:right;margin:0; padding:0}
.copyright {text-align:center; background-color:#000000; color:#FFFFFF;
margin:0; padding:2px 0 1px 0; font-size:85%; display:block;}

.gotop-c {text-align:right;margin:10px 0 0 0; padding:0; display:block;}

.bn-box {
margin-left:30px;
}

.bn-box li {
float:left; margin:0 10px 5px 0;
width:210px;
}

/*  slideshow
----------------------------------------------------------------*/
.Number
{
	width:10px;
	height:8px;
	padding:2px 3px 6px 3px;
	margin:5px 5px 0 0;
	background:#ff7330;
	text-align:center;
	float:left;
	font-size:11px;
	cursor:default;
}
.Number:hover
{
	cursor:pointer;

	filter: alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
}
#Slide
{
	margin-top:33px;
}

/*  etc
----------------------------------------------------------------*/
#frameall {
margin:0 auto; width:944px; height:auto;
background:#ffffff; text-align:left;
}
#contentsblock {
margin:0; padding:0;
width:944px;
min-height:500px;
height:auto !important;
height:500px;
background:#ffffff;
}
.sub-contents {
width:210px; height:auto;
float:left; margin-right:8px;
}
.main-contents {
width:720px; height:auto;
float:right;
}

.newsall {
text-align:right; display:block;
padding:0 3px 3px 0;

}
.newsborder {
background:url('../images/common/border-b.gif') repeat-x;
background-position:bottom;
padding:5px 0 10px 0;
}
.linkright {
text-align:right; display:block;
margin:5px 2px 0 0;
}

.pt-20 {padding-top:20px;}
.indent5 {margin-left:5px}
.indent10 {margin-left:10px}
.mtb-5 {margin:5px 0;}
.mb-20 {margin-bottom:20px;}
.center { text-align:center;}
.L-height180 { line-height:180%;}

.century {font-family:century gothic}

/*  旧CSS
----------------------------------------------------------------*/
.company-info{
	width:641px;
	margin:7px auto 17px auto;
}
.company-info th{
	width:90px;
	font-weight:bold;
	padding:0.5em 0em;
	background:url(../img/line_company.gif) bottom left repeat-x;
}
.company-info td{
	padding:0.5em 0em;
	background:url(../img/line_company.gif) bottom left repeat-x;
}
.company-info td.nobd{
	padding:0.5em 0em;
	background:none;
}