@charset "UTF-8"; 
/*
Theme Name: 佐藤あずさの公式ページテーマ
Author: Satou Azusa
Author URI: http://super-azusa.net/
Description: Theme of Satou Azusa Website.
Version: 2.0
*/

/*===========================================
bacs_css
=========================================== */

/* htmlタグ定義 */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana,'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
	color: #333;
	line-height:1.5em;
}

img, div, h1, h2, h3, h4, h5, form {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

th, td, div {
	word-break: break-all;
}

ul, ol {
	list-style: none;
}

div#wrap{
	width:100%;
	margin: auto;
	padding: 0px;
}

div#content{
	width:960px;
	margin: auto;
	padding: 0px;
}

a {
	color: #00AAC8;
	text-decoration: underline;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

a:visited {
	color: #00AAC8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	filter: alpha(opacity=70);
	       -moz-opacity:0.70;
	            opacity:0.70;
}

#switcher{
	width:100%;
	padding:40px 0;
	color:#00AAC8;
	font-size:50px;
	text-align:center;
	text-decoration:none;
	background:#ddd;
	display:block;
}

/*===========================================
header
=========================================== */
#wrap {
	width:100%;
	border-top: 8px solid #00AAC8;
}

#header {
	width: 960px;
	height: 88px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header img.logo {
	margin: 20px 0 0 0;
	float:left;
}

#header img.logo_icon {
	margin: 0 16px 0 0;
	float:left;
}

#header a:hover img.logo,
#header img.logo_icon{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	text-decoration: none;
}

#header h1{
	margin: 26px 16px 0;
	font-size:0.75em;
	line-height:1.5em;
	color:#666;
	float:left;
	font-weight:normal;
}

#navi{
	width:100%;
	height: 64px;
	font-size: 1.125em;
	background-color: #00AAC8;
	position:relative;
	z-index: 5;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 2px;
       -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 2px;
            box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 2px;
}

#navi ul{
	width:960px;
	height: 64px;
	margin: 0 auto;
	border-left:1px solid #fff;
}

#navi ul li{
	float:left;
	width:191px;
	border-right:1px solid #fff;
}

#navi ul li a{
	height:64px;
	width:191px;
	padding: 0 0 0 0;
	text-decoration:none;
	color: #FFF;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#navi ul li a:hover{
	text-shadow: 0px 0px 7px #fff;
	background-color: #00D2E6;
	filter: alpha(opacity=100);
	       -moz-opacity:1.00;
	            opacity:1.00;
}

#header .right{
    margin:12px auto 0;
	float:right;
	text-align:right;
	position:relative;
}

#header a.rss{
	color:orange;
}

#header a.facebook{
	color:#3B5998;
}

#header a.rss .fa-lg,
#header a.twitter .fa-lg,
#header a.facebook .fa-lg{
	vertical-align:0%;
}

#header .search {
    padding:8px;
    margin:8px 0 0;
}

#header input[type=text]{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	border:1px solid #d0d0d0;
    background-color:#fcfcfc;
}

form#searchform{
	margin-top:8px;
	margin-right:80px;
	position: relative;
}

input#s{
	width:200px;
	padding:3px;
	font-size: 88%;
	display: inline-block;
	position: absolute; top:1px; right:40px;
}

input#searchsubmit{
	padding: 4px;
	font-size: 75%;
	line-height:1em;
	color: #333;
	background-color: #DCE7E9;
	text-align:center;
	text-decoration: none;
	display: inline-block;
	border:none;
	border-bottom: 2px solid #C8D2D7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	position: absolute; top:0px; right:0px;
	cursor:pointer;
}

#navi2{
	margin-top:4px;
}

#navi2 ul li{
	margin-left:8px;
	float:left;
	font-size:75%;
}

#navi2 ul li a{
	text-decoration:none;
	line-height:1em;
}

#navi2 ul li a .fa-lg{
	padding-right:4px;
	vertical-align:10%;
	font-size:88%;
	display:inline-block;
}

/*===========================================
footer
=========================================== */
#footer {
	margin: 0 auto;
	padding: 8px 0;
	background: #00AAC8;
	letter-spacing: 0em;
	clear: both;
	font-size: 0.75em;
	position:relative;
}

#footer p {
	width:960px;
	margin:0 auto;
	font-weight: normal;
	color: #ffffff;
}

/*===========================================
btn
=========================================== */

/* btn */

