
/* 基本CSS
---------------------------------------------------- */




body {
	color:#333333;
	margin-top:0px;
	margin-bottom:0px;
	font-family: 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:0.9em;
	line-height: 1.6em;
	background: #eee;
	text-align:center;
}


a img{
	border:0px;
}
a:link {
	color:#003366;
} 
a:visited {
	color:#003366;
}
a:hover {
	color: #FF0000;
} 

ul{
	margin:0px;
	padding:0px;
}
ul li{
	margin:0px;
	padding:0px;
}

.container{
	margin:0px auto;
	background-color:#ffffff;
	width:876px;
	height:100%;
	padding:0px;
	text-align:center;
	font-size:100%;
	display:block;
	border:1px solid #ccc;
}

div.alert { color:#f00; }


/* ヘッダーCSS
---------------------------------------------------- */

#header{
	position:relative;
	margin:0px auto;
	display:block;
	padding:0px 0px 0px;
	width:876px;/* 高さを反応させる　*/
	overflow:hidden;/* 高さを反応させる　Firefox*/
	font-size:100%;
}
#logo{
	float:left;
	margin:0px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	font-size:1.2em;
	text-align:left;
	width:320px;
	height:56px;
}


/* site_navi　CSS
---------------------------------------------------- */
ul#site_navi {
	float:right;
	list-style:none;
	margin:0px 0px 22px;
	padding:0px;
}

ul#site_navi li{
	float:left;
	overflow:hidden;
	margin:0px;
	padding:0px;
	text-align:center;
	overflow:hidden;
	border-left: 1px dotted #aaaaaa;

}

ul#site_navi li a{
	display:block;
	margin: 0px;
	padding:0px;
	color:#666666;
}


ul#site_index li {
	font-weight: bold;
	font-size: 1.1em;
	margin: 4px auto 4px 25px;
}



/* グローバルメニュー
---------------------------------------------------- */
#g_menu{
	clear:both;
	width:876px;/* 外枠に高さを反応させる　*/
	display:block;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	background-color:#0000a4;

}
#g_menu ul{
	list-style:none;
}
#g_menu ul li{
	float:left;
	margin:0px;
	text-align:center;
	line-height: 1.5em;
	height:33px;
}

#g_menu ul li a{
	display:block;
	overflow:hidden;
	padding:0px;
	text-decoration:none;
}


/* トップページコンテンツ　CSS
---------------------------------------------------- */

#top_exp {
	text-align:left;
	padding: 4px;
	color: #555566;
	background: #f1f1f1;
}

#pickup_contents{
	display:block;
	float: left;
	margin:8px 0px 20px 5px;
	padding:0px;
	width:650px;
	text-align:left;
}

#pickup_contents h2{
	background-color: #f3f3f3;
	font-weight: normal;
	text-align:left;
	margin:0 0 0 10px;
	font-size: 18px;
	line-height: 1.4;
	padding:10px 7px 7px 18px;
	border-left:6px solid #aaa;
}



#area_select {
	margin-bottom: 15px;
}

#area_select .area {
	display: block;
	list-style: none;
	float: left;
	width:204px;
	margin: 0 5px;
	border: 1px solid #ddd;
}

#area_select .area a {
	display: block;
	text-decoration: none;
	padding-top:12px;
	padding-bottom: 10px;
	height:97px;

}


#area_select li#nagoya {
	background: url(../images/search_nagoya.png) right bottom no-repeat;
}

#area_select li#nagoya a {
	background-color: rgba(0,60,0,0.10);
	color: #070;
}

#area_select li#nagoya a:hover {
	background-color: rgba(0,60,0,0.05);
}


#area_select li#owari {
	background: url(../images/search_owari.png) right bottom no-repeat;
}

#area_select li#owari a {
	background-color: rgba(60,0,0,0.10);
	color: #700;
}
#area_select li#owari a:hover {
	background-color: rgba(60,0,0,0.05);
}

#area_select li#mikawa {
	background: url(../images/search_mikawa.png) right bottom no-repeat;
}

#area_select li#mikawa a {
	background-color: rgba(0,0,60,0.10);
	color: #007;
}
#area_select li#mikawa a:hover {
	background-color: rgba(0,0,60,0.05);
}

#area_select .area a .box_title {
	margin-left:10px;
	font-size:29px;
	line-height: 35px;
}
#area_select .area a .box_subtitle {
	margin-left:10px;
	font-size:15px;
}

#area_select .area:first-child {
	margin-left:11px;
}

#area_select .area:last-child {
	margin-right:0;
}


#pickup_contents #news{
	margin:5px 0px 20px 8px;
}
#pickup_contents #news h3{
	float:left;
	padding:0px;
	margin:0px;
}
#pickup_contents .exp{
	margin: 13px 16px 20px 22px;
	line-height:1.2em;
		color: #444444;
}

#pickup_contents #news ul#news_menu{
	float:right;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	height:20px;
}
#pickup_contents #news ul#news_menu li{
	display:inline;
	margin-bottom:0px;
	padding-bottom:0px;
}
#pickup_contents #news ul#news_menu li a{
}
#pickup_contents #news ul#news_list{
	clear:both;
	border-top:1px dotted #aaaaaa;
	display:block;
	overflow:hidden;
	width:620px;
	padding: 1px 0px 10px;
}
#pickup_contents #news ul#news_list{
	clear:both;
	border-top:1px dotted #aaaaaa;
	display:block;
	overflow:hidden;
	width:620px;
	padding: 1px 0px 10px;
}
#pickup_contents #news ul#news_list li{
	padding:12px 5px 5px 5px;
	color:#777799;
	border-bottom:1px dotted #aaaaaa;
	/*background:url(../images/ten_line_bg.gif) left bottom repeat-x;*/
	
}
#pickup_contents #news ul#news_list li{
	padding:12px 5px 19px 5px;
	color:#777799;
	border-bottom:1px dotted #aaaaaa;
	list-style:none;
	/*background:url(../images/ten_line_bg.gif) left bottom repeat-x;*/
	
}

#pickup_contents #news ul#news_list li table{
	width:580px;
}

#pickup_contents #news ul#news_list li .event-date{
	width:65px;
}
#pickup_contents #news ul#news_list li a.title{
	display: block;
	width:515px;
	padding-left: 20px;
	font-size: 20px;
	line-height: 24px;
	text-decoration:none;
}

#pickup_contents #news ul#news_list li a:hover{
	text-decoration:underline;
}
#pickup_contents #news ul#news_list li .newsbody{
	color:#444444;
	font-size:0.9em;
	text-decoration:none;
	margin-left:12px;
	padding-top:10px;
}

#right_contents {
	float:right;
	display:block;
	width:206px;
}

#right_contents .notice{
	display:block;
	font-size: 11px;
	line-height:100%;
	margin: 3px;

}

#right_contents .banner_area {
	padding-bottom: 10px;
	margin: 5px 2px 2px 2px;
	background: #fffffff;
}


#right_contents .banner {
	margin: 2px;
	border: 1px solid #aaaaaa;
}


/* サブページメイン画像　CSS
---------------------------------------------------- */

#main_image{
	margin:5px auto 4px;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	display:block;
	padding:0px;
	text-align:right;
}

/* ぱんくずリスト
---------------------------------------------------- */
#panlist{
	text-align:left;
	padding:12px 14px 2px;
	margin:0px;
	line-height:1.0em;
	color:#999999;
}
#panlist a{
	color:#336699;
}
#panlist a:hover{
	color:#ff0000;
}


/* メインコンテンツ
---------------------------------------------------- */
#contents{
	margin:10px 0px;
	padding:0px 10px 10px;
	float:right;
	width:651px;
	text-align:left;
	overflow:hidden;
}


/* 見出しh1 */
#contents h1{
	margin: 0;
	font-size: 20px;
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	padding: 10px 0px 6px 10px;
	background-color: #e6e6e6;
}

