@charset "utf-8";

/******************************************************************************/
/*-- Aboc CSS ----------------------------------------------------------------*/
/******************************************************************************/

/******************************************************************************/
/*-- reset -------------------------------------------------------------------*/
body{
	font-size:12px;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo";
}
body *{
	font-size:100%;
	line-height:100%;
}

body,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,input,textarea,select,p,address{
	margin:0px;
	padding:0px;
	color:#333333;
	font-weight:normal;
	list-style:none;
}

h1,h2,h3,h4,h5,h6{
	text-align:left;
}

table{
/*	width:100%;*/
	text-align:left;
	border-collapse:collapse;
}
th{
	font-weight:normal;
}
img{ 
	border:0px;
	vertical-align:bottom;
}

input
,textarea
,select{
	vertical-align:middle;}
textarea{
	overflow-y:scroll;
}

form{
	margin:0px;
	padding:0px;
}


/******************************************************************************/
/*-- set ---------------------------------------------------------------------*/
html{
	overflow-y:scroll;
}
body * *{
	text-align:center;
	line-height:1.5em;
	letter-spacing:0.2px;
}
body * * *{
	text-align:left;
}

a:link,a:link *{
	color:#3399CC;
	text-decoration:none;}
a:visited,a:visited *{
	color:#9933CC;
	text-decoration:none;}
a:hover,a:hover *
,a:active,a:active *{
	color:#FF9900 !important;
	text-decoration:underline !important;
}

hr{
	margin:10px 0px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

input{
	margin:0px 6px 0px 0px;
}
input.form_ss,textarea.form_ss
,input.form_s,textarea.form_s
,input.form_m,textarea.form_m
,input.form_l,textarea.form_l{
	border:1px solid #cccccc;}
input.form_ss,textarea.form_ss{width:30px !important;}
input.form_s,textarea.form_s{width:100px;}
input.form_m,textarea.form_m{width:200px;}
input.form_l,textarea.form_l{width:350px;
}

/* labelタグを指定幅で整列させる */
.input_line label{
	display:inline-block;
	width:40%;
}

p{
	margin:0px 0px 10px 0px;
}

/******************************************************************************/
/*-- option ------------------------------------------------------------------*/
.spacer,.clear{
	clear:both;
	width:0px;
	height:0px;
	line-height:0px;
	font-size:0px;
}
/* clearfix */
.clearfix:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;}
.clearfix{
	min-height:1px;}
* html .clearfix{
	height:1px;
/* for mac ie5 */
/*\*//*/
	height:auto;
	overflow:hidden;
/* */
}

/* clearfix_ex(macie5除外) */
/*\*/
.clearfix_ex:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;}
.clearfix_ex{
	min-height:1px;}
* html .clearfix_ex{
	height:1px;
}
/* */

/* clearboth */
.clearboth{
	clear:both !important;
}

/* 表示調整用 */
.float_left{
	float:left;
	margin-right:20px;
}
.float_right{
	float:right;
	margin-left:20px;
}
ul.float_left li{
	float:left;
	margin-right:16px;}
ul.float_left * li{
	float:none;
}
.float_left img
,.float_right img{
	margin-bottom:6px;
}

.text_left{
	text-align:left;}
.text_right{
	text-align:right;}
.text_center{
	text-align:center;
}
.valign_top,.valign_top *{
	vertical-align:top;
}
.valign_bottom *{
	vertical-align:bottom;
}

/* imgに枠をつける */
img.img_border,.img_border * img{
	border:1px solid #cccccc;
}

.fit{
	width:100%;
}

hr.frail{
	border-style:dotted;
}


/*-- div,p,span -------------------------------------------------*/
div.box{
	margin:0px 0px 20px 0px !important;
}



/******************************************************************************/
/*-- headline ----------------------------------------------------------------*/
h1{}

h2{
	margin-bottom:4px;
	font-size:140%;
	line-height:100%;
	font-weight:bold;
	color:#6776b1;
}
div#right h2{
	font-size:100%;
}

