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

* {
	margin:0;
	padding:0;
	font-family:sans-serif;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a {
	outline:none;
}

a:link {
	color:#004483;
	text-decoration:none;
}

a:visited {
	color:#004483;
	text-decoration:none;
}

a:hover {
	color:#008FD2;
	text-decoration:none;
}

img {
	border:0;
	vertical-align:bottom;
}

.videoicon {
	vertical-align:baseline;
	margin:0 0 0 5px;
}

li {
	list-style:none;
}

body {
	background:#fff;
	color:#333;
	font-size:12px;
	line-height:18px;
}

.clear {
	display:block;
	clear:both;
	height:0;
	font-size:0;
}

/*========== Wrapper ==========*/

#wrapper {
	width:980px;
	margin:0 auto;
}

/*========== Content Body ==========*/

#body {
	width:960px;
	margin:10px auto 0;
}

#body:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#body {display:inline-block;}

#body {display:block;}

/*========== Main Content ==========*/

#main {
	width:650px;
	float:left;
}

#main:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#main {display:inline-block;}

#main {display:block;}

/*========== See All Button ==========*/

.seeall {
	clear:both;
	margin:5px 0 0 auto;
	width:135px;
}

.seeall a {
	display:block;
	text-indent:-10000px;
	font-size:0px;
	width:135px;
	height:21px;
}

.seeall a:link {
	background:url(../images/common/buttons.png) no-repeat;
	background-position:0px 0px;
}

.seeall a:visited {
	background:url(../images/common/buttons.png) no-repeat;
	background-position:0px 0px;
}

.seeall a:hover {
	background:url(../images/common/buttons.png) no-repeat;
	background-position:0px -25px;
}

/*========== Header ==========*/

#header {
	background:url(../images/common/header-bg2.png) repeat-x #e60000;
	height:128px;
	width:100%;
}

#header:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#header {display:inline-block;}

#header {display:block;}

#headerinside {
	background:url(../images/common/header-bg.png) no-repeat;
	height:100px;
	width:960px;
	margin:0 auto;
}

#headerinside:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#headerinside {display:inline-block;}

#headerinside {display:block;}

h1 {
	height:100px;
	width:200px;
	float:left;
}

h1 a {
	display:block;
	background:url(../images/common/logo.png) no-repeat;
	height:100px;
	width:170px;
	text-indent:-10000px;
}

#headerad {
	width:760px;
	padding:5px 0;
	float:left;
	text-align:right;
}

/*========== Navigation ==========*/

#navi {
	width:960px;
	margin:0 auto;
}

#navi li {
	width:137px;
	float:left;
}

#navi a {
	text-indent:-10000px;
	display:block;
	height:28px;
	width:137px;
}

.navihome a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:0px 0px;
	width:138px;
}

.navihome a:link {
	background-position:0px 0px;
}

.navihome a:visited {
	background-position:0px 0px;
}

.navihome a:hover {
	background-position:0px -30px;
}

.navinews a {
	background:url(../images/common/navi.png) no-repeat;
}

.navinews a:link {
	background-position:-137px 0px;
}

.navinews a:visited {
	background-position:-137px 0px;
}

.navinews a:hover {
	background-position:-137px -30px;
}

.navitoshisenryaku a {
	background:url(../images/common/navi.png) no-repeat;
}

.navitoshisenryaku a:link {
	background-position:-274px 0px;
}

.navitoshisenryaku a:visited {
	background-position:-274px 0px;
}

.navitoshisenryaku a:hover {
	background-position:-274px -30px;
}

.navicloseup a {
	background:url(../images/common/navi.png) no-repeat;
}

.navicloseup a:link {
	background-position:-412px 0px;
}

.navicloseup a:visited {
	background-position:-412px 0px;
}

.navicloseup a:hover {
	background-position:-412px -30px;
}

.navientertainment a {
	background:url(../images/common/navi.png) no-repeat;
}

.navientertainment a:link {
	background-position:-549px 0px;
}

