@charset "utf-8";
/* ----------------------------------------------
	This style definition is initiarize.
------------------------------------------------- */
*{
	margin:0;
	padding:0;
}  

/* --BODY-- */  
body {  
font:12px/1.5 'Lucida Grande', Helvetica;  
margin:0;  
overflow:visible;  
padding:0;
color:#444444;
background:url(../images/bg.gif) repeat;
}  
 
/* for IE7 */  
*+html body {  
font-family:'メイリオ', 'ＭＳ Ｐゴシック';  
font-size:75%;  
}  

/* for IE6 */  
* html body {  
font-family:'ＭＳ Ｐゴシック';  
font-size:75%;  
}  
 
/* --OTHER TAGS-- */  
a {  
overflow:hidden;  
}  
  
a img, img {  
border:0;  
}  
 
abbr, acronym {  
border:0;  
}  
   
address, caption, cite, code, dfn, em, th, strong, var {  
font-style:normal;  
font-weight:normal;  
}  
  
blockquote, dd, div, dl, dt,  
h1, h2, h3, h4, h5, h6,  
li, ol, p, pre, span, td, th, ul {
	margin:0;
	padding:0;
}  
  
caption, th {  
text-align:left;  
}  
   
code, kbd, pre, samp, tt {  
font-family:monospace;  
line-height:100%;  
}  
  
/* for IE7 */  
*+html code, kbd, pre, samp, tt {  
font-size:108%;  
}  
  
h1, h2, h3, h4, h5, h6 {  
font-size:100%;  
font-weight:normal;  
}  
   
ol, ul {  
list-style:none;  
}  
 
q:before, q:after {  
content:'';  
}  
  
/* form */  
button, fieldset, form, input, label, legend, select, textarea {  
font-family:inherit;  
font-size:100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0;  
padding:0;  
vertical-align:baseline;  
}  
  
/* tables still need 'cellspacing="0"' */  
table {  
border-collapse:collapse;  
border-spacing:0;  
font-size:100%;  
} 

a{
	color:#502A20;
}
a:hover{
	color:#502A20;
	text-decoration:none;
}
p{
	line-height:1.8em;
}
/*-------class-------*/
.out{
	text-indent:-9999px;
	font-size:0.01em;
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.small{
	font-size:0.8em;
}
.borderNone{
	border:none;
}
/*------------top------------*/
#top{
	background-image: url(../img/dot/dot_02.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/*------------head------------*/
#head{
	width:900px;
	margin:auto;
	text-align:left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
}
#head img{
	float:left;
}

#top #head #topL{
	float:left;
	width:180px;
	height:70px;
	background:url(../img/logo.gif) left top no-repeat;
}
#top #head #topL a{
	display:block;
	width:180px;
	height:70px;
}
#top #head #topC{
	float:left;
	width:500px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#top #head #topR{
	float:right;
	width:100px;
	padding-top:10px;
}

/*-----pankuzu-----*/
#main #mainLeft #pankuzu{
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-size: 0.8em;
}

/*------------main------------*/
#main{
	width:901px;
	margin:auto;
	color:#666666;
	background-image: url(../img/dot/bg_dot.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#main #mainRight{
	float:right;
	width:249px;
	height:100%;
}

