@charset "utf-8";

/*--------------------------------------------------------
	ファイル名: base.css
	概要: ベース(#headerArea,#footerArea)
	制作日: 2009/09/18
	更新日: 2010/03/16

目次
	1-要素の再定義
	2-ヘッダエリア：#headerArea(.ha*)
	4-フッタエリア：#footerArea
----------------------------------------------------------*/


/*--------------------------------------------------------
 1-要素の再定義
----------------------------------------------------------*/
body {
	line-height: 1.3;
}

a {
	color: #2461aa;
}

/*--------------------------------------------------------
 3-フッタエリア #footerArea
----------------------------------------------------------*/
/*フッタナビ
------------------------------------*/
div#footerArea ul {
	height:32px;
	margin: 0 1px;
	padding: 1px 0 1px 213px;
	border-top: 4px solid #66cc66;
	border-bottom: 4px solid #66cc66;
	text-align: center;
}

div#footerArea ul li {
	display: inline;
}

div#footerArea ul li a { /*display:inlineでできる隙間を外す*/
	float: left;
}


/*コピーライト
------------------------------------*/
div#footerArea address {
	margin: 0 10px 10px 10px;
	padding: 5px;
	text-align: center;
	font-size: 77%;
	border-top: 1px dotted #999;
}


/* ClearFix start */
.clearFix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearFix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearFix { height: 1% }
.clearFix {display:block;}
/* end MacIE5 */
/* ClearFix end */


/* -------------------------------------------------------------------------------
   #container
------------------------------------------------------------------------------- */
#container {
	margin:12px auto 0px;
	padding:0px;
	width: 980px;
	background:#fff;
}


/* -------------------------------------------------------------------------------
   #header
------------------------------------------------------------------------------- */
#header {
	display: block;
	margin:0px;
	padding:0px 14px;
	height:135px;
}

#logo{
	float: left;
	width: 205px;
	margin-top:15px;
}
	
#logo img{
	margin: 0 0 5px 0;
}
	
	
h1 {
	float: left;
	padding: 0;
	margin:15px 0 0;
	width: 260px;
	font-size: 90%;
	font-weight: normal;
	color: #666;
	line-height: 1.5;
}
	
#header ul {
	float: right;
	margin:2px 0px 0px;
	padding: 0;
}
		
#header ul li {
	display:inline;
	margin: 0;
	padding: 5px 10px;
	font-size: 85%;
	line-height: 1;
	border-right:1px solid #ccc;
}
		
#header ul li#corner-left {
}
		
#header ul li#corner-right {
	border-right:none;
}
			
#header-banner {
	clear: both;
	margin: 0;
	padding: 0;
	text-align:right;
}
	
#header-banner img{
	margin-left: 10px;
}

/* -------------------------------------------------------------------------------
   #include5
------------------------------------------------------------------------------- */
#include5 {
	width: 480px;
	clear: right;
	float: right;
	margin:15px 0 0;
	padding: 0;
	text-align:right;
}

/* -------------------------------------------------------------------------------
   #include1
------------------------------------------------------------------------------- */
#include1 {
	border: 1px solid #dfdfdf;
	margin: 10px auto;
	width:960px;
}

#include1 div {
	border: 2px solid #fff;
	background: #d5e7f1 url(../cms_template_images/header-menu_bg.gif) repeat-x;
}
	
#include1 div ul {
	margin: 10px 20px;
}

#include1 div ul li {
	display: inline;
	margin: 0;
	padding: 0 5px;
	line-height: 1.2;
	border-right: 1px solid #000066;
}


/* -------------------------------------------------------------------------------
   #include2
------------------------------------------------------------------------------- */
#include2 {
	position: relative;
	margin: 0px auto;
	width:960px;
}

/* -------------------------------------------------------------------------------
   #include6
------------------------------------------------------------------------------- */

#include6 {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 180px;
	height:150px;
	background:#FFF;
}


/* -------------------------------------------------------------------------------
   #include3
------------------------------------------------------------------------------- */
#include3 {
	margin: 0px auto;
	padding: 0;
	width: 960px;
}


/* -------------------------------------------------------------------------------
   #include4
------------------------------------------------------------------------------- */
#include4 {
	border: 1px solid #dfdfdf;
	margin: 10px auto;
	width:960px;
	clear:both;
}

#include4 div {
	border: 2px solid #fff;
	background: #d5e7f1 url(../cms_template_images/header-menu_bg.gif) repeat-x;
}
	
#include4 div ul {
	margin: 10px 20px;
}

#include4 div ul li {
	display: inline;
	margin: 0;
	padding: 0 8px;
	line-height: 1.2;
	border-right: 1px solid #000066;
}

/* -------------------------------------------------------------------------------
   #contents
------------------------------------------------------------------------------- */

