@charset "utf-8";
/* CSS Document */

/*===========all===========*/

body{
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #000;
	color:#B7B7B7;
	font-size:100%;
	line-height:100%;
}
div,p,dl,dt,dd{
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:140%;
}
ul,ul li,ol,ol li{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:140%;
}
table,tr,th,td{
	margin:0px;
	padding:0px;
	border:0px; border-collapse:collapse;
	font-size:12px;
	line-height:140%;
	vertical-align:top;
	empty-cells:show;
	color:#b7b7b7;
}
table caption{
	text-align:left;
}
img{
	border:0px;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}
embed{
	vertical-align:bottom;
}

h1#topHead{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:10px;/*IE6、IE7*/
	width:370px;
	float:left;
}
html>/**/body h1 { font-size:11px; }/*モダンブラウザ*/

a:link,
a:visited{
	color:#ffffff;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#FF9219;
	text-decoration:none;
}
strong.color{ color: #658CC2;}
.center{ text-align: center;}
.right{ text-align: right;}
.left{ text-align: left;}
.color_red{ color: #FF0000;}
.color_ylw{ color:#FFFF66;}
.clear{ clear: both;}
.f_left{ float: left;}

/*======Header=======*/

#header{
	padding-top:20px;
}
#headerNavi{
	width:400px;
	float:right;
}
#headerNavi ul{
	margin:0px;
	padding:0px;
	float:right;
	display:inline;
	padding-left:4px;
}
#headerNavi ul li{
	display:inline;
	margin-left:-4px !important;
	border-left:1px solid #535353;
	padding:0px 10px;
	font-size:10px;/*IE6、IE7*/
}
html>/**/body #headerNavi ul li { font-size:11px; }/*モダンブラウザ*/
#headerNavi ul li#headerNaviLast{
	padding-right:0px;
}
#headerNavi ul li a.on{
	color:#FF9219;
	text-decoration:none;
}


/*========TOP=========*/

/*======wrapper=======*/
.TopWrapper{
	text-align: left;
	margin: 0px auto 0px auto;
	width: 900px;
}

/*TopNavigation*/
#TopNavi{
	width:900px;
	height:453px;
	clear:both;
	padding-top:20px;
}
#TopNavi h2{
	width:225px;
	height:453px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	/* \*/overflow:hidden;/* */
}
#TopNavi h2 a{
	display:block;
	width:225px;
	padding-top:453px;
	font-size:13px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:1px 0px;
}
#TopNavi h2.navi01 a{
	background-image:url(../img/navi_01.jpg);
}
#TopNavi h2.navi02 a{
	background-image:url(../img/navi_02.jpg);
}
#TopNavi h2.navi03 a{
	background-image:url(../img/navi_03.jpg);
}
#TopNavi h2.navi04 a{
	background-image:url(../img/navi_04.jpg);
}
#TopNavi h2 a:hover{
	background-position:-224px 0px;
}
#topNewsCont{
	margin-bottom:50px;
	background:url(../img/bg_topNewsBody.gif) repeat-y right top;
}
#topNewsInner{
	padding:25px 0px 10px 0px;
	background:url(../img/bg_topNewsHead.jpg) no-repeat right top;
}
.topNews{
	width:225px;
	float:left;
}
#topNewsCont h3{
	clear:both;
	margin:0px;
	padding:0px;
	width:204px;
	line-height:100%;
	margin:0px 0px 12px 10px;
	padding-bottom:8px;
	border-bottom:1px solid #000000;
}
#topNewsCont ul{
	color:#C99C65;
	margin-left:2em;
}
#topNewsCont ul li{
	list-style:disc;
	margin-bottom:5px;
	width:194px;
}
#topNewsCont a:link,
#topNewsCont a:visited{
	color:#C99C65;
}
#topNewsCont a:hover,
#topNewsCont a:active{
	color:#FF9219;
}

