* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}

.c{
 text-align:center;
 }
 
.l{ 
text-align:left;
}

.r{ 
text-align:right;
}

.clr_sps{ 
clear:both; 
font-size:1px;
 line-height:1px;
 height:1px;
 }

.p20{ font-size: 10px; ; color: #009900; }
.p18{ font-size: 12px; ; color: #FFFFFF;  margin-bottom: 5px; }
.p17 { font-size: 12px; ; color: #f80c80;  font-weight: bold; }
.p16{ font-size: 10px; ; display:inline;; }
.p15{ font-size: 10px; ; color: #FFFFFF;  margin-bottom: 5px; }
.p14{ font-size: 12px; ; color: #FFD800;  margin-bottom: 5px; }
.p13 { font-size: 12px; ; color: #f80c80;  font-weight: bold; ; margin-bottom: 0px; }
.p130 { font-size: 12px; ; color: #666666; margin-bottom: 10px; }
.p12 { font-size: 12px; ; color: #f80c80;  margin-bottom: 5px; }
.p11 { font-size: 12px; ; color: #008000;  font-weight: bold; margin-bottom: 5px; }
.p10 { font-size: 12px; ; color: #666666; font-weight: bold; margin-bottom: 5px; }
.p100 { font-size: 12px; ; color: #666666; font-weight: bold; margin-bottom: 0px; }
.p9 { font-size: 10px;  margin-bottom: 15px; }
 .p2{
	margin: 5px 0 10px 10px;
        width: 490px;
	font-size: 123%;
	color: #FF66FF;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
	line-height: 100%;
        border-color:#FF66FF;
        border-width:0px 0px 1px 7px;
        border-style:solid;
        background:#FFFFFF;
}
 .p22{
	margin: 5px 0 10px 10px;
        width: 215px;
	font-size: 123%;
	color: #FF66FF;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
	line-height: 150%;
        border-color:#FF66FF;
        border-width:0px 0px 1px 7px;
        border-style:solid;
        background:#FFFFFF;
}
/* BODY-------------------------------*/
body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	line-height:150%;
	letter-spacing: normal;
	color: #999999;
	list-style: none;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

/* strong */
strong {font-weight: bold;}

/* 画像の属性 */
img {border: none; margin: 0;}

a:link, a:visited, a:active {color: #474747;text-decoration: none;}
a:hover{color : #339966;text-decoration: underline;}


/* 基本設定 ----------------------------- */
#base{
	width: 820px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

#containar {
	width: 780px;
	margin: 10px auto 0 auto;
	text-align: left;
	background: #FFF;
}

/*  ヘッダー  */
#header {
	height:50px;
	margin: 0;
	color: #FFFFFF;
	background: #FF66FF;
}

#header h1  {
 position: absolute;
 top: 27px;
 left: 10px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFF;
 text-decoration: none;
}

#header h1 a:hover {
 color: #FF3300;
 text-decoration: underline;
}

#header2 {
	height:150px;
	margin: 0;
	color: #555;
	text-align: left;
	background: url("http://www.yoasobi-king.com/logo/header2.jpg") no-repeat;
}

#hea{
	position: absolute;
	top: 5px;
	left: 200px;
	width: 580px;
	font-size: 9px;
	color: #FFF;
	text-align: left;
}

#hea h2  {
	font-size: 9px;
	color: #FFF;
	font-weight: lighter;
	text-decoration: none;
}

#main_image{
        position: absolute;
	top: 80px;
	left: 270px;
	width: 470px;
	font-size: 9px;
	color: #333;
	text-align: left;
}

#header a:link, #header a:visited, #header a:active {color: #FFF;text-decoration: underline;}
#header a:hover{color : #FF9900;text-decoration: none;}

#header .ads_header{
	text-align: center;
}

#header2 .search{
	position: absolute;
	top: 190px;
	left: 380px;
	font-size: 9px;
	color: #333;
	height: 30px;
	border: 1px solid #CCC;
}
#header2 .search-inner{
	padding: 5px;
	text-align: center;
} 

/*  メインメニュー  */
#gmenu{
	position: absolute;
	left:10px;
	top: 155px;
	margin: 0 auto;
	width: 800px;
	height: 25px;
	background: #FF66FF;
	border-top: 1px solid #FF99FF;
	border-bottom: 1px solid #FF99FF;
}
#gmenu ul{list-style: none; margin: 0; padding: 0;}
#gmenu li{margin: 0; padding: 0; float: left;}
#gmenu li a:link, #gmenu li a:visited, #gmenu li a:active {
	float: left;
	width: 80px;
	height: 25px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	line-height: 200%;
	overflow: hidden;
	display: block;
	border-right: 1px solid #FF99FF;
}
#gmenu li a:hover{background: #CC3373;}
#gmenu li.nav1 a:link, #gmenu li.nav1 a:visited, #gmenu li.nav1 a:active {
	float: left;
	width: 80px;
	height: 25px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 200%;
	overflow: hidden;
	display: block;
	border-right: 1px solid #FF99FF;
}
#gmenu li.nav1 a:hover{background: #CC3373;}

