/* CSS Document */
body {
	font-size: 100%;
	font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	color: #333;
	line-height:1.6em;
	text-align:center;
	background:url(../images/common/footBg.jpg) 0 bottom repeat-x,url(../images/common/allBg.jpg) 0 top repeat-x;
}


/* ### HACK for [IE7] ### */
*:first-child+html body {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}

/* === Clear Fix List === */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#main:after{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}
#side:after{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}
#Footer:after{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	line-height: 0;
}

#wrapper{
	width:970px;
	margin:0 auto;
	text-align:left;
}
/*-----------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#subNavi{ float:right; margin-top:8px;}
#mastHead { margin-bottom:5px;}

#subNavi ul { list-style:none;}
#subNavi ul li { float:left; padding-left:16px; margin-left:10px; background:url(../images/common/icon_next3.jpg) 0 3px no-repeat;}

#logoBox { margin-top:20px;}
#logoBox h1 { float:left; width:480px;}
#regBox { float:right; width:400px;}
#regBox div { font-size:150%; font-weight:bold; line-height:0.8em; vertical-align:bottom;}
#regBox div small { font-size:50%;}

#aboutBtn { float:left; margin-right:5px;}

/*ログイン*/
ul#registArea li#login03{left:0px;background:url(../images/btn/login_btn03.jpg) 0 0 no-repeat;}
ul#registArea li#login03 a{left:0px;background:url(../images/btn/login_btn03.jpg) 0 0 no-repeat;}
ul#registArea li#login03 a:hover{left:0px;background:url(../images/btn/login_btn03.jpg) 0 -35px no-repeat;}

#loginBtn { margin-bottom:5px;}

/*FFのみ*/
@-moz-document url-prefix() {
    #loginBtn {
        float: left;
    }
}
/*Chromeのみ*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #loginBtn {
        float: left;
    }
}


/*-----------------------------------------------------------------------
content,main,side
-------------------------------------------------------------------------*/
#breadcrumb { margin:10px 15px;}
#breadcrumb ul{ list-style:none;}
#breadcrumb ul li { float:left; color:#583202; margin-right:10px;}
#breadcrumb ul li span { padding-left:26px; background:url(../images/common/icoHome.gif) 0 2px no-repeat;}
#breadcrumb ul li a { color:#583202;}

/*main,side*/
#content{ width:970px; margin:0px; padding:0;}
#content #side{	float:left;	width:230px; padding-right:15px;}
#content #main{	float:left;	width:700px; padding-left:15px;	padding-right:10px;}


/*メイン 左345px　右345px*/
#content #main #leftArea345{float:left;width:345px;padding-right:10px;}
#content #main #rightArea345{float:left;width:345px;}

/*メイン　左230px　右460px*/
#content #main #leftArea230{float:left;width:230px;padding-right:10px;}
#content #main #rightArea460{float:left;width:460px;}

/*メイン　左460px　右230px*/
#content #main #leftArea460{float:left;width:460px;padding-right:10px;}
#content #main #rightArea230{float:left;width:230px;}

/*チャット　左230px　右680px*/
#content #main #rightArea680{float:left;width:680px;}

/*チャットページ用*/
#content #side2{ float:left; width:230px; margin-right:10px; background:#fff;}
#content #main2{ float:left; padding-left:35px;}
#chatSide { padding:10px;}

/*見出し*/
#content h2.h2Ttl1 { font-size:160%; color:#191919; padding:0 0 5px 28px; margin-bottom:5px; border-bottom:1px solid #989087; background:url(../images/common/icon_next4.gif) 0 4px no-repeat;}
#side h2.h2Ttl1,#sideContents h2.h2Ttl1{ font-size:140%;}

#content h2 img#h2Img {
	margin:0 0 5px 15px;
}
#main h2,#main2 h2,#side2 h2{
	background:url(../images/parts/h2_ttl01.gif) 0 0 no-repeat;
	padding-top:5px;
	padding-left:25px;
	height:31px;
	color:#666600;
	font-size:120%;
	margin-bottom:5px;
}
h2#moni{
	clear:both;
	background:url(../images/parts/h2_ttl11.gif) 0 0 no-repeat;
	padding-top:5px;
	padding-left:25px;
	height:31px;
	color:#CC3300;
	font-size:120%;
	font-weight:bold;
	margin:5px 0;
}
#main h2#circleTtl{
	background:url(../images/parts/h2_ttl01.gif) 0 bottom no-repeat;
	padding-top:5px;
	padding-left:25px;
	height:auto;
	color:#666600;
	font-size:120%;
	margin-bottom:5px;
}
#main h3 {
	border-top:1px solid #ccc;
	border-bottom:2px dotted #ccc;
	margin-top:40px;
	padding:3px;
	margin-bottom:10px;
	clear:both;
}
#main h3#h3_info {
	text-align:center;
	border-top:1px solid #FCFCFC;
	border-bottom:2px dotted #ccc;
	margin:5px;
	clear:both;
}
#main h3.h3_enjoy {
	margin:40px 0 10px;
	border:none;
	padding:0px;
	clear:both;
}
#main h3.newTtl01H3,#main h3.newTtl02H3,#main h3.searchTtl01H3,#main h3.searchTtl02H3,#main h3.searchTtl03H3,#main h3.searchTtl04H3 {
	margin:5px 10px;
	border:none;
	padding:3px 0 2px 30px;
	clear:both;
}
#main h3.newTtl01H3 { color:#fff; background:url(../images/parts/newTtl01.gif) 0 0 no-repeat;}
#main h3.newTtl02H3 { color:#fff; background:url(../images/parts/newTtl02.gif) 0 0 no-repeat;}
#main h3.searchTtl01H3 { color:#003333; background:url(../images/parts/searchTtl01.gif) 0 0 no-repeat;}
#main h3.searchTtl02H3 { color:#003333; background:url(../images/parts/searchTtl02.gif) 0 0 no-repeat;}
#main h3.searchTtl03H3 { color:#fff; background:url(../images/parts/searchTtl03.gif) 0 0 no-repeat;}
#main h3.searchTtl04H3 { color:#fff; background:url(../images/parts/searchTtl04.gif) 0 0 no-repeat;}

