/*
Common
*/

body {
/*background:transparent url(img/bk.png) no-repeat scroll center top;*/
background-color:#fafaf5;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
line-height:100%;
}

*{
margin:0;
padding:0;
}


img {
border:0;
vertical-align: middle;
}

br.clear{
clear:both;
font-size:0;
line-height:0;
height:0;
}

a {
color:#000080;
text-decoration:none;
outline: none;  
}
a:hover { color: #FF0000; }

h1{
font-size:12px;
padding:0 10px 10px 10px;
}

.gap {
padding:10px;
}

.center{
text-align:center;
}

/*
contents
*/

#contents {
position : relative ; 
text-align: left;
padding: 0px 0px 0px 0px;
width: 860px;
margin-left:auto;
margin-right:auto;
/*background-color:#FFFFFF;*/
border:solid #000000;
border-width:0 2px 0 2px;
}

#inner_contents {
background:url(img/content_bk.png) repeat-y scroll 0 0;
padding-bottom:30px;
height:100%;
}

/*
BodyTop
*/
#bodyTop {
height:77px;
width:860px;
background:transparent url(img/rect10024.png) repeat scroll 0 0;
}


/*
bodyMainLogo
*/
#bodyMainLogo {
height:200px;
width:860px;
background:transparent url(img/top.png) repeat scroll 0 0;
}

/*
bodyToolbar
*/

#bodyToolbar {
position: relative ; 
height:34px;
width:860px;
background-color:#000000;
}

#bodyToolbar a {
display:block;
height:20px;
float:left;
margin-top:7px;
text-indent:-5000px;
}

#bar1 {
background:transparent url(img/bar1.png) no-repeat scroll 0 0;
width:67px;
border-right:1px solid #ffffff;
}

#bar2 {
background:transparent url(img/bar2.png) no-repeat scroll 0 0;
width:84px;
border-right:1px solid #ffffff;
}

#bar3 {
background:transparent url(img/bar3.png) no-repeat scroll 0 0;
width:77px;
border-right:1px solid #ffffff;
}

#bar4 {
background:transparent url(img/bar4.png) no-repeat scroll 0 0;
width:67px;
}


/*
body
*/

h2 {
font-size:12px;
height:35px;
width:450px;
background:url(img/h2.png) no-repeat scroll ;
padding:15px 0 0 32px;
}

h4 {
font-size:12px;
height:35px;
width:450px;
padding:15px 0 0 32px;
}

H3 {
margin:5px 0 5px 0px;
padding:1px 0 1px 0px;
font-size:14px;
border-bottom:1px solid #000000;
}

.bodyLeft {
float:left;
width:150px;
margin-right:10px;
/*background-color:#e0d3d3;
border:4px solid #e0d3d3;*/
}

.bodyRight {
position : relative ; 
float:right;
width:690px;
right:0;
padding-top:10px;
}

.bodyRight {
font-size:12px;
}


.bodyRight .boxLeft {
float:left;
width:300px;
padding-bottom:30px;
}


.bodyRight .link_contents {
float:left;
width:450px;
}

.inner_contents {
font-size:12px;
line-height:1.5em;
padding:5px 20px 50px 10px;
}

.inner_contents p {
margin-top:5px;
padding-left:10px;
margin-bottom:5px;
}

.inner_contents .tail {
text-align:right;
margin-top:10px;
}

.bodyRight .contents_box {
float:left;
width:528px;
margin-top:0px;
font-size:16px;
line-height:1.5em;
}

/* -- font change ------------------- */
#selfont {
	position: absolute ; 
	top:0;
	right:0;
	height:30px;
	width:180px;
	background: url(img/setfont.png) 0 0 no-repeat;
	font-size:10px;
	color:red;
}
#selfont3 {
	float:left;
	height:30px;
	width:20px;
	text-indent:-9000px;
	/*background: url(img/setfont.png) -150px -30px no-repeat; */
}
#selfont2 {
	height:30px;
	width:20px;
	float:left;
	text-indent:-9000px;
	/*background: url(img/setfont.png) -130px -30px no-repeat; */
}
#selfont1 {
	height:30px;
	width:20px;
	float:left;
	margin-left:110px;
	text-indent:-9000px;
	/*background: url(img/setfont.png) -110px -30px no-repeat; */
}

