@import url("decotable.css");

/* ===== Basic Style ===== */

body {
	font-family: ms ui gothic,arial,helvetica;
	font-size: 12px;
	color: #333333;
	margin:0;
	padding:0;	
	text-align:center;
}
img {
	border: none;
}
div {
	margin: 0;
}

hr {
	display: none;
}

a:link {color: blue;}
a:visited {color: blue;}
a:hover {color:blue;}
a:active {color: blue;}

/* ===== saiteigi Area ===== */
h1 {display: inline}
.section h3.t{
	display: block; margin: 0 0 5px 0; padding: 3px 0 3px 12px; border-left: 8px solid #990000;
	font-size:14px;
	color: #666666;
	background: none;
}

p {
	display: inline;
	line-height: 140%;
	text-align: left;
}

td {font-size: 12px; color: #333333}

em {font-style: normal; color: #FF0000}

.boldz {font-weight:bold;}
.mu{ margin: 0 0 10px 0}

.text-10p {font-size: 10px; color: #333333}

.text-10p-top {font-size: 10px; color: #666666}

.text-12p {font-size: 12px; color: #333333}

.text-14p {font-size: 14px; color: #333333}

.text-16p {font-size: 16px; color: #333333}

.text-18p {font-size: 18px; color: #333333}

.text-20p {font-size: 20px; color: #333333}

.h1-top {font-size: 12px; color: #006600; line-height: 135%}

.h2-top {display: inline; font-size: 20px; color: #006600; line-height: 135%}

.h3-top {display: inline; font-size: 12px;font-weight: bold;}

.line {line-height: 140%}

.white{color:white;}
.red{color:red;}
.orange{color:#FF6600;}
.purple{color:#993366;}
.yellow{color:#FFCC00;}
.green{color:green;}
.blue{color:blue;}
.lightblue{color:#00CCFF;}
.pink{color:#FF6699;}
.syuiro{color:#FF0033;}
.enji{color:#CC0000;}
.deepblue{color:#330099;}

.present{font-size:10px; color: #666666;}
.present a{font-size:10px; color: #666666; text-decoration:none;}

.present a:link {color: #666666;}
.present a:visited {color: #666666;}
.present a:hover {color:#666666;}
.present a:active {color: #666666;}

/* ===== MainContent Area ===== */
div#wrapper {
	width: 780px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

/* ===== Header Area ===== */
div#header{
	width: 780px; height:172px; background-repeat: no-repeat; background-position: left top;
	background-image:url(images/back_header.jpg);
	background-repeat:no-repeat;
}

div#header h1{
	margin:0;
	padding:0;
	float: left;
}

div#header h1 A{
	display: block; width: 227px; height: 92px;
	background: url(images/logo.gif); text-indent: -9999px; text-decoration: none;
}

div#header h1 A:hover {
  text-decoration: none;
}

div#hnavi{
  width: 210px; height: 22px; float: right;
  margin-top: 10px; padding-right: 0;
}
div#hnavi-top{
  width: 267px; height: 22px; float: right;
  margin-top: 10px; padding-right: 0;
  text-align:right;
}

/* ===== Global Navigation Area ===== */
#gnavi {
  width: 780px; clear: both; float: left; margin: 0; padding:0;
}
#gnavi ul {
  margin:5px 0 0 0; list-style-type: none;  padding:0 0 0 5px;
}
#gnavi li {
  padding-left: 2px; float: left;
}

#gnavi li a {
  display: block; width: 148px; height: 57px;
  background: url(images/menu_gnavi.gif); text-indent: -9999px; text-decoration: none;
  overflow: hidden;
}
#gnavi .head-menu1 a {
  background-position: -5px 0px;
}
#gnavi .head-menu2 a {
  background-position: -159px 0px;
}
#gnavi .head-menu3 a {
  background-position: -313px 0px;
}
#gnavi .head-menu4 a {
  background-position: -467px 0px;
}
#gnavi .head-menu5 a {
  background-position: -621px 0px;
}
#gnavi .head-menu1 a:hover {
  background-position: -5px -59px;
}
#gnavi .head-menu2 a:hover {
  background-position: -159px -59px;
}
#gnavi .head-menu3 a:hover {
  background-position: -313px -59px;
}
#gnavi .head-menu4 a:hover {
  background-position: -467px -59px;
}
#gnavi .head-menu5 a:hover {
  background-position: -621px -59px;
}
/* ===== top content Area ===== */
div#content-top{
	background-image:url(images/back_top_content.jpg);
	background-repeat:no-repeat;
	text-align:left;
	clear:both;
}
div#coment-top{
	height:274px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}

/* ===== top-foot Area ===== */
#top-foot{
	width: 780px;
	height: 140px;
	clear: both;
}
#top-foot-right {
	height: 125px;
	width: 467px;
	text-align:left;
	margin-top: 0px;
	padding-right: 80px;
	float: right;
}
#top-foot-right a{
color:blue;
width:100%;
line-height:120%;
}
#top-foot-right p.coment{
line-height:120%;
}