#main #mainRight #navi{
	padding:20px 25px 10px;
}
#main #mainRight #navi li{
	display:block;
	width:200px;
	height:30px;
}
#main #mainRight #navi li a{
	display:block;
	width:200px;
	height:30px;
}
#main #mainRight #navi #archive{
	background-image: url(../img/navi_before/navi_archive_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #mainRight #navi #archive a{
	background-image: url(../img/navi_before/navi_archive.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #mainRight #navi #archive a:hover{
	background-image: url(../img/navi_before/navi_archive_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #mainRight #navi #archive .current{
	background-image: url(../img/navi_before/navi_archive_s.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #mainRight #navi #live{
	background-image: url(../img/navi_before/navi_live.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #mainRight #navi #live a{
	background-image: url(../img/navi_before/navi_live.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #mainRight #navi #live a:hover{
	background-image: url(../img/navi_before/navi_live_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*#main #mainRight #navi #link{
	background:url(../img/navi_link.gif) left top no-repeat;
}
#main #mainRight #navi #link:hover{
	background:url(../img/navi_link_h.gif) left top no-repeat;
}*/

/*-----mainRight-----*/
#main #mainRight h2{
	text-align:center;
}
#main #mainRight #banner{
	padding-top:20px;
	width:200px;
	margin:auto;
}
#main #mainRight #banner li{
	padding-bottom:10px;
}

/*-----mainLeft-----*/
#main #mainLeft{
	float:left;
	width:650px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 1px;
	background-image: url(../img/dot/dot_01.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0px;
}
/*#main #mainLeft #navi{
	padding:20px 25px 10px;
}*/
#main #mainLeft #navi #home {
	width: 150px;
}

#main #mainLeft #navi li{
	display:block;
	width:210px;
	height:40px;
}
#main #mainLeft #navi li a{
	display:block;
	width:210px;
	height:40px;
	float: left;
}#main #mainLeft #navi #home{
	background:url(../img/navi_home_h.gif) left top no-repeat;
	float: left;
}
#main #mainLeft #navi #home a{
	background:url(../img/navi_home.gif) left top no-repeat;
}
#main #mainLeft #navi #home a:hover{
	background:url(../img/navi_home_h.gif) left top no-repeat;
}
#main #mainLeft #navi #home .current{
	background:url(../img/navi_home_s.gif) left top no-repeat;
}

#main #mainLeft #navi #archive{
	background:url(../img/navi_archive_h.gif) left top no-repeat;
	float: left;
}
#main #mainLeft #navi #archive a{
	background:url(../img/navi_archive.gif) left top no-repeat;
}
#main #mainLeft #navi #archive a:hover{
	background:url(../img/navi_archive_h.gif) left top no-repeat;
}
#main #mainLeft #navi #archive .current{
	background:url(../img/navi_archive_s.gif) left top no-repeat;
}
#main #mainLeft #navi #live{
	background:url(../img/navi_live.gif) left top no-repeat;
	float: left;
}
#main #mainLeft #navi #live a{
	background:url(../img/navi_live.gif) left top no-repeat;
}
#main #mainLeft #navi #live a:hover{
	background:url(../img/navi_live_h.gif) left top no-repeat;
}
/*----------bottom----------*/
#bottom{
	background:#D96B47;
}
#bottom #footer{
	width:870px;
	margin:auto;
	padding:15px;
}
#bottom #footer ul a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.5em;
}
#bottom #footer ul a:hover{
	color:#FFA45D;
}
#bottom #copy{
	width:900px;
	margin:auto;
	border-top:1px solid #FFFFFF;
	padding:10px 0 30px;
	color:#FFFFFF;
}
#bottom #copy a{
	color:#FFFFFF;
	text-decoration:none;
}
#main #mainRight #next {
	width: 220px;
	color: #FFFFFF;
	background-image: url(../img/next.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding-top: 100px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#main #mainRight #next dl {
	font-size: 1.1em;
	text-align: center;
}
#main #mainRight #next dt {
	background-color: #A36B47;
	color: #FFFFFF;
}
#main #mainRight #ip_banner {
	width: 234px;
	padding-top: 20px;
	margin: auto;
}
#bottom #footer li {
	display: inline;
	padding-right: 15px;
}
#top #head h1 {
	float: right;
	padding-top: 35px;
}
#main #mainLeft #btmCon #about #aboutText {
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 5px;
}
.paddingL30 {
	padding-left: 30px;
}	
.paddingR30 {
	padding-right: 30px;
}
.paddingT10 {
	padding-top: 10px;
}
.line {
	background-image: url(../img/dot/dot_02.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 1px;
	width: 249px;
}