@charset "utf-8";

*{margin:0;padding:0;}

/*************
全体
*************/

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;

}


a{color:#00a0c0;text-decoration:none;}
a:hover{color:#0171bf;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
/* ヘッダー
*************/
#header{
/*background: url(../img/banner_topright.png) no-repeat 100%;*/
height: 30px;
}

#header h1 {
padding: 7px 0 0;
font-size: 12px;
font-weight: normal;
}

#header span.a_right {
	float: right;
}

button.mypage {
	float: right;
	color: white;
	background-color: green;
	border-top: 3px solid #d0f0d0;
	border-bottom: 3px solid darkseagreen;
	border-left: 3px solid #d0f0d0;
	border-right: 3px solid #d0f0d0;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
}
button.mypage:hover {
  color: silver;
}


/*************
/* ヘッダードロップダウン
*************/
button.dropdownbutton {
  color: white;
  background-color: royalblue;
  border-top: 5px solid aliceblue;
  border-bottom: 5px solid mediumblue;
  border-left: 3px solid aliceblue;
  border-right: 3px solid aliceblue;
}
button.dropdownbutton:hover {
  color: silver;
}


/*************
メインコンテンツ
*************/
#main {
	padding: 0px 10px 0px 10px;
}

/*id指定でリンクされたときにヘッダの下に潜り込まないようにするクラス*/
.linked:before {
    content: "";
    display: block;
    height: 120px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -120px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}

/*
#main h2{
margin-bottom: 10px;
padding: 0 0px 0px 0px;
line-height: 40px;
font-size: 18px;
font-weight: normal;
color: royalblue;
}
*/
#main h2{
font-size: 20px;
font-weight: 500;
padding: 1rem 3rem;
color: #fff;
border-radius: 100vh;
background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}

/*
#main h3 {
font-size: 15px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #004888;
border-bottom: 1px solid #cccccc;
}
*/
#main h3 {
font-size: 18px;
font-weight: 500;
position: relative;
padding: 1rem .5rem;
}

#main h3:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
content: '';
border-radius: 3px;
background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

#main h4 {
font-size: 15px;
font-weight: bold;
line-height: 30px;
padding-left: 5px;
color: #333333;
}

#main p {
padding: 5px 15px 10px 20px;
}


/*右寄せ*/
#main .taRight{
text-align: right;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}


/* 掲載日 */
.date {
text-align: right;
padding-right: 15px;
padding-top: 2px;
padding-bottom: 5px;
font-size: 12px;
/*font-weight:bold;*/
color:#808080;
}




/*************
タイトル画像領域
*************/
#topbanner{
	height: 90px;
	background: url(../img/topbanner.png) no-repeat 100%;
	background-position: left bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 50px;
	line-height: 90px;
	vertical-align; text-bottom;
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
}



/*
#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
*/



/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(../img/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#027dd3;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
/* ダイアログ呼び出し
*************/
.opendialog{
}


/*************
サイド（右側）コンテンツ
*************/
#sidebar {
float: right;
width: 265px;
padding: 10px 0;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #004888;
background: url(../img/heading_s.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(../img/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}