#contents {
	clear:both;
	margin: 0;
	padding:10px;
	text-align:justify;
	background:#fff url(../cms_template_images/contents-bottom_bg.gif) center bottom no-repeat;
}

/* 大カテゴリ（左メニュー） */

#sidemenu {
	float:right;
	margin: 0;
	padding: 0;
	width: 200px;
	text-align:justify;
}

#category dl {
	margin: 0 0 10px;
	padding:0;
}
	
#category dt {
	margin: 0;
	padding:8px 0 7px 10px;
	font-weight: bold;
	color: #fff;
	background: url(../cms_template_images/side_h3_bg.gif) left top no-repeat;
}
			
#category dd  {
	margin: 0;
	padding: 0;
}

#date-menu ul{
	margin-bottom:10px;
	padding-bottom:5px;
}
					
#date-menu li {
	line-height: 1.2;
	list-style: none;
	margin:2px 0px;
	border:1px solid #ccc;
}
					
#date-menu li a {
	display:block;
	padding:5px 5px 5px 20px;
	margin:0px;
	text-decoration:none;
	background: url(../cms_template_images/icon01.gif) 5px center no-repeat;
}
					
#date-menu li a:hover {
	display:block;
	text-decoration:none;
	color:#EB4B4B;
	background: #f4f4f4 url(../cms_template_images/icon01.gif) 5px center no-repeat;
}


/* TOPコンテンツ */
#topcontents {
	float:left;
	width: 740px;
	margin: 0;
}

#topcontents h2 {
	margin: 10px 0 0;
	height: 30px;
	font-size: 120%;
	color: #fff;
	line-height: 2;
	text-indent: 10px;
	background: url(../cms_template_images/h2_bg.gif) left top no-repeat
}
	
#topcontents h2 span {
	padding: 5px 0 5px 15px;
	color:#fff;
}
	
#topcontents h3 {
	margin: 10px;
	padding-left: 10px;
	font-weight: normal;
	border-left: 5px solid #6600FF;
}
	
#topcontents div.article {
	margin: 0 0 25px;
	padding: 10px;
	border: 1px solid #adadad;
}
	
#topcontents div.article ul li a {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../cms_template_images/icon-arrow_blue.gif) left no-repeat;
}
					
#topcontents div.article ul li a:hover {
	background: url(../cms_template_images/icon-arrow_red.gif) left no-repeat;
}

#topcontents p,
#topcontents img{
	margin: 10px;
}
	
.campaign-space { text-align: center;}


/* ----------
  ランキング 10/01/24
------------- */
#ranking {
	float: left;
	width: 740px;
	margin: 0;
}

/* Ranking-タイトル */
#rank-title {
	margin: 0;
}

#rank-title img{
	margin: 0;
}

/* Ranking-サブタイトル */
#rank-subtitle {
	margin: 0;
}

#rank-subtitle img{
	margin: 0;
}

#rank-subtitle p.rs-text{
	margin: 10px;
}

/* Ranking-オススメ */
#rank-recommend {
	width: 740px;
	height: 220px;
	background: url(../cms_ranking_images/recommend-bg.jpg) no-repeat;
}

#rank-recommend-pic {
	width: 270px;
	height: 190px;
	float: left;
	background:#FFF;
	margin: 15px 0 0 20px;
}

#rank-recommend-pic img{
	margin: 0;
}

#rank-recommend-text {
	width: 320px;
	height: 190px;
	float: left;
	margin: 15px 0 0 10px;
	padding: 0;
}

#rank-recommend-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-recommend-text-01 {
	font-size: 100%;
	font-weight:bold;
}

#rank-recommend-text-02 {
	font-size: 140%;
	font-weight:bold;
	color: #03C;
}

#rank-recommend-text-03 {
	font-size: 110%;
	font-weight:bold;
	color: #C00;
}

#rank-recommend-text-04 {
	font-size: 90%;
	line-height: 160%;
	font-weight:bold;
	color: #333;
}

#rank-recommend-link {
	font-size: 110%;
	font-weight:bold;
}

#rank-recommend-link img {
	margin: 0;
}

/* Ranking-1位 */
#rank-01 {
	width: 740px;
	height: 245px;
	margin-top: 10px;
	background: url(../cms_ranking_images/ranking1-bg.jpg) no-repeat;
}

#rank-01-pic {
	width: 270px;
	height: 210px;
	float: left;
	background:#FFF;
	margin: 15px 0 0 20px;
}

#rank-01-pic img{
	margin: 0;
}

#rank-01-text {
	width: 320px;
	height: 210px;
	float: left;
	margin: 15px 0 0 10px;
	padding: 0;
}

#rank-01-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-01-text-01 {
	font-size: 100%;
	font-weight:bold;
}

#rank-01-text-02 {
	font-size: 140%;
	font-weight:bold;
	color: #03C;
}

#rank-01-text-03 {
	font-size: 110%;
	font-weight:bold;
	color: #C00;
}

