@CHARSET "UTF-8";

/*----------------------------------------------------------
	0.基本設定
----------------------------------------------------------*/

html, body, div, span, strong, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, address, big, cite, code,
del, dfn, em, font, img, ins, s, samp, small, sub,
dl, dt, dd, ol, ul, li,
fieldset, form, caption,
tbody, tfoot, thead, table, label, tr, th , td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}

body{
	font: 14px 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
	color: #555;
	background: #efefef;
}

a{
	color: #0099FF; /* royalblue */
	text-decoration: underline;
	}
	a:hover{
		color: #1D44B8;
	}

table{
	border-collapse: collapse;
	}
	table td{
		padding: 5px;
		vertical-align: middle;
	}

.clear{
	clear: both;
	line-height: 0;
}

/*----------------------------------------------------------
	1.ヘッダー
----------------------------------------------------------*/

#header{
	width: 950px;
/*	height: 230px;*/
	margin: 0 auto;
	background-color: #ffffff;
	padding-top: 20px;
	}
	#header a.logo_01{
		display: block;
		width: 300px;
		height: 35px;
/*		margin-top: 20px;*/
		margin-left: 15px;
	}
	
#header .column-layout{
	width: 100%;
	margin: 15px auto 20px;
}
#header .column-layout .left{
	float: left;
	width: 50%;
	}
	#header .column-layout .left a.logo_02{
		display: block;
		width: 430px;
		height: 80px;
		margin-left: 15px;
	}
	
#header .column-layout .right{
	float: right;
	width: 400px;
	height: 80px;
}

/* 検索フォーム */
#search-form{
	float: right;
	width: 300px;
	height: 40px;
	position: relative;
	margin-right: 15px;
	background: url("../images/search-form-off.png") no-repeat 0 0;
	}
	#s{
		background: none;
		width: 250px;
		height: 100%;
		margin: 9px 0 0 10px;
		border: none;
		outline: none;
	}
	#searchsubmit{
		background: none;
		width: 33px;
		height: 30px;
		position: absolute;
		top: 2px;
		right: 2px;
		text-indent: -9999px;
		cursor: pointer;
		border: none;
	}
	.focus{color: #AAAAAA;}

/* ナビ */
#header ul#sub-navi{
	float: right;
	margin: 20px 15px 0 0;
	}
	#header ul#sub-navi li{
		width: auto;
		float: left;
		margin-left: 30px;
		font-size: 110%;
	}

/*----------------------------------------------------------
	2.メニュー
----------------------------------------------------------*/

#main-menu{
	height: 60px;
	margin-top: 20px;
	}
	#main-menu li{
		width: auto;
		height: 60px;
		float: left;
		}
		#main-menu li a{
			display: block;
			width: 237px;
			height: 100%;
			text-indent: -9999px;
		}
		#main-menu .menu-home a{background: url("../images/menu_011.png") no-repeat 0 0;}
		#main-menu .menu-topics a{background: url("../images/menu_022.png") no-repeat 0 0;}
		#main-menu .menu-member a{background: url("../images/menu_033.png") no-repeat 0 0;}
		#main-menu .menu-reference a{background: url("../images/menu_044.png") no-repeat 0 0}
		
		#main-menu li a:hover{background-position: 0 -60px;}

/*----------------------------------------------------------
	3.コンテンツ
----------------------------------------------------------*/

#contents{
	width: 950px;
	margin: 0 auto;
	background-color: #ffffff;
}

#contents .home-outline h1{
	font-size: 200%;
	padding: 40px 25px 20px;
}

/* 写真スライドショー */
#slide-view{
	float: left;
	width: 400px;
	height: 283px;
	border: 1px solid #DDDDDD;
	}

/* 概要 */
#home-outline{
	margin: 10px 25px;
	}
	#home-outline p{
		line-height: 25px;
		margin-bottom: 10px;
	}

/* ニュースタブ */
#news-tab{
	float: left;
	width: 600px;
	margin-left: 25px;
}

/* スタッフ */
.staff table{
	margin-bottom: 10px;
}
.staff table th,
.staff table td{
	border: 1px solid #AAAAAA;
	padding: 10px 20px;
}
.staff p{
	line-height: 25px;
	margin-bottom: 20px;
}

/* 連絡先 */
.contact{
	margin-bottom: 20px;
}
.contact table td{
	padding: 3px;
}

/* タブ内コンテンツ */
#news-tab .news-contents{
	width: 590px;
	height: 240px;
	margin: 0 auto;
	overflow: auto;
}
#news-tab .news-contents li{
	display: block;
	padding: 6px 0;
	border-bottom: 1px dotted #AAAAAA;
}
#news-tab .news-contents li span,
#news-tab .news-contents li p{
	display: block;
	line-height: 20px;
	float: left;
	}
	#news-tab .news-contents li p{
		width: 450px;
		margin-left: 15px;
		font-size: 120%;
	}
#news-tab a.news-all{
	display: block;
	float: right;
	margin: 20px;
	width: 130px;
	height: 30px;
	text-indent: -9999px;
	background: url("../images/news-all.png") no-repeat 0 0;
	}
	#news-tab a:hover.news-all{
		background-position: 0 -30px;
	}

/* バナー */
#banner{
	float: right;
	width: 240px;
	margin-right: 25px;
	}
	#banner a{
		display: block;
		width: 240px;
		height: 70px;
		margin-bottom: 15px;
	}
	
/*----------------------------------------------------------
	4.パンくずリスト
----------------------------------------------------------*/

#breadcrumb{
	margin: auto 10px;
	padding: 10px;
	border-bottom: 2px solid #20528F;
}
#breadcrumb ul li{
	float: left;
	margin-right: 5px;
	font-size: 90%;
}

/*----------------------------------------------------------
	5.メインコンテンツ
----------------------------------------------------------*/

#main{
	float: left;
	width: 650px;
	height: auto;
	margin-left: 25px;
}
#main h2{
	border-left: 15px solid #20528F;
	border-bottom: 3px solid #20528F;
	padding: 10px;
	margin-top: 20px;
	font-size: 170%;
}
#main h3{
	border-left: 10px solid #20528F;
	font-size: 140%;
	padding: 5px;
	margin: 10px auto;
}
#main h4{
	font-size: 110%;
	padding: 5px;
	margin-top: 10px;
}

#main span.red{
	color: #E00B00;
}

#main ul.lead{margin: 30px 0 10px 20px;}
#main ul.lead li{
	list-style-type: square;
	font-size: 110%;
}

#main .comment{
	margin-top: 10px;
}
#main .comment p{
	line-height: 25px;
	font-size: 110%;
}

/* メンバーページ */
#main table.member{
	text-align: center;
	margin-bottom: 25px;
	margin-top: 10px;
}
#main table.member th,
#main table.member td{
	border: 1px solid #AAAAAA;
	padding: 10px 20px;
}
#main table.member th{background-color: #EEEEEE;}

#main div.member{margin-bottom: 20px;}


#main .column-layout{
	margin: 20px auto 30px;
}

#main .column-layout .box{
	width: auto;
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	margin-right: 20px;
}
#main .column-layout a.box{width: 30%;}

#main .column-layout .left{
	float: left;
	width: 100px;
	}
	#main .column-layout .left img{
		width: 100px;
		height: auto;
	}
#main .column-layout .right{
	float: right;
	width: 550px;
	margin-top: 10px;
	}
	#main .column-layout .right span{
		padding-left: 30px;
		width: 100%;
		display: block;
		font-size: 120%;
	}
	#main .column-layout .right span.name{
		font-size: 140%;
		font-weight: bold;
		padding-top: 0px;
	}
	#main .column-layout .right span.kana{
		padding-bottom: 10px;
		font-size: 90%;
	}
	#main .column-layout .right span.mail{font-size: 100%;}

#month-tab .description p{
	line-height: 25px;
	margin-bottom: 20px;
}

/* タブ内コンテンツ */
#month-tab .month-contents{
	width: 650px;
	height: auto;
	margin: 0 auto;
/*	font-size: 120%;*/
	margin-bottom: 20px;
}
#month-tab .month-contents li{
	display: block;
	padding: 6px 0;
	border-bottom: 1px dotted #AAAAAA;
}
#month-tab .month-contents li span,
#month-tab .month-contents li p{
	display: block;
	line-height: 20px;
	float: left;
	}
	#month-tab .month-contents li span{width: 120px;}
	#month-tab .month-contents li p{
		width: 520px;
		margin-left: 10px;
	}
	
	/* フォントカラーの設定 */
	#month-tab .month-contents li span.green{
		color: #66CC00;
		display: inline;
		width: auto;
		float: none;
	}
	#month-tab .month-contents li span.pink,
	#month-tab .description span.pink{
		color: #FF1493;
		display: inline;
		width: auto;
		float: none;
	}
	#month-tab .month-contents li span.red{
		color: #E2143C;
		display: inline;
		width: auto;
		float: none;
	}
	#month-tab .month-contents li span.brown{
		color: #A80000;
		display: inline;
		width: auto;
		float: none;
	}
	