.rss{	
	position: absolute;
	top: 12px;
	right: 25px;
}

/*  パンくずリスト  */
.navi {
	margin :0 0 10px;
	width: 100%;
	font-size: 10px;
	padding: 0 5px;
	text-align: left;
}

.navi a {
	color: #337799;
	text-decoration: none;
}

.navi a:hover {
	color: #FF6633;
	text-decoration: underline;
}

/***写真***/

 #pic{
 margin:0px 0 0 0;
 clear:left;
position: absolute;
width:800px;
 }


.album{
	text-align:center;
}
.album_frame{
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 2px;;
	width:190px;
	background-color: #FFFFFF;
	border:1px solid #ccc;

}
.album_image{
	overflow:hidden;
	width:190px;
	height:230px;
}
.album_image img{
	height:230px;
	margin:auto;
}
.album_title{
	overflow:hidden;
	width:190px;
	font-size:10px;
}

#pic a{
 color:#333333;
 text-decoration:none; 
 font:13px;
 }
 
#pic a:hover{
 color:#FF6600; 
 text-decoration:underline;
 }

/***下部左***/
#top1{
 font-size:12px; 
}

 #top1 h2{
	margin: 5px 0 10px 10px;
        width: 490px;
	font-size: 123%;
	color: #FF66FF;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
	line-height: 150%;
        border-color:#FF66FF;
        border-width:0px 0px 1px 7px;
        border-style:solid;
        background:#FFFFFF;
}

#top1 div#left{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
 
 #top1 div#left p{
 padding: 10px 0px 0 0px;
 }
 
 #top1 div#left  ul{
list-style:none;
 }

#top1 div#left  li{
float:center;
margin-left: 20px;
height: 68px;
 }
 
 #top1 div#left1{
background-color: #FFFFFF;
 float:left;
  text-align:center;
 width:520px; 
 margin:10px 0 0 0;
 }
 
#pp104{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/104.jpg") no-repeat;
}

#pphig{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/hig.jpg") no-repeat;
}
 
 #ppichi{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/ichi.jpg") no-repeat;
}

 #ppmr{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/mr.jpg") no-repeat;
}

 #ppol2{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/ol2.jpg") no-repeat;
}

 #ppnag{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/nag.jpg") no-repeat;
}

 #ppka{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/ka.jpg") no-repeat;
}

 #ppai{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/ai.jpg") no-repeat;
}

 #ppam{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/am.jpg") no-repeat;
}

 #ppan{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/an.jpg") no-repeat;
}

 #pppr{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/pr.jpg") no-repeat;
}
 
  #pptu{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/tu.jpg") no-repeat;
}

 #ppfe{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/fe.jpg") no-repeat;
}
 #ppfr{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/fr.jpg") no-repeat;
}
 #ppaaa{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/gogo.jpg") no-repeat;
}

 #ppnns{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/nns.jpg") no-repeat;
}

 #pp24{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/24.jpg") no-repeat;
}

 #ppop{
    width:248px; 
   height: 106px;
	background: url("http://www.yoasobi-king.com/logo/css/op.jpg") no-repeat;
}


#top1 div#left2{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
 
 #top1 div#left20{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
 
  #top1 div#left21{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
   #top1 div#left22{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
    #top1 div#left23{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
     #top1 div#left24{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }    
 #top1 div#left25{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
    #top1 div#left26{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
     #top1 div#left27{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
     #top1 div#left28{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
     #top1 div#left29{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
     #top1 div#left30{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
     #top1 div#left31{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
     #top1 div#left32{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }
#top1 div#left3{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }

#top1 div#left4{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 }

#top1 div#left4  ul{
list-style:none;
 }

#top1 div#left4  li{
float:left;
margin-left: 10px;
 }

#top1 div#left5{
background-color: #FFFFFF;
 float:left;
 width:520px; 
 margin:10px 0 0 0;
 border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
 }

#top1 div#left5  ul{
list-style:none;
 }

#top1 div#left5  li{
float:left;
margin-left: 10px;
 }
  
  
#top1 div#info h4{
 margin:10px 10px 0 10px; 
 font-size:12px;
 }

#top1 div#info p{
 margin:4px 10px 0 10px; 
 font-size:12px; 
 line-height:130%;
 }

