/*-------------------*/
/*all
-------------------*/

body{
	font-size:14px;
	line-height:1.3em;
	color:#333;
	background:url(../images/body_bg02.jpg) top left repeat;
}

* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	border:none;
	margin:0;
	padding:0;
	border:0;
	border-width: 0px; 
	}
	
a img{
	border-width: 0px;
	}

.clear {
	clear:both;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,label,textarea,select,p,blockquote,th,td { margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;font-size:100%;}
table td {vertical-align:top;}

.txtRight{text-align: right;}
.txtLeft{text-align: left;}
.txtCenter{text-align: center;}
.sideT{vertical-align: top;}
.sideB{vertical-align: bottom;}
.sideM{vertical-align: middle;}

.fRight{
	float:right;
}
.fLeft{
	float:left;
}

.t002 {margin-top: 2px;}
.t01 {margin-top: 5px;}
.t02 {margin-top: 10px;}
.t03 {margin-top: 15px;}
.t04 {margin-top: 20px;}
.t05 {margin-top: 25px;}
.t06 {margin-top: 30px;}
.t07 {margin-top: 35px;}
.t08 {margin-top: 40px;}
.t010 {margin-top: 50px;}
.t30 {margin-top: 150px;}

.l00 {margin-left: 0px !important}
.l01 {margin-left: 5px;}
.l02 {margin-left: 10px;}
.l03 {margin-left: 15px;}
.l04 {margin-left: 20px;}
.l05 {margin-left: 25px;}
.l06 {margin-left: 30px;}
.l07 {margin-left: 35px;}
.l08 {margin-left: 40px;}
.b01 {margin-bottom: 5px;}
.b02 {margin-bottom: 10px;}
.b03 {margin-bottom: 15px;}
.b04 {margin-bottom: 20px;}
.r01 {margin-right: 5px;}
.r02 {margin-right: 10px;}
.r03 {margin-right: 15px;}
.r04 {margin-right: 20px;}


.tag{
	border: 1px solid #ccc;
	padding: 2px 5px;
}




.underline{ text-decoration: underline!important; }

.under{ border-bottom: 1px solid #de1039; }

.uline { background:url(../images/uline.gif) bottom repeat-x; }

.uliner { background:url(../images/uliner.gif) bottom repeat-x; }

.ulineb { background:url(../images/ulineb.gif) bottom repeat-x; }

.uliney { background:url(../images/uliney.gif) bottom repeat-x; }

.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/

.red{ color: #cc0000!important; }/*赤色*/

}



strong{font-weight:bold;}


.fontS {
	font-size: 12px !important;
	line-height: 1.2 !important;
}

#mainBox a{
	color:#ffffff;
	text-decoration:underline;
}

#mainBox a:visited{
	color:#ffffff;
}

#mainBox a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#mainBox a:active{
	color:#ffffff;
	text-decoration:underline;
}
	
#sideBox a{
	color:#333333;
	text-decoration:none;
}

#sideBox a:visited{
	color:#333333;
}
	
#sideBox a:hover{
	color:#FF6699;
	text-decoration:underline;
}

#sideBox a:active{
	color:#FFFFFF;
	text-decoration:underline;
}


#linkBox a{
	color:#0000ff;
	text-decoration:underline;
}

#linkBox a:visited{
	color:#0000ff;
}

#linkBox a:hover{
	color:#ff0000;
	text-decoration:none;
}
#linkBox a:active{
	color:#FFFFFF;
	text-decoration:underline;
}



/*-------------------*/
/*clearfix
-------------------*/

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}


.clearfix{
    zoom:1;/*for IE 5.5-7*/
}


 /* IE6ﾍﾑ */
 * html .clearfix {
	display: inline-block;
 }
/* IE7ﾍﾑ */
 *+html .clearfix {
 	display: inline-block;
}


/*-------------------*/
/*header
-------------------*/

