﻿/* CSS レイアウト */

* {
	padding : 0px;
    margin: 0 auto;
}


a:hover img{ 
 opacity:0.7;filter: alpha(opacity=70); 
}


#sitebox {
width: 910px;
height: 3480px;
margin: 0 auto;
}

#header {
width: 905px;
height: 100px;
background-image: url('http://crows.nw.shopserve.jp/header.jpg');

}

#headnavitop {
	width: 120px;
	height: 90px;
	float: left;
}





#headnavi {
	width: 550px;
	height: 100px;
	margin-left:130px;
	padding : 5px 0px 0px 0px;
}



#headnavi01 {
	width: 500px;
	height: 40px;
	margin-top: 10px;
	margin-left:60px;
}

#headnavi01 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#headnavi01 li {
    float: left;
    border:1px #999999 dotted;
}


#menu1 a {
	display: block;
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton1.jpg);
	background-repeat: no-repeat;
}
#menu1 a:hover {
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton1b.jpg);
	background-repeat: no-repeat;
}

#menu2 a {
	display: block;
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton2.jpg);
	background-repeat: no-repeat;
}
#menu2 a:hover {
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton2b.jpg);
	background-repeat: no-repeat;
}


#menu3 a {
	display: block;
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton3.jpg);
	background-repeat: no-repeat;
}
#menu3 a:hover {
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton3b.jpg);
	background-repeat: no-repeat;
}


#menu4 a {
	display: block;
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton4.jpg);
	background-repeat: no-repeat;
}
#menu4 a:hover {
	width: 120px;
	height: 40px;
	background-image: url(http://crows.nw.shopserve.jp/botton4b.jpg);
	background-repeat: no-repeat;
}





#headnavi02 {
	width: 540px;
	height: 30px;
	margin-top: 5px;
	margin-left:20px;
}

#headnavi02 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#headnavi02 li {
    float: left;
    border:1px #999999 dotted;
}

#menu5 a {
	display: block;
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton7.jpg);
	background-repeat: no-repeat;
}
#menu5 a:hover {
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton7b.jpg);
	background-repeat: no-repeat;
}

#menu6 a {
	display: block;
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton5.jpg);
	background-repeat: no-repeat;
}
#menu6 a:hover {
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton5b.jpg);
	background-repeat: no-repeat;
}


#menu7 a {
	display: block;
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton6.jpg);
	background-repeat: no-repeat;
}
#menu7 a:hover {
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton6b.jpg);
	background-repeat: no-repeat;
}


#menu8 a {
	display: block;
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton8.jpg);
	background-repeat: no-repeat;
}
#menu8 a:hover {
	width: 130px;
	height: 30px;
	background-image: url(http://crows.nw.shopserve.jp/botton8b.jpg);
	background-repeat: no-repeat;
}










#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#000000;
	background-repeat:repeat;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:176.4px;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#000000;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:2px 5px 2px 10px;
	padding-left:0;
	font:normal 12px Trebuchet MS,Tahoma;
	color: #cccccc;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#383838;
	border-color:#383838;
	border-style:solid;
	font:normal 12px Trebuchet MS, Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#383838;
	border-color:#cccccc;
	border-style:solid;
	font:normal 12px Trebuchet MS, Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #666 !important;
}
ul.pureCssMenu img {border: none;float:left;float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(http://crows.nw.shopserve.jp//arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(http://crows.nw.shopserve.jp/arrv_white.gif);
}
ul.pureCssMenu a:hover span{background-image:url(http://crows.nw.shopserve.jp//arrv_white.gif)
}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(http://crows.nw.shopserve.jp//arr_white.gif)}






















#topmain {
    width: 900px;
    height:545px;
    padding : 10px 0px 0px 3px;

}

#topmain-b {
    width: 900px;
    height:75px;
}


#topmain-list {
float: left;
height: 75px;
}

.itemlist2  {
    padding : 0px 0px 5px 6px;
	float: left;
	list-style-type: none;
}

#topmain-flash {
height: 62px;
}




#topmainleft {
    width: 630px;
    height:400px;
    float: left;
}


#topmainright {
    width: 265px;
    height:400px;
    float: right;
}


#topmainright ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topmainright li a {
	border: none;
}

#topmainright li a:link {
	border: none;
}


#menu9 {
	float: left;
}


#menu11 {
	float: left;
}

#menu13 {
	float: left;
}





#custmember{
    width: 900px;
    height:205px;
}



#cust{
    width: 598px;
    height:200px;
    background-image: url(http://crows.nw.shopserve.jp/customizingbana.jpg);
    float: left;
}

#cust1{
    width: 420px;
    height:145px;
    float: left;
    margin-top: 40px;
 }

.custnaka0{
       width: 418px;
    height:20px;
    float: left;
    font-size: 8pt;
	color: #929200;
	text-decoration: underline; 
 }


.custnaka0-0{
       width: 418px;
    height:65px;
    float: left;
 }