div#ad{
	height: 125px;
	margin-top: -5px;
	padding-left: 35px;
	float: left;
}

/* ===== top footer Area ===== */
.footer{
clear:both;
width:780;
text-align:center;
color: #FFFFFF;
background-color:#999966;
padding-top:12px;
padding-bottom:6px;
}

.footer a{
font-size:12px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
.footer a:link {color: #FFFFFF; text-decoration:none}
.footer a:visited {color: #FFFFFF; text-decoration:none}
.footer a:hover {color:#FFFFFF; text-decoration:none}
.footer a:active {color: #FFFFFF; text-decoration:none}

.sougo{
font-size:10px;
text-align:right;
padding-left:20px;
}
.sougo a{
font-size:10px;
padding-right:10px;
color: #FFFFFF;
text-decoration:none;
}

.copy{
background-image:url("images/back_copy.gif");
background-repeat:no-repeat;
	color: #666666;
	width: 780px;
	height:16px;
	clear: both;
	text-align:left;
}
.copy p{
margin-left: 20px;
}
.copy address{
margin-top: 3px;
margin-left: 20px;
}
.copy a:link {color: #666666; text-decoration:none}
.copy a:visited {color: #666666; text-decoration:none}
.copy a:hover {color: #666666; text-decoration:none}
.copy a:active {color: #666666; text-decoration:none}

.top_pv_coment{
	text-align:left;
	padding-left:10px;
	color:white;
	line-height:150%;
}
/* ===== pan Navigation Area ===== */
div#pnavi {
text-align:left;
font-size:12px;
margin:0;
padding-left:10px;
color:#999999;
}

div#pnavi a{
padding-left:10px;
padding-right:10px;
color:#999999;
}

/* ===== small Navigation Area ===== */

.snavi{
padding-top:10px;
padding-bottom:10px;
}

.snavi a{
font-size:12px;
padding-right:15px;
color: blue;
text-decoration:none;
}

/* ===== Contents Area upper ===== */
#title{
width:780;
text-align:left;
}

#title img{
float:right;
padding-right:90px;
}

/* ===== Contentsn Area menu ===== */
#left_bar{
width:180px;
font-size: 12px;
float:left;
text-align:left;
padding-top:25px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
p.left_menu a{
color:blue;
width:100%;
line-height:200%;
}

#leftbar a{
padding-left:10px;
padding-right:10px;
text-decoration:none;
width:100%;
}

/* ===== Contents Main Area===== */
#main{
width:570px;
text-align:left;
float:right;
padding:18px 10px 10px 0;
}

#main .list-n{
padding:5px;
color:white;
background-color:#999999;
text-align:center;
}
#main .list-nb{
padding:5px;
text-align:center;
color:white;
background-color:#666666;
}
#main .list-nc{
padding:5px;
text-align:center;
color:white;
background-color:#333333;
}
#main .list-nw{
padding:5px;
text-align:center;
background-color:#FFFFFF;
}
#main .list-lb{
padding:5px;
background-color:#666666;
text-align:left;
color:#FFFFFF;
}
#main .list-l{
padding:5px;
background-color:#FFFFCC;
text-align:left;
}
#main .list-l2{
padding:5px;
background-color:#EEEEEE;
text-align:left;
}
#main .list-lw{
padding:5px;
background-color:#FFFFFF;
text-align:left;
}