.navientertainment a:visited {
	background-position:-549px 0px;
}

.navientertainment a:hover {
	background-position:-549px -30px;
}

.navitakasakigaku a {
	background:url(../images/common/navi.png) no-repeat;
}

.navitakasakigaku a:link {
	background-position:-686px 0px;
}

.navitakasakigaku a:visited {
	background-position:-686px 0px;
}

.navitakasakigaku a:hover {
	background-position:-686px -30px;
}

.naviopinion a {
	background:url(../images/common/navi.png) no-repeat;
}

.naviopinion a:link {
	background-position:-823px 0px;
}

.naviopinion a:visited {
	background-position:-823px 0px;
}

.naviopinion a:hover {
	background-position:-823px -30px;
}

.navinewsactive a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-137px -60px;
}

.navitoshisenryakuactive a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-274px -60px;
}

.navicloseupactive a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-412px -60px;
}

.navientertainmentactive a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-549px -60px;
}

.navitakasakigakuactive a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-686px -60px;
}

.naviopinionactive a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-823px -60px;
}

/*----- Sidebar -----*/

#side {
	width:310px;
	float:left;
}

#side .banner {
	margin:0 0 10px;
}

/*----- Search Box -----*/

#search {
	background:#e6e6e6;
	border:#ddd 1px solid;
	margin:0 0 10px;
	padding:5px 10px;
}

.gsib_a { margin:0 !important; padding:0 !important;}

#search .textarea {
	width:230px;
}

#search .source {
	margin:3px 0 0;
}

/*----- Ad (Side) -----*/

.fadein { position:relative; height:235px; width:310px; }
.fadein a { position:absolute; left:0; top:0; }

#ad1 {
	background:url(../images/home/ad/ad-side-large.jpg) no-repeat #aaa;
	display:block;
	height:235px;
	width:310px;
	text-indent:-10000px;
}

#ad2 {
	background:url(../images/home/ad/ad-side-large2.jpg) no-repeat #aaa;
	display:block;
	height:235px;
	width:310px;
	text-indent:-10000px;
}

#ad3 {
	background:url(../images/home/ad/ad-side-large3.jpg) no-repeat #aaa;
	display:block;
	height:235px;
	width:310px;
	text-indent:-10000px;
}

#ad4 {
	background:url(../images/home/ad/ad-side-large4.jpg) no-repeat #aaa;
	display:block;
	height:235px;
	width:310px;
	text-indent:-10000px;
}

#ad5 {
	background:url(../images/home/ad/ad-side-large5.jpg) no-repeat #aaa;
	display:block;
	height:235px;
	width:310px;
	text-indent:-10000px;
}

#ad6 {
	background:url(../images/home/ad/ad-side-large8.png) no-repeat #aaa;
	display:block;
	height:235px;
	width:310px;
	text-indent:-10000px;
}

/*----- Toshisenryaku -----*/

#toshisenryaku {
	width:310px;
	margin:0 0 10px;
	position:relative;
}

#toshisenryaku h2 {
	background:url(../images/home/toshisenryaku-title.png) no-repeat;
	text-indent:-10000px;
	width:310px;
	height:25px;
}

#toshisenryaku  .boxcontent {
	padding:10px 9px 10px;
	border:#d9d9d9 solid;
	border-width:0 1px 1px 1px;
	display:inline-block;
    min-height:1%;  /* for IE 7*/
}

#toshisenryaku  .boxcontent:after {
	content: "";
	display: block;
	clear: both;
}

#toshisenryaku h3 {
	float:left;
	width:150px;
}

#toshisenryaku h3 img {
	width:140px;
}

#toshisenryaku .title {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	float:right;
	width:140px;
}

#toshisenryaku .subtitle {
	width:140px;
	float:right;
}

/*----- Osusume -----*/

#osusume {
	width:310px;
	margin:0 0 10px;
}

#osusume h2 {
	background:url(../images/home/osusume-title.png) no-repeat;
	text-indent:-10000px;
	width:310px;
	height:35px;
}