/* -- history ------------------- */
/*
.history {
font-size:16px;
line-height:30px;
border-top:10px solid #000000;
padding:30px 30px 30px 50px;
}

.history H3 {
padding:1px 0 1px 10px;
font-size:15px;
width:660px;
border-left:5px solid #6699FF;
border-bottom:1px solid #6699FF;
}

.inner_contents2 {
padding:10px;
font-size:12px;
line-height:170%;
padding-left:30px;
width:600px;
}

.inner_contents2 p {
}
.inner_contents2 li {
margin-left:20px;
}

*/

.inner_contents li{ margin-left:30px; }

/*
bodyFooter
*/

#bodyFooter {
position : relative ; 
padding:10px 20px 10px 20px;
border-top:20px solid #000000;
border-bottom:30px solid #000000;
height:280px;
font-size:12px;
background-color:#ffffff;
}

#bodyFooter ul {
text-align:right;
font-size:10px;
text-align:center;
}

#bodyFooter ul li {
display:inline;
border-right:1px solid #333;
padding:0 5px;
}

#bodyFooter ul li.last {
border-right:none;
padding-right:0;
}

#bodyFooter p {
margin-top:30px;
}

/*
#bodyFooter .rem {
font-size:12px;
line-height:150%;
margin-left:30px;
}
*/

#bodyFooter .center_links {
font-size:12px;
line-height:150%;
margin-top:10px;
padding-top:10px;
text-align:center;
/*border-top:1px dotted #c0c0c0;*/
}

#bodyFooter .center_items {
font-size:12px;
line-height:150%;
margin-top:10px;
text-align:center;
}

#bodyFooter a
, #bodyFooter a:link
, #bodyFooter a:visited  {
text-decoration:none;
color:#000000;
}

/*
Parts
*/

#auction {
height:80px;
width:135px;
margin-top:7px;
margin-left:7px;
}

/* --------------------- */
#ad_tag1 {
background:url(img/clock.png) no-repeat scroll 1px 0;
height:430px;
padding:100px 5px 30px 5px;
}

/* --------------------- */
#nav_bar{
}
#nav_bar ul{
width:800px;
}
#nav_bar li {
	list-style:none;
	float:left;
	text-indent:-9999px;
	width:100px;
	height:29px;
}
#nav_bar a  {
	display: block;
	overflow: hidden;
	background:transparent url(img/nav_item.png) no-repeat scroll ;
	width:100px;
}

#nav_bar .link1 a { background-position:0px -5px; }

#nav_bar .link2 a { background-position:-100px -5px; }

#nav_bar .link3 a { background-position:-200px -5px; }

#nav_bar .link4 a { background-position:-300px -5px; }

#nav_bar .link5 a { background-position:-400px -5px; }

#nav_bar .link6 a { background-position:-500px -5px; }

/* --------------------- */

#side_bar{
}
#side_bar a  {
	display: block;
	overflow: hidden;
	height:29px;
	width:130px;
	background:transparent url(img/link_item.png) no-repeat scroll ;
	margin:10px
}

#side_bar li {
	list-style:none;
	text-indent:-9999px;
}

#side_bar .link1 a { background-position:0px -10px; }
#side_bar .link1 a:hover { background-position:0px -60px; }

#side_bar .link2 a { background-position:0px -110px; }
#side_bar .link2 a:hover { background-position:0px -160px; }

#side_bar .link3 a { background-position:0px -210px; }
#side_bar .link3 a:hover { background-position:0px -260px; }

#side_bar .link4 a { background-position:0px -310px; }
#side_bar .link4 a:hover { background-position:0px -360px; }

#side_bar .link5 a { background-position:0px -410px; }
#side_bar .link5 a:hover { background-position:0px -460px; }

#side_bar .link6 a { background-position:0px -510px; }
#side_bar .link6 a:hover { background-position:0px -560px; }

