@charset "utf-8";
/* CSS Document */

/*�ύX�Ȃ�start -------------------------------------------------------------*/

/******************************************************************************
common
******************************************************************************/

body{
	color:#262626;
	font-family:sans-serif;
	background:#faf4df;
	margin:0;
	padding:0;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
	
a:link{
	color:#231815;
	text-decoration:underline;
}
	
a:visited{
	color:#231815;
	text-decoration:underline;
}
	
a:active,
a:hover{
	text-decoration:none;	
}

/*#all{
	height:100%;
	margin:0;
	padding:0;
	min-width:960px;
}*/

/*******************************************************************************
class
*******************************************************************************/

/* float
-----------------------------------------------------------------------------*/

.f-left{float:left !important;}
.f-right{float:right !important;}

/* align
-----------------------------------------------------------------------------*/

.al-left{text-align:left !important;}
.al-right{text-align:right !important;}
.al-center{text-align:center !important;}
	
/* color
-----------------------------------------------------------------------------*/

.cl-red{color:#bb0000 !important;}
.cl-blue{color:#0000bb !important;}
.cl-green{color:#00bb00 !important;}
.cl-purple{color:#660099 !important;}
.cl-yellow{color:#bbcc00 !important;}

/* etc
-----------------------------------------------------------------------------*/

.fade{ /* fade rollover */}
.imgover{ /*rollover.js*/ }
.rollover-set{ /*rollover.js*/ }
.bg-none{ background:none !important; }
.relative{ position:relative; }

/* radius
-----------------------------------------------------------------------------*/

.radius{
	position:relative;
	border-radius:6px;
}

.msie6 .radius,
.msie7 .radius,
.msie8 .radius{
	behavior: url(/javascript/another/PIE.htc);
}

/* margin
-----------------------------------------------------------------------------*/

.mb-0{margin:0!important;}
.mb-5{margin:0 0 5px 0 !important;}
.mb-10{margin:0 0 10px 0 !important;}
.mb-15{margin:0 0 15px 0 !important;}
.mb-20{margin:0 0 20px 0 !important;}
.mb-25{margin:0 0 25px 0 !important;}
.mb-30{margin:0 0 30px 0 !important;}
.mb-35{margin:0 0 35px 0 !important;}
.mb-40{margin:0 0 40px 0 !important;}

/* font
-----------------------------------------------------------------------------*/

.font-08{font-size:0.8em !important;}
.font-09{font-size:0.9em !important;}
.font-10{font-size:1.0em !important;}
.font-11{font-size:1.1em !important;}
.font-12{font-size:1.2em !important;}
.font-13{font-size:1.3em !important;}
.font-14{font-size:1.4em !important;}
.font-15{font-size:1.5em !important;}
.font-16{font-size:1.6em !important;}
.font-18{font-size:1.8em !important;}
.font-20{font-size:2.0em !important;}

/* hide-html
-----------------------------------------------------------------------------*/

.hide-html{
	display:none !important;
}

/* title
-----------------------------------------------------------------------------*/

.title-01{
	position: relative;
	height:54px;
	margin:0 0 5px 0;
}

.title-01 h2{
	position: absolute;
	left:-10px;
	top:0;
}

/* button
-----------------------------------------------------------------------------*/

.bt-list{
	text-align:right;
}

.bt-list a{
	display:inline-block;
	color:#fff !important;
	padding:5px 10px;
	background:#222 center no-repeat;
	font-weight:bold;
	text-decoration:none;
	border-radius:4px;
}

.msie7 .bt-list a,
.msie6 .bt-list a{
	display:inline;
	zoom:1;
}

.bt-list a:hover{
	background:#d53e1b;
}

/******************************************************************************
noscript
******************************************************************************/

#error{
	background:#ff0000;
	text-align:center;
	color:#fff;
	padding:10px;
	position:fixed;
	bottom:0;
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	display:block;
}

*html #error{
	position:absolute;
	top:0;
}






/* .box-weather
-----------------------------------------------------------------------------*/

.box-weather{
	background:#fff;
	padding:3px 10px;
	height:54px;
	float:right;
	width:135px;
	border-radius:6px;
	position:relative;
}

.msie6 .box-weather,
.msie7 .box-weather,
.msie8 .box-weather{
	behavior: url(../../../../javascript/another/PIE.htc);
}

.box-weather{
	position: relative;
}

.box-weather dl{
	font-size:1.2em;
}

.box-weather dl strong{
	font-size:1.3em;
	font-family: "Times New Roman", Times, serif;
}

.box-weather dl dt,
.box-weather dl dd{
	float:left;
}

.box-weather dl dt{
	font-weight:bold;
}

.box-weather dl.icon dt{
	padding:5px 10px 0 0;
	font-size:12px;
}

.box-weather dl.date{
	position: absolute;
	top:34px;
	left:10px;
	z-index: 9999;
}

.box-weather dl.date dd{
	padding:2px 0 0 0;
}

.box-weather .bt-week{
	position: absolute;
	right:10px;
	bottom:-16px;
	width: 73px;
	height: 16px;
}

/******************************************************************************
content-area
******************************************************************************/

#contents-area{
	width:980px;
	margin:0 auto;
	padding:25px 0 20px 0;
	line-height:1.5;
}

/******************************************************************************
side
******************************************************************************/
#side{
	width:190px;
	float:left;
	font-size:1.2em;
	line-height:1.5;
}
#side-top{
	width:240px;
	float:left;
	font-size:1.2em;
	line-height:1.5;
}

#side h3,
#side-top h3{
	margin:0 0 3px 0;
}