/* 画像の表示 */
#month-tab .month-contents p img,
#main div.member img,
#main .description img,
#main .comment img{
	width: 80%;
	height: auto;position:relative;
	border: 5px solid #FFFFFF;
	margin-bottom: 10px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#month-tab .month-contents p img:before,
#month-tab .month-contents p img:after,
#main div.member img:before,
#main div.member img:after,
#main .description img:before,
#main .description img:after,
#main .comment img:before,
#main .comment img:after{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#month-tab .month-contents p img:after,
#main div.member img:after,
#main .description img:after,
#mian .comment img:after{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/* プレスリリース */
#pickup{
	margin: 20px auto;
	background-color: #FFDCDC;
	border: 1px dotted #AAAAAA;
	padding: 10px;
}

/*----------------------------------------------------------
	6.サイドメニュー
----------------------------------------------------------*/

#contents #side{
	float: right;
	width: 200px;
	height: auto;
	margin-right: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#side h3{
	background-color: #20528F;
	color: #FFFFFF;
	font-size: 150%;
	display: block;
	width: 190px;
	height: 50px;
	line-height: 55px;
	padding-left: 10px;
}

ul#side-menu{
	background-color: #FFFFFF;
	border: 2px solid #20528F;
	margin-bottom: 20px;
	}
	ul#side-menu li.first{
		margin: auto 10px;
		padding: 5px;
		background-color: #20528F;
	}
	ul#side-menu li a{
		display: block;
		color: #555;
		padding-left: 5px;
		margin: 10px 10px 10px 13px;
		text-decoration: none;
	}
	ul#side-menu li a:hover,
	ul#side-menu li a.flag{
		text-decoration: none;
		border-left: 6px solid #20528F;
		margin-left: 7px;
	}
		ul#side-menu li > ul{
			background-color: #FFFFFF;
			margin-left: 20px;
			}
			ul#side-menu li > ul li a:hover{
				margin-left: 7px;
			}

#side h2{
	font-size: 120%;
	padding: 10px;
}
ul#archive{
	width: 180px;
	margin: 0 auto;
	background-color: #eee;
	}
	ul#archive li{
		float: left;
		padding-right: 10px;
	}
		
/*----------------------------------------------------------
	7.サイトマップ
----------------------------------------------------------*/

#sitemap{
	margin: 20px;
}
#sitemap ul li{
	padding-bottom: 5px;
	font-size: 140%;
}
#sitemap ul li > ul{
	margin-left: 30px;
	font-size: 60%;
}

/*----------------------------------------------------------
	8.アクセス
----------------------------------------------------------*/

#access{
	background-color: #e0eaf8;
	margin-top: 20px;
	padding: 5px;
}
#access h4{
	display: block;
	font-size: 110%;
	border-bottom: 3px solid #A7C1E9;
	height: 30px;
	line-height: 35px;
	padding-left: 5px;
}
#access p{
	font-size: 80%;
	margin: 3px;
}

/*----------------------------------------------------------
	.フッター
----------------------------------------------------------*/

#footer{
	width: 950px;
	height: 120px;
	margin: 0 auto;
	background-color: #e0eaf8;
	border-top: 5px solid #20528F;
}
#footer ul#foot-navi{
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 20px;
	}
	#footer ul#foot-navi li{
		display: block;
		float: left;
		margin-left: 20px;
		font-size: 110%;
	}

#footer #copyright{
	clear: both;
	padding-top: 40px;
	text-align: center;
	font-size: 90%;
}

#counter{
	margin: 10px;
}

/************************************************
				clearfix
************************************************/

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0 !important;
}

.clearfix,
.container_12 {
  display: inline-block;
}

.clearfix,
.container_12 {
  display: block;
}

.page-template-blog-php .push_3,
.page-template-blog-php .pull_9,
.single-format-standard .push_3,
.single-format-standard .pull_9,
.category .push_3,
.category .pull_9{
	position: static;
}