@charset "utf-8";
/* CSS Document */


/* news common */

#mainWrap .h1wrap { display: block; width: 100%; height: 108px; padding: 30px; background: url(../images/h1_bg.png) top center no-repeat;}
#mainWrap .h1inner { width: 100%; max-width: 1000px; margin: 0 auto;}
#mainWrap .h1inner h1 { height: 48px; padding-left: 20px; margin: 0 40px; border-left: 6px #0B5CA6 solid; color: #0B5CA6; font-size: 36px; line-height: 48px; text-align: left;}

#mainWrap .innerPage { position: relative; width: 100%; max-width: 912px; margin: 40px auto; font-size: 18px;}
#mainWrap .innerPage section { margin-bottom: 36px; text-align: left;}

#mainWrap .innerPage .h2wrap { width: 100%; height: 56px; margin-bottom: 24px;}
#mainWrap .innerPage .h2wrap h2 { width: 100%; height: 56px; padding: 0 18px; color: #fff; font-size: 28px; line-height: 58px; text-align: left;}
#mainWrap .innerPage .h2wrap.news {
background-image:-moz-linear-gradient(0% 56% 0deg,rgb(11,92,166) 0%,rgb(255,255,255) 100%); 
background-image:-webkit-gradient(linear,0% 56%,100% 56%,color-stop(0, rgb(11,92,166)),color-stop(1, rgb(255,255,255)));
background-image:-webkit-linear-gradient(0deg,rgb(11,92,166) 0%,rgb(255,255,255) 100%);
background-image:-ms-linear-gradient(0deg,rgb(11,92,166) 0%,rgb(255,255,255) 100%);
background-image:linear-gradient(90deg,rgb(11,92,166) 0%,rgb(255,255,255) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0b5ca6,endColorstr=#ffffffff,GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0b5ca6,endColorstr=#ffffffff,GradientType=1);}
#mainWrap .innerPage .h2wrap.blog {
background-image:-moz-linear-gradient(0% 56% 0deg,rgb(94,172,70) 0%,rgb(255,255,255) 100%); 
background-image:-webkit-gradient(linear,0% 56%,100% 56%,color-stop(0, rgb(94,172,70)),color-stop(1, rgb(255,255,255)));
background-image:-webkit-linear-gradient(0deg,rgb(94,172,70) 0%,rgb(255,255,255) 100%);
background-image:-ms-linear-gradient(0deg,rgb(94,172,70) 0%,rgb(255,255,255) 100%);
background-image:linear-gradient(90deg,rgb(94,172,70) 0%,rgb(255,255,255) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5eac46,endColorstr=#ffffffff,GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5eac46,endColorstr=#ffffffff,GradientType=1);}
#mainWrap .innerPage .h2wrap.paper {
background-image:-moz-linear-gradient(0% 56% 0deg,rgb(255,121,12) 0%,rgb(255,255,255) 100%); 
background-image:-webkit-gradient(linear,0% 56%,100% 56%,color-stop(0, rgb(255,121,12)),color-stop(1, rgb(255,255,255)));
background-image:-webkit-linear-gradient(0deg,rgb(255,121,12) 0%,rgb(255,255,255) 100%);
background-image:-ms-linear-gradient(0deg,rgb(255,121,12) 0%,rgb(255,255,255) 100%);
background-image:linear-gradient(90deg,rgb(255,121,12) 0%,rgb(255,255,255) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff790c,endColorstr=#ffffffff,GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff790c,endColorstr=#ffffffff,GradientType=1);}

@media screen and (max-width: 922px){
	#mainWrap .innerPage { margin: 30px auto; padding: 0 10px;}
}
@media screen and (max-width: 767px){
	#mainWrap .h1wrap { height: auto; padding: 20px;}
	#mainWrap .h1inner h1 { height: auto; margin: 0 30px; font-size: 30px; line-height: 40px;}
	#mainWrap .innerPage { margin: 20px auto;}
}
@media screen and (max-width: 479px){
	#mainWrap .h1wrap { height: auto; padding: 10px;}
	#mainWrap .h1inner h1 { margin: 0; font-size: 24px; line-height: 30px;}
	#mainWrap .innerPage { margin: 10px auto;}
}


/* メイン */

#mainWrap .mainColumn { width: 640px; float: left; text-align: left;}

ul.newsList { width: 100%;}
ul.newsList li { width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px #0B5CA6 solid;}
ul.newsList li figure { width: 100%; height: 68px;}
ul.newsList li figure .imgBox { width: 82px; float: left;}
ul.newsList li figure figcaption { margin-left: 102px; padding: 6px 0;}
ul.newsList li figure figcaption .date { margin-bottom: 6px;}
ul.newsList li figure figcaption .title { overflow: hidden; width: 100%;}
ul.newsList li figure figcaption .title p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.newsList li figure figcaption .title p a { color: #0B5CA6; }

.h1news { width: 100%; margin-bottom: 24px; padding-bottom: 6px; border-bottom: 1px #0B5CA6 solid;}
.h1news .imgBox { margin-bottom: 24px;}
.h1news .date { float: right;}
.h1news h1 { font-size: 20px;}

.newsContents * + p { margin-top: 12px;}
.newsContents a { color: #0C5BA6; text-decoration: underline;}
.newsContents .alignleft { margin: 0 18px 6px 0; float: left;}
.newsContents .alignright { margin: 0 0 6px 18px; float: right;}
.newsContents .aligncenter { display: block; margin: 0 auto 6px auto;}
.newsContents .alignnone { display: inline;}

@media screen and (max-width: 922px){
	#mainWrap .mainColumn { width: 70%;}
}
@media screen and (max-width: 767px){
	#mainWrap .mainColumn { width: 100%; margin-bottom: 40px; float: none;}
	ul.newsList li { padding-bottom: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 480px){
	ul.newsList li { padding-bottom: 10px; margin-bottom: 10px;}
	ul.newsList li figure { height: auto;}
	ul.newsList li figure .imgBox { width: 60px;}
	ul.newsList li figure figcaption .date { line-height: 100%;}
	ul.newsList li figure figcaption { margin-left: 66px;}
	ul.newsList li figure figcaption .title p { overflow: visible; text-overflow:clip ; white-space: normal;}
}






/* サイドバー */

#mainWrap .sidebar { margin-left: 660px; text-align: left;}
#mainWrap .sidebar .navi { width: 100%; margin-bottom: 12px;}
#mainWrap .sidebar .navi a { display: block; width: 100%; padding: 12px; color: #fff; text-align: center;}
#mainWrap .sidebar .navi a:after { content: url(../images/arrow_white.png);}
#mainWrap .sidebar .navi a.news { background: #2D76C2;}
#mainWrap .sidebar .navi a.blog { background: #5EAA46;}
#mainWrap .sidebar .navi a.paper { background: #FF7B0F;}

#mainWrap .sidebar dl { width: 100%; margin: 24px 0;}
#mainWrap .sidebar dl dt { width: 100%; height: 48px; border-bottom: 1px #0B5CA6 solid; color: #0B5CA6; font-size: 28px; line-height: 48px; text-align: center;}
#mainWrap .sidebar dl dt.category:before { margin-right: 6px; content: url(../images/news/icon_category.png);}
#mainWrap .sidebar dl dt.archive:before { margin-right: 6px; content: url(../images/news/icon_archive.png);}
#mainWrap .sidebar dl dd { padding: 24px 0;}

@media screen and (max-width: 922px){
	#mainWrap .sidebar { margin-left: 72%;}
}
@media screen and (max-width: 767px){
	#mainWrap .sidebar { margin-left: 0;}
	#mainWrap .sidebar .navi br { display: none;}
	#mainWrap .sidebar dl dd { text-align: center;}
}





/* CSS memo
 
角丸
border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; 

テキストシャドウ
text-shadow:1px 1px 3px #000;
 
ボックスシャドウ
-moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000;
 
ボックスシャドウ内側
-moz-box-shadow:inset 1px 1px 3px #000; -webkit-box-shadow:inset 1px 1px 3px #000; box-shadow:inset 1px 1px 3px #000;

トランジション
-webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s;
 
要素全部を透明
filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
 
背景のみ透明
background-color:rgba(255,255,255,0.2);
 
:first-child
:last-child
:nth-child(odd)　･･･　奇数番目の要素に適用
:nth-child(even)　･･･　偶数番目の要素に適用
:nth-child(n)　･･･　n番目の要素に適用
:nth-child(2n+1)　･･･　奇数番目の要素に適用
:nth-child(2n)　･･･　偶数番目の要素に適用
:nth-child(3n)　･･･　3,6,9,12…番目の要素に適用
:nth-child(3n+1)　･･･　1,4,7,10…番目の要素に適用 

明朝体
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

テキスト省略
.container { overflow: hidden; width: 100%;}
.container  p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

コンタクトフォーム
.contactTable {}
.contactTable input[type="text"] { width:250px;}
.contactTable textarea { width:100%;}
.formNotice { display:none; color:#f33;}

可変Youtube埋め込み
.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}






CSS memo */