img {
	border:0;
}

body{
margin:0;
padding:0;
line-height: 1.4em;
background: #222222;
}

.mid-21 {font-size:123%; } /*15px*/
.mid-18 {font-size:115%; } /*15px*/
.mid-16 {font-size:100%; } /*15px*/
.mid-15 {font-size:95%; } /*15px*/
.mid-14 {font-size:90%; } /*14px*/
.mid-13 {font-size:81.25%; } /*13px*/
.mid-12 {font-size:75%; } /*12px*/

.lhshort{
line-height: 1.2em;
}

h1{}
h2{
	font-size: 136%;
	font-weight: bold;
	color: #990066;
	background: url(../images/h2_bg01.jpg) repeat-x -7px;
	padding-left: 10px;
	height: 30px;
	vertical-align: middle;
	padding-top: 5px;
}
h3{
	font: bold 123% "Helvetica", "メイリオ", "Osaka", "HGPｺﾞｼｯｸE", "ＭＳ Ｐゴシック";
	color: #333333;
	background: url(../images/square01.jpg) no-repeat 1px;
	padding-left: 20px;

}
.underbardot{
	border-bottom: 1px dotted #666666;
}
.underbarsolid{
	border-bottom: 1px solid #666666;
}







#maincontainer{
	width: 800px;
	margin: 0 auto;
	background: #ffffff;
	font-size: 92%;

}

#topsection{
background: #EAEAEA;
height: 305px; /*Height of top section*/
}

#topsectionp{
background: #EAEAEA;
height: 105px; /*Height of top section*/
}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/

}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: url(../images/side_bg01.jpg) repeat;
}

#footer{
clear: left;
width: 100%;

padding: 0px 0;
}


.innertube10{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube20{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.innertube40{
margin: 40px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/*=============*/
/*  custom-grids.css  */
/*=============*/

.head01{
	background: url(../images/header_line01.jpg) repeat;
	font-size: 77%;
	color: #FFFFFF;
	height: 20px;
}

.head02{
	background: #990033;
	font-size: 5%;
	height: 5px;
}
.head03{
	width: 800px;height: 280px;
}
.head03p{
	width: 800px;height: 80px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#thicktabs{
	margin: 0;
	padding: 0;
	float: left;
	font: normal 16px "メイリオ", "osaka";
	width:800px;
	background: url(../images/navibarbg.gif) repeat-x right top;
	color: #333333;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: black;
padding: 11px 20px 15px; /*padding of tabs*/
text-decoration: none;
background: url(../images/navibarbg.gif) repeat-x right top;
border-top: 0px solid #d3bdbe; /*top border style*/
border-bottom: 0px solid #FF9999; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
	color: black;
	background: url(../images/navibarbg_over.jpg);
}



/*[if IE]*/
/*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
/*
p.iepara{ 
padding-top: 1em;
}
*/

/*[endif]*/

/* ナビ
---------------------------------------------------- */
#navi{
  float:left;
	text-align:left;
	width: 800px;
	height: 47px;
	background: url(../images/navi_bg.jpg) ;
	margin: 0;
	padding: 0;
}

#navi ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#navi li {
	margin: 0px;
	padding: 0px;
	position: relative ;
	text-indent: -9999px;
	float:left;
}
#navi li#navi01 { left:0px; width: 148px; }
#navi li#navi02 { left:0px; width: 204px; }
#navi li#navi03 { left:0px; width: 162px; }
#navi li#navi04 { left:0px; width: 137px; }
#navi li#navi05 { left:0px; width: 149px; }
#navi li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 47px;
}
#navi li#navi01 a:hover {
  background:url(../images/navi01over.jpg) 0 0;
}
#navi li#navi02 a:hover {
  background: url(../images/navi02over.jpg) -204px 0;
}
#navi li#navi03 a:hover {
  background: url(../images/navi03over.jpg) -162px 0;
}
#navi li#navi04 a:hover {
  background: url(../images/navi04over.jpg) -137px 0;
}
#navi li#navi05 a:hover {
  background: url(../images/navi05over.jpg) -149px 0;
}

.box01 {
	width: 550px;
	border-top: 1px dotted #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	background: #EFEFEF;
	text-align: center;
	padding: 10px 0px 5px;
	margin-bottom: 20px;
}
.box01a {
	width: 550px;
	border-top: 1px solid #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	background: #EFEFEF;
	text-align: center;
	padding: 10px 0px 5px;

}
.boxmeika {
	width: 548px;
	padding: 0px;
	margin-bottom: 20px;
	border: 1px solid #999999;
}

.boxmeikap {
	width: 548px;
	padding: 0px;
	margin-bottom: 20px;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto;
}

.box02 {
	width: 530px;
	border-top: 1px dotted #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	background: #EFEFEF;
	padding: 10px 10px 5px;
	margin-bottom: 20px;
	font-size: 90%;
}

.box02a {
	width: 530px;
	border-top: 1px none #666666;
	border-right: 1px none #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px none #666666;
	background: #EFEFEF;
	padding: 10px 10px 5px;
	margin-bottom: 20px;
}
.box02wide {
	width: 90%;
	border-top: 1px none #666666;
	border-right: 1px none #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px none #666666;
	background: #EFEFEF;
	padding: 10px 10px 5px;
	margin-bottom: 20px;
}

.box03 {
	width: 550px;
	border-top: 1px dotted #666666;
	padding: 10px 0px 5px;
	margin-bottom: 20px;
}
.box03wide {
	border-top: 1px dotted #666666;
	padding: 0px;
	margin: 0px;
}


.footer01{
	background: url(../images/footer_bg01.gif) repeat bottom;
	height: 60px;
	width: 740px;
	padding: 15px 30px 5px;
	vertical-align: bottom;
}
.footer02{
	text-align: right;
	background: url(../images/footer_bg01.gif) repeat bottom;
	vertical-align: bottom;
	padding: 5px 30px 0px;
}
.footer03{
	background: #990033;
	font-size: 77%;
	color: #FFFFFF;
	text-align: center;
	height: 25px;
	width: 800px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
	border: 1px solid #b8b8b8;
	margin-bottom: 1em;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background: #ECF7FF;

}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
.shopping01{
	border-top: 1px solid #c8c3be;
	border-bottom: 1px solid #c8c3be;
	border-left: 1px solid #c8c3be;

}

.shopping02{

}

.clline{
	border-bottom: 1px solid #CCCCCC;
	line-height: normal;

}
.pictright {
	float: right;
}
.shopnavi{
	margin: 10px 0px 0px 15px;
	padding: 0px;
	list-style: none;
	line-height: 1.7em;


}
.shopnavi ul{
	margin:0;
	padding:0;

}
.shopnavi li{
	margin:0;
	padding:0;

}
.ranking{
	margin:0;
	padding:0;

}
.rankingtd{
	margin:0;
	padding:15 3;
	border-bottom: 1px dotted #666666;

}
.rankingtdstar{
	margin:0;
	padding:15 3;
	border-bottom: 1px dotted #666666;
	background: url(../images/ranking_star.jpg) no-repeat center center;

}
.book{
	padding: 5px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}
.bookword{
	padding: 5px;
	margin-left: 20px;
	clear: none;

}
.imgframe{
	border: 1px solid #CCCCCC;
	padding: 2px;
	text-align: left;
	float: left;

}
.terushin {

	font-size: 90%;
	line-height: 135%;
}
.terushin2 {
	width: 550px;
	border-top: 1px solid #666666;
	padding: 20px 0px 5px;
	margin-bottom: 50px;
	font-size: 90%;

}