#side ul{
	margin:0;
}
#side-top ul{
	margin:0 0 20px 0;
}

#side li,
#side-top li{
	list-style:none inside;
	zoom:1;
	margin-bottom:5px;
}

#side li.dot,
#side-top li.dot{
	background: url(../../../../resource/image/another/contents/dot-1.gif) left bottom repeat-x;
}

/*#side li.indent{
	padding:0 0 0 16px;
}*/

#side li a,
#side-top li a{
	display:block;
	padding:7px 0;
	text-decoration:underline;
}
#side li a:hover,
#side-top li a:hover{
	text-decoration:none;
	color:#BF0028;
}

#side li a.blank,
#side-top li a.blank{
	background: url(../../../../resource/image/another/contents/ic-blank.gif) left 0.95em no-repeat;
	padding:7px 0 7px 18px;
}
#side li a.no-blank,
#side-top li a.no-blank{
	padding:7px 0 7px 18px;
}

#side .ordered-list{
	margin:0 0 20px 0;
}

#side .ordered-list li a{
	background-repeat: no-repeat;
	background-position:left center;
	padding:7px 0 7px 25px;
}

#side .ordered-list .num-1 a{ background-image: url(../../../../resource/image/another/side/rank-1.gif); }
#side .ordered-list .num-2 a{ background-image: url(../../../../resource/image/another/side/rank-2.gif); }
#side .ordered-list .num-3 a{ background-image: url(../../../../resource/image/another/side/rank-3.gif); }
#side .ordered-list .num-4 a{ background-image: url(../../../../resource/image/another/side/rank-4.gif); }
#side .ordered-list .num-5 a{ background-image: url(../../../../resource/image/another/side/rank-5.gif); }

/******************************************************************************
cont
******************************************************************************/
@media screen and (min-width: 980px) {
#cont{
	width:770px;
	float:right;
	padding:0 0 20px 0;
}

#right_column{
	font-size:12pt;
	line-height:1.5;
	margin:0 !important;
}
}
@media screen and (max-width: 979px){
#cont{
	width:100%;
	float:none;
	padding:0 0 20px 0;
}
}
/******************************************************************************
banner-area
******************************************************************************/

#banner-area{
	/*width:100% !important;*/
	height:64px;
	margin:0 20px;
	padding:0 15px 20px 15px;
	clear:both;
	position:relative;
	overflow:hidden;
	background:#faf4df;
}
#banner-area ul{
	width:100%;
}