a.btn01{
	margin: 8px 0 24px;
	padding: 8px;
	font-size: 0.875em;
	line-height:1.2em;
	color: #333;
	background-color: #DCE7E9;
	text-align:center;
	text-decoration: none;
	display: block;	
	border-bottom: 4px solid #C8D2D7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	float:right;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 32px;
	right: 24px;
	font-size: 77%;
}

#page-top a {
	padding: 8px;
	font-size: 1em;
	line-height:1.2em;
	color: #fff;
	background: #00AAC8;
	text-align: center;
	text-decoration: none;
	display: block;
	border-bottom: 4px solid #0489A8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*===========================================
page title
=========================================== */

#page_ttl{
	height:160px;
	margin:0 auto 32px;
	background-color:#B2F1F7;
    box-shadow: 0 4px 4px #CCC;
    -webkit-box-shadow: 0 4px 4px #CCC;
    -moz-box-shadow: 0 4px 4px #CCC;
}
#page_ttl img{
	position:absolute;
	right:0;
	z-index:2;
}

#page_ttl h2 {
	width:960px;
	height:160px;
	margin: 0 auto;
	padding: 32px 0 0;
	background: url(./images/h2.png) no-repeat top left;
	font-size:2.5em;
	line-height:1.25em;
	position:relative;
	z-index:3;
}

#page_ttl h2 span.eng{
	font-size:0.6em;
	color:#008CB4;
	font-weight:normal;
}
	
/*===========================================
contentlist
=========================================== */

#content .contentlist{
	height:auto;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	clear:both;
}

#content .contentlist img{
	width:200px;
	height:150px;
	float:left;
	display:table-cell;
}

#content .contentlist h3{
	width:456px;
	margin-bottom:16px;
	padding:8px;
	border:none;
	float:right;
}

#content .contentlist a{
	width:688px;
	height:auto;
	padding:16px 0;
	text-decoration:none;
	color:#333;
	display:table;
}

#content .contentlist a p{
	width:472px;
	float:right;
	margin-bottom:0;
}

#content .contentlist a p span{
	color:#00D2E6;
}

#content .contentlist a:hover{
	background-color:#ecf2f3;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
	
/*===========================================
text
=========================================== */

#content h3{
	width:648px;
	margin: 0 0 24px 0;
	padding: 12px 16px 12px 16px;
	background-color: #B2F1F7;
	border-left:8px solid #00D2E6;
	color: #333;
	font-size: 125%;
	font-weight: normal;
	line-height: 1.5em;
	clear: both;
}

#content h4{
	margin: 8px 0 16px 0;
	padding: 4px 4px 4px 8px;
	background-color: #00AAC8;
	color:#fff;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.25em;
	clear: both;
}


#content h5{
	margin: 8px 0 16px 0;
	color:#00AAC8;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	clear: both;
}

#content p{
	margin: 0 0 16px 0;
	font-size: 88%;
	word-break: normal;
	line-height: 1.5em;
}

#content ul {
	list-style:disc;
	margin: 0 0 16px -8px;
	padding: 0 0 0 24px;
	font-size: 88%;
	line-height: 1.5em;
}

#content ol {
	list-style:decimal;
	margin: 0 0 16px -4px;
	padding: 0 0 0 24px;
	font-size: 88%;
	line-height: 1.5em;
}

/*===========================================
main_area
=========================================== */
div#main_area {
	width: 688px;
	margin: 0 0 32px 0;
	padding: 0;
	float: right;
}

div#side {
	width: 240px;
	margin: 0 0 0 0px;
	padding: 0 0 24px 0;
}

/*===========================================
side_area
=========================================== */
#side_area{
	width: 240px;
	margin: 0 0 24px 0;
}

#side_area a.backbtn{
	width: 224px;
	margin: 0 0 16px 0;
	padding: 20px 8px 20px 8px;
	line-height:1.2em;
	text-align:center;
	text-decoration: none;
	font-size: 1em;
	color: #fff;
	background-color: #00D2E6;
	display: block;	
	border-bottom: 4px solid #00AAC8;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#side_area a.backbtn .fa{
	margin-right:8px;
}


#side_area ul{
	width: 240px;
	margin: 0 0 24px 0;
	padding: 0;
	list-style: none;
}

#side_area ul.side_btn li a{
	width: 224px;
	margin: 0 0 8px 0;
	padding: 20px 8px 20px 8px;
	line-height:1em;
	text-align:center;
	text-decoration: none;
	font-size: 124%;
	color: #333;
	background-color: #DCE7E9;
	display: block;	
	border-bottom: 4px solid #C8D2D7;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#side_area ul.side_navi li.ttl{
	width: 208px;
	height: auto;
	padding: 12px 16px;
	color: #fff;
	line-height:1.5em;
	background-color: #00AAC8;
	border-bottom:2px solid #0489A8;
	border-top:2px solid #00D2E6;
	line-height:1.5em;
}

