@charset "UTF-8";
/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	background: #ffffff;
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	padding:0 10px
}

a {
	-webkit-tap-highlight-color: rgba(91,181,49,.6);
	/*-webkit-tap-highlight-color: rgba(200,200,555,.6);
	-webkit-tap-highlight-color: #FF0*/
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	vertical-align: top;
}
a:hover img{
	filter:Alpha(opacity=75);
	opacity:0.75;
	
	/*position:relative;
	left:1px;*/
}



p, dl, ol, ul {
	margin-bottom: 10px;
}

ol, ul {
	margin-left: 25px;
}


html {-webkit-text-size-adjust: none}

img:not([width]) {
	/*zoom: .5; *//* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

img {
     /*max-width: 100%;
     height: auto;*/
 }



/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
header ul:after,
#fnavi ul:after{ content: ''; display: block; clear: both; }



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


header{
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;
    width: 100%;
    margin: 0 auto;
    border-bottom:1px solid #DADADA;
	background:#ffffff;
	z-index:999;
	padding-bottom:5px;
	-webkit-box-shadow: rgb(192, 192, 192) 3px 3px 4px;
	
	
}
header h1{ text-align:center; padding-top:3px;}
header p{ position:absolute; left:0; top:10px}
header ul{ margin-top:10px; position:absolute; right:0;top:0;}
header li{ float:right; padding-left:3px; list-style:none;}
header li a{ display:block;}
header form{ text-align:center;}
header input[type=search]{
    padding:6px 15px 6px 24px;
    margin:3px;
	font-size:13px;
	border:1px solid #ccccc;
    background: url('../images/icon_hserch.png') no-repeat 4px center;
	width:60%;height:37px;
}
header .rounded {
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}
header input[type=submit], header input[type=submit]:hover {
    position:relative;
     border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	padding:6px;
	width:50px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6B65), to(#FF3333));	
	border: 1px #ED2E2E solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #ED2E2E;font-size:13px;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer{ background:#EEEEEE; border-top:3px solid #FF3333; text-align:center; padding:0 10px; margin-top:10px;}
footer > #extraNav {

}
footer > #extraNav > ul {margin:10px 0; padding:0;
	list-style:none; 
}
footer > #extraNav > ul > li {
	border-top:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-left:1px solid #b4b4b4;
	background-color:#e6e6e6;
	text-align:left;
}
footer > #extraNav > ul > li:first-of-type {
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
footer > #extraNav > ul > li:last-of-type {
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-bottom:1px solid #b4b4b4;
}
footer > #extraNav > ul > li > a {
	height:38px;
	line-height:38px;
	color:#666666;
	font-size:13px;
	display:block;
	border-top:1px solid #fff;
	background-image:url(../images/arrow2_right.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:11px 10px;
	padding-left:14px;
}
footer > #extraNav > ul > li:first-of-type > a {
	border-radius:5px 5px 0 0;
}
footer > #extraNav > dl {
	border:1px solid #d6d6d3;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#FFF;
	padding:15px;
	font-size:10px;
	margin-bottom:20px;
}
footer > #extraNav > dl > dd > a {
	color:#FF3333;
	text-decoration:underline;
}

footer > p#copyright {
	color:#999999;
	padding-top:10px;
	font-size:8px;
	text-align:center;
}

/*----------------------------------------------------
 index（トップページ）
----------------------------------------------------*/
#index{margin-top:100px;}
#index nav{  text-align:center; }
#index #icon{position:relative; width:320px; margin:auto;}
#index nav h1{ text-align:center; padding-top:90px; padding-bottom:100px;}
#index nav ul{}
#index nav li#n-search{ position:absolute; left:50px; top:0}
#index nav li#n-new{ position:absolute; right:50px; top:0}
#index nav li#n-contents{ position:absolute; top:85px; left:0px;}
#index nav li#n-channnel{position:absolute;  top:85px; right:0px;}
#index nav li#n-special{position:absolute;  top:170px; left:50px;}
#index nav li#n-shopnews{position:absolute;  top:170px; right:50px;}
#index dl.topic dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 6.5em;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #333333;
  text-align:left;
}

#index dl.topic dd {
	margin-bottom: 0.8em;
	margin-left: 6.5em;
	color: #333333;
	text-align:left;
}
p {
    margin-bottom: 1em;
}
h2.ran {
	font-size: 120%;
	text-shadow: 2px  2px 2px #ffffff,-2px  2px 2px #ffffff,2px -2px 2px #ffffff,-2px -2px 2px #ffffff;
	color: #EA6D99;
	background:#EEEEEE url(../images/icon_ranking.png) no-repeat 5px center;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DADADA;
	border-bottom-color: #DADADA;
	text-align:left;
	padding: 5px;
	padding-left:35px;
	margin:10px 0;
} 