h3{
	margin-bottom:4px;
	font-size:120%;
	font-weight:bold;
	color:#6776b1;
}


/******************************************************************************/
/*-- container ---------------------------------------------------------------*/
div#outer_wrap{
	margin:0px auto;
	padding:0px 10px;
	width:1000px;
}


/*-- header -------------------------------------------------*/
div#header{
	width:100%;
	height:90px;
	background:url(../images/header_bg.gif) no-repeat #6776b1;
}
div#header h1{
	padding:10px 0px 0px 10px;
}

/*-- main ---------------------------------------------------*/
div#main{
	margin:25px 0px 35px;
}
div#left{
	float:left;
	width:840px;}
div#left div#left_wrap_outer{
	border:2px solid #000000;}
div#left div#left_wrap_inner{
	margin:3px;
	border:5px solid #000000;
}
div#right{
	float:right;
	width:140px;
}

/*-- footer -------------------------------------------------*/
div#footer{
	height:30px;
	line-height:30px;
	color:#ffffff;
	font-size:86%;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	background:url(../images/footer_bg.gif) repeat-x;
}





/******************************************************************************/
/*-- left --------------------------------------------------------------------*/
div#left_header{
	margin:0px 0px 10px 0px;
}

div#left div.box{
	margin:10px;
}




/******************************************************************************/
/*-- table -------------------------------------------------------------------*/
table.basic{
}
table.basic th
,table.basic td{
	padding:3px 5px;
	border-top:1px solid #6776b1;
	border-bottom:1px solid #6776b1;
}
table.basic th{
	text-align:center;
	color:#333333 !important;
	background:#e1e4ef;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
table.basic td{
}



/******************************************************************************/
/*-- list --------------------------------------------------------------------*/
ul ul{
	margin:0px 0px 0px 15px;
}


ul.plain li{
	padding:4px 0px 4px 0px;

}



ul.item li{
	padding:4px 0px 4px 13px;
	list-style:none;
	background:url(../images/li_item.gif) no-repeat left center;
}
ul.link li{
	padding:4px 0px 4px 13px;
	list-style:none;
	background:url(../images/li_link.gif) no-repeat left center;
}


ul.shop_list li{
	float:left;
	padding:0px 6px 0px 13px;
	list-style:none;
	background:url(../images/li_link.gif) no-repeat left center;
}

ol.number{
	padding:0px 0px 0px 24px;}
ol.number li{
	padding:3px 0px;
	list-style:decimal;}
ol.number li * li{
}


dl.basic dt{
	font-size:120%;
	font-weight:bold;
	color:#6776b1;
}
dl.basic dd{
	margin:0px 0px 10px 10px;
}


/******************************************************************************/
/*-- font --------------------------------------------------------------------*/
.large{
	font-size:130%;
}
.small{
	font-size:89%;
}
.bold{
	font-weight:bold;
}
.frail{
	font-size:89%;
	color:#666666;
}


/******************************************************************************/
/*-- main_menu ---------------------------------------------------------------*/
div.box div.main_menu_top
,div.box div.main_menu_bottom{
	width:140px;
	height:4px;
	line-height:0px;
	font-size:0px;}
div.box div.main_menu_top{
	background:url(../images/main_menu_top.gif) no-repeat;}
div.box div.main_menu_bottom{
	background:url(../images/main_menu_bottom.gif) no-repeat;
}


ul.main_menu{
	padding:0px 8px;
	background:url(../images/main_menu_bg.gif) repeat-y;
}
ul.main_menu li{
	padding:4px 0px;
	border-bottom:1px dotted #cccccc;
}





/******************************************************************************/
/*-- side_books --------------------------------------------------------------*/
div.side_books p{margin:0px;}
div.side_books p.title{
	font-size:120%;
	text-align:center;
}
div.side_books p.thumbnail{
	margin:0px 0px 4px 0px;
}
div.side_books p.author{
	text-align:center;
	font-size:89%;
}
div.side_books p.text{
	text-align:left;
	font-size:89%;
}