#main .list{
padding:5px;
text-align:left;
}
#main .list2{
padding:5px;
text-align:left;
background-color:#EEEEEE;
}
#main .list-c{
text-align:center;
padding:5px;
}
#main .list-c2{
text-align:center;
padding:5px;
background-color:#EEEEEE;
}

#main .list-r{
text-align:right;
padding:5px;
}
#main .list-r2{
text-align:right;
padding:5px;
background-color:#EEEEEE;
}

#main .list-lccb{
padding:2px;
font-weight:bold;
background-color:#CCCCCC;
text-align:center;
}
#main .list-ce{
padding:2px;
background-color:#EEEEEE;
text-align:center;
}

#mainb .list-nw{
padding:5px;
text-align:center;
background-color:#FFFFFF;
}
#mainb .list-lw{
padding:5px;
background-color:#FFFFFF;
text-align:left;
}
/* ===== main section Area ===== */
.section{
	margin:0 0 28px 0;
	
}
.section h2{
font-family: ms ui gothic,arial,helvetica;
font-size: 18px;
color: #990000;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 0;
padding-top: 9px;
margin-top:0;
padding-bottom: 6px;
margin-bottom:6px;
}

.section h3{
font-family: ms ui gothic,arial,helvetica;
font-size: 16px;
color: #990000;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 0;
padding-top: 9px;
margin-top:0;
padding-bottom: 6px;
margin-bottom:6px;
}

.section h3.chumidashi{
font-family: ms ui gothic,arial,helvetica;
font-size: 16px;
color: #990000;
background-repeat: no-repeat;
background-position: center left;
padding-left: 0;
padding-top: 9px;
margin-top:0;
padding-bottom: 6px;
margin-bottom:6px;
}

.section table .list-th{
padding:5px;
text-align:center;
background-color:#666666;
color:#FFFFFF;
}
.section .list-tdt{
padding:5px;
text-align:center;
background-color:#999999;
color:#FFFFFF;
}
.section .list{
padding:5px;
text-align:left;
}
.smidashi {
padding-left: 26px;
line-height: 150%;
background-image: url(images/icon_listbox2.gif); background-repeat: no-repeat; background-position: center left;
}

.section .wd{
display:block;
width:460px;
}
.section .wdm{
display:block;
width:250px;
padding:5px;
}

.section .mu{ margin: 0 0 10px 0; display:block;}
.section ul{
	list-style:none;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	padding:0;
}

.section li{
	line-height:150%;
}

.section dl{
border-width:0;
}

.section dt{
width:490px;
font-size:16px;
background-image:url(images/back_rare.jpg);
padding:5px;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}

.section dd{
width:439px;
padding:10px;
border-width:0 1px 1px 1px;
border-style:dashed;
border-color:#CCCCCC;
}
/* ===== link section Area ===== */
.section2{
	margin:0 0 16px 0;
	
}
.section2 h2{
font-family: ms ui gothic,arial,helvetica;
font-size: 18px;
color: #990000;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 38px;
margin-top:0;
padding-top: 9px;
padding-bottom: 6px;
margin-bottom:6px;
}

.section2 h3{
font-family: ms ui gothic,arial,helvetica;
font-size: 16px;
color: #990000;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 38px;
padding-top: 9px;
margin-top:0;
padding-bottom: 6px;
margin-bottom:6px;
}