#rank-01-text-04 {
	font-size: 90%;
	line-height: 160%;
	font-weight:bold;
	color: #333;
}

#rank-01-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-01-link img {
	margin: 0;
}

/* Ranking-2位 */
#rank-02 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	background: url(../cms_ranking_images/ranking2-bg.jpg) no-repeat;
}

#rank-02-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-02-text-title p {
	width: 100%;
	margin: 0;
}

#rank-02-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-02-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-02-pic img{
	margin: 0;
}

#rank-02-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-02-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-02-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-02-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-02-link img {
	margin: 0;
}


/* Ranking-3位 */
#rank-03 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../cms_ranking_images/ranking3-bg.jpg) no-repeat;
}

#rank-03-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-03-text-title p {
	width: 100%;
	margin: 0;
}

#rank-03-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-03-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-03-pic img{
	margin: 0;
}

#rank-03-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-03-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-03-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-03-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-03-link img {
	margin: 0;
}


/* Ranking-4位 */
#rank-04 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../cms_ranking_images/ranking4-bg.jpg) no-repeat;
}

#rank-04-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-04-text-title p {
	width: 100%;
	margin: 0;
}

#rank-04-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-04-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-04-pic img{
	margin: 0;
}

#rank-04-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-04-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-04-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-04-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-04-link img {
	margin: 0;
}

/* Ranking-5位 */
#rank-05 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	background: url(../cms_ranking_images/ranking5-bg.jpg) no-repeat;
}

#rank-05-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-05-text-title p {
	width: 100%;
	margin: 0;
}

#rank-05-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-05-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-05-pic img{
	margin: 0;
}

#rank-05-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-05-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-05-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-05-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-05-link img {
	margin: 0;
}

/* Ranking-6位 */
#rank-06 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../cms_ranking_images/ranking6-bg.jpg) no-repeat;
}

#rank-06-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-06-text-title p {
	width: 100%;
	margin: 0;
}

#rank-06-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-06-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-06-pic img{
	margin: 0;
}

#rank-06-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-06-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-06-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-06-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-06-link img {
	margin: 0;
}

/* Ranking-7位 */
#rank-07 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../cms_ranking_images/ranking7-bg.jpg) no-repeat;
}

#rank-07-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-07-text-title p {
	width: 100%;
	margin: 0;
}

#rank-07-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-07-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-07-pic img{
	margin: 0;
}

#rank-07-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-07-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-07-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-07-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-07-link img {
	margin: 0;
}

/* Ranking-8位 */
#rank-08 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	background: url(../cms_ranking_images/ranking8-bg.jpg) no-repeat;
}

#rank-08-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-08-text-title p {
	width: 100%;
	margin: 0;
}

#rank-08-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-08-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-08-pic img{
	margin: 0;
}

#rank-08-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-08-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-08-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-08-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-08-link img {
	margin: 0;
}

/* Ranking-9位 */
#rank-09 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../cms_ranking_images/ranking9-bg.jpg) no-repeat;
}

#rank-09-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-09-text-title p {
	width: 100%;
	margin: 0;
}

#rank-09-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-09-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-09-pic img{
	margin: 0;
}

#rank-09-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-09-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-09-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-09-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-09-link img {
	margin: 0;
}

/* Ranking-10位 */
#rank-10 {
	width: 240px;
	height: 260px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../cms_ranking_images/ranking10-bg.jpg) no-repeat;
}

#rank-10-text-title {
	width: 155px;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

#rank-10-text-title p {
	width: 100%;
	margin: 0;
}

#rank-10-text-01 {
	font-size: 120%;
	font-weight:bold;
	color: #03C;
}

#rank-10-pic {
	width: 155px;
	height: 100px;
	float: left;
	background:#FFF;
	margin: 0 0 0 15px;
}

#rank-10-pic img{
	margin: 0;
}

#rank-10-text {
	width: 210px;
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
}

#rank-10-text p {
	width: 100%;
	margin: 0 0 5px 0;
}

#rank-10-text-02 {
	font-size: 90%;
	line-height: 120%;
	color: #333;
}

#rank-10-link {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}

#rank-10-link img {
	margin: 0;
}



/* -------------------------------------------------------------------------------
   #footer
------------------------------------------------------------------------------- */
#footer {
	clear:both;
	margin: 0 auto;
	padding: 0;
	font-size: 85%;
	color:#fff;
	background:url(../cms_template_images/footer_bg.gif) left bottom repeat-x;
}

p#copyright  {
	margin: 0;
	padding: 20px 0 20px;
	text-align: center;
	line-height: 1;
}
		

/* -------------------------------------------------------------------------------
   #ClearFix
------------------------------------------------------------------------------- */
.clearFix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearFix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearFix { height: 1% }
.clearFix {display:block;}
/* end MacIE5 */
/* ClearFix end */