#banner-area .recontents_bnr{
	margin:0 !important;
}

.jcarousel-skin-tango .jcarousel-clip{
}

.jcarousel-prev{
	background-image: url(../../../../resource/image/another/footer/bt-prev.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0;
	width:12px;
	height:64px;
	display:block;
	z-index:9999;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-next{
	background-image: url(../../../../resource/image/another/footer/bt-next.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	top:0;
	width:12px;
	height:64px;
	display:block;
	z-index:9998;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-next a{
	z-index:9999;
}

.jcarousel-prev:hover,
.jcarousel-next:hover{
	background-position:-12px 0;
}

#banner-area ul{
	height:64px;
	overflow:hidden;
}

#banner-area li{
	width:159px;
	float:left;
	height:64px;
	zoom:1;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

#banner-area ul img{
	width:154px;
	height:64px;
}

/******************************************************************************
banner-area2   �������߃R���e���c
******************************************************************************/
#banner-area2{
	width:100%;
	padding:0 20px;
	background:#faf4df;
}
#banner-area2 h2{
	margin-bottom:20px;
}
#banner-area2 table{
	border-collapse: collapse;
	border:none;
	width:100%;
}
#banner-area2 table td {
	text-align: left;
	vertical-align: middle;
	width:33%;
	padding-left:8px;
	padding-bottom:3px;
}
#banner-area2 table td.f01 {
	padding-left:0;
}
#banner-area2 a:hover img{
	filter:alpha(opacity=80) !important;
	-ms-filter: "alpha(opacity=80)" !important;
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/******************************************************************************
ad-area  �L���o�i�[
******************************************************************************/

#ad-area{
	background: url(../../../../resource/image/another/contents/bg-ad.gif) repeat;
	padding:40px 20px 30px;
	/*background:#faf4df;*/
	width:100%;
}

#ad-area .wrap-in{
	width:100%;
	margin:0 auto;
	position: relative;
}

#ad-area ul{
	padding:0 0 0 60px;
	width:100%;
}

#ad-area h3{
	position: absolute;
	left:0;
	top:0;
}

#ad-area li{
	float:left;
	margin:0 0 5px 5px;
	font-size:0;
	line-height:0;
	vertical-align: bottom;
	width:100%;
	max-width:300px;
}


#ad-area li.clear{
	margin:0 0 5px 5px;
}

/******************************************************************************
footer
******************************************************************************/

#footer{
	background:#222;
	color:#fff;
	padding:40px 10px;
	font-size:1.2em;
	line-height:1.7;
	clear:both;
}

#footer a{
	color:#fff;
}

#footer .wrap-in{
	width:100%;
	margin:0 auto;
}

#footer .column{
	float:left;
}

#footer h4{
	font-size:1.2em;
	margin:0 0 3px 0;
}

#footer h5{
	background: ;
}

#footer ul{
	margin:0 0 20px 0;
}

#footer .column{
	padding:10px 20px 20px 0;
	margin:0 0 30px 0;
	border-right:1px solid #444;
	width:23%;  /*width:214px;*/
	zoom:1;
}

#footer .column.last{
	margin:0;
	padding:0;
	border:0;
}

#footer .column li a{
	background: url(../../../../resource/image/another/footer/arrow.gif) left 5px no-repeat;
	padding:0 0 0 15px;
	display:inline-block;
}

#footer .column li a.blank{
	background: url(../../../../resource/image/another/footer/ic-blank.gif) left 5px no-repeat;
}

#footer .column li a.pdf{
	background: url(../../../../resource/image/another/footer/ic-pdf.gif) left 3px no-repeat;
	padding:0 0 0 22px;
}


#footer .column li.indent{
	padding:0 0 0 15px;
}

#footer .column li.indent a{
	background: url(../../../../resource/image/another/footer/list.gif) left center no-repeat;
	padding:0 0 0 10px;
}