/* 見出しh2 */
#contents h2{
	font-size: 16px;
	border-left: 5px #000077 solid;
	border-bottom: 1px #000000 solid;
	padding-left: 10px;
}

#contents h2 .h2_exp {
	font-size: 12px;
	font-weight: normal;
	margin-left: 15px;
}


/* メインコンテンツ
---------------------------------------------------- */
#contents_wide{
	margin:10px 0px;
	padding:0px 10px 10px;
	width:856px;
	text-align:left;
	overflow:hidden;
}


/* 見出しh1 */
#contents_wide h1{
	margin: 0;
	font-size: 20px;
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	padding: 10px 0px 6px 10px;
	background-color: #e6e6e6;
}

/* 見出しh2 */
#contents_wide h2{
	font-size: 16px;
	border-left: 5px #000077 solid;
	border-bottom: 1px #000000 solid;
	padding-left: 10px;
}

#contents_wide h2 .h2_exp {
	font-size: 12px;
	font-weight: normal;
	margin-left: 15px;
}


.contents_body {
	margin: auto 8px 40px 8px;
}

.contents_body .image_box {
	float: left;
	margin: 6px;
}

.contents_body .exp {
	font-size: 0.8em;

}


.contents_body .image_box_right {
	float: right;
	margin: 6px;
}







#contents .entry_box {
	border:1px solid #cccccc;
	padding:20px 0px 20px;
	margin-top:5px;
	display:block;
	overflow:hidden;
	position:relative;
	width:550px;
}
#contents .entry_body {
	position:relative;
	width:462px;
	margin:16px 0px 0px 0px;
	display:block;
	overflow:hidden;
	left:20px;
}


#contents .entry_box h3{
	border-left:4px solid #314066;
	padding:0px 0px 4px 8px;
	margin:2px 20px 2px;
	background:url(../images/ten_line_bg.gif) left bottom repeat-x;
	text-align:left;
	line-height:1.2em;
	font-size: 14px;
}

#contents .entry_box .date{
	display:block;
	text-align: right;
	font-weight:lighter;
	font-size:12px;
	line-height:1.1em;
	padding-right:22px;
	
}

#contents .entry_box p.url{
	margin-left:0px;
	padding-left:0px;
	padding-top:15px;
}


#contents .entry_box p{
	float:left;
	margin:0px 17px 15px 20px;
}
/* image-main */
#contents .entry_box .image-main {
	float:left;
	margin-bottom:5px;
}
#contents .entry_box .image-main img{
	margin-right:10px;
	margin-bottom:2px
}
#contents .entry_box .image-main p{
	font-size:0.8em;
	line-height:1.1em;
	margin:0px;
	padding:0px;
	position:relative;
	display:block;
}

/* .image-box */
#contents .entry_box .image-box{
	position:relative;
	float:right;
	/*
	width:150px;
	*/
	position:relative;
	overflow:hidden;
	padding:0px;
	display:block;
	top:-10px;
}
#contents .entry_box .image-box img{
	margin:10px 0px 0px 20px;
}
#contents .entry_box .image-box p{
	font-size:0.8em;
	line-height:1.1em;
	margin:0px 0px 0px 4px;
	padding:0px;
	left:15px;
	position:relative;
	display:block;
	width:135px;
}





















#contents_wide .entry_box {
	border:1px solid #cccccc;
	padding:20px 0px 20px;
	margin-top:5px;
	display:block;
	overflow:hidden;
	position:relative;
	width:846px;
}
#contents_wide .entry_body {
	position:relative;
	width:708px;
	margin:16px 0px 0px 0px;
	display:block;
	overflow:hidden;
	left:20px;
}


#contents_wide .entry_box h3{
	border-left:4px solid #314066;
	padding:0px 0px 4px 8px;
	margin:2px 20px 2px;
	background:url(../images/ten_line_bg.gif) left bottom repeat-x;
	text-align:left;
	line-height:1.2em;
	font-size: 14px;
}

#contents_wide .entry_box .date{
	display:block;
	text-align: right;
	font-weight:lighter;
	font-size:12px;
	line-height:1.1em;
	padding-right:22px;
	
}