#header {
	width:810px;
	margin:0 auto;
	background:url(../images/head_bg01.jpg) left top no-repeat;
}

#header .pic01{
	width:247px;
	float:left;
}

#header .main01 {
	width:550px;
	float:left;
	padding-right:13px;
}

#header .lead01 {
	padding:15px 10px 0 10px;
	width:525px;
}

#wrapper01{
	margin:0 auto;
	background:url(../images/body_bg01.jpg) left top repeat-x;
	padding:0;
}

#wrapper02{
	width:780px;
	margin:0 auto;
	background:url(../images/body_bg03.jpg) left top repeat-y;
	padding:0 15px 40px 15px;
}

#mainBox {
	width:547px;
	float:left;
}

#sideBox {
	width:219px;
	float:left;
	margin-left:14px;
}

#sideBox .sideBg01 {
	width:199px;
	padding:10px;
	background:url(../images/side_bg01.jpg) left top repeat-y;
}

#sideBox a {
	background:url(../images/arrow.gif) left top no-repeat;
	padding-left:20px;
}

.titBg01 {
	width:547px;
	background:url(../images/tit_bg01.jpg) left top no-repeat;
}

.titBg01 h2{
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding:15px 10px;
}

.ph01 {
	width:125px;
	float:left;
	margin:10px 10px 0 0;
}

.txt01 {
	width:412px;
	float:left;
	margin-top:10px;
}

.c00 {color:#C00;}


.border01 {
	background:url(../images/border01.gif) top left repeat-x;
	font-size:1px;
	height:1px;
	margin:5px 0;
}

#footer{
	width:810px;
	margin:0 auto;
}




/*-------------------*/
/*table
-------------------*/


.spec {
	width:100%;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	line-height:1.2em;
	margin:0;
	
}

.spec th {
	padding:5px;
	text-align:center;
	background-color:#ffe2e9;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-weight:normal;
}

.spec td {
	text-align:center;
	padding:5px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}


/*--------------------------------------------------------
■フッターメニュー
--------------------------------------------------------*/

div#footer{
	clear: both;
	width: 808px;



	text-align: center;
	padding-top: 20px;
	padding-left: 0px;
}


/*--------------------▽フッター内で使用する線*/

div#footer hr{
	clear: both;
	color: #aaa;
}


/*/*--------------------▽メニューリスト*/

div#footer .menu{
	margin: 0 0 7px 0;
}

div#footer .menu ul{
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#footer .menu li{
	display: inline;
	margin-right: 3px;
	padding-left: 3px;
	color: #666666;
	font-size: 10px;
	line-height: 14pt;
	border-left: 1px solid #38720f;
}

div#footer .menu a{ color: #666666; text-decoration: none; }
div#footer .menu a:hover{ color: #666666; text-decoration: none; }

div#footer p{
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	color: #666;
	text-align: left;
	font-size: 10px;
}

/*--------------------------------------------------------
■Copyright
--------------------------------------------------------*/

div#footer #copyright{
	clear: both;
	padding: 5px 0 5px 0;
	width: 810px;
	font-size: 11px;
	line-height: 14pt;
	color: #666;
}

div#footer #copyright a{ color: #666; text-decoration: none; }
div#footer #copyright a:hover{ color: #666; text-decoration: none; }
#main-area .contents2 .ranking .gzou1 {
	float: left;
	height: 300px;
	width: 200px;
}
#main-area .contents2 .ranking .gzou2 {
	float: left;
	height: 433px;
	width: 450px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}



#info{
	padding: 7px 0;
	border-top: 1px dotted #bcbcbc;
	font-size: 10px;
	color: #666666;
}




.pickup a{
	color:#0066ff;
	text-decoration:underline;
	}
.pickup a:visited{
	color:#0066ff;
	text-decoration:underline;
	}
.pickup a:hover{
	color:#ff0000;
	text-decoration:underline;
	}
.pickup {
	text-align:right;
	margin:5px 0 0 0;
	font-size:14px;
}