#footer .box-address{
	clear:both;
	border-top:1px solid #444;
	padding:30px 0 0 0;
	zoom:1;
}



#footer .column li.indentNomal{
	padding:0 0 0 15px;
}

#footer .column li.listDisc{
	background: url(../../../../resource/image/another/footer/list.gif) left center no-repeat;
	padding:0 0 0 10px;
	margin:0 0 0 1em;
}

#footer .column li.bold{
	font-weight:bold;
}


/*　すべてのデザイン　finish -------------------------------------------------------------*/



@media screen and (min-width: 980px) {

/*IE7�ȉ��p�� content.css �ɂ�R�s�[���ċL�q*/

/******************************************************************************
common
******************************************************************************/

body{
	color:#262626;
	font-family:sans-serif;
	background:#faf4df;
	margin:0;
	padding:0;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
	
a:link{
	color:#231815;
	text-decoration:underline;
}
	
a:visited{
	color:#231815;
	text-decoration:underline;
}
	
a:active,
a:hover{
	text-decoration:none;	
}

/*#all{
	height:100%;
	margin:0;
	padding:0;
	min-width:960px;
}*/

/*******************************************************************************
class
*******************************************************************************/

/* float
-----------------------------------------------------------------------------*/

.f-left{float:left !important;}
.f-right{float:right !important;}

/* align
-----------------------------------------------------------------------------*/

.al-left{text-align:left !important;}
.al-right{text-align:right !important;}
.al-center{text-align:center !important;}
	
/* color
-----------------------------------------------------------------------------*/

.cl-red{color:#bb0000 !important;}
.cl-blue{color:#0000bb !important;}
.cl-green{color:#00bb00 !important;}
.cl-purple{color:#660099 !important;}
.cl-yellow{color:#bbcc00 !important;}

/* etc
-----------------------------------------------------------------------------*/

.fade{ /* fade rollover */}
.imgover{ /*rollover.js*/ }
.rollover-set{ /*rollover.js*/ }
.bg-none{ background:none !important; }
.relative{ position:relative; }

/* radius
-----------------------------------------------------------------------------*/

.radius{
	position:relative;
	border-radius:6px;
}

.msie6 .radius,
.msie7 .radius,
.msie8 .radius{
	behavior: url(/javascript/another/PIE.htc);
}

/* margin
-----------------------------------------------------------------------------*/

.mb-0{margin:0!important;}
.mb-5{margin:0 0 5px 0 !important;}
.mb-10{margin:0 0 10px 0 !important;}
.mb-15{margin:0 0 15px 0 !important;}
.mb-20{margin:0 0 20px 0 !important;}
.mb-25{margin:0 0 25px 0 !important;}
.mb-30{margin:0 0 30px 0 !important;}
.mb-35{margin:0 0 35px 0 !important;}
.mb-40{margin:0 0 40px 0 !important;}

/* font
-----------------------------------------------------------------------------*/

.font-08{font-size:0.8em !important;}
.font-09{font-size:0.9em !important;}
.font-10{font-size:1.0em !important;}
.font-11{font-size:1.1em !important;}
.font-12{font-size:1.2em !important;}
.font-13{font-size:1.3em !important;}
.font-14{font-size:1.4em !important;}
.font-15{font-size:1.5em !important;}
.font-16{font-size:1.6em !important;}
.font-18{font-size:1.8em !important;}
.font-20{font-size:2.0em !important;}

/* hide-html
-----------------------------------------------------------------------------*/

.hide-html{
	display:none !important;
}

/* title
-----------------------------------------------------------------------------*/

.title-01{
	position: relative;
	height:54px;
	margin:0 0 10px 0;
}

.title-01 h2{
	position: absolute;
	left:-10px;
	top:0;
}

/* button
-----------------------------------------------------------------------------*/

.bt-list{
	text-align:right;
}

.bt-list a{
	display:inline-block;
	color:#fff !important;
	padding:5px 10px;
	background:#222 center no-repeat;
	font-weight:bold;
	text-decoration:none;
	border-radius:4px;
}

.msie7 .bt-list a,
.msie6 .bt-list a{
	display:inline;
	zoom:1;
}

.bt-list a:hover{
	background:#d53e1b;
}

/******************************************************************************
noscript
******************************************************************************/

#error{
	background:#ff0000;
	text-align:center;
	color:#fff;
	padding:10px;
	position:fixed;
	bottom:0;


	width:100%;
	font-size:1.2em;
	font-weight:bold;
	display:block;
}

*html #error{
	position:absolute;
	top:0;
}

/******************************************************************************
#header
******************************************************************************/

#header{
	width:980px;
	margin:0 auto;
	padding:20px 0;
	position: relative;
	line-height:1.5;
}

#header .lang-list{
	position: absolute;
	top:0;
	right:0;
}

#header .lang-list li{
	float:left;
	margin:0 0 0 1px;
}

#header .social-list{
	position: absolute;
	right:365px;
	bottom:20px;
}

#header .social-list li{
	float:left;
	margin:0 0 0 15px;
}