#contents_wide .entry_box p.url{
	margin-left:0px;
	padding-left:0px;
	padding-top:15px;
}


#contents_wide .entry_box p{
	margin:0px 17px 15px 20px;
}
/* image-main */
#contents_wide .entry_box .image-main {
	float:left;
	margin-bottom:5px;
}
#contents_wide .entry_box .image-main img{
	margin-right:10px;
	margin-bottom:2px
}
#contents_wide .entry_box .image-main p{
	font-size:0.8em;
	line-height:1.1em;
	margin:0px;
	padding:0px;
	position:relative;
	display:block;
}

/* .image-box */
#contents_wide .entry_box .image-box{
	position:relative;
	float:right;
	/*
	width:150px;
	*/
	position:relative;
	overflow:hidden;
	padding:0px;
	display:block;
	top:-10px;
}
#contents_wide .entry_box .image-box img{
	margin:10px 0px 0px 20px;
}
#contents_wide .entry_box .image-box p{
	font-size:0.8em;
	line-height:1.1em;
	margin:0px 0px 0px 4px;
	padding:0px;
	left:15px;
	position:relative;
	display:block;
	width:135px;
}




.mBtn   { display:block; margin-top:15px; }
.mBtn a { font-size:12px; width:auto; padding:5px 15px; line-height:110%; background-color:#e5e5e5;border:1px solid #ccc;color:#666;text-decoration:none; position:relative;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f5f5f5));
    background: -moz-linear-gradient(#fff,#f5f5f5);
    -pie-background: linear-gradient(#fff,#f5f5f5);
    behavior: url(/css/PIE.htc);
}
.mBtn a:hover   {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#fff));
    background: -moz-linear-gradient(#f5f5f5, #fff);
    -pie-background: linear-gradient(#f5f5f5, #fff);
    behavior: url(/css/PIE.htc);
}







.index_box_area {
	width: 100%;
	margin: 20px 0;
	padding: 0;
}

.index_box {
	width: 302px;
	height: 190px;
	float: left;
	margin: 6px 4px;
	border: 1px solid #aaa;
	border-left: 3px solid #000077;
	padding: 5px;
	background-color: #ffffff;
}

.index_box h3 {
	margin: 0;
	padding: 1px;
	font-size: 1em;
	border-bottom: 1px dotted #aaa;
}

.index_box p {
	float: right;
	margin: 2px 0;
	padding: 1px;
	font-size: 1em;
}

.index_box img {
	float: left;
	margin-top: 8px;
	margin-right: 7px;
}



.index_box_area_top {
	width: 548px;
	margin: 5px 5px;
	padding: 0;
}

.index_box_top {
	width: 248px;
	height: 128px;
	float: left;
	margin: 6px 4px 6px 0px;
	border: 1px solid #aaa;
	border-left: 3px solid #000077;
	padding: 5px;
	background-color: #ffffff;
}

.index_box_top h3 {
	margin: 0;
	text-align: left;
	padding: 1px;
	font-size: 1em;
	border-bottom: 1px dotted #aaa;
}

.index_box_top p {
	float: right;
	text-align: left;
	margin: 2px 0;
	padding: 1px;
	font-size: 1em;
}

.index_box_top img {
	float: left;
	margin-top: 8px;
	margin-right: 7px;
}





#left_contents {
	margin:10px 0px;
	float:left;
	width:200px;
	overflow:hidden;
}

#navlist
{
	padding: 1px;
	font-size: 13px;
	background: #e6e6e6;
	width: 200px;
	color: #006;
}

#navlist li.data
{
list-style: none;
margin: 0px;
border-bottom: 1px #aaaaaa dotted;
text-align: left;
}

#navlist li.catename {
	list-style: none;
	margin: 0px;
	background: #cccccc;
	border-bottom: 1px #aaaaaa solid;
	text-align: left;
}

#navlist li.data a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
text-decoration: none;
}

#navlist li.catename a {
	display: block;
	padding: 0.5em 0.25em 0.25em 0.25em;
	font-size: 1.1em;
	text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #006; }

#navlist li a:hover
{
color: #000080;
background: white;
}

.tel {
	white-space: nowrap;
}

/* テーブル基本 左thタイプ
----------------- */
table.data_table{
	border-top:1px solid #999999;
	margin:0px auto 25px;
	line-height:130%;
	font-size:1em;
	width:100%;
}

table.data_table th{
	border-left:1px solid #999999;
	background-color:#eeeeee;
	border-bottom:1px solid #999999;
	padding:5px 10px 5px 10px;
	font-weight:normal;
	margin:0px;
	text-align:right;
	white-space:nowrap;
}

table.data_table td{
	background-color:#ffffff;
	border-bottom:1px solid #999999;
	padding:4px 10px;
	margin:0px;
	border-right:1px solid #999999;
	text-align:left;
	}
table.data_table td.meibo_name{
	width:80px;
}	
/* テーブル基本 上thタイプ
----------------- */
table.data_table2{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-color:#F9F9F9;
	margin:0px auto 25px;
	line-height:130%;
	font-size:1em;
	width:100%;
}
table.data_table2 th{
	background-color:#eeeeee;
	border-bottom:1px solid #cccccc;
	padding:4px 3px 4px 3px;
	font-weight:bold;
	margin:0px;
	text-align:center;
	white-space:nowrap;
	/*
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	*/
	border-right:1px solid #cccccc;
	}
table.data_table2 td{
	background-color:#ffffff;
	border-bottom:1px solid #cccccc;
	padding:4px 10px;
	margin:0px;
	/*
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	*/
	border-right:1px solid #cccccc;
	}
table.data_table2 tr.tr_color2 td{
	background-color:#f0f0f0;
}


table.landscape { border-collapse:collapse; border-bottom:1px dotted #ccc;}
table.landscape tr {}
table.landscape th { width:150px; margin:0; padding-top:10px; border-top:1px dotted #ccc;
   				font-size:15px; text-align:left; font-weight:normal; vertical-align: top; }
table.landscape td { margin:0; padding:10px; border-top:1px dotted #ccc; font-size:14px }
table.landscape td.place { width:60px; }
table.landscape td dt { float:left; }




table.photo_table{
	font-size:1em;
	margin-top:15px;
}
table.photo_table td{
	padding:5px;
	vertical-align:top;
}
table.photo_table td img{
	margin-bottom:3px;
}


blockquote {
	padding: 4px;
	border:1px dotted #cccccc;
	background-color:#efefef;
	color: #666688;
}

#qa_box {
	margin: 14px 0;
}


#qa_box .question {
	color:#000077;
	font-size:1.1em;
}

#qa_box .answer {

}


.wp_social_bookmarking_light{
    border: 0 !important;
    padding: 10px 0 20px 0 !important;
    margin: 0 !important;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_twitter{
    width: 100px;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}


/* footer
---------------------------------------------------- */
#footer #robo{
	float:right;
	display:block;
	font-style: normal;
	font-size: 8pt;
	letter-spacing: 2px;
	color: #aaaaaa;
	padding: 0px 0px;
	margin: 1px;
}

#footer{
	clear:both;
	font-size:0.8em;
	border-top:2px solid #3333cc;
	width:830px;
	display:block;
	overflow:hidden;
	margin:15px auto;
	padding-top:5px;
	color:#666666;

}

#footer #copy{
	display:block;
	font-style: normal;
	font-size: 8pt;
	letter-spacing: 2px;
	color: #aaaaaa;
	padding: 0px 0px;
	margin: 1px;
}

#footer #exp{
	display:block;
	margin: 1px;
	font-size:100%;
	margin:1px 80px;
	color: #aaaaaa;
	text-align:left;
	line-height:1.4em;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0.1px;
	line-height: 0.1px;
}

.clearfix {
	display: inline-block;
	position: relative; /* DW */
}

/* Hides from IE-mac ＼*/
.clearfix {
	display: block; 
}

