﻿@charset "utf-8";

@import url("style2.css");

* {
margin: 0;
padding:0;
}



body {
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../img/bg2.gif);
	background-position: top;
	color: #333333;
	line-height: 140%;
}


a {	color: #0079BB;	text-decoration: none;}
a:link,a:visited,a:active {	color: #0079BB;}
a:hover {color: #FF6600;text-decoration: underline;}
li {	list-style-type: none;}
.clear {clear:both;}
h1, h2, h3, h4 {margin: 0px;padding: 0px;font-weight: normal;}



.box-contents1{ padding:10px 10px 10px 10px;}

#banner {
	background: url(../img/header.jpg) no-repeat left top;
	margin-right: auto;
	margin-left: auto;
	width: 898px;
	height: 110px;
	position: relative;
}

#banner h1 {
	font-size: 10px;
	position: absolute;
	top: 0px;
	color: #000000;
	right: 200px;
	line-height: 35px;
}

#banner h1 a {
color: #000000;
text-decoration: none;
}

#banner h1 a:hover {
color: #FF0000;
text-decoration: underline;
}



#container {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 920px;
	border-top: none;
	border-bottom: none;
	position:relative;
	background-color: #CCCCCC;
	background-image: url(../img/c_bck.gif);
	background-repeat: repeat-y;
}


*html body #content {
	margin-left: 11px;
}



/*ナビゲーションbackground-color: #ffffff;*/
#nav {
	width:870px;
	height: 25px;
	background-image: url(../img/menu.jpg) ;
	margin-left: 15px;
	padding : 0px 0px 0px 10px;
}

#nav ul {
	list-style-type:none;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 5px;
	padding : 0px 0px 0px 25px;
  }
  

#nav li {
	float:left;
	line-height:normal;
	text-indent:0;
	padding : 3px 0px 5px 0px;
  }
  
#nav a {
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}

#nav a:hover {
	color: #FF0066;
	border-bottom-style: none;
}

#ctext{ padding: 20px 20px 30px 20px; font-size:14px;
}

#ctext_left{	float: left ;
	width: 150px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 15px;}


#ctext_right{ 	float: right ;
	width: 410px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;}
	
	
#ctext_center{ text-align:center;}


#atext_left{	float: left ;
	width: 250px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 15px;}


#atext_right{ 	float: right ;
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;}
	
	
	
#content {
	float: right;
	width: 650px;
	margin-right: 22px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
}

#content h2 {
	height: 40px;
	line-height: 30px;
	margin-bottom: 2px;
	color: #000000;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 55px;
	background-image: url(../img/h2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
	margin-top: 0px;
}

#content h3,
#content h4 {
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
	color: #000000;
	font-size: 14px;
	padding: 0px 0px 0px 35px;
	background-image: url(../img/h3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
	margin-top: 10px;
}



#content p {
	font-size: 13px;
	margin-top: 5px 25px 15px 25px;
	line-height: 28px;
	background-image: url(../img/line_note.gif);
	padding: 5px;
}



#content p.img-l {
	float: left;
	border-top: solid 0px #fff;
	border-right: solid 10px #fff;
	border-left: solid 10px #fff;
	border-bottom: solid 10px #fff;
	margin-top: 0px 10px 0px 10px;
	padding: 0px;
}


#content p.img-l a img {	border: 5px solid #F9F9F7;}

#content p.img-l a:hover img {border-color: #FF9933;}

#content p.img-c {
margin:0px;
padding: 0px;
line-height: 100%;
background: none;
text-align: center;
margin-left: 5px;
margin-bottom: 10px;

}

#content p.img-c img {
border: solid 1px #ccc;
padding: 3px;
margin-right: 8px;
}


#content p.next {
	background-image: none;
	margin-top: 20px 30px 30px 30px;
	padding: 0px;
}
#content p.next a {
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	background-image: url(../img/p-next.gif);
	background-position: left top;
	display: block;
	background-repeat: no-repeat;
}


#content p.next a:hover {background-position: 0px -30px;}


#content p.comment {
background: none;
padding: 7px 0px 0px 0px;
margin: 0px 0px 20px 25px;
line-height: 100%;
font-size: 12px;
}


#left {
	float: left ;
	width: 200px;
	margin-left: 25px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}


*html body #right{	margin-right: 12px;}


#left dl {
	margin-bottom: 5px;
	width: 200px;
	padding-bottom: 5px;
	background-image: url(../img/side_dl.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


#left  dt {
	color: #FFFFFF;
	height: 35px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/side_dt.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 38px;
}


#left  dd {	font-size: 12px;}

#left dl dd {	font-size: 12px;}

#left  dl dd a {
	color: #404040;
	text-decoration: none;
	padding-left: 40px;
	height: 22px;
	line-height: 20px;
	width: 162px;
	display: block;
	background-color: #FFFFFF;
	background-image: url(../img/side-dd.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
}

#left dl dd a:hover {
	background-position: 0 -40px;
	color: #000000;
}


#left dd.ichioshi1 {
   margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
   line-height: 100%;
   height: 100%;
}