#side_bar .link7 a { background-position:0px -610px; }
#side_bar .link7 a:hover { background-position:0px -660px; }

#side_bar .link8 a { background-position:0px -710px; }
#side_bar .link8 a:hover { background-position:0px -760px; }

#side_bar .link9 a { background-position:0px -810px; }
#side_bar .link9 a:hover { background-position:0px -860px; }

#side_bar .link10 a { background-position:0px -910px; }
#side_bar .link10 a:hover { background-position:0px -960px; }


.link_item_banner {
margin-top: 10px;
padding-left: 3px;
}

#tool1 {
background:transparent url(img/tool1.png) no-repeat scroll 0 0;
height:135px;
width:200px;
}

/* side_bar2 */
#side_bar2{
font-size:12px;
padding:10px;
width:132px;
background-color:#000000;
color:#ffffff;
}
#side_bar2 a {
color:#ffffff;
text-decoration:none;
outline: none;  
}
#side_bar2 a:hover { color: #FF0000; }


/* ------------------------------- */
.bodyRight .boxRight {
position : absolute ; 
right:0px;
}

.bodyRight .boxRight1 {
top:10px;
right:10px;
padding:40px 20px 30px 20px;
color:#ffffff;
height:180px;
width:122px;
text-align:center;
background:transparent url(img/msg.png) no-repeat scroll 0 0;
line-height:15px;
}
.bodyRight .boxRight1 li {
list-style:none;
}
.bodyRight .boxRight1 ul {
padding:5px 5px 5px 5px;
}
.bodyRight .boxRight1 em {
font-style:normal;
}
.bodyRight .boxRight2 {
top:271px;
right:10px;
width:155px;
}

.bodyRight .boxRight3 {
top:630px;
right:10px;
}
* html .boxRight3 { 
display:none;
} 
* html .bodyRight .boxRight1 { 
width:165px;
} 

* html #info_pix_box { 
padding-top:10px;
} 

#tool2 {
background:transparent url(img/tool2.png) no-repeat scroll 0 0;
height:50px;
width:200px;
text-indent:-5000px;
margin-top: 10px;
}

/* ------------------------------- */
#info_pix_box {
position : relative ; 
height:170px;
width:500px;
overflow:hidden;
padding-left:10px;
}

#info_pix_mess {
position : relative ; 
width:500px;
padding-left:30px;
}

#info_pix {
position : relative ; 
height:220px;
width:500px;
left:0;
}

#info_pix .pix_base {
position : absolute ; 
top:0;
width:135px;
height:160px;
}

#info_pix img {
border:1px solid #000000;
width:135px;
}

#info_pix .pix_txt {
position: absolute ; 
top:105px;
width:129px;
padding:4px;
height:50px;
font-size:10px;
line-height:110%;
background-color:#000000;
color:#ffffff;
}

#calendar {
background-color:#c0c0c0;
padding:2px;
border:1px solid #808080;
text-align:center;
font-size:12px;
font-weight:bold;
color:#ffffff;
}

.h_date
{
margin-left:10px;
}

.h_item
{
margin-left:10px;
}

.h_link
{
margin-left:10px;
}

.tbl {
empty-cells:show;
border-collapse:collapse;
margin:0 0 10px 0;
font-size:11px;
margin-left:30px;
}
.tbl th {
padding:3px;
text-align:center;
background-color:#c0c0c0;
color:#ffffff;
border:1px solid #707070;
}
.tbl td {
padding:3px;
text-align:right;
background-color:#ffffff;
border:1px solid #707070;
}

/* for calender */
.spiqe-calender {
empty-cells:show;
border-collapse:collapse;
margin:0 0 10px 0;
font-size:11px;
line-height:14px;
}
.spiqe-calender th {
padding:3px;
text-align:center;
background-color:#c0c0c0;
color:#ffffff;
border:1px solid #707070;
}
.spiqe-calender td {
padding:3px;
text-align:right;
background-color:#ffffff;
border:1px solid #707070;
}
.spiqe-calender .holiday{
background-color:#ff0000;
color:#ffffff;
}

/* for CMS */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */