﻿@import url(./machi_body.css);
/* body */
body
{
 	/* ※machi_body.cssで定義 */
}
/*:::::::::::::::::::::::::
 * 枠組 
 *::::::::::::::::::::::::*/
#struct
{
    margin-left:auto;
    margin-right:auto;
}
#container 
{
    width:1000px;
    margin:0px auto;
    margin-top:0px;
    font-size:90%;
    padding:20px 0px 10px;
}

/*:::::::::::::::::::::::::
 * ヘッダーメニュー
 *::::::::::::::::::::::::*/
#mainHeader
{
    border-bottom:solid 1px #B6000D;
}
#headerArea
{
    width:1000px;
    padding:10px 0px;
    margin:0px auto;
}
#headerImg
{
    float:left;
    padding-top:10px;
}
#headerMenu
{
    float:right;
}
#headerMenu img 
{
    vertical-align:top;
}
/* サイト背景色・フォントサイズ */
.hMenu
{
    float:left;
    font-size:14px;
    padding:5px 0px 0px 0px;
    margin:10px 0px 0px 0px;
    outline:none;
}
.hMenu img 
{
    padding-right: 3px;
}
.hMenu a
{
    text-decoration:none;
}
#changeHaikei
{
    border-right:solid 1px #CCCCCC;
    padding-right:8px;
    margin-right:8px;
    margin-left:40px;
}

/* foreign */
#foreign 
{
    margin:11px 0px 0px 15px;
}
#foreign span
{
    margin:0px 2px;
}

/* 検索コーナー */
#search
{
    float:right;
    margin-top:10px;
}
.searchBox
{
    width:204px;
    height:20px;
    margin:0px 10px 0px 8px;
    border:solid 1px #555555;
    float:left;
}
.searchBtn
{
    margin:0px;
    padding:0px;
    float:left;
}
/* トップへ戻る */
#homeLink
{
    float:right;
    border:solid 1px #B9000E;
    padding:0px;
    margin-left:10px;
}
#homeLink a
{
    display:block;
    background:url("../images/kanko/icon_homeLink.gif") no-repeat 10px center;
    padding:0px 13px 0px 35px; 
    line-height:26px;
}

/*:::::::::::::::::::::::::
 * スライド
 *::::::::::::::::::::::::*/
.flash
{
    width:1000px;
    height:330px;
}

/*:::::::::::::::::::::::::
 * イベント情報・新着情報
 *::::::::::::::::::::::::*/
.manu
{
    margin-top:30px;
}
.manu .title
{
    font-weight:bold;
    font-size:1.1em;
    padding:5px 0px 5px 35px;
    border-bottom:solid 3px #B8000D;
}
.manu .listLink
{
    float:right;
    font-weight:normal;
    font-size:0.9em;
    background:url("../images/machi/ya_r.gif") no-repeat 0px center;
    padding:5px 10px 5px 15px;
}
.manu .listInfo
{
    margin-top:20px;
}
.manu .listInfo li
{
    padding-bottom:10px;
}

/* 注目情報 */
#topics .title
{
    background:url("../images/machi/icon01.gif") no-repeat 7px 4px;
}
#topics .boxLarge
{
    border:solid 1px #DCDCDC;
    padding:10px;
    float:left;
    width:213px;
    margin:0px 20px 20px 0px;
}
#topics .boxLarge .topicsTtl
{
    font-weight:bold;
    border-left:solid 2px #B6000D;
    padding-left:7px;
    margin-bottom:10px;
}
#topics .boxLarge .d_img 
{
    width:215px;
    height:215px;
    text-align:center;
    line-height:215px;
    margin-bottom:10px;
}
#topics .boxSmall
{
    float:left;
    width:490px;
    margin:0px 20px 20px 0px;
}
#topics .boxSmall .d_img 
{
    border:solid 1px #DCDCDC;
    width:63px;
    height:63px;
    text-align:center;
    line-height:63px;
    float:left;
    margin-right:25px;
}
.d_img img 
{
    vertical-align:middle;
}
#topics .koushinDay
{
    font-size:0.9em;
}
#topics .last
{
    margin-right:0px;
}

/* イベント情報 */
#evenet .title
{
    background:url("../images/machi/icon02.gif") no-repeat 7px center;
}
#evenet .listInfo .eventDate
{
    float:left;
    min-width:115px;
    margin-right:10px;
}
#evenet .listInfo .eventTtl
{
    float:left;
    width:565px;
}

/* 新着情報 */
#news .title
{
    background:url("../images/machi/icon03.gif") no-repeat 10px center;
}
#rss
{
    margin-left:5px;
    vertical-align:baseline;
}
#news .listInfo .koushinDay
{
    float:left;
    min-width:115px;
    margin-right:10px;
}
#news .listInfo .newTtl
{
    float:left;
    width:870px;
}

/*:::::::::::::::::::::::::
 * snsボタン
 *::::::::::::::::::::::::*/
.snsbutton
{
    margin-top:55px;
    float:left;
}
.snsbutton li
{
    float:left;
}
#snsbutton_facebook
{
    z-index:101;
}
#snsbutton_twitter
{
    z-index:101;
}
#snsbutton_googleplus
{
    margin-left:10px;
}


/*:::::::::::::::::::::::::
 * バナー広告
 *::::::::::::::::::::::::*/
#adinfo
{
    margin:0px auto;
    padding-top:20px;
    border-top:solid 1px #CCCCCC;
}
.adinfoBox
{	
    width:980px;
    margin:0px auto 20px;
    border:solid 1px #CCCCCC;
    padding:10px;
}
#adinfo div.addinfoHeader
{
    margin:0px 0px 10px 0px;
    border-left:solid 5px #C2494D;
}
#adinfo div.addinfoHeader span 
{
    padding-left:7px;
    font-weight:bold;
}
p.imgBan
{
    float:left;
    margin:0px 8px 5px 8px;
}
p.textBan
{
    border:solid 1px #CCCCCC;
    width:168px;
    height:52px;
    line-height:50px;
    text-align:center;
    float:left;
    margin:0px 5px 5px 5px;
}


/* ページの先頭へ */
#pagetop 
{
    margin: 55px auto 0px;
    float:right;
}
#pagetop a 
{
    background: url("../images/arrow_up.gif") no-repeat left center;
    font-size: 0.8em;
    letter-spacing: 1px;
    padding-left: 15px;
    text-decoration: none;
}

/* Navigation Skip */
#Navigation ul{
	margin: 0;
	padding: 0;
}
#Navigation li{
	position: absolute; text-align: left; margin: 0; padding: 0; display: block;
}
#Navigation a{
	padding: 5px;
	display: inline;
	z-index: 99;
	text-decoration: none;
	position: absolute; 
	width:300px;
	left: -1000em;
	top: 0;
	font-weight: bold;
	text-align:center;
	font-size:125%;
	/zoom:1;
}
#Navigation a:focus,
#Navigation a:active{
	position: absolute; 
	top: 30px;
	left: 250px;
	background:#fff !important;
	border:2px solid #000;
	}

/*:::::::::::::::::::::::::
 * グローバルナビゲーション
 *::::::::::::::::::::::::*/
div#naviContainer
{
	width:100%;
}
div#naviArea
{
    position:relative;
    width:1000px;
    margin:0 auto;
    overflow:hidden;
    font-weight:bold;
    border-right:1px solid #FFFFFF;
}
div#naviArea a
{
    text-decoration:none;
}
div#naviArea ul#navi_list
{
    display:block;
    text-align:center;
}
div#naviArea ul#navi_list li
{
    display:inline-table;
    /display:inline;
	/zoom:1;
	vertical-align:middle;
    text-align:center;
    font-size:0.9em;
    margin-top:4px;
}
div#naviArea ul#navi_list li div
{
    display:table-cell;
    vertical-align:middle;
    padding:2px;
    border-left:solid 1px #FFFFFF;
}
div#naviArea ul#navi_list li a
{
    padding-top:20px;
    padding-bottom:20px;
    display:block;
}
div#naviArea ul#navi_list li img
{
    display: block;
    position: relative;
    margin:-1px auto 0;
    z-index:99;
}
/* ホームのボタン */
div#naviArea ul#navi_list li#navi_tab_0 div
{
    vertical-align:middle;
}

div#popNaviArea
{
    display: block;
    position: relative;
    width: 1000px;
    /*margin:-1px auto 0;*/
    margin:0px auto;
    z-index:99999;
}

div#popNaviArea div.g_navi
{
	position:absolute;
    width:990px;
    padding-top:10px;
    border:solid 5px #C2494E;
}
div#popNaviArea div#g_navi_0
{
    border:none;
    padding:0px;
}

div#popNaviArea div.navi_child
{
    width:22%;
    display:inline-block;
    /display:inline;
	/zoom:1;
    vertical-align:top;
    padding-bottom:18px;
    padding-left:20px;
}
div#popNaviArea p.navi_child_name
{
    margin:0px 5px;
    padding:4px 2px;
    font-size:0.95em;
    font-weight:bold;
}
div#popNaviArea div.navi_child ul
{
    padding:0px 8px;
    margin-top:-5px;
}
div#popNaviArea div.navi_child li
{
    font-size:0.8em;
    line-height:1.3em;
    padding:0px 2px 0px 8px;
    margin-top:8px;
    background-image:url("../images/top1/ya_sb.gif");
    background-repeat:no-repeat;
    background-position:1px 0.5em;
}

div#popNaviArea div.navi_type_2
{
    width:auto;
    display:block;
}
div#popNaviArea div.navi_type_2 li
{
    display:inline-block;
    /display:inline;
	/zoom:1;
    width:23%;
    vertical-align:top;
}
div#popNaviArea div.noChild
{
    display:none !important;
}

/*:::::::::::::::::::::::::
 * フリーエリア
 *::::::::::::::::::::::::*/
.freeareaMachi
{
    margin-top:10px;
}

/*フリーエリア用　段落見出しタイトル*/
h3.title
{
	padding:0 0 4px 10px;
	margin-bottom:16px;
	font-size:1.1em;
	background:url("../images/CssColorType/h3Ttl.gif") repeat-x 0px bottom;
}
h2.title
{
	padding:0 0 4px 21px;
	margin-bottom:16px;
	font-size:1.2em;
    background:url("../images/CssColorType/h2Ttl.gif") no-repeat 7px center #FFFFFF;
	border:solid 1px #CCCCCC;
    line-height:1.5em;
}