#left dd.ichioshi1 a {
margin: 0px;
padding: 0px;
background: none;
display: inline;
}

#left dd.ichioshi1 a img {
	margin: 0px;
	padding: 0px;
	border: 4px solid #DCDCCF;
}

#left dd.ichioshi1 a:hover img {
	border: 4px solid #FFFFCC;
}


#left dd.ichioshi1-text {
margin: 0px;
padding: 0px;
text-align: center;
height: 100%;
line-height: 100%
}

#left dd.ichioshi1-text a {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: none;
	display: inline;
	line-height: 130%;
	color: #222222;
}

#left dd.ichioshi1-text a:hover {
	color: #FF6600;
	text-decoration: underline;
}




#left #dl-rule dt {
	background-image: url(../img/side_dt_rule.jpg);
	text-indent: -77777px;
}





/***************************************/


#left #ichioshi dt {
	background-image: url(../img/side_ichioshi.jpg);
	height: 40px;
	line-height: 36px;
	text-indent: -77777px;
}

#left #a-ranking dt {
	background-image: url(../img/side_raking.jpg);
	text-indent: -77777px;
}

#left #s_menu01 dt {
	background-image: url(../img/side_01.jpg);
	text-indent: -77777px;
}





#left #sm_about dt {
	background-image: url(../img/sougo.jpg);
	text-indent: -77777px;
}
#left #sm_about dd a {
	background-image: url(../img/side_menuｇ.jpg);
	height: 28px;
	line-height: 26px;
	padding-left: 38px;
}
/***************************************/


#left dl dd#ranking1 a {
	background-image: url(../img/side_menu.jpg);
	height: 28px;
	line-height: 26px;
	padding-left: 38px;
}
#left dl dd#ranking5 a {
	background-image: url(../img/side_menu.jpg);
}

#left dl dd#ranking1 a,
#left dl dd#ranking2 a,
#left dl dd#ranking3 a,
#left dl dd#ranking4 a,
#left dl dd#ranking5 a,
#left dl dd#ranking6 a,
#left dl dd#ranking7 a,
#left dl dd#ranking8 a,
#left dl dd#ranking9 a,
#left dl dd#ranking10 a {
	width: 154px;
	height: 28px;
	line-height: 26px;
	padding-left: 38px;
}

#left dl dd#ranking1 a:hover,
#left dl dd#ranking2 a:hover,
#left dl dd#ranking3 a:hover {
color:#000000;
}




/***************************************/

#footer{
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	height:80px;
	font-size:12px;
	color: #666666;
	clear:both;
	background-color: #FEFEFE;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	position: relative;

}

#footer p {
	text-align: left;
	margin:0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	right: 310px;
}

#footer p a{
	text-decoration: none;
	color: #0085CC;
}

/***************************************/





/*******************************************************/


.menu-box {
	background-image: url(../img/box_bakc.gif);
	background-color: #CCCCCC;
}

#menu-box-left {
	float: left;
	background-image: url(../img/title_001.jpg);
	width: 285px;
	height: 250px;
	position: relative;
	background-position: right top;
	background-repeat: no-repeat;
	padding-left: 10px;
}

#menu-box-right {
	float: right;
	width: 285px;
	position: relative;
	height: 250px;
	background-image: url(../img/title_002.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-right: 10px;
}

#menu-box-left p {
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	width: 260px;
	position: absolute;
	top: 60px;
	background-image: none;
	font-size: 12px;
	left: 25px;
	color: #333333;
}

#menu-box-right p {
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	width: 260px;
	position: absolute;
	top: 60px;
	left: 15px;
	background-image: none;
	font-size: 12px;
	color: #333333;
}

#menu-box-left ul {
	position: absolute;
	top: 123px;
	left: 25px;
	line-height: 20px;
	font-size: 12px;
}
#menu-box-right ul {
	position: absolute;
	top: 110px;
	left: 15px;
	line-height: 20px;
	font-size: 12px;
}

#menu-box-left li a {
	background-image: url(../img/li_left_c.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: underline;
	padding-left: 22px;
	font-size: 13px;
	color: #6A9300;
}

#menu-box-right li a {
	background-image: url(../img/li_right_c.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: underline;
	padding-left: 22px;
	font-size: 13px;
	color: #0F80DB;
}




#menu-box-left h3,
#menu-box-right h3 {
	background-image: none;
	text-indent: -777777px;
	padding: 0px;
	margin: 0px;
}
#menu-box-left li a:hover,
#menu-box-right li a:hover {
	background-image: url(../img/li_ov_c.gif);
	text-decoration: none;
	color: #FF0033;
}








#f_link{font-size: 10px; padding: 20px 0px 0px 40px;}

#ads { text-align: center; padding: 0px 0px 0px 40px;}
#ads td { text-align: center;}
#aff { padding: 20px 0px 0px 30px; font-size:12px;}

/*******************************************************/

#info_flame{ padding: 10px 10px 20px 20px;

}


/*********************/
.ppp {
font-weight: bold;
color: red;
}
/*********************/