#header .social-list li.first{
	margin:0;
}

.msie6 #header .social-list li.last,
.msie7 #header .social-list li.last{
	display:none;
}

#header .site-search{
	position: absolute;
	right:0;
	bottom:20px;
	width:345px;
}

#header .site-search form{
	position: relative;
	height:100%;
}

#header .site-search .text{
	background:#fff;
	border-radius:6px;
	height:31px;
	width:218px;
	border:1px solid #e5dfc9;
	position:relative;
}

.msie6 #header .site-search .text,
.msie7 #header .site-search .text,
.msie8 #header .site-search .text{
	behavior: url(/javascript/another/PIE.htc);
}

#header .site-search .text input{
	padding:7px;
	width:200px;
	border:0;
	outline:0;
	background:none;
	color:#969696;
}

#header .site-search .bt-search{
	position: absolute;
	right:0;
	top:0;
}

/******************************************************************************
global
******************************************************************************/

.inside .main-area{
	background: url(../../../../resource/image/another/header/bg-main.gif) repeat;
	padding:20px 0 0 0;
}

.inside .main-area .wrap-in{
	width:980px;
	margin:0 auto;
}

#global{
	margin:0 0 20px 0;
	position: relative;
}

#global ul{
	float:left;
}

#global li{
	float:left;
	margin:0 1px 0 0;
	font-size:0;
	line-height:0;
	vertical-align:middle;
}

#global li.last{
	margin:0;
}

/* .box-weather
-----------------------------------------------------------------------------*/

.box-weather{
	background:#fff;
	padding:3px 10px;
	height:54px;
	float:right;
	width:135px;
	border-radius:6px;
	position:relative;
}

.msie6 .box-weather,
.msie7 .box-weather,
.msie8 .box-weather{
	behavior: url(/javascript/another/PIE.htc);
}

.box-weather{
	position: relative;
}

.box-weather dl{
	font-size:1.2em;
}

.box-weather dl strong{
	font-size:1.3em;
	font-family: "Times New Roman", Times, serif;
}

.box-weather dl dt,
.box-weather dl dd{
	float:left;
}

.box-weather dl dt{
	font-weight:bold;
}

.box-weather dl.icon dt{
	padding:5px 10px 0 0;
	font-size:12px;
}

.box-weather dl.date{
	position: absolute;
	top:34px;
	left:10px;
	z-index: 9999;
}

.box-weather dl.date dd{
	padding:2px 0 0 0;
}

.box-weather .bt-week{
	position: absolute;
	right:10px;
	bottom:-16px;
	width: 73px;
	height: 16px;
}

/******************************************************************************
content-area
******************************************************************************/

#contents-area{
	width:980px;
	margin:0 auto;
	padding:25px 0 20px 0;
	line-height:1.5;
}