/*----------------------------------------------------
 共通？
----------------------------------------------------*/
h2 {
	font-size: 120%;
	text-shadow: 2px  2px 2px #ffffff,-2px  2px 2px #ffffff,2px -2px 2px #ffffff,-2px -2px 2px #ffffff;
	color: #FF6600;
	background:#EEEEEE ;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DADADA;
	border-bottom-color: #DADADA;
	text-align:left;
	margin:10px 0;
	padding: 5px;
} 
h3{padding: 5px;margin-bottom: 10px;background:#666666; color:#FFFFFF;}


/* サムネイルつき矢印リスト */

ul.list1{
	list-style-type: none;
	margin:0; padding:0;
}
	.list1 li{
		border-bottom: 1px solid #CCC;
		height: auto;
		margin: 0px;}
	.list1 li a{
	color: #666;
	display: block;
	
	margin: 0px;
	overflow: hidden;
	padding: 0px 20px 0px 0px;
	white-space: normal;
	text-overflow: ellipsis;
	text-decoration: none;
	background-image: url(../images/list_mark1.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
	.list1 li img{
	
	margin-right:10px;
}
	.list1 li a strong{
		color:#000;
		display:block;
		font-weight:bold;}
		
ul.list2{
	list-style-type: none;
	margin:0; padding:0;
}
	.list2 li{
		border-bottom: 1px solid #CCC;
		
		margin:5px 0px;}
	.list2 li a{
	color: #666;
	display: block;
	
	margin: 0px;
	overflow: hidden;
	padding: 0px 20px 0px 0px;
	white-space: normal;
	text-overflow: ellipsis;
	text-decoration: none;
	background-image: url(../images/list_mark1.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
	.list2 li img{
	float: left;
	
	margin-right:10px;
}
	.list2 li a strong{
		color:#000;
		display:block;
		font-weight:bold;}
	.list2 li a span{
		color:#FF6600;
		display:block;
		font-weight:bold;}			
		
.ft_b01 {
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.ft_b02 {
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.pageTop a {
	font-size:14px;
	color:#FF3333;
	display:block;
	text-align:center;
}
.pageTop a span {
	background-image:url(../images/arrow3_up.png);
	background-repeat:no-repeat;
	background-size:7px 4px;
	background-position:left center;
	padding-left:15px;
}


ul.pageNav01 {
	margin: 0 0 10px;
	padding: 12px;	
	text-align: center;
} 
ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
} 
ul.pageNav01 li a {
	display: inline-block;
	padding: 1px 8px;
	background: #e6e6e6;
	border: 1px solid #e6e6e6;
	vertical-align: middle;
	text-decoration: none;
}
ul.pageNav01 li.non a {
	display: inline-block;
	padding: 1px 8px;
	background: #ffffff;
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-decoration: none;
}
ul.pageNav01 li span{
	display: inline-block;
	padding: 1px 8px;
	background: #ffffff;
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-decoration: none;
}
ul.pageNav01 li a:hover {
	background: #efefef;
}


#fnavi{ margin:20px 0;}
#fnavi ul{ list-style:none; margin:0; padding:0;}
#fnavi .f01 li{border-bottom:1px solid #FF8984;border-top:1px solid #FF3333;background: -webkit-gradient(linear, left top, left bottom, from(#FF5D5D), to(#FF8984));  text-align:center;width:50%; float:left;}
#fnavi .f01 li a{ border-left:1px solid #FF3333;border-right:1px solid #FF8984;display:block; padding:10px 0;}

#fnavi .f02{ font-size:12px; font-weight:bold;}
#fnavi .f02 li{border-bottom:1px solid #FF8984;border-top:1px solid #FF3333;background: -webkit-gradient(linear, left top, left bottom, from(#FF5D5D), to(#FF8984));  text-align:center;width:33%; float:left; }
#fnavi .f02 li.st1{ width:34%;}
#fnavi .f02 li a{ border-left:1px solid #FF3333;border-right:1px solid #FF8984;padding:10px 0;display:block;color:#FFFFFF;text-shadow: 2px 2px 1px rgba(241, 89,89, 1);}
#fnavi li a:hover{ background:#FF3333}
#fnavi li.on{ background:#FF3333}

#fnavi .f03{ font-size:11px; font-weight:bold;}
#fnavi .f03 li{border-bottom:1px solid #FF8984;border-top:1px solid #FF3333;background: -webkit-gradient(linear, left top, left bottom, from(#FF5D5D), to(#FF8984));  text-align:center;width:25%; float:left; }

#fnavi .f03 li a{ border-left:1px solid #FF3333;border-right:1px solid #FF8984;padding:10px 0;display:block;color:#FFFFFF;text-shadow: 2px 2px 1px rgba(241, 89,89, 1);}
#fnavi .f03 li a:hover{ background:#FF3333}
#fnavi .f03 li.on{ background:#FF3333}




#FootNav {
margin:10px;
}
#FootNav ul{ list-style:none; margin:0; padding:0;}
#FootNav ul > li:first-of-type {
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	
}
#FootNav  ul > li:last-of-type {
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-bottom:1px solid #FF5D5D;
}

#FootNav ul > li {
	border-top:1px solid #FF5D5D;
	background-color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FFF3F3));
	background:-webkit-linear-gradient(-90deg, #ffffff, #FFF3F3);
	background:linear-gradient(-90deg, #ffffff, #FFF3F3);
	border-top:1px solid #FF5D5D;
	border-right:1px solid #FF5D5D;
	border-left:1px solid #FF5D5D;
}
#FootNav ul> li > a {
	height:38px;
	line-height:38px;
	color:#FF3333;
	font-size:13px;
	display:block;
	border-top:1px solid #fff;
	background-image:url(../images/arrow3_right.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:11px 10px;
	padding-left:14px;
}
#FootNav ul > li:first-of-type > a {
	border-radius:5px 5px 0 0;
}

/*2012.7.6追加*/
.pharea{float: left;margin-right:10px;text-align:center; overflow:hidden; min-height:70px; vertical-align:middle}
.pharea2{float: left;margin-right:10px;text-align:center; overflow:hidden; min-height:90px; vertical-align:middle}

/*2012.8.6追加*/
#freearea2 img {
max-width: 100%;
height: auto;
 }
#freearea2 table{ width: 100%;}