.custnaka1{
    width: 25px;
    height:15px;
    float: left;
 }

.custnaka2{
	width: 390px;
	height: 15px;
	float: right;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
}

.custnaka2 a{
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
}



.custnaka3{
	width: 390px;
	height: 15px;
	float: right;
	font-size: 8pt;
	color: #929200;
	text-decoration: underline;
}

.custnaka1-1{
    width: 25px;
    height:65px;
    float: left;
 }

.custnaka4{
	width: 390px;
	height: 65px;
	float: right;
}





#member{
    width: 295px;
    height:210px;
    float: right;
}







#toppic {
    width: 900px;
    height:290px;
    background-color:black;
}

#toppic-head {
    width: 900px;
    height:28px;
}



#toppic-list {
    width: 900px;
    height:260px;
}


#toppic-list ul {
    padding : 0px 0px 2px 0px;
	list-style-type: none;
}


#toppic-list li {
    float: left;
    padding : 0px 0px 0px 3px;
}


#toppicmenu1 a {
	display: block;
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem1.jpg);
	background-repeat: no-repeat;
}
#toppicmenu1 a:hover {
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem1b.jpg);
	background-repeat: no-repeat;
}

#toppicmenu2 a {
	display: block;
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem2.jpg);
	background-repeat: no-repeat;
}
#toppicmenu2 a:hover {
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem2b.jpg);
	background-repeat: no-repeat;
}


#toppicmenu3 a {
	display: block;
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem3.jpg);
	background-repeat: no-repeat;
}
#toppicmenu3 a:hover {
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem3b.jpg);
	background-repeat: no-repeat;
}


#toppicmenu4 a {
	display: block;
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem4.jpg);
	background-repeat: no-repeat;
}
#toppicmenu4 a:hover {
	width: 220px;
	height: 250px;
	background-image: url(http://crows.nw.shopserve.jp/picitem4b.jpg);
	background-repeat: no-repeat;
}








#main {
height: 1680px;
}


#nakaobi {
width: 900px;
height: 60px;
margin-top: 8px;
background-image: url('http://crows.nw.shopserve.jp/nakaobi.jpg');
}


#kensaku {
width: 225px;
height: 40px;
float: right;
padding : 25px 0px 0px 0px;
}


.text1 {
padding : 0px 0px 7px 0px;
	}


#news {
width: 900px;
height: 260px;
}

#news1 {
width: 900px;
height: 190px;
}
#news1-1 {
width: 900px;
height: 30px;
margin-top:10px;
}

.newsmenu ul {
	margin: 0px 0px 0px 0px;
}
.newsmenu li {
	border-bottom: 1px #999999 dotted;
	list-style-type: none;
	background-image: url(http://crows.nw.shopserve.jp/newslist.jpg);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	font-size: 10pt;
	color: #2a2a2a;
	height: 30px;

}


.newsmenu a {
	color: #303030;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}


.newsmenu a:link {
	color: #303030;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}

.newsmenu a:hover {
	color: #F8F8F8;
	font-size: 10pt;
	font-style: normal;
	background-color: #202020;
}







#news2 {
width: 900px;
height: 60px;
}



#color1 {
width: 445px;
height: 20px;
font-size: 8pt;
color: #FFFFFF;
background-color: #191919;
float: left;
padding : 2px 0px 0px 5px;
margin : 10px 0px 0px 0px;
}


#color1 a {
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

#color1 a:link {
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

#color1 a:hover {
font-size: 8pt;
color: #E6E600;
}







#color2 {
width: 445px;
height: 20px;
background-color: #333300;
font-size: 8pt;
color: #FFFFFF;
float: right;
padding : 2px 0px 0px 5px;
margin : 10px 0px 0px 0px;

}


#color2 a {
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

#color2 a:link {
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

#color2 a:hover {
font-size: 8pt;
color: #E6E600;
}





#category {
width: 900px;
height: 1350px;
font-size: 8pt;
color: #F8F8F8;
}



#category1 {
width: 570px;
height: 950px;
float: left;
}

#category1-1 {
width: 570px;
height: 940px;
}


#categoryn1 {
height: 18px;
background-color: #191919;
}

#categoryn1 a {
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

#categoryn1 a:link {
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

#categoryn1 a:hover {
font-size: 8pt;
color: #E6E600;
}







#categoryn2 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}

.categoryn2-0 {
height: 15px;
font-size: 8pt;
color: #FFFFFF;
background-color: #505050;
}




#categoryn2-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}


#categoryn2-2 {
float: left;
height: 108px;
}


.itemlist  {
margin-top: 5px;
padding : 0px 0px 0px 15px;
float: left;
list-style-type: none;
}


.itemtitle  {
padding : 0px 0px 0px 18px;
float: left;
list-style-type: none;
}

.itemtitle a {
	color: #303030;
	font-size: 8pt;
	text-decoration: none;
}


.itemtitle a:link {
	color: #303030;
	font-size: 8pt;
	text-decoration: none;
}

