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

/*-------------------------------------------------------------------------
													ベースレイアウト					
---------------------------------------------------------------------------*/
html {
	overflow:scroll;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.clear {
	clear:both;
	height:0px;
	margin:0;
	padding:0;
}
/*Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}

div#all {
	width:100%;
	height:100%;
	background:url(../images/parts/bg_all_boat.png) no-repeat right bottom;
}
div#wrapper {
	width:950px;
	margin:0 auto;
}

/*-------------------------------------------------------------------------
													ヘッダーレイアウト					
---------------------------------------------------------------------------*/
div#header {
	width:100%;
	height:95px;
	margin-bottom:10px;
}
div#header h1 a{
	background:url(../images/parts/h1_title.png) no-repeat;
	width:310px;
	height:55px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	float:left;
	margin:30px 10px 10px 10px;
}

div#header-menu {
	float:right;
	width:490px;
	margin:70px 0 0 0;
}



/*-------------------------------------------------------------------------
													コンテンツレイアウト					
---------------------------------------------------------------------------*/
div#container {
}

/*------------------------------------------------
*/
div#fla-area {
	width:750px;
	height:260px;
	background:url(../images/parts/bg_flasharea.png) no-repeat;
	margin-bottom:15px;
	
}

div#fla-area a img{
}
div#fla-area a:hover img{
	filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

div#left {
	width:195px;
	float:left;
	background:url(../images/parts/bg_menu_head.png) no-repeat;
	padding:0px;
}
div#global-menu {
	background:url(../images/parts/bg_menu_main.png) repeat-y;
	padding:10px 5px;
	margin-top:10px;
	
}

div#search h2{
	background:url(../images/parts/h2_siteSearch.png) no-repeat;
	text-indent:-9999px;
	width:90px;
	height:30px;
	margin-top:10px;
}

div#search {
	background: url(../images/parts/bg_menu_foot.png) no-repeat top 5px;
	background:url(../images/parts/bg_search_area.png) repeat-y;
	width:190px;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
}
div#search-cont {
	background:url(../images/parts/bg_search_area.png) repeat-y;
	background: url(../images/parts/bg_menu_foot.png) no-repeat top 5px;
	width:140px;
	padding:10px 25px;
	margin:0px;
	color:#FFFFFF;
}
div#bnr-area {
	background:url(../images/parts/bg_search_foot.png) no-repeat top left;
	min-height:10px;
}


div#right {
	width:750px;
	float:left;
}

div#pickup {
}
div#pickup-header {
	height:10px;
	background:url(../images/parts/bg_pickup_head.png) repeat-x;
}
div#pickup-body {
	background:url(../images/parts/bg_pickuparea_main.png) repeat;
}
div#pickup-footer {
	height:40px;
	background:url(../images/parts/bg_picup_foot.png) repeat-x;
}

div#pickup_product {
	width:240px;
	height:220px;
	margin:5px;
	float:left;
	position:relative;
}
h2#tab_product {
	background:url(../images/parts/h2_tab_product.png) no-repeat;
	height:25px;
	width:85px;
	text-indent:-9999px;
	position:absolute;
	top:-10px;
}
h3#h3_pickupProduct {
	background:url(../images/parts/h3_picupProduct.png) no-repeat;
	width:115px;
	height:20px;
	text-indent:-9999px;
	margin:15px 10px 10px 20px;
	float:left;
}

div#pickup_information {
	width:240px;
	height:220px;
	margin:5px;
	float:left;
	position:relative;
}
h2#tab_information {
	background:url(../images/parts/h2_tab_information.png) no-repeat;
	height:25px;
	width:85px;
	text-indent:-9999px;
	position:absolute;
	top:-10px;
}
h3#h3_pickupNews {
	background:url(../images/parts/h3_joycraftNews.png) no-repeat;
	width:115px;
	height:20px;
	text-indent:-9999px;
	margin:15px 10px 10px 20px;
	float:left;
}


div#pickup_blog {
	width:240px;
	height:220px;
	margin:5px;
	float:left;
	position:relative;
}
h2#tab_blog {
	background:url(../images/parts/h2_tab_blog.png) no-repeat;
	height:25px;
	width:85px;
	text-indent:-9999px;
	position:absolute;
	top:-10px;
}
h3#h3_pickupBlog {
	background:url(../images/parts/h3_joycraft_blog.png) no-repeat;
	width:115px;
	height:20px;
	text-indent:-9999px;
	margin:15px 10px 10px 20px;
	float:left;
}




div#history {
	background:url(../images/parts/bg_history_head.png) no-repeat top;
	width:500px;
	padding:10px 0;
	margin:15px 0;
	position:relative;
}
h2#tab_history {
	background:url(../images/parts/h2_tab_history.png) no-repeat;
	height:25px;
	width:85px;
	text-indent:-9999px;
	position:absolute;
	top:5px;
	left:5px;
}

div#history-body {
	background:url(../images/parts/bg_history_main.png) repeat-y;
	width:500px;
}

div#history-body ul{
	padding:25px 25px 10px 25px;
}
div#history-body ul li{
	border-bottom:1px #333333 dotted;
	margin:5px 0;
}