/***バナー***/
.me88
	{
	width:150px;
	float: left; 
	padding:1px;
	margin: 5px 5px 5px 5px;;
	font-size: 10px;
	text-align: left; 
	line-height: 100%;
    border: 0px solid #DDDDDD;
}
  
 /************************************************/
 /***下部右***/
 
#top1 div#info{ 
float:right; 
width:240px; 
height:100%;
margin:10px 0 0 0px;
background-color: #FFFFFF;

 }

#top1 div#info h3{
 background-color: #FF66FF;
 height:30px;
 font-size:15px;
 text-align:center; 
 color:#ffffff; 
}


#top1 div#info h2{
	margin: 5px 0 10px 10px;
        width: 215px;
	font-size: 123%;
	color: #FF66FF;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
	line-height: 150%;
        border-color:#FF66FF;
        border-width:0px 0px 1px 7px;
        border-style:solid;
        background:#FFFFFF;
}

 
 #top1 div#info  ul li{
   list-style :none;  /*リストマーク*/
 color:#474747;
  margin:1px 0 0 5px;
  padding:1px 0 0 5px;
 }
 
#top1 div#info  ul li a{
 color:#474747;
 text-decoration:none; 
 font-size: 10px;
   margin:1px 0 0 2px;
  padding:1px 0 0 2px;;
 }
 
#top1 div#info  ul li a:hover{
 color:#339966; 
 text-decoration:underline;
   margin:1px 0 0 2px;
  padding:1px 0 0 2px;;
 }

 
#top1 div#info p{
 margin:4px 10px 0 10px; 
 font-size:12px; 
 line-height:130%;
 }

 /***ランキング***/
 .rank
	{
	width:110px;
	height : 32px;
	float:left;
	background-color: #FFFFFF;
	margin: 2px 2px;
	line-height: 100%;
	border: 1px solid #FFFFFF;
}


 /***厳選***/
 .h500
	{
	width:250px;
	height : 110px;
	float:left;
	background-color: #FFFFFF;
	margin: 2px 2px;
	line-height: 100%;
	border: 1px solid #ccc;
}

/* 画像を左に配置し、テキストを右側に回りこませる */
.r-float{
width : 88px;
height : 108px;
float : left;
}

/* 画像を左に配置し、テキストを右側に回りこませる */
.r-float1{
float : left;
}

/* 回り込みの解除 */
.f-clear{
clear : both;
}

 

/*  記事枠等（ページ以外）の属性  */
#content {
	margin: 0;
	padding: 0;
	background: #FFF;
	overflow: hidden;
}

/*  記事枠等（ページ）の属性  */
#content_s {
	float: left;
	width: 510px;	
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#content h2,#content_s h2{
	margin: 5px 0 10px 10px;
	font-size: 123%;
	color: #BF406A;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
	line-height: 150%;
	border-left: 10px solid #FF66FF;
}

#content h3,#content_s h3 {
	margin: 10px 0;
	padding: 0;
	border-bottom: 1px solid #DDD;
	color: #BF406A;
	font-weight: bold;
	font-size: 100%;
	line-height: 150%;
	display: block;
	text-align: left;
	text-indent: 0;
}
			
#content h3.post a ,#content_s h3.post a {
	color: #BF406A;
	text-decoration: underline;
}
					
#content h3.post a:hover, #content-s h3.post a:hover {
	color: #FF3300;
	text-decoration: none;
}

#content h4, #content_s h4 {
	margin: 10px 10px 10px 0;
	border-bottom: 1px solid #DDD;
	color: #BF406A;
	font-weight: bold;
	font-size: 108%;
	line-height: 150%;
	display: block;
	text-align: left;
}

#content h5, #content_s h5 {
	margin: 10px 10px 10px 0;
	color: #666;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
	display: block;
	text-align: left;
}

#content .posted,#content_s .posted {
	text-align: right;
	font-size: 10px;
	margin: 0px 20px 10px 0;
}

#content .doc, #content_s .doc{
	margin: 0 10px 20px 20px;
	text-align: left;
}

#content .doc p, #content_s .doc p{
	padding: 5px 0;
}

#content .box{
	float: left;
	width: 120px;
	height: 270px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	font-size: 10px !important;
	overflow: hidden;
}

#content .box-inner{
	padding: 0px;
	text-align: left;
	font-size: 10px;
	line-height: 130%;
}

#content .box h3{
	margin: 0;
	height: 30px;
	font-size: 12px;
	line-height: 120%;
	font-weight: normal;
	border: 0px;
	text-indent: 0px;
}

#content .box img{
	margin: 5px auto;
}

#content .search{
	margin-top: 0px;
	height: 30px;
	width: 240px;
	border: 1px solid #CCC;
}
#content .search-inner{
	padding: 5px;
	text-align: right;
} 