/* ===== Contents footer Area===== */

div#footer-main{
width:780px;
clear:both;
text-align:center;
color: #FFFFFF;
background-image:url(images/back_footer.gif);
background-repeat:no-repeat;
padding-top:50px;
}

div#footer-main a{
font-size:12px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
div#footer-main a:link {color: #FFFFFF; text-decoration:none}
div#footer-main a:visited {color: #FFFFFF; text-decoration:none}
div#footer-main a:hover {color:#FFFFFF; text-decoration:none}
div#footer-main a:active {color: #FFFFFF; text-decoration:none}

#chat {
margin-top:20px;
}
.pickup{
background-color:#D2F4FA;
}

/* ===== color Area ===== */
#main .white{
color:white;
}
#main .black{
color:black;
}
#main .blue{
color:blue;
}
#main .green{
color:#00CC00;
}
#main .yellow{
color:yellow;
}
#main .red{
color:red;
}
#main .pink{
color:#FF99CC;
}
#main .purple{
color:#CC33CC;
}

/* ===== Mini List Area ===== */
div#title2{
	float:right;
	margin-right:45px;
}

div#search{
	width:780px;
	clear:both;
	text-align:right;
	padding-top:15px;
	padding-right:90px;
}

/* ===== Link Navigation Area ===== */

.linknavi a{
font-size:12px;
font-weight:bold;
padding:0 20px 0 20px;
color: blue;
text-decoration:none;
}

.tokuseinavi a{
font-size:12px;
font-weight:bold;
padding:0 5px 0 5px;
color: blue;
text-decoration:none;
}

/* ===== Adcense Area ===== */

div#ad468c{
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:5px 0 15px 0;
	padding:20px 0 0 0;
}

div#ad468{
	clear:both;
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:5px 0 0 0;
	padding:20px 0 0 0;
}

div#adsence120240{
	background-image:url(images/sponsored_link2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding: 32px 0 0 0;
}
.adsence160600{
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:15px 0 0 0;
}

.adsencesquare{
	clear:both;
	background-image:url(images/sponsored_link3.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:20px 0 0 0;
}
.adsencewide{
	clear:both;
	margin:0 0 0 10px;
}
.ad-top{ padding: 0 0 8px 0; text-align: center;}

/* ===== DecoTable Area ===== */

.decotable table{
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background: #FFF;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}

html>body table {border-collapse: separate;}

/*ヘッダセル*/
.decotable th{
	boder-top: 2px solid #FFFFFF;
	boder-right: 1px solid #CCCCCC;
	boder-bottom: 1px solid #666666;
	background: #333333 url(images/back_deco_th.gif);
	color: #FFFFFF;
	text-align:center;
	padding:5px;
}

/*データセル*/
.decotable td{
	border-top:1px solid #333333;
	border-right:1px solid #333333;
	boder-bottom: 1px solid #333333;
	padding:5px;
}
.decotable td.list-lside{
	padding:5px;
	text-align:center;
	background-color:#CCCCCC;
}
.decotable td.list-l{
	padding:5px;
	text-align:left;
}
.decotable td.list-c{
	padding:5px;
	text-align:center;
}
.decotable td.list-r{
	padding:5px;
	text-align:right;
}

/*ニャカ壷バック*/
#main .nyakaback{
padding:2px;
text-align:left;
background-color:#999999;
color:#FFFFFF;
}

#main .purpleback{
padding:2px;
text-align:left;
background-color:#FFCCFF;
}
#main .blueback{
padding:2px;
text-align:left;
background-image:url(images/backcolor/blue.gif);
}
#main .greenback{
padding:2px;
text-align:left;
background-image:url(images/backcolor/green.gif);
}
#main .yellowback{
padding:2px;
text-align:left;
background-color:#FFFF99;
}
#main .redback{
padding:2px;
text-align:left;
background-color:#FFCCCC;
}
#main .nijiback{
padding:2px;
text-align:left;
}