/*-------------------------------------------
関西五島人会
-------------------------------------------*/
html {
	height: 100%;
	width: 100%;
}


body {
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height:normal;
	color: #333;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image:url(../img/bk.jpg);
	background-repeat:repeat-x;
}

#header_bk{ width:980px; height:90px; margin:0 auto; background-image:url(../img/header_bk.jpg); background-repeat:no-repeat;}
#menu_bk{ width:980px; margin:0 auto; height:50px; clear:both;}
#menu_bk ul{margin:0px; padding:0px;}
#menu_bk ul li{float:left; list-style:none;}
#headline{ width:980px; height:46px; background-image:url(../img/headline.jpg); background-repeat:no-repeat; margin:0 auto; line-height:46px; text-align:left;}
#headline_box{ height:12px; padding-left:135px; text-align:left; width:845px;}
#main_bk{ width:980px; margin:0 auto; padding-bottom:50px;}
.logo{ float:left;}

h1{ font-size:12px; color:#333333; float:left; width:493px; text-align:left; font-weight:normal; margin-top:20px; line-height:1.6em;}

.text1{ text-align:left; padding-left:18px; padding-right:18px; line-height:2em; font-size:14px;}
.gallery{ width:980px; height:180px;}

#left_box{ width:727px; height:auto; float:left; text-align:left;}
#right_box{ width:235px; height:auto; float:right; padding-right:18px;}
.text_right_banner{ font-size:12px; line-height:1.8em; padding-bottom:6px; text-align:left;}
#right_box a:hover img{
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}
.box_base{width:980px; height:auto; margin:auto;}