#osusume  .boxcontent {
	padding:0 10px 10px;
	border:#d9d9d9 solid;
	border-width:0 1px 1px 1px;
}

#osusume dl {
	border-top:1px #d9d9d9 solid;
	padding:5px 0;
	width:288px;
	clear:both;
}

#osusume dt {
	width:105px;
	float:left;
}

#osusume dd.subtitle {
	font-size:12px;
	line-height:16px;
	width:183px;
	float:right;
}

#osusume dd.title {
	width:183px;
	float:right;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#osusume dl:after {
	content: "";
	display: block;
	clear: both;
}

#osusume dl.last {
	border-bottom:0;
}

/*----- senmonten -----*/

#senmonten {
	width:310px;
	margin:0 0 10px;
}

#senmonten h2 {
	background:url(../images/home/senmonten-title.png) no-repeat;
	text-indent:-10000px;
	width:310px;
	height:35px;
}

#senmonten  .boxcontent {
	padding:0 10px 10px;
	border:#d9d9d9 solid;
	border-width:0 1px 1px 1px;
}

#senmonten dl {
	border-top:1px #d9d9d9 solid;
	padding:5px 0;
	width:288px;
	clear:both;
}

#senmonten dt {
	width:70px;
	float:left;
}

#senmonten dt img {
	width:60px;
	height:39px;
}

#senmonten dd.subtitle {
	font-size:12px;
	line-height:16px;
	width:218px;
	float:right;
}

#senmonten dd.title {
	width:218px;
	float:right;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#senmonten dl:after {
	content: "";
	display: block;
	clear: both;
}

#senmonten dl.last {
	border-bottom:1px #d9d9d9 solid;
}

/*----- Column -----*/

#colum {
	width:310px;
	margin:0 0 10px;
}

#colum h2 {
	background:url(../images/home/colum-title.png) no-repeat;
	text-indent:-10000px;
	width:310px;
	height:35px;
}

#colum  .boxcontent {
	padding:0 10px 10px;
	border:#d9d9d9 solid;
	border-width:0 1px 1px 1px;
}

/*
#colum dt {
	 font-size:12px;
	 line-height:16px;
	 font-weight:bold;
}

#colum dd {
	 font-size:12px;
	 line-height:16px;
}
*/

#colum dl {
	border-top:1px #d9d9d9 solid;
	padding:5px 0;
}

#colum dl:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#colum dl {display:inline-block;}
#colum dl {display:block;}

#colum dl.last {
	border-bottom:0;
	border-bottom:1px #d9d9d9 solid;
}

#colum dt {
	width:105px;
	float:left;
}

#colum dd.subtitle {
	font-size:12px;
	line-height:16px;
	width:183px;
	float:right;
}

#colum dd.title {
	width:183px;
	float:right;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

/*----- himaneta -----*/

#himaneta {
	width:310px;
	margin:0 0 10px;
}

#himaneta h2 {
	background:url(../images/home/himaneta-title.png) no-repeat;
	text-indent:-10000px;
	width:310px;
	height:45px;
}

#himaneta  .boxcontent {
	padding:0 10px 10px;
	border:#d9d9d9 solid;
	border-width:0 1px 1px 1px;
}

#himaneta dl {
	border-top:1px #d9d9d9 solid;
	padding:10px 0;
}

#himaneta dt {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}

#himaneta dt span {
	font-size:10px;
	color:#888;
}

#himaneta dd {
	font-size:12px;
	line-height:16px;
}

#himaneta dl.last {
	border-bottom:1px #d9d9d9 solid;
}

/*========== Footer ==========*/

#footer {
	clear:both;
	padding:10px 0 20px;
}

#footer:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#footer {display:inline-block;}
#footer {display:block;}

#footernavi {
	float:left;
}

#footernavi li {
	float:left;
	padding:0 20px 0 0;
}

#copyright {
	float:right;
	font-size:10px;
	color:#aaa;
}

/*========== Jump to Top ==========*/