/******************************************************************************
side
******************************************************************************/
#side{
	width:190px;
	float:left;
	font-size:1.2em;
	line-height:1.5;
}
#side-top{
	width:240px;
	float:left;
	font-size:1.2em;
	line-height:1.5;
}

#side h3,
#side-top h3{
	margin:0 0 3px 0;
}

#side ul{
	margin:0;
}
#side-top ul{
	margin:0 0 20px 0;
}

#side li,
#side-top li{
	list-style:none inside;
	zoom:1;
	margin-bottom:5px;
}

#side li a:hover img,
#side-top li a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

#side li.dot,
#side-top li.dot{
	background: url(../../../../resource/image/another/contents/dot-1.gif) left bottom repeat-x;
}

/*#side li.indent{
	padding:0 0 0 16px;
}*/

#side li a,
#side-top li a{
	display:block;
	padding:7px 0;
	text-decoration:underline;
}
#side li a:hover,
#side-top li a:hover{
	text-decoration:none;
	color:#BF0028;
}

#side li a.blank,
#side-top li a.blank{
	background: url(../../../../resource/image/another/contents/ic-blank.gif) left 0.95em no-repeat;
	padding:7px 0 7px 18px;
}
#side li a.no-blank,
#side-top li a.no-blank{
	padding:7px 0 7px 18px;
}

#side .ordered-list{
	margin:0 0 20px 0;
}

#side .ordered-list li a{
	background-repeat: no-repeat;
	background-position:left center;
	padding:7px 0 7px 25px;
}

#side .ordered-list .num-1 a{ background-image: url(../../../../resource/image/another/side/rank-1.gif); }
#side .ordered-list .num-2 a{ background-image: url(../../../../resource/image/another/side/rank-2.gif); }
#side .ordered-list .num-3 a{ background-image: url(../../../../resource/image/another/side/rank-3.gif); }
#side .ordered-list .num-4 a{ background-image: url(../../../../resource/image/another/side/rank-4.gif); }
#side .ordered-list .num-5 a{ background-image: url(../../../../resource/image/another/side/rank-5.gif); }

/******************************************************************************
cont
******************************************************************************/

#cont{
	width:770px;
	float:right;
	padding:0 0 20px 0;
}

#right_column{
	font-size:12pt;
	line-height:1.5;
	margin:0 !important;
}

/******************************************************************************
banner-area
******************************************************************************/

#banner-area{
	width:950px !important;
	height:64px;
	margin:0 auto;
	padding:0 15px 20px 15px;
	clear:both;
	position:relative;
	overflow:hidden;
}

#banner-area ul{
	width:980px;
}

#banner-area .recontents_bnr{
	margin:0 !important;
}

.jcarousel-skin-tango .jcarousel-clip{
}

.jcarousel-prev{
	background-image: url(../../../../resource/image/another/footer/bt-prev.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0;
	width:12px;
	height:64px;
	display:block;
	z-index:9999;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-next{
	background-image: url(../../../../resource/image/another/footer/bt-next.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	top:0;
	width:12px;
	height:64px;
	display:block;
	z-index:9998;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-next a{
	z-index:9999;
}

.jcarousel-prev:hover,
.jcarousel-next:hover{
	background-position:-12px 0;
}

#banner-area ul{
	height:64px;
	overflow:hidden;
}

#banner-area li{
	width:159px;
	float:left;
	height:64px;
	zoom:1;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

#banner-area ul img{
	width:154px;
	height:64px;
}

/******************************************************************************
banner-area2
******************************************************************************/

#banner-area2{
	width:980px;
	margin:0 auto 50px;
}
#banner-area2 h2{
	margin-bottom:20px;
}
#banner-area2 table{
	border-collapse: collapse;
	border:none;
	width:980px;
}
#banner-area2 table td {
	text-align: left;
	vertical-align: middle;
	width:316px;
	padding-left:16px;
	padding-bottom:10px;
}
#banner-area2 table td.f01 {
	padding-left:0;
}
#banner-area2 a:hover img{
	filter:alpha(opacity=80) !important;
	-ms-filter: "alpha(opacity=80)" !important;
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/******************************************************************************
ad-area
******************************************************************************/

