/* CSS Document */

/*reset and intialize*/

img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:13px;margin:0;padding:0;color:#777;}
p{font-size:12px;line-height:1.5;}
a{color:#26370A;}
a:visited{color:#2b6f8d;}
a:hover{color:#339b9b;}
.clr{clear:both;}
strong{color:#666;}
/*----------------------------------------------
	LayOut
----------------------------------------------*/

body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family : "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN",Osaka;
}

#container{
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	width:900px;
}
#content{
	background:url(img/bg-side2.gif) repeat-y right top;
	margin-bottom:15px;
	overflow:hidden;
	width:100%;
}
#wrapper{
	width:685px;
	float:left;
}
#main{
	float:right;
	width:510px;
}
#sidebar1{
	float:left;
	width: 160px;
	}
#sidebar2{
	float:right;
	width:200px;
}
#footer{
	clear:both;
	margin:0 auto 10px auto;
	padding:0px auto;
}
#banner{
	clear:both;
	padding:5px;
}
/*------------------------------------------
	#Header
-------------------------------------------*/
#header{
	background: #FFF url("http://aplipc.apple-valley.jp/img/logo_title.gif") top left no-repeat;
	background-position: 20px 20px;
}
#header h1{
	display:none;
}
#header .header_l{
	text-align: right;
	margin: 10px 0 0 0;
	width:300px;
	float:left;
}
#header .header_r{
	margin: 10px 0 0 0;
	width:600px;
	float:left;
}
/*----------------------------------
	#menu Tabs navi 
----------------------------------*/
#navCatTabsWrapper{
	background-color: #FFFFFF;
}
#navCatTabs { 
	width: 100%;
	height: 43px;
	background: #FFF url("http://aplipc.apple-valley.jp/shop/includes/templates/classic/images/menu-bg.gif") top left repeat-x;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navCatTabs li {
	font-size: 12px;
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
#navCatTabs li a{
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
#navCatTabs a:hover {
	color: #333;
}
#navCatTabs .category-subs-selected {
	display: block;
	float: left;
	color: #FFF;
	background: #FFF url("http://aplipc.apple-valley.jp/shop/includes/templates/classic/images/current-bg.gif") top left repeat-x;
	padding: 3px 15px 0;
}
.headerNavigation{
	background-color: #FFFFFF;
}
/*---------------------------------------------------
  #main
----------------------------------------------------*/
#main h3{
	height: 16px;
	padding:5px;
	background:#FFFFCC;
	border-color:#f88518;
	border-width:0 0 0 3px;
	border-style:solid;
}
/*---------------------------------------------------
  #sidebar1
----------------------------------------------------*/
#sidebar1{
	font-size:14px;
}
#sidebar1 ul{
	list-style:none;
	padding:0px;
	margin:0px;
	}
#sidebar1 h4{
	padding: 10px 10px 10px 35px;
}
.search{
	background: url(../img/search.png);
	background-repeat:no-repeat;
}
.folder{
	background: url(../img/folder.png);
	background-repeat:no-repeat;
}
.rect{
	background: url(../img/comment_rect.png);
	background-repeat:no-repeat;
}
#sidebar1 li a {
	color: #FFFFFF;
	text-shadow: #666666 1px 1px 1px;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	}
	
#sidebar1 li a:link, #sidebar1 li a:visited {
	color: #FFFFFF;
	display: block;
	background: url(../img/menu1.gif);
	background-repeat:no-repeat;
	padding: 8px 0 0 20px;
	}
	
#sidebar1 li a:hover {
	color: #26370A;
	background: url(../img/menu1.gif) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#sidebar1 li a:active {
	color: #26370A;
	background: url(../img/menu1.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}


/*---------------------------------------------------
  #sidebar2
----------------------------------------------------*/
#sidebar2 .sidemenu2{
	border: dashed 1px #666666;
}
.r_link{
	border: dashed 1px #666666;
	border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	margin:5px;
	padding:5px;
	font-size: 12px;
	background-color:#FFFFCC;
}
.r_link p{
	margin:0px;
	padding:0px;
}
/*---------------------------------------------------
  #footer
----------------------------------------------------*/
#footer{
	background: url(../img/footer_bak.jpg) no-repeat;
}
#footer li{
	background: url(../img/footer_ya.gif) no-repeat;
	list-style:none;
	margin: 8px;
}
#footer a{
	text-decoration: none;
	border-bottom: dashed 1px #FFFFFF;
	color:#FFFFFF;
	margin: 0px 0px 0px 15px;
}
#footer a:hover{
	text-decoration: none;
	border-bottom: solid 1px #FFFFFF;
	color:#FFFFFF;
}
#footer .address{
	clear:both;
	height:55px;
	line-height:55px;
	text-align:center;
	font-size: 12px;
}
#footer .footer_r{
	margin: 5px 0 0 150px;
	width:300px;
	float:left;
}
#footer .footer_l{
	margin: 5px 0 0 0px;
	width:300px;
	float:left;
}
/* ---------------------------
 #twitter
--------------------------- */
#twitter_div {
	margin:10px auto;
	padding-bottom:90px;
	width:190px;
	height:auto;
	font-size:12px;
	color:#333;
	background:url(../img/bg.gif) no-repeat bottom;
}
#twitter_div h2{
	text-indent: -9999px;
	position:relative;
	width:190px;
	height:40px;
}
#twitter_div h2 span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/title.gif) no-repeat;
	width:100%;
	height:100%;
}
ul#twitter_update_list {
	margin:0;
	padding:0;
}
#twitter_update_list li {
	list-style:none;
	margin:0 12px 10px 12px;
	padding:4px;
	background:#feffe6;
}
#twitter_update_list li a:link {
	color:#00a2d4;
}
#twitter-link {
	margin-left:14px;
	color:#fff;
	text-align:right;
}
/* ---------------------------
 #top_main
--------------------------- */
#sin{
	width: 500px; 
	height: 150px;
	padding:5px;
	border-style:solid;
	overflow: scroll;
	border-color:#f88518;
}
#top_apli{
	padding:5px;
	width: 490px; 
}
#top_apli .cm{
	width: 300px;
	padding-left: 200px;
	background:url(../img/top_apli.gif) no-repeat;
}
#item_table{
	width: 500px;
}
#item_table h3 a{
	text-decoration: none;
}
#item_table h3 a:hover{
	text-decoration: underline;
}
#item_table img{
	float: left;
}
#item_table .line{
	border-top: dashed 1px #666666;
	padding:5px;
	width: 238px;
}
#item_table .item1{
	float: left;
}
#item_table .item2{
	float: right;
	border-left: dashed 1px #666666;
}
#item_table .item3{
	float: left;
}
#item_table .item4{
	float: right;
	border-left: dashed 1px #666666;
}
#item_table .item5{
	float: left;
}
#item_table .item6{
	float: right;
	border-left: dashed 1px #666666;
}
#item_table .item7{
	float: left;
}
#item_table .item8{
	float: right;
	border-left: dashed 1px #666666;
}
#item_table .clear{
	display:none;
	clear: both;
}
#item_table p.clear2{
	clear: both;
}