#TopNaviRecom{
	width:465px;
	float:right;
}
#TopNaviDay{ margin-top:12px;}
#TopNaviDay h3#navi05,
#TopNaviDay h3#navi06{
	margin:0px;
	padding:0px;
	width:230px;
	height:110px;
	/* \*/overflow:hidden;/* */
	margin-bottom:5px;
}
#TopNaviDay h3#navi05 a,
#TopNaviDay h3#navi06 a{
	display:block;
	width:230px;
	padding-top:100%;
}
#TopNaviDay h3#navi05 a{ background:url(../img/navi_09.jpg) no-repeat left top;}
#TopNaviDay h3#navi06 a{ background:url(../img/navi_10.jpg) no-repeat left top;}
#TopNaviDay h3#navi05 a:hover,
#TopNaviDay h3#navi06 a:hover{ background-position:0px -110px;}

#TopNaviDay h3#navi08{
	margin:0px;
	padding:0px;
	width:230px;
	height:225px;
	/* \*/overflow:hidden;/* */
	float:right;
}
#TopNaviDay h3#navi08 a{
	display:block;
	width:230px;
	padding-top:100%;
	background:url(../img/navi_08.jpg) no-repeat left top;
}
#TopNaviDay h3#navi08 a:hover{ background-position:0px -225px;}


#topInfo{
	width:410px;
	float:left;
}

#blogNews h2#navi07{
	margin:0px;
	padding:0px;
	width:380px;
	height:50px;
	overflow:hidden;
}
#blogNews h2#navi07 a{
	display:block;
	width:380px;
	padding-top:100%;
	background:url(../img/navi_11.jpg) no-repeat 0px 0px;	
}
#blogNews h2#navi07 a:hover{ background-position:0px -50px;}

#blogNews iframe{
	padding:0px;
	margin:0px;
	border:none;
}

#topQR{
	width:auto;
	float:none;
	clear:both;
	padding-top:18px;
	margin-top:10px;
	background:url(../img/line_dot_x.gif) repeat-x top;
}
#toyaMbQR,
#toyaMailQR{ float:left;}
#toyaMbQR{
	width:195px;
	display:inline;
	margin-right:5px;
}
#toyaMailQR{ width:265px;}
#topQR dl{
	border:1px solid #535353;
	padding:5px 0px;
}
#topQR dl dt{
	width:65px;
	text-align:right;
	float:left;
}

#topQR dl dd{
	margin-left:75px;
	padding:14px 7px 0px 0px;
}
#topQR dl dd a{
	font-size:10px;
	color:#FF6666;
	padding-left:11px;
	background:url(../img/arrow_red.gif) no-repeat left center;
}

/*======footer======*/

.footer{
	clear: both;
	padding-top:40px;
	font-size:11px;
	width:900px;
}

ul#footerNavi{
	margin:0px auto;
	margin-bottom:10px;
	text-align:center;
	list-style:none;
}
ul#footerNavi li{
	font-size:10px;/*IE6、IE7*/
	display:inline;
	margin-left:-4px;
	padding:0px 10px;
	border-left:1px solid #535353;
}
html>/**/body ul#footerNavi li{ font-size:11px; }/*モダンブラウザ*/

ul#footerNavi li#footerNaviLast{
	padding-right:0px;
}
ul#footerNavi li a.on{
	color:#FF9219;
	text-decoration:none;
}

.pagetop{
	margin:0px;
	padding:0px;
	text-align:right;
	border-bottom:1px solid #535353;
	padding-bottom:5px;
	margin-bottom:20px;
}
.pagetop img{
	vertical-align:text-bottom;
	margin-right:4px;
}

#copy{
	color:#666666;
	text-align:center;
	font-size:10px;
	letter-spacing:1px;
	padding-top:20px;
	padding-bottom:35px;
	background-image:url(../img/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

/*======renew インラインフレーム読み込み部分======*/
.renew {
	color: #b7b7b7;
	width: 390px;
}

.renew .wrapper {
	text-align: left;
	margin:0px;
	padding:0px;
	width: 390px;
}
.renew ul,
.renew ul li{
	margin: 0px;
	padding:0px;
	font-size:10px;
}
.renew ul li {
	list-style:none;
	margin-left:-15px !important;
	margin-left:0px;
	margin-bottom:10px;
}
.renew ul li a{ font-size:12px;}


/*カテゴリの画像を枠の中に入れる*/
.clear{clear:both;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*Hides from IE-mac/*/
*html .clearfix{height: 1%;}
.clearfix{ display: block;}
/*End Hide from IE-mac*/