div#history-footer {
	width:500px;
	height:40px;
	background:url(../images/parts/bg_history_foot.png) no-repeat;
}




div.pickup_img {
	margin-top:-10px;
	width:240px;
	height:125px;
	overflow:hidden;
	position:relative;
}
div.pickup_img img{
	width:240px;
	position:absolute;
	bottom:0%;
	left:0px;
}

div.pickup_txt {
	padding:10px 20px;
}

div.btn_more {
	width:75px;
	height:40px;
	position:absolute;
	right:0px;
	bottom:-45px;
}
div#history div.btn_more {
	width:75px;
	height:40px;
	position:absolute;
	right:5px;
	bottom:10px;
}


div.mask-tl {
	width:10px;
	height:10px;
	background:url(../images/parts/pickupCorner_mask_tl.png) no-repeat;
	position:absolute;
	top:-15px;
	left:-5px;
}
div.mask-tr {
	width:10px;
	height:10px;
	background:url(../images/parts/pickupCorner_mask_tr.png) no-repeat;
	position:absolute;
	top:-15px;
	right:-5px;
}

p.update {
	width:60px;
	height:20px;
	background:url(../images/parts/bg_update.png) no-repeat;
	color:#FFFFFF;
	float:right;
	text-align:center;
	margin:15px 20px 10px 10px;
}

#footer-menu {
	margin:15px 0;
}
/*-------------------------------------------------------------------------
													下層コンテンツレイアウト					
---------------------------------------------------------------------------*/
#sub-contents-head {
	height:10px;
	background:url(../images/parts/bg_subcont_head.png) no-repeat;
}
#sub-contents-footer {
	height:10px;
	background:url(../images/parts/bg_subcont_foot.png) no-repeat;
}
#sub-contents {
	background:url(../images/parts/bg_subcont_body.png) repeat-y;
	padding:15px 30px;
	min-height:400px;
}

/*-------------------------------------------------------------------------
													下層コンテンツレイアウト	BLOG				
---------------------------------------------------------------------------*/
.info_cont {
	background:#f5f5f5 url(../images/parts/info_title_head.gif) no-repeat 19px 16px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	
	box-shadow:0 0 3px #bbb;
	-moz-box-shadow:0 0 3px #bbb;
	-webkit-box-shadow:0px 0px 3px #bbb;
	margin-bottom:20px;
	padding-bottom:15px;
	padding:14px 14px;
}


.info_item {
	margin:0px;
	padding:5px;
	background:url(../images/parts/info_title_foot.gif) no-repeat 5px 43px;
}

.info_update {
	background:#666 url(../images/parts/date_style_foot_l.gif) no-repeat right bottom;
	margin:-30px 10px 0 0;
	text-align:center;
	float:right;
	color:#FFF;
	width:120px;
}

#sub-contents .info_item h3 {
	background:#e0e0e0 url(../images/parts/date_style_head_l.gif) no-repeat 520px 7px;
	padding:10px 0 5px 10px;
	margin:0px;
	height:25px;
	font-size:139%;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3";
}

.info_intro {
	margin:15px 0 0 0;
}


/*-------------------------------------------------------------------------
													下層コンテンツレイアウト	BLOG				
---------------------------------------------------------------------------*/
.blog_cont {
	background:#f5f5f5;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	
	box-shadow:0 0 3px #bbb;
	-moz-box-shadow:0 0 3px #bbb;
	-webkit-box-shadow:0px 0px 3px #bbb;
	margin-bottom:20px;
	padding-bottom:15px;
}

.blog_thumb {
	width:170px;
	float:left;
	padding:15px 0 15px 15px;
}

.blog_item {
	width:455px;
	float:left;
	margin:0 15px;
	background:url(../images/parts/date_style_head.gif) no-repeat right 15px;
	position:relative;
}

.blog_update {
	background:#666 url(../images/parts/date_style_foot.gif) no-repeat right bottom;
	position:absolute;
	top:18px;
	right:0px;
	text-align:center;
	float:right;
	color:#FFF;
	width:103px;
	height:18px;
}

.blog_item h3 {
	background:url(../images/parts/indent_h3.gif) no-repeat left 15px;
	padding:0px;
	margin:0px;
	font-size:139%;
	text-indent:20px;
	width:330px;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3";
}


/*-------------------------------------------------------------------------
													アイテム一覧ページ					
---------------------------------------------------------------------------*/

#products-area {
	width:700px;
	overflow:hidden;
}

a.products-item {
	width:120px;
	height:90px;
	display:block;
	float:left;
	margin-right:18px;
	margin-bottom:18px;
	border:1px #eee solid;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

a:hover.products-item {
	width:120px;
	height:90px;
	display:block;
	filter: alpha(opacity=65);
  	-moz-opacity:0.65;
  	opacity:0.65;
	background:url(../images/parts/bg.png) repeat;
	background:#eee;
	
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	}


/*-------------------------------------------------------------------------
													フッターレイアウト					
---------------------------------------------------------------------------*/

#footer {
	background:#999;
	padding:20px;
}
#copyright {
	text-align:center
}