#ad-area{
	background: url(../../../../resource/image/another/contents/bg-ad.gif) repeat;
	padding:40px 0 30px 0;
}

#ad-area .wrap-in{
	width:980px;
	margin:0 auto;
	position: relative;
}

#ad-area ul{
	padding:0 0 0 60px;
}

#ad-area h3{
	position: absolute;
	left:0;
	top:0;
}

#ad-area li{
	float:left;
	margin:0 10px 10px 0;
	font-size:0;
	line-height:0;
	vertical-align: bottom;
}

#ad-area li.clear{
	margin:0 0 10px 0;
}

/******************************************************************************
footer
******************************************************************************/

#footer{
	background:#222;
	color:#fff;
	padding:40px 0;
	font-size:1.2em;
	line-height:1.7;
}

#footer a{
	color:#fff;
}

#footer .wrap-in{
	width:980px;
	margin:0 auto;
}

#footer .column{
	float:left;
}

#footer h4{
	font-size:1.2em;
	margin:0 0 3px 0;
}

/*#footer h5{
	background: ;
}*/

#footer ul{
	margin:0 0 20px 0;
}

#footer .column{
	padding:10px 20px 0 0;
	margin:0 20px 30px 0;
	border-right:1px solid #444;
	width:214px;
	zoom:1;
}

#footer .column.last{
	margin:0;
	padding:0;
	border:0;
}

#footer .column li a{
	background: url(../../../../resource/image/another/footer/arrow.gif) left 5px no-repeat;
	padding:0 0 0 15px;
	display:inline-block;
}

#footer .column li a.blank{
	background: url(../../../../resource/image/another/footer/ic-blank.gif) left 5px no-repeat;
}

#footer .column li a.pdf{
	background: url(../../../../resource/image/another/footer/ic-pdf.gif) left 3px no-repeat;
	padding:0 0 0 22px;
}


#footer .column li.indent{
	padding:0 0 0 15px;
}

#footer .column li.indent a{
	background: url(../../../../resource/image/another/footer/list.gif) left center no-repeat;
	padding:0 0 0 10px;
}

#footer .box-address{
	clear:both;
	border-top:1px solid #444;
	padding:30px 0 0 0;
	zoom:1;
}



/*******************************************************************************
  �lj� PC 
*******************************************************************************/

#header{
	width:980px;
	margin:0 auto;
	padding:0 0; /*�lj�*/
	position: relative;
	line-height:1.5;
}

/*���X�X���R���e���c �摜*/

#banner-area2 h2.recommend{
	background:url(../../../../resource/image/top/ttl-recommend.gif) no-repeat;
	width:980px;
	height:56px;
	text-indent:-9999px;
}


} /*  min-width: 980px -------------------------------------------------------*/




@media screen and (max-width:979px){
	
.title-01{ 
	height:35px;
}

h2.today{ 
	background:url(../../../../resource/image/top/_ttl-today.gif) no-repeat;
	width:260px;
	height:56px;
	text-indent:-9999px;
}

/******************************************************************************
banner-area2   
******************************************************************************/
#banner-area2{
	width:100%;
	padding:20px 20px 30px;
	background:#faf4df;
}
#banner-area2 h2{
	margin-bottom:10px;
}

#banner-area2 h2.recommend{  
	background:url(../../../../resource/image/top/_ttl-recommend.gif) no-repeat;
	width:260px;
	height:56px;
	text-indent:-9999px;
}

/******************************************************************************
ad-area   
******************************************************************************/

#ad-area li{  
	max-width:260px;
}


/******************************************************************************
banner-area  
******************************************************************************/