/*-------------------------------------------
510通信
-------------------------------------------*/
.news{ height:30px; line-height:30px; border-bottom-style:dashed 1px; text-align:left; padding-left:15px; clear:both;}
.news_box{ height:150px;}
.red_day{font-weight:bold; padding-left:3px; color:#CC0F13; font-size:12px; float:left;}
.icon{ line-height:46px; width:52px; height:16px; float:left; padding-top:14px;}

.text_shousai A:link {font-size:12px; color:#333333; float:left; padding-left:6px; font-weight:bold;}
.text_shousai A:active {font-size:12px; color:#333333; float:left; padding-left:6px; font-weight:bold;}
.text_shousai A:visited {font-size:12px; color:#333333; float:left; padding-left:6px; font-weight:bold;}
.text_shousai A:hover {font-size:12px; color:#1A96BF; float:left; padding-left:6px; font-weight:bold;}


.ptb{ padding-top:10px; padding-bottom:20px;}
.title{ height:40px; line-height:40px; background-image:url(../img/title.gif); background-repeat:no-repeat; font-weight:bold; font-size:16px; padding-left:30px; color:#F14605; font-weight:bold; padding-bottom:10px; clear:both;}

.title_{ height:40px; line-height:40px; background-image:url(../img/title_.gif); background-repeat:no-repeat; font-weight:bold; font-size:16px; padding-left:30px; color:#F14605; font-weight:bold; padding-bottom:10px; clear:both;}

.shousai{ padding-left:15px; line-height:1.8em; padding-bottom:20px; padding-right:20px; font-size:14px;}
.photo_blog{ float:left; padding-right:8px; padding-bottom:8px;}


/*-------------------------------------------
同窓会リンク
-------------------------------------------*/
.link_al{ padding-left:25px; text-align:left;}
.link_al ul{ padding:0px; margin:0px;}
.link_al ul li{ background-image:url(../img/list.gif); background-repeat:no-repeat; font-size:14px; height:14px; line-height:14px; padding-bottom:20px; padding-left:20px;}

/*-------------------------------------------
WEBチラシ
-------------------------------------------*/
.web_book{ width:940px; margin:0 auto; padding-top:40px; padding-bottom:10px;}
.web_width{ padding-left:14px; padding-right:14px;}
.web_book a:hover img{
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*-------------------------------------------
510通信
-------------------------------------------*/
.web_510{ width:940px; margin:0 auto; padding-top:20px; padding-bottom:10px;}
/*-------------------------------------------
TV
-------------------------------------------*/
.web_tv{ width:940px; margin:0 auto; padding-top:40px; padding-bottom:30px;}
.web_tv a:hover img{
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}
.tv_top{ font-size:12px; font-weight:bold; color:#D53A00; padding-top:5px;}
/*-------------------------------------------
footer
-------------------------------------------*/
#footer_bk {
	background-image:url(../img/footer_bk.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	height:300px;
	clear:both;
}
#footer{ width:980px; height:300px; background-image:url(../img/footer.jpg); background-repeat:no-repeat; margin:0 auto; text-align:left; color:#CCCCCC;}

#footer A:link {color:#FFF;}
#footer A:active {color:#FFF;}
#footer A:visited {color:#FFF;}
#footer A:hover {color:#FED30C;}


#footer_{ padding-top:20px;}

#footer_ ul{ margin:0px; padding:0px;}
#footer_ ul li{ float:left; line-height:25px;}

#page_box {width:980px; margin:0px auto; height:39px;}

#page_top{ width:196px; height:25px; margin:0 auto;}
.top_photo{
	height:145px;
	margin:0 0 20px 10px;
	width:792px;
}

.footer_left{ float:left; width:350px; color:#FFFFFF; line-height:1.8em; padding-left:20px; padding-top:30px;}
.footer_right{ float:left; width:580px; color:#FFFFFF; line-height:1.8em; padding-left:25px; padding-top:30px;}

/*-------------------------------------------
	▼hタグ▼
-------------------------------------------*/
h2{ background-image:url(../img/h2.jpg); color:#DDDDDD; width:770px; line-height:32px; text-align:left; padding-left:40px; font-size:14px;}
h3{ background-image:url(../img/h3.jpg); color:#333333; width:770px; line-height:30px; text-align:left; padding-left:40px; font-size:14px;}
h4{ width:860px; height:20px; line-height:25px; background-image:url(../img/h5.jpg); background-repeat:no-repeat; text-align:left; padding-left:44px;}
/*-------------------------------------------
	▼main▼
-------------------------------------------*/
.text_m{ text-align:left; padding-left:42px; padding-right:42px; line-height:2em;}
.text_l{ text-align:left; padding-left:42px; padding-right:42px; line-height:2em; font-size:14px;}

#main_top ul{ margin:0px; padding:0px; list-style:none; text-align:left; padding-left:40px; line-height:2em; padding-right:20px;}

.k{ text-align:left; line-height:2em; width:730px; margin:0 auto; font-size:12px;}
.big{ font-size:14px; font-weight:bold;}
.line{ background-image:url(../img/line.gif); background-repeat:repeat-x; line-height:9px;}
.text_pr{font-weight:bold; background-image:url(../img/h5.jpg); background-repeat:no-repeat; text-align:left; padding-left:42px; height:30px; margin-top:20px;}
.map_a{ font-size:14px; line-height:2em;}

/*-------------------------------------------
	▼pan▼
-------------------------------------------*/
.pan{ height:14px; line-height:14px; text-align:left; width:100%; width:780px; margin:0 auto; margin-bottom:20px;}


/*-------------------------------------------
	▼facebook▼
-------------------------------------------*/
.facebook_box{ width:717px; height:30px; line-height:30px; padding-left:10px; float:left; margin-bottom:10px;}
.facebook_text{ width:274px; text-align:left; font-size:12px; float:left; height:30px; line-height:30px;}
.facebook_b{ width:200px; text-align:left; float:left; height:20px; line-height:20px; padding-left:8px; margin-top:5px;}

.face_box{ width:960px; padding-left:10px; margin-bottom:20px;}

/*-------------------------------------------
	▼リンク▼
-------------------------------------------*/

A:link {color:#3C438A;}
A:active {color:#3C438A;}
A:visited {color:#3C438A;}
A:hover {color:#1A96BF;}



/*-------------------------------------------
	▼デフォルト▼
-------------------------------------------*/
p {margin:0; padding:0;}
ul, li {list-style-type:none; margin: 0px; padding: 0px;}
a img {	border:0;}
a {overflow:hidden;	outline:none;}



/*---------------------------------
共通CSS
---------------------------------*/

.align_right { float: right; }
.align_left { float: left; }
.clear { clear: both; }
.text_align_right { text-align: right; }
.text_align_left { text-align: left; }
.text_align_center { text-align: center; }
.bold{ font-weight:bold;}
.cb{clear:both;}

.margin_top05 { margin-top: 5px; }
.margin_top10 { margin-top: 10px; }
.margin_top15 { margin-top: 15px; }
.margin_top20 { margin-top: 20px; }
.margin_right05 { margin-right: 5px; }
.margin_right10 { margin-right: 10px; }
.margin_right15 { margin-right: 15px; }
.margin_right20 { margin-right: 20px; }
.margin_bottom05 { margin-bottom: 5px; }
.margin_bottom10 { margin-bottom: 10px; }
.margin_bottom15 { margin-bottom: 15px; }
.margin_bottom20 { margin-bottom: 20px; }
.margin_bottom30 { margin-bottom: 30px; }
.margin_bottom40 { margin-bottom: 40px; }
.margin_bottom50 { margin-bottom: 50px; }
.margin_left05 { margin-left: 5px; }
.margin_left10 { margin-left: 10px; }
.margin_left15 { margin-left: 15px; }
.margin_left20 { margin-left: 20px; }


.padding_top05 { padding-top: 5px; }
.padding_top10 { padding-top: 10px; }
.padding_top10_ { padding-top: 10px; padding-bottom:10px; }
.padding_top15 { padding-top: 15px; }
.padding_top20 { padding-top: 20px; }
.padding_right05 { padding-right: 5px; }
.padding_right10 { padding-right: 10px; }
.padding_right15 { padding-right: 15px; }
.padding_right20 { padding-right: 20px; }
.padding_bottom05 {	padding-bottom: 5px; }
.padding_bottom10 {	padding-bottom: 10px; }
.padding_bottom15 {	padding-bottom: 15px; }
.padding_bottom20 {	padding-bottom: 20px; }
.padding_bottom40 {	padding-bottom: 40px; }
.padding_left05 { padding-left: 5px; }
.padding_left10 { padding-left: 10px; }
.padding_left15 { padding-left: 15px; }
.padding_left20 { padding-left: 20px; }

/*-------------------------------*/