.itemtitle a:hover {
	color: #F8F8F8;
	font-size: 8pt;
	background-color: #202020;
}







#categoryn3 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn3-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn3-2 {
float: left;
height: 108px;
}



#categoryn4 {
height: 122px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn4-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn4-2 {
float: left;
height: 108px;
}

#categoryn25 {
height: 122px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn25-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn25-2 {
float: left;
height: 108px;
}






#categoryn5 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn5-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn5-2 {
float: left;
height: 108px;
}



#categoryn22 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn22-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn22-2 {
float: left;
height: 108px;
}


#categoryn23 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn23-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn23-2 {
float: left;
height: 108px;
}

#categoryn24 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn24-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn24-2 {
float: left;
height: 108px;
}


#categoryn25 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn25-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn25-2 {
float: left;
height: 108px;
}


#categoryn30 {
height: 135px;
font-size: 8pt;
color: #FFFFFF;
}



#categoryn30-1 {
float: left;
height: 12px;
font-size: 8pt;
color: #303030;
}

#categoryn30-2 {
float: left;
height: 108px;
}





















#category1-2 {
width: 570px;
height: 390px;
}





#category2 {
width: 320px;
height: 950px;
float: right;
}

#category2-1 {
width: 260px;
height: 95px;
}

#category2-2 {
width: 260px;
height: 850px;
}



#categoryn6 {
height: 10px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn7 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}

#categoryn8 {
height: 10px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn9 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}


#categoryn10 {
height: 10px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn11 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}

#categoryn12 {
height: 10px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn13 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}

#categoryn14 {
height: 10px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn15 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}

#categoryn16 {
height: 10px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn17 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}



#categoryn18 {
height: 12px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn19 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}


#categoryn20 {
height: 12px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn21 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}


#categoryn28 {
height: 12px;
font-size: 8pt;
color: #303030;
float: left;
}
#categoryn29 {
height: 108px;
font-size: 8pt;
float: left;
color: #303030;
}






#category25 {
width: 510px;
height: 80px;
}

#category25-1 {
width: 510px;
height: 280px;
}








#category3 {
width: 900px;
height: 390px;
float: left;
}


#category3-1 {
width: 570px;
height: 390px;
float: left;
}

#category3-2 {
width: 320px;
height: 390px;
float: right;
}



#category5-1 {
width: 260px;
height: 75px;
}

#category5-2 {
width: 260px;
height: 870px;
}




#category10-1 {
width: 260px;
height: 92px;
}

#category10-2 {
width: 260px;
height: 280px;
}


.categoryn26 {
height: 40px;
text-align: right;
}




#footer {
width: 900px;
height: 550px;
background-image: url('http://crows.nw.shopserve.jp/fooder.jpg');

}

#footerend {
width: 900px;
height: 70px;
text-align: center;
border-bottom: solid 1px #999999;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
font-size: 9pt;
}



#footerlist {
width: 900px;
height: 20px;
}

#footerlist2 {
float: left;
width: 900px;
height: 45px;
}

#footertext {
float: left;
width: 900px;
height: 20px;
}



#footerlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footerlist li {
    float: left;
    border-left:1px #999999 dotted;
    color: #303030;
    font-size: 10pt;
    padding : 0px 5px 5px 5px;
}



.font a {
	color: #303030;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}


.font a:link {
	color: #303030;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}

.font a:hover {
	color: #F8F8F8;
	font-size: 10pt;
	font-style: normal;
	background-color: #202020;
}


h1 {
	font-size: 1px;
	color: #FFFFFF;
}

h2 {
	font-size: 1px;
	color: #FFFFFF;
}


.style1 {
	width: 100%;
}
.style2 {
	height: 380px;
}
.style3 {
	height: 380px;
	width: 58px;
}
.style5 {
	width: 100%;
	height: 772px;
}
.style6 {
	width: 60px;
}
.style7 {
	width: 100%;
	height: 380px;
}
.style8 {
	width: 100%;
	height: 380px;
}
.style9 {
	width: 60px;
}
.style10 {
	border-width: 0px;
}
.style11 {
	height: 380px;
	width: 56px;
}


em{font-weight:bold;font-style:normal}



#mediabox {
width: 900px;
height: 4500px;
padding : 0px;
margin: 0 auto;
}

#newsbox {
width: 900px;
height: 1500px;
padding : 0px;
margin: 0 auto;
}


#waku {
width: 910px;
height: 0px;
margin: 0 auto;
}

.style12 {
	height: 400px;
	text-align: left;
}
.style13 {
	height: 400px;
	width: 56px;
}
.style14 {
	width: 56px;
}
.style15 {
	width: 405px;
	height: 20px;
	float: left;
	font-size: 8pt;
	color: #929200;
	text-decoration: underline;
	text-align: center;
}

.style16 {
	width: 410px;
	text-align: center;
}  


#demotip {
display:none;
background:transparent url(http://crows.nw.shopserve.jp/textback.png);
font-size:11px;
height:70px;
width:160px;
padding:25px; 
color:#fff;
}


