@charset "utf-8";
/*
Theme Name: 角館高校同窓会
Description: 角館高校同窓会のテーマ
Author: Mika Obata
Version: 1.0

2015.01.21
*/

html { overflow:-moz-scrollbars-vertical; }
body{
 margin: 0px;
 padding: 0px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
 background-color: #fff;
}

p{
	color:#000;
	margin: 0;
	padding:0;
	font-size:15px;
}

a{		text-decoration:underline;}
a:hover{	text-decoration:none;}

img{
	border:none;
	margin:0;
	padding:0;
	vertical-align: bottom;
}

ul {
    margin: 0 0 0 20px;
    padding: 0;
}
li {
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0;
}

/* クリア用 */
.clear{
	clear:both;
	margin:0;
	padding:0;
}

/* wordpress画像キャプションスタイル */
.wp-caption .wp-caption-text {
	text-align:center;
	margin:0 0 20px 0;
}

/* テーブルスタイル（卒業期一覧） */
table {
    border: 1px solid #000;
    border-collapse: collapse;
}
th {
    background-color: #e4e4e4;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    color: #000;
    padding: 5px;
    text-align: center;
}
td {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    color: #000;
    padding: 5px;
    text-align: center;

}
table col.obonai1{	background-color: #bdb8ff;	}
table col.obonai2{	background-color: #99c7ff;	}
table col.obonai3{	background-color: #b0f0ff;	}
table col.obonai4{	background-color: #ffb6cd;	}
table col.obonai5{	background-color: #ffc5ff;	}

table col.obonai6{	background-color: #82d991;	}
table col.obonai7{	background-color: #c9de8c;	}
table col.obonai8{	background-color: #dbf28a;	}
table col.obonai9{	background-color: #ffa88c;	}
table col.obonai9-2{	background-color: #ffc79e;	}
table col.obonai10{	background-color: #91f9f9;	}
table col.obonai11{	background-color: #f2d79e;	}
table col.obonai12{	background-color: #89efb7;	}
table col.obonai13{	background-color: #aae8c6;	}
table col.obonai14{	background-color: #9ccff2;	}
table col.obonai15{	background-color: #bfe1f7;	}

/* ヘッダー（トップ） */
.header-top1200{
 width:1200px;
 margin:0 auto;
 padding:0;
}
.header-1024{
 width:1024px;
 margin:0 auto;
}
.header-p{
 color:#fff;
 text-align:left;
 font-size:15px;
}
.top-img{
 width:1200px;
 height:300px;
 margin:0 auto;
 padding:0;
}


/* ヘッダー（中ページ） */
.main-backcolor{	background-color:#f2f2f2;}
.main-body{	width:1024px;
 		background-color:#fff;
		padding:0;
		margin:0 auto;
}
.header-border{
 background-color:#401A67;
 height:25px;
}
.header-img{
 width:1024px;
 height:90px;
 margin:0 auto;
 padding:0;
}


#header {
    height: 120px;
    margin: 0 auto;
    padding: 0;
    width: 890px;
}
#header #logo {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 455px;
}
#header #tel {
    float: right;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 435px;
}

/* フッター */
#footer {
 background-color: #401A67;
 margin: 0px;
 padding: 0px;
}
#footer #Copyright{
 margin: 0px;
 padding: 0;
 font-size:15px;
 text-align: center;
 color:#fff;
}
.footer-border{
 height:10px;
 background-color: #350E51;
 margin: 0px;
 padding: 0px;
}
.footer-1024{
    width: 1024px;
    margin: 0 auto;
    padding: 0;
}
.copy-left{
 width: 500px;
 height:100px;
 margin: 0px;
 padding: 10px 0 10px 12px;
 background-color: #401a67;
 text-align: left;
 float: left;
 color:#fff;
}
.copy-right{
 width: 500px;
 height:100px;
 margin: 0px;
 padding: 10px 12px 10px 0;
 background-color: #401a67;
 float: left;
 float: right;
 text-align:right;
 color:#fff;
}
.copy-right p{
 color:#fff;
}
.copy-link a{
 color:#fff;
}



/* ナビゲーション（リピート背景） */
.navi-back{
 background: url("/wp/img/menuback.jpg") repeat-x;
 height: 80px;
 margin: 0px;
 padding: 0px;
}


/* ナビゲーション */
#navi {
 width: 1024px;
 height: 80px;
 margin: 0px auto;
 padding: 0px;
 background: url("/wp/img/menu.jpg") no-repeat;
}

.navigation{
	margin:0 10px;
	padding:0;
}
.navigation a{
	background:url("/wp/img/menu.jpg") no-repeat;
    	text-decoration: none;
   	overflow: hidden;
    	text-indent: -9999px;
}
.menu{
	margin:0 0 0 0;
	padding:0;
}

.navi1,.navi1 a{
  display: block;
  float:left;
  width: 66px;
  height: 80px;
  margin: 0px;
  padding: 0px;
}
.navi2,.navi2 a,
.navi3,.navi3 a{
  display: block;
  float:left;
  width: 159px;
  height: 80px;
  margin: 0px;
  padding: 0px;
}
.navi4,.navi4 a,
.navi5,.navi5 a,
.navi6,.navi6 a,
.navi7,.navi7 a {
  display: block;
  float:left;
  width: 155px;
  height: 80px;
  margin: 0px;
  padding: 0px;
}

.navi1 a:link { background-position: -10px 0px;} /* 通常時 */
.navi2 a:link { background-position: -76px 0px;}
.navi3 a:link { background-position: -235px 0px;}
.navi4 a:link { background-position: -394px 0px;}
.navi5 a:link { background-position: -549px 0px;}
.navi6 a:link { background-position: -704px 0px;}
.navi7 a:link { background-position: -859px 0px;}

.navi1 a:hover { background-position: -10px -80px;} /* マウスオーバー */
.navi2 a:hover { background-position: -76px -80px;}
.navi3 a:hover { background-position: -235px -80px;}
.navi4 a:hover { background-position: -394px -80px;}
.navi5 a:hover { background-position: -549px -80px;}
.navi6 a:hover { background-position: -704px -80px;}
.navi7 a:hover { background-position: -859px -80px;}

.navi2.current-menu-item a { background-position: -76px -80px;} /* 現在のページ */
.navi3.current-menu-item a { background-position: -235px -80px;}
.navi4.current-menu-item a { background-position: -394px -80px;}
.navi5.current-menu-item a { background-position: -549px -80px;}
.navi6.current-menu-item a { background-position: -704px -80px;}
.navi7.current-menu-item a { background-position: -859px -80px;}



/* top3カラム */
.top-left{
 width:235px;
 float:left;
 margin:0;
 padding:20px 22px 10px 10px;
}
.top-center{
 width:485px;
 float:left;
 margin:0;
 padding:20px 22px 10px 0;
}
.top-right{
 width:234px;
 height:700px;
 float:left;
 background-color: #EEEFF4;
 margin:0;
 padding:10px 8px 10px 8px;
}

/* トップ左のレイアウト */
.top-itiran{
 margin:0 0 20px 0;
}
.top-itiran:hover{
 opacity: 0.6;
}
.top-itiran2{
 margin:0;
}
.top-itiran2:hover{
 opacity: 0.6;
}

/* トップ真ん中のレイアウト */
/* 事務局からのお知らせ */
.osirase{
 margin:0;
 padding:0;
}
.osirase-img{
 margin:0 0 10px 0;
 padding:0;
}
.osirase-li{
 border-bottom:1px dashed #999;
 padding:3px 20px;
 font-size:15px;
}
.osirase-li a{
 font-size:15px;
}
.osirase-point{
 width:5px;
 height:15px;
 background-color:#dedcac;
 float:left;
 margin:4px 10px 0 0;
}
.osirase-itiranbottom{
display: block;
float:right;
width:130px;
height:23px;
padding:2px 0 0 20px;
margin:5px 10px 20px 0;
background-color:#c9c26b;
text-decoration:none;
font-size:14px;
color:#442B04;
border-radius: 3px;
}
.osirase-itiranbottom:hover{
background-color:#efe8a5;
}
.bottom-img{
margin:0 0 5px 5px;
}
.osirase-itiranbottom2{
display: block;
float:right;
width:180px;
height:27px;
padding:8px 0 0 50px;
margin:20px 0 20px 0;
background-color:#c9c26b;
text-decoration:none;
font-size:14px;
color:#442B04;
border-radius: 3px;
}
.osirase-itiranbottom2:hover{
background-color:#efe8a5;
}
.bottom-img2{
margin:0 0 5px 20px;
}



/* 新着情報 */
.news{
 width:483px;
 border-right:1px solid #999;
 border-bottom:1px solid #999;
 border-left:1px solid #999;
}
.new-list{
 height:70px;
 border-bottom:1px dashed #999;
 padding:10px 20px;
}
.new-a{
  display: block;
  width:483px;
  height:90px;
  margin:1px 0 0 0;
}
.new-a:hover{
 background-color:#b9e9ea;
}
.new-samune{
 float:left;
}
.new-text{
 width:300px;
 float:left;
 margin:0 0 0 20px;
 font-size:15px;
}
.new-icon{
 float:right;
 margin:30px 0 0 0px;
 padding:0px;
}
.new-itiranbottom{
display: block;
float:right;
width:130px;
height:23px;
padding:2px 0 0 20px;
margin:10px 10px 10px 0;
background-color:#9ad0d8;
text-decoration:none;
color:#4d4d4d;
font-size:14px;
border-radius: 3px;
}
.new-itiranbottom:hover{
background-color:#c5f8fc;
}
.new-itiranbottom2{
display: block;
float:right;
width:180px;
height:27px;
padding:8px 0 0 50px;
margin:20px 0 20px 0;
background-color:#9ad0d8;
text-decoration:none;
color:#4d4d4d;
font-size:14px;
border-radius: 3px;
}
.new-itiranbottom2:hover{
background-color:#c5f8fc;
}


/* トップ右のレイアウト */
.top-right230img{
 margin:0 0 0 2px;
}
.banner{
 margin:20px 0 0 0;
 padding:0;
}
.banner:hover{
 opacity: 0.6;
}
.banner-text{
 text-align:center;
 font-size:14px;
 padding:0;
 margin:0;
}
.sarato{
 width:234px;
 background-color:#fff;
 margin:50px 0 30px 0;
 padding:0;
}
.sarato-a{
 border:1px solid #999;
 background-color:#f7f7f7;
}
.sarato-a a{
 display: block;
 padding:5px 10px;
 width:212px;
 height:25px;
}
.sarato-a a:hover{
 background-color:#E4E4E4;
}
.sarato-p{
 padding:10px;
 border-right: 1px solid #999;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
}
.sarato-img{
margin:5px 5px 0 0;
float:right;
}


/* パンくずリスト */
#pan {
 width: 950px;
 height: 25px;
 margin: 0 auto;
 padding: 10px 0;
 text-align: left;
}
.pan-color{
 color:#401a67;
}

/* ページタイトル（メイン） */
.page-title{
 width: 950px;
 height: 35px;
 background-color: #f2f2f2;
 margin: 0 auto;
 padding: 0;
}
.page-titleimg{
 float:left;
 padding:10px 30px;
}
.page-titletext{
 float:left;
 color:#401a67;
 font-size:20px;
 margin:0;
 padding:3px 0 0 0;
}


/* 左メニュー（pege） */
.left-menu{
 width:230px;
 float:left;
 margin:20px 20px 20px 36px;
}

/* 左メニュー（同窓会について） */
#menu-tuite-menu{
 margin:0 0 50px 0;
}

.tuite1 a,.tuite2 a,
.tuite3 a,.tuite4 a,
.tuite5 a{
  display: block;
  width: 196px;
  height: 40px;
  border:1px solid #cccccc;
  border-radius: 5px;
  text-decoration:none;
  margin: 0 0 5px 0;
  padding: 18px 0 0 32px;
  color:#000;
  font-size:17px;
box-shadow: 1px 1px 3px #bababa;
}
.tuite1,.tuite2,.tuite3,.tuite4,.tuite5{
  	margin: 0 0 5px 0;
  	padding:0;
	list-style-type:none;
}

.tuite1 a:link { background-position: -10px 0px;} /* 通常時 */
.tuite2 a:link { background-position: -76px 0px;}
.tuite3 a:link { background-position: -235px 0px;}
.tuite4 a:link { background-position: -394px 0px;}
.tuite5 a:link { background-position: -549px 0px;}

.tuite1 a:hover,  /* マウスオーバー */
.tuite2 a:hover,
.tuite3 a:hover,
.tuite4 a:hover,
.tuite5 a:hover{
  background-color: #c4b8f2;
  border:1px solid #666666;
}

.tuite1.current-menu-item a,.tuite2.current-menu-item a, /* 現在のページ */
.tuite3.current-menu-item a,.tuite4.current-menu-item a,
.tuite5.current-menu-item a{
  background-color: #c4b8f2;
  border:1px solid #666666;
}

/* 左メニュー（一覧・facebbok） */
.left-itiran{
  display: block;
  width: 196px;
  height: 40px;
  border-top:1px dashed #cccccc;
  border-bottom:1px dashed #cccccc;
  text-decoration:none;
  margin: 0;
  padding: 18px 0 0 32px;
  color:#000;
}
.left-facebook{
  display: block;
  width: 196px;
  height: 40px;
  border-bottom:1px dashed #cccccc;
  text-decoration:none;
  margin: 0 0 0 0;
  padding: 18px 0 0 32px;
  color:#000;
}
.left-itiran:hover,.left-facebook:hover{
  background-color: #c4b8f2;
}


/* ページタイトル（サブ） */
.page-title-sub{
 background:url("/wp/img/page/titleback.jpg") no-repeat;
 height:90px;
 margin:20px 0 0 0;
}
.page-title-sub p{
  font-size: 20px;
  margin: 0;
  padding-left: 60px;
  padding-top: 20px;
}

/* ページ */
.page{
 width:700px;
 float:left;
}
.page-contents{
 width:640px;
 background-color: #f2f2f2;
 padding:30px;
 margin:0 0 30px 0;
}


/* 【単】記事ページレイアウト */
/* （左側） */
.tan-left-menu{
 width:230px;
 float:right;
 margin:20px 0 20px 0;
}
.leftlist-title{
 width:230px;
 height:27px;
 padding:3px 0 0 0;
 text-align:center;
 margin:0 0 5px 0;
 background-color:#e6e6e6;
}
.tan-left-li{
 background-color:#f2f2f2;
 border-bottom:1px dotted #999;
 margin:0 0 2px 0;
}
.tan-left-li a{
  display: block;
  width: 190px;
  height: 75px;
  padding:10px 20px;
  text-decoration:none;
  color:#000;
}
.tan-left-li a:hover{
 background-color:#e4e4e4;
}

/* （右側） */
.tan-page{
 width:650px;
 min-height:550px;
 float:right;
 border-left:1px solid #cccccc;
 margin:20px 38px 20px 20px;
 padding:10px 0 0 20px;
}
.tan-title{
 width:630px;
 border-bottom:2px solid #f2f2f2;
}
.tan-border2{
 width:630px;
 border-bottom:2px solid #cccccc;
 margin:0;
 padding:0;
}
.tan-icon{
 float:left;
 height:20px;
 width:10px;
 background-color:#dedcac;
 margin:4px 15px 0 10px;
}
.tan-title p{
 width:590px;
 font-size:18px;
 float:left;
}
.tan-time{
 text-align:right;
 margin:10px 40px 0 0;
}
.tanpage-contents{
 width:570px;
 padding:30px;
 margin:0 0 30px 0;
}
.tanpage-contents img{
 max-width:570px;
 height:auto;
}

.tan-border-bottom{
 width:630px;
 height:15px;
 background-color:#f2f2f2;
}

.tan-next-text{
 width:280px;
 float:left;
 text-align:left;
 margin:10px 0 0 10px;
}
.tan-old-text{
 width:280px;
 float:right;
 text-align:right;
 margin:10px 28px 0 0;
}


/* 年別アーカイブ一覧スタイル */
/* 【左側】 */
.archive-left-menu{
 width:230px;
 float:right;
 margin:20px 0 20px 0;
}
.archiveleft-title{
 width:230px;
 height:27px;
 padding:3px 0 0 0;
 text-align:center;
 margin:0 0 5px 0;
 background-color:#dedcac;
}
.archive-left-li{
 margin:0 0 2px 0;
}
.archive-left-li li{
 margin:0;
 padding:0;
}
.archive-left-li a{
  display: block;
  width: 190px;
  height: 20px;
  padding:10px 20px;
  text-decoration:none;
  text-align:center;
  color:#000;
 border-bottom:1px dotted #999;
}
.archive-left-li a:hover{
 background-color:#F8F491;
}
.archive-left-bottom{
 width:230px;
 height:20px;
 background-color:#dedcac;
 margin:10px 0 30px 0;
}

/* 【右側】 */
.archive-page{
 width:650px;
 min-height:550px;
 float:right;
 border-left:1px solid #cccccc;
 margin:20px 38px 0 20px;
 padding:10px 0 0 20px;
}
.archive-ul{
 margin:30px 0;
 padding:0;
}
.archive-li{
 background-color:#f2f2f2;
 border-bottom:1px dotted #999;
 margin:0 0 2px 0;
}
.archive-li a{
  display: block;
  width: 590px;
  height: 20px;
  padding:10px 30px;
  text-decoration:none;
  color:#000;
}
.archive-li a:hover{
 background-color:#e4e4e4;
}
.archive-icon{
    float: right;
    margin: 4px 0 0 0;
    padding: 0;
}



.left-itiran-p{
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    color: #000;
    display: block;
    height: 28px;
    margin: 0;
    padding: 10px 0 0 32px;
    text-decoration: none;
    width: 196px;
}
.left-itiran-a{
    margin:5px 0 5px 60px;
    height: 25px;
    display: block;
    width: 150px;
}


/* メールフォームスタイル */
.form-body{
 width:560px;
 margin:20px 40px;
}
.form-left{
 float:left;
 width:150px;
 padding:0 0 0 20px;
}
.form-right{
 float:left;
 width:350px;
}
input.input-text{
 width:300px;
 height:20px;
}
select.input-select{
 height:25px;
}
.need{
 color:#ff0000;
}
.bottom{
  width: 640px;
  height: 50px;
  padding: 15px 0 0 0;
}
.submit-bottom{
 display: block;
 width:150px;
 height:50px;
 float:left;
 margin:0 30px 0 130px;
 font-size:15px;
}
.reset-bottom{
 display: block;
 width:150px;
 height:50px;
 float:left;
 font-size:15px;
}
.list-kakunin{
 width:550px;
 margin:20px 40px;
}
.mail01{
 width:200px;
 height:35px;
 background-color:#F4E3FF;
}
.mail02{
 width:350px;
 height:35px;
}
.complete-text{
  text-align: center;
}
.form-bottom1{
 display: block;
 width:150px;
 height:50px;
 float:left;
 margin:0 20px 0 120px;
 font-size:15px;
}
.form-bottom2{
 display: block;
 width:150px;
 height:50px;
 float:left;
 font-size:15px;
}
.form-bottom3{
 display: block;
 width:150px;
 height:50px;
 float:left;
 margin:20px 0 0 250px;
 font-size:15px;
}
.submit-bottom:hover{
 border-color:#50c9ff;
}
.reset-bottom:hover{
 border-color:#ff4848;
}
.form-bottom1:hover{
 background-color:#F4E3FF;
}
.form-bottom2:hover{
 background-color:#F4E3FF;
}
.form-bottom3:hover{
 background-color:#F4E3FF;
}

/* 左メニュー（学校紹介） */
#menu-syokai-menu{
 margin:0 0 50px 0;
}

.syokai1 a, .syokai2 a, .syokai3 a, .syokai4 a{
  display: block;
  width: 196px;
  height: 40px;
  border:1px solid #cccccc;
  border-radius: 5px;
  text-decoration:none;
  margin: 0 0 5px 0;
  padding: 18px 0 0 32px;
  color:#000;
  font-size:17px;
box-shadow: 1px 1px 3px #bababa;
}
.syokai1, syokai2, syokai3, syokai4{
  	margin: 0 0 5px 0;
  	padding:0;
	list-style-type:none;
}

.syokai1 a:link, .syokai2 a:link,
.syokai3 a:link, .syokai4 a:link { background-position: -10px 0px;} /* 通常時 */

/* マウスオーバー */
.syokai1 a:hover, .syokai2 a:hover,
.syokai3 a:hover, .syokai4 a:hover{
  background-color: #c4b8f2;
  border:1px solid #666666;
}

/* 現在のページ */
.syokai1.current-menu-item a, .syokai2.current-menu-item a,
.syokai3.current-menu-item a, .syokai4.current-menu-item a{
  background-color: #c4b8f2;
  border:1px solid #666666;
}


/* 校歌音楽プレーヤー埋め込みスタイル */
.audiojs {
width:310px;
height:26px;
background-image:none;
background-color:#444;
}
.audiojs .play-pause{
width:25px;
height:40px;
padding:0;
}
.audiojs .scrubber{
width:160px;
margin:5px;
}
.audiojs .time{
line-height:28px;
}


.bokou-text{
font-size:13px;
}


/* 左メニュー（会報について） */
#menu-kaihou-menu{
 margin:0 0 50px 0;
}

.kaihou1 a,.kaihou2 a,
.kaihou3 a,.kaihou4 a{
  display: block;
  width: 196px;
  height: 40px;
  border:1px solid #cccccc;
  border-radius: 5px;
  text-decoration:none;
  margin: 0 0 5px 0;
  padding: 18px 0 0 32px;
  color:#000;
  font-size:17px;
box-shadow: 1px 1px 3px #bababa;
}
.kaihou1,.kaihou2,.kaihou3,.kaihou4{
  	margin: 0 0 5px 0;
  	padding:0;
	list-style-type:none;
}

.kaihou1 a:link { background-position: -10px 0px;} /* 通常時 */
.kaihou2 a:link { background-position: -76px 0px;}
.kaihou3 a:link { background-position: -235px 0px;}
.kaihou4 a:link { background-position: -394px 0px;}

.kaihou1 a:hover,  /* マウスオーバー */
.kaihou2 a:hover,
.kaihou3 a:hover,
.kaihou4 a:hover{
  background-color: #c4b8f2;
  border:1px solid #666666;
}

.kaihou1.current-menu-item a,.kaihou2.current-menu-item a, /* 現在のページ */
.kaihou3.current-menu-item a,.kaihou4.current-menu-item a{
  background-color: #c4b8f2;
  border:1px solid #666666;
}