#side_area ul.side_navi li.ttl span{
	border-left:4px solid #00D2E6;
	padding-left:8px;
}

#side_area ul.side_navi li a{
	width: 208px;
	padding: 12px 16px;
	color: #fff;
	line-height:1.5em;
	text-decoration: none;
	background-color: #00D2E6;
	border-bottom:2px solid #00AAC8;
	border-top:2px solid #99EDF5;
	display: block;
}

.side_btn_02{
	margin-bottom:20px;
}

address {
	margin:16px 0 24px 0;
	font-style: normal;
	font-weight: normal;
	font-size:0.75em;
	line-height:1.5em;
}

address span{
	font-weight: bold;	
}


/*===========================================
content_css
=========================================== */

/*===========================================
table.type01
=========================================== */
#content table.type01 {
	width: 100%;
	margin: 0 0 16px 0;
	font-size: 87.5%;
	border-spacing: 0px;
	border-collapse: collapse;
	letter-spacing: 0em;
}

#content table.type01 th {
	width: 18%;
	padding: 8px 16px 8px 16px;
	text-align: left;
	vertical-align: top;
	color: #333;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}

#content table.type01 td {
	padding: 8px 16px 8px 0;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	white-space:normal;
}

#content table.type01 a {
	text-decoration: none;
}

/*===========================================
table.type02
=========================================== */
#content table.type02 {
	width: 100%;
	margin: 0 0 32px 0;
	font-size: 87.5%;
	line-height: 1.5em;
	border: 1px solid #ccc;
	border-spacing: 0px;
	border-collapse: collapse;
	letter-spacing: 0em;
}

#content table.type02 th {
	padding: 16px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	font-weight: normal;
	border: 1px solid #fff;
	border-top:none;
	border-left:none;
	background-color: #00D2E6;
}

#content table.type02 td {
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-left:none;
}

#content table.type02 .gray {
	border: 1px solid #ccc;
	color: #333;
	background: #ddd;
}

/*===========================================
top_area
=========================================== */
#top_back {
	width:100%;
	background-image:url(./images/main_back.jpg);
    background-repeat: no-repeat;  
    background-position: top center;  
}


#top_img {
	width: 960px;
	margin: 0 auto;
	position:relative;
	z-index: 0;
}

#top_img h2{
	font-size:1em;
	margin:13px 0 20px 0;
	position:absolute;
	top:42px;
	left:450px;
}

#top_img h2 span.name{
	font-size:4.5em;
	line-height:1.5em;
	margin-left:-8px;
}

#top_img h2 span.year{
	font-size:1.25em;
}

#top_img p.lead{
	font-size:1.5em;
	font-weight:bold;
	color:#00AAC8;
	position:absolute;
	top:180px;
	left:450px;
}

#top_img dl{
	position:absolute;
	top:220px;
	left:450px;
}

#top_img dl dt{
	width:86px;
	height:30px;
	margin:0 8px 8px 0;
	padding:2px 0 0;
	font-size:1em;
	color:#fff;
	background-color:#00D2E6;
	float:left;
	text-align:center;
}

#top_img dl dd{
	width: 350px;
	height:28px;
	margin:0 8px 8px 0;
	padding:4px 0 0;
	font-size:1.125em;
}

#top_img p.date{
	font-size:0.875em;
	color:#999;
	position:absolute;
	top:380px;
	left:442px;
}

#top_banner {
	margin-bottom:24px;
	background-color:#B2F1F7;
}

#top_banner :after{
    content: "";
    clear: both;
    display: block;
}

#top_banner ul{
	width:960px;
	margin:0 auto;
}


#top_banner ul li{
	width:288px;
	padding:8px;
	background-color:#00D2E6;
	border-bottom:2px solid #00AAC8;
}

#top_banner ul li.col3left,
#top_banner ul li.col3center{
	margin:18px 24px 18px 0;
	float:left;
}

#top_banner ul li.col3right{
	margin:18px 0 auto 0;
	float:right;
}

#top_banner ul li a{
	width:260px;
	padding:16px 8px 16px 16px;
	border:2px solid #fff;
	text-decoration:none;
	font-size:0.75em;
	line-height:1.5em;
	color:#fff;	
	display:block;
}

#top_banner ul li a span{
	padding-bottom:4px;
	font-size:1.75em;
	line-height:1.125em;
	font-weight:bold;
	display:inline-block;
}