#main #leftArea460 h2#leftArea460H2{
	height:32px;
	width:460px;
	padding:0;
	margin:0;
}
#main #leftArea230 h2#leftArea230H2,#main #rightArea230 h2#rightArea230H2{
	height:32px;
	width:230px;
	padding:0;
	margin:0;
}

#sideContents h2#h2_ttl02{background:url(../images/parts/h2_ttl02.gif) 0 0 no-repeat;}
#sideContents h2#h2_ttl07{background:url(../images/parts/h2_ttl07.gif) 0 0 no-repeat; letter-spacing:-1px;}
#sideContents h2#h2_ttl08{background:url(../images/parts/h2_ttl08.gif) 0 0 no-repeat;}

#main #leftArea230 #blogMenu h3 {
	border-top:1px solid #eee;
	border-bottom:2px dotted #ccc;
	margin-top:10px;
	margin-bottom:10px;
	padding:3px;
	clear:both;
}
#main #rightArea460 #blogBody h3 {
	border-top:none;
	border-bottom:2px dotted #ccc;
	margin-top:10px;
	margin-bottom:10px;
	padding:3px;
	clear:both;
}
#main #rightArea460 #blogBodyclose h3 {
	border-top:none;
	border-bottom:2px dotted #ccc;
	margin-top:10px;
	margin-bottom:10px;
	padding:3px;
	clear:both;
}
#banner02Area { margin-bottom:10px;}

/*意見*/
#opinion { border:1px solid #ccc; text-align:center; margin-bottom:10px;}
#opinion h3 { font-size:90%; background:#F4F3EC; padding:8px; margin:0 0 10px; text-align:left; line-height:1.2em;}
#opinion input { padding:4px 0; margin:8px; cursor:pointer; width:80%;}
#opinion p { color:#ff0000; text-align:left; font-size:12px; line-height:1.2em; padding:8px;}


/*アンケート*/
#enquete { padding-bottom:10px; margin-bottom:10px; border:1px solid #ccc;}
#enquete dt{ background-color:#F4F3EC; padding:5px; margin-bottom:10px; font-weight:bold; color:#05578F;}
#enquete dd{ padding:3px 10px;}
#enquete dd label { cursor:pointer;}
#enquete input.btn { padding:4px 0; margin:10px 25px; cursor:pointer; width:80%;}
#enquete p { padding:5px 10px; line-height:1.2em;}

/*ブログランキング*/
#blogRank { margin:10px 0 60px; position:relative;}
#blogRank h2 { color:#191919; padding-left:28px; padding-bottom:5px; margin-bottom:5px; background:url(../images/common/icon_next4.gif) 0 2px no-repeat; border-bottom:1px dotted #ccc;}
#blogRank ul li{ padding-bottom:5px; margin-bottom:5px;	border-bottom:dotted 1px #666;}
#blogRank ul li img { float:left; margin-right:5px; box-shadow:1px 1px 1px #fff, 1px 1px 1px #666;}
#blogRank ul li p { margin:0 0 5px; padding:0;}
#blogRank ul li p small{ font-size:85%;}
#blogRank ul li span.rank1{ padding-left:25px; background:url(../images/parts/icoRank1.jpg) 0 2px no-repeat;}
#blogRank ul li span.rank2{ padding-left:25px; background:url(../images/parts/icoRank2.jpg) 0 2px no-repeat;}
#blogRank ul li span.rank3{ padding-left:25px; background:url(../images/parts/icoRank3.jpg) 0 2px no-repeat;}

/*ページトップ*/
.returnTop { clear: both; font-size:80%; font-weight:bold; margin: 20px 20px 0;}
.returnTop a { float: right; color:#003300;}

.toTop { float:right; clear:both;}


/*-----------------------------------------------------------------------
Footer
-------------------------------------------------------------------------*/
#Footer{
	clear:both;
	text-align:center;
	font-size:80%;
	width:970px;
	color:#666;
	padding:30px 0 10px;
}
#Footer hr {
	height:0;
	border:0;
	margin:20px 0 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
address{ font-size:85%; font-style:normal;}