@charset "utf-8";
@import "header.css";
@import "main_area.css";
@import "footer.css";

/*
 * SKINFOOD JAPAN Style Sheet
 * author: yoshiaki sugimoto (all style sheet)<neo.yoshiaki.sugimoto@gmail.com>
 * http://neo-navi.net/
 */

 /* define charset */
 /* reset css */
html,body,div,h1,h2,h3,h4,h5,h6,p,a,span,em,storng,table,tr,td,th,dl,dd,dt,object,embed,ul,li,ol,img{
	margin : 0;
	padding : 0;
/*	font-family:Helvetica, "MS Pゴシック", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", serif;*/
	color:#333;
}
object{outline : none;}
embed{outline : none;}


/* ---- style start ---- */

/* -- initialize common style -- */
a img{border : none;}
a{text-decoration : none;}
ul{list-style : none outside;}
em{font-style : normal;}
body {
	background : #ffffea url(../images/front/base/bg.jpg) top left repeat-x;
}
.center{
  text-align : center;
}
.centerize{
  margin : 0 auto;
}
.w740{
	width : 740px;
	margin : 0 auto;
}
.inline{
  display : inline;
}
.inline p, .inline *{
  display : inline;
}
.spaced{
 margin-left : 10px;
}
p.error{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
	color: #c00;
}
p.prev_page{ /* notfound page */
	text-align : center;
	margin-top : 50px;
}
p.prev_page a:hover{
	text-decoration : underline;
}

/* clearfix */
.clearfix:after{
	content : '';
	display : block;
	height : 0px;
	clear : both;
	visibility : hidden;
}
* html .clearfix{
	clear : both;
	overflow : hidden;
}
*:first-child+html .clearfix{
	clear : both;
	overflow : hidden;
}
/* holly hack*/
 /*\*//*/
  height: auto;
  overflow: hidden;
  /**/

/* clearfix end */
/* -- initialize end -- */


/* ---- boxmodel layout ---- */
div#global_box{
	width : 899px;
	position : relative;
}
div#header{
	width : 899px;
	height : 124px;
	position : relative;
}
div#main{
	width : 901px;
}
div#contents{
	width : 899px;
}
div#footer{
	width : 100%;
	position : relative;
}

/* rightside flash tree */
div#right_side{
	position : absolute;
	left : 899px;
	top : 0px;
	width : 104px;
	height : 255px;
}

/* ---- quick open menu ---- */
a#quick_open{
	display : block;
	width : 864px;
	margin : 0 auto;
	outline : none;
}
* html a#quick_open img{
	vertical-align : bottom;
}
*:first-child+html p a#quick_open img{
	vertical-align : bottom;
}
p.quick_bottom{
	width : 864px;
	height : 7px;
	background : url(../images/front/base/quick_bottom.gif) bottom center no-repeat;
	margin : 0 auto;
}
* html p.quick_bottom{
	margin-top : -12px;
}
div#quick_open_inner{
	background : url(../images/front/base/quick_open_bg.gif) top center repeat-y;
	width : 864px;
	margin : 0 auto;
	display: none;
}
p.quick_open_top{
	height : 9px;
	background : url(../images/front/base/quick_open_top.gif) top center no-repeat;
	width : 864px;
	margin : 0 auto;
}
p.quick_open_bottom{
	width : 864px;
	height : 11px;
	background : url(../images/front/base/quick_open_bottom.gif) bottom center no-repeat;
	margin : 0 auto;
}
/* --- quick table styles ---- */
table.quick_table{
	border-collapse : collapse;
	width : 800px;
	margin : 15px auto;
}
table.quick_table th{
	border : solid 1px #ccc;
	background : #efedd8;
	line-height : 0;
	vertical-align : middle;
	padding : 3px 8px;
}
table.quick_table td{
	padding : 3px;
	font-size : 0.7em;
	border : solid 1px #ccc;
	line-height : 1.4;
}
table.quick_table td a{
	margin : 0 3px 0 3px;
	padding-right : 3px;
}
table.quick_table td a:hover{
	color : #eba02e;
}


/* ---- pagination style ---- */
p.pagination{
	text-align : center;
	vertical-align : middle;
	margin-bottom : 8px;
}
p.pagination a{
	margin : 0 3px;
	font-size : 0.8em;
}
p.pagination a:hover{
	color : #e7a030;
}
p.pagination a img{
	margin : 0 3px;
}
p.search_query{
	text-align : right;
	margin-top : 5px;
	margin-right : 20px;
	font-size : 0.8em;
}

/* ---- external flash menu style(wrapped div) ---- */

div.init_hide{
	display : none;
	position : absolute;
	left : 128px;
	z-index : 1000;
}
div#cat_menu_1{
	top : 124px;
}
div#cat_menu_2{
	top : 152px;
}
div#cat_menu_3{
	top : 180px;
}
div#cat_menu_4{
	top : 208px;
}
div#cat_menu_5{
	top : 236px;
}
div#cat_menu_6{
	top : 264px;
}
div#cat_menu_7{
	top : 292px;
}
div#cat_menu_9{
	top : 348px;
}

/* JSlink pref_table style */
table#pref_table a{
	display : block;
}
table#pref_table a:hover{
	background : #036;
	color : #fff;
}