#top_banner ul li a img{
	float:right;
}

#side_sns a{
	margin-bottom:8px;
	display:block;
}

	
/*===========================================
post_area
=========================================== */

#pagenation{
	margin:24px auto 24px auto;
	text-align:center;
}

#pagenation .page-numbers{
	margin:4px;
	padding:8px 12px;
	color:#333;
	font-size:88%;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	line-height:1em;
	vertical-align:middle;
	background-color: #DCE7E9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
	display:inline-table;
}

#pagenation .current{
	border:1px solid #DCE7E9;
	background:#fff;
}

#pagenation a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#pagenation a.prev .fa{ padding-right:8px; color:#fff; }
#pagenation a.next .fa{ padding-left:8px; color:#fff; }

#navlink {
	clear: both;
	display:table;
}

#navlink span{
	width: 50%;
	vertical-align:top;
	display:inline-block;
	display:table-cell;
}

#navlink a {
	width: 100%;
	text-decoration: none;
	padding: 8px 0;
	display:table;
}

#navlink .navlink-prev a {
	float: left;
	text-align: left
}
#navlink .navlink-next a {
	float: right;
	text-align: right
}

#navlink a .fa{
	width:15px;
	text-align:center;
	display:table-cell;
}
#navlink a p{
	display:table-cell;
	padding: 0 8px;
}

#content div.time{
	margin-bottom:24px;
	text-align:right;
	color:#00AAC8;
}

/*===========================================
prifile_area
=========================================== */

/*===========================================
manifesto_area
=========================================== */

/*===========================================
voice_area
=========================================== */

#voice_area img.attachment-medium{
	margin:8px 16px 8px 0;
	float:left;
}

/*===========================================
jarnal_area
=========================================== */

/*===========================================
contact_area
=========================================== */

#content .wpcf7{
	width:400px;
	padding:24px 24px 4px 24px;
	margin:auto;
	background-color: #DCE7E9;
}

#content input[type="submit"]{
	width: 100%;
	margin:0;
	padding: 16px 8px 16px 8px;
	line-height:1em;
	text-align:center;
	text-decoration: none;
	font-size: 100%;
	color: #fff;
	background-color: #00D2E6;
	display: block;
	border:none;
	border-bottom: 4px solid #00AAC8;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor:pointer;
}


/*===========================================
search_area
=========================================== */

#content form#searchform{
	margin:auto;
	width:350px;
	position: relative;
}

#content input#s{
	width:300px;
	padding:3px;
	font-size: 88%;
	display: inline-block;
	position: absolute; top:1px; right:55px;
}

#content input#searchsubmit{
	width:50px;
	padding: 6px;
	font-size: 88%;
	line-height:1em;
	color: #333;
	background-color: #DCE7E9;
	text-align:center;
	text-decoration: none;
	display: inline-block;
	border:none;
	border-bottom: 2px solid #C8D2D7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	position: absolute; top:0px; right:0px;
	cursor:pointer;
}


/*===========================================
download_area
=========================================== */
#content .download_list{
	margin-bottom:30px;
}

#content .download_list a.download_pdfbtn{
	margin:0 20px 20px 0;
	float:left;
	display:block;
}

#content .download_list a.download_dlbtn{
	margin:0 10px 10px 0;
	padding: 8px 16px;
	font-size: 1em;
	line-height:1.2em;
	color: #fff;
	background: #00D1E5;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-bottom: 4px solid #01AACB;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content .download_list a.download_first{
	width:330px;
	margin:0;
}


/*===========================================
detail
=========================================== */

/* フロート */
#content .alignright{
	padding: 0 0 16px 16px;
	float: right;
}

#content .alignleft{
	padding: 0 16px 16px 0;
	float: left;
}

#content .clear{
	clear:both;
}

/* 画像センタリング */
#content .img_center{
	margin: 0 auto 24px auto;
}

/* 文字寄せ */
#content .text_center{
	text-align: center;
	display:block;
}

#content .text_right{
	text-align: right;
	display:block;
}

#content .text_left{
	text-align: left;
	display:block;
}

/* テキスト */
#content .text_red{
	color: #ff0000;
}

#content .text_large{
	font-size:118% !important; /*17px*/
}

#content .text_small{
	font-size:81% !important;
}

#content .text_bold_red{
	color: #ff0000;
	font-weight:bold;
}

/* マージン */

#content .margin_bottom_10{
	margin-bottom:10px !important;
}

#content .margin_bottom_20{
	margin-bottom:20px !important;
}

#content .margin_bottom_30{
	margin-bottom:30px !important;
}