/* ---- 関連記事リスト属性----- */
.relate ul{
 	margin: 5px 0 10px 20px;
 	list-style-type: upper-alpha;
 	font-size: 100%;
 	line-height: 150%;
}
.relate li{
 	margin-left: 10px;
}

/*  サイドメニュー等の属性  */
#sidebar {
	float: right;
	width: 240px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	overflow: hidden;
}

#sidebar h2{
 	margin: 10px 0 0 0;
 	height: 25px;
 	color: #FFF;
 	font-size: 100%;
 	font-weight: bold;
 	text-align: center;
 	background: #FF66FF;
}

#sidebar ul{
 	list-style: none;
 	margin: 0 0 10px 0;
 	padding: 5px 0;
 	background: #FFDDFF;
}

#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
 	list-style: none;
 	padding-left: 20px;
 	text-decoration: none;
 	font-size: 12px;
 	line-height: 150%;
 	display: block;
}

#sidebar ul li a:hover {
 	text-decoration: underline;
}

 .h2510
	{
	width:250px;
	height : 25px;
	float:left;
	background-color: #FFFFFF;
	margin: 2px 2px;
	font-size: 10px;
	text-align: left; 
	line-height: 100%;
	border: 1px solid #ccc;
}

/*フッターナビ*/
.f_navi {
	clear: both;
	margin: 15px;
	padding: 5px;
	text-align: left;
	font-size: 85%;
	border-top: 1px solid  #FF66FF;
}

.f_navi img{margin: 0 3px;border-style: none; vertical-align: middle;}


/*フッター*/
#footer{
 	clear: both;
 	width: 820px;
 	height: 60px;
 	margin: 0;
 	color: #999;
 	padding: 0;
 	text-align: left;
}

#footer #info  ul{
	margin : 0 0 0 25px;
	padding : 0;
list-style:none;
 }

#footer #info  li{
float:left;
margin-left: 10px;
 }

#footer .copyright{
	text-align: center;
	padding: 40px 0 0 0;
	font-size: 12px;
	line-height: 120%;
}

/*フッタリンク*/
.f_link   ul {list-style:none;
	margin : 7px 0 0 0;
	width:800px;
	float:left;
}
.f_link   li {float:left;
	margin : 0 0 0 0;
	padding : 0 9px 0 9px;
	background : url(logo/list11.gif) no-repeat left center;
} 	

.f_link   {font-size: 85%;}

/*フッタリンク*/
.f_link1   ul {
  _height: 1.5em; /* IE6用。*/
}

.f_link1   ul{
  margin-left: -1px; /* 一番左のボーダー幅と同じ値の負のマージン */
}

.f_link1   li  {
  padding: 0 4px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #ccc; /* 区切り線 */
}


.f_link1   {font-size: 85%;}

.swt{
	position: absolute;
	right: 10px;
	top: 10px;
	list-style: none;
}

div#n1 {
  _height: 1.5em; /* IE6用。*/
   font-size: 10px;;
}

div#n1 ul {
  margin-left: -1px; /* 一番左のボーダー幅と同じ値の負のマージン */
}

div#n1 li {
  padding: 0 4px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #ccc; /* 区切り線 */
}


div#n2 {
  _height: 1.5em; /* IE6用。*/
   font-size: 10px;;
}

div#n2 ul {
  margin-left: -1px; /* 一番左のボーダー幅と同じ値の負のマージン */
}

div#n2 li {
  padding: 0 4px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #ccc; /* 区切り線 */
}


div#nnn {
  _height: 1.5em; /* IE6用。*/
   font-size: 10px;;
}

div#nnn ul {
  margin-left: -1px; /* 一番左のボーダー幅と同じ値の負のマージン */
}

div#nnn li {
  padding: 0 4px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #ccc; /* 区切り線 */
}

#pic120{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
height:160px;
width:120px;
}

#map{
width: 500px; 
height: 320px; 
border: 1px solid  #999;
}

#map1{
width:778px;
font-size:12px;
border:1px solid #ccc;
}

  /***200***/
 .h200
	{
	width:200px;
	height : 150px;
	background-color: #FFFFFF;
	margin: 10px 20px;
	line-height: 100%;
	border: 0px 
}

  /***200***/
 .h2000
	{
	width:200px;
	height : 150px;
	background-color: #FFFFFF;
	margin: 10px 20px;
	line-height: 100%;
	border: 0px 
}

 .hhm
	{
	width:85px;
	height : 40px;
	float:left;
	text-align: left; 
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;;
	 padding:3px 2px 10px 20px;;
	font-size: 10px;
	color: #999;
}