/*#banner-area ul{
	width:100%;
}

#banner-area .recontents_bnr{
	margin:0 !important;
}

.jcarousel-skin-tango .jcarousel-clip{
}

.jcarousel-prev{
	background-image: url(../../../resource/image/another/footer/bt-prev.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0;
	width:12px;
	height:64px;
	display:block;
	z-index:9999;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-next{
	background-image: url(../../../resource/image/another/footer/bt-next.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	top:0;
	width:12px;
	height:64px;
	display:block;
	z-index:9998;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-next a{
	z-index:9999;
}

.jcarousel-prev:hover,
.jcarousel-next:hover{
	background-position:-12px 0;
}

#banner-area ul{
	height:64px;
	overflow:hidden;
}

#banner-area li{
	max-width:130px;
	padding:0 2px 0;
	height:auto;
	float:left;
	zoom:1;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

#banner-area ul img{
	width:154px;
	height:64px;
}*/


}

@media screen and (max-width:640px){

/******************************************************************************
banner-area2   �������߃R���e���c
******************************************************************************/
	
/*#banner-area2{
	width:100%;
	padding:15px 10px 20px;
	background:#faf4df;
}
#banner-area2 h2{
	margin-bottom:10px;
	margin-left:10px;
}
#banner-area2 table{
	border-collapse: collapse;
	border:none;
	width:100%;
}
#banner-area2 table td {
	text-align: left;
	vertical-align: middle;
	width:33%;
	padding-left:3px;
	padding-bottom:0;
}*/





	
#footer .column2,
#footer .column3{
	display:none;

}

#footer .column1,
#footer .column4{
	float:none;
	width:100%;
	max-height:350px;
	overflow:auto;
	border-bottom:solid 1px #444;
}

#footer .column.last{
	padding:10px 20px 20px 10px;
}

}

@media screen and (max-width:480px){
	
/******************************************************************************
banner-area2   �������߃R���e���c
******************************************************************************/
#banner-area2{
	width:100%;
	padding:0 20px 30px;
	background:#faf4df;
}
#banner-area2 h2{
	margin-bottom:20px;
}
#banner-area2 table{
	border-collapse: collapse;
	border:none;
	width:100%;
}
#banner-area2 table td {
	text-align: left;
	vertical-align: middle;
	width:100%;
	padding:5px 0;
}
#banner-area2 table td.f01 {
	padding-left:0;
}
#banner-area2 a:hover img{
	filter:alpha(opacity=80) !important;
	-ms-filter: "alpha(opacity=80)" !important;
	-moz-opacity: 0.8;
	opacity: 0.8;
}	

/******************************************************************************
ad-area   �L���o�i�[
******************************************************************************/

#ad-area ul{
	padding:0 10px 10px 60px;
	width:100%;
}
/******************************************************************************
banner-area   �����o�i�[
******************************************************************************/

#banner-area li{
	max-width:75px;
	max-height:31px;
	padding:0 2px 0;
	height:auto;
	float:left;
	zoom:1;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}
.jcarousel-prev{
	background-image: url(../../../../resource/image/another/footer/bt-prev.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:0;
	width:12px;
	height:45px;
	display:block;
	z-index:9999;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-next{
	background-image: url(../../../../resource/image/another/footer/bt-next.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	right:0;
	top:0;
	width:12px;
	height:45px;
	display:block;
	z-index:9998;
	text-indent:-9999em;
	cursor:pointer;
}

.jcarousel-prev:hover,
.jcarousel-next:hover{
	background-position:-12px 0;
}

#banner-area ul{
	height:45px;
	overflow:hidden;
}

#banner-area li{
	max-width:113px;
	max-height:47px;
	padding:0 2px 0;
	height:auto;
	float:left;
	zoom:1;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}
#banner-area ul img{
	width:113px;
	height:47px;
}

/******************************************************************************
�@��ԉ��̍L���o�i�[
******************************************************************************/

#ad-area{
	background: url(../../../../resource/image/another/contents/bg-ad.gif) repeat;
	padding:10px 10px 0 ;
	background:#faf4df;
	width:100%;
}

}


/*追加*/

#footer ul.noBottom{
	margin:0;
}