#jumptotop {
	border-bottom:1px #d9d9d9 solid;
	margin:0 0 5px;
}

#jumptotop a {
	background:url(../images/common/buttons.png) no-repeat;
	background-position:0px -80px;
	text-indent:-10000px;
	display:block;
	margin:0 0 5px auto;
	width:115px;
	height:15px;
	line-height:0;
}

#jumptotop a:link {
	background-position:0px -80px;
}

#jumptotop a:visited {
	background-position:0px -80px;
}

#jumptotop a:hover {
	background-position:0px -95px;
}



/*icon*/
.news{
    padding-left:60px;
    background:url(/images/common/icon_news.png) no-repeat 0px 3px;
	display:block;
}

.shop{
    padding-left:60px;
    background:url(/images/common/icon_shop.png) no-repeat 0px 3px;
	display:block;
}

.eat{
    padding-left:60px;
    background:url(/images/common/icon_eat.png) no-repeat 0px 3px;
	display:block;
}

.culture{
    padding-left:60px;
    background:url(/images/common/icon_culture.png) no-repeat 0px 3px;
	display:block;
}

.culture2{
    padding-left:60px;
    background:url(/images/common/icon_culture2.png) no-repeat 0px 3px;
	display:block;
}

.sports{
    padding-left:60px;
    background:url(/images/common/icon_sports.png) no-repeat 0px 3px;
	display:block;
}

.sightseeing{
    padding-left:60px;
    background:url(/images/common/icon_ss.png) no-repeat 0px 3px;
	display:block;
}

.event{
    padding-left:60px;
    background:url(/images/common/icon_event.png) no-repeat 0px 3px;
	display:block;
}

.city{
    padding-left:60px;
    background:url(/images/common/icon_city.png) no-repeat 0px 3px;
	display:block;
}

.closeup{
    padding-left:60px;
    background:url(/images/common/icon_cu.png) no-repeat 0px 3px;
	display:block;
}

.dataBg {
	border:1px #aaa solid;
	padding:10px 20px; 
    background:#fafafa;
}


/*reset*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

.flL, .boxL {
	float:left;
	}

.flR, .boxR {
	float:right;
	}

.mg0 {margin:0 !important;}
.mg5 {margin:5px;}
.mg10 {margin:10px;}



/*top*/
.mgT5 {margin-top:5px;}
.mgT7 {margin-top:7px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT25 {margin-top:25px;}
.mgT30 {margin-top:30px;}
.mgT35 {margin-top:35px;}
.mgT40 {margin-top:40px;}
.mgT45 {margin-top:45px;}
.mgT50 {margin-top:50px;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR15 {margin-right:15px;}
.mgR20 {margin-right:20px;}
.mgR25 {margin-right:25px;}


/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB25 {margin-bottom:25px;}
.mgB30 {margin-bottom:30px;}
.mgB35 {margin-bottom:35px;}
.mgB40 {margin-bottom:40px;}
.mgB45 {margin-bottom:45px;}
.mgB50 {margin-bottom:50px;}
.mgB80 {margin-bottom:80px;}

/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL15 {margin-left:15px;}
.mgL20 {margin-left:20px;}
.mgL25 {margin-left:25px;}



/*Padding
-------------------------------------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}



/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}
.pdT20 {padding-top:20px;}
.pdT25 {padding-top:25px;}


/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR15 {padding-right:15px;}
.pdR20 {padding-right:20px;}


/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB25 {padding-bottom:25px;}
.pdB30 {padding-bottom:30px;}
.pdB40 {padding-bottom:40px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL15 {padding-left:15px;}
.pdL20 {padding-left:20px;}

/*indent*/
.txti4{ text-indent:-4em;}
.txti5{ text-indent:-5em;}

/*========== Ad (Bottom) ==========*/

#adbottom li {
	float: left;
	width: 200px;
	margin: 0 15px 5px 0;
}

#adbottom li img  {
	vertical-align:bottom;
}

#adbottom li.last {
	margin:0 0 15px 0;
}