@charset "utf-8";

/* h1タグカスタマイズ(レイアウト設定のみstyle.cssに記載) */

.pagetitle{
	width: 100%;
	background: #f29e24;
position:fixed;
left:0;
}
.pagetitle h1 {
	width: 1180px;
	margin:0 auto;
	padding: 5px 10px;
	color: #fff;
}

.pagetitle img{
vertical-align:middle;
}


article{
/*background-color:#ffffff;*/
}

article:after {
  content: "";
  clear: both;
  display: block;
}


/* 左サイドメニューの設定 */

.sidearea{
font-size:110%;
line-height:100%;
font-weight:normal;
padding:0 0 40px 0;
}

.sidearea nav#global-nav{
width:100%;
height: auto;
font-weight:bold;
margin:0;
float:none;
}

.sidearea nav#global-nav ul {
}

.sidearea nav#global-nav ul li {
/*border-bottom:dotted 1px #f29e24;*/
}

.sidearea nav#global-nav ul li a {
display:block;
text-decoration:none;
color:#f29e24;
padding:10px 5px 10px 30px;
/*background-color:rgba(255,255,255,0.8);*/
background-image:url(../images/nav-arrow.png);
background-repeat:no-repeat;
background-position:5px 50%;
background-size:auto 50%;
}

.sidearea nav#global-nav ul li a:hover {
color:#f7c070;
}


/***ページコンテンツ***/

.size-L{
font-size:150%;
}

.size-S{
font-size:80%;
}

.align-C{
text-align:center;
}

.align-R{
text-align:right;
}

.fix-float{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}


.mainarea{
/*width: 980px;*/
width:940px;
margin:60px auto 0 40px;
}

.mainarea section.contents{
font-size:100%;
line-height:150%;
padding:0;
margin:0 auto 40px auto;
/*border-radius:10px;
background-color:rgba(255,255,255,0.85);*/
}

.mainarea .h2-bg{
margin-bottom:20px;
border-radius:5px;
background-color:#e2ffbd;
background: -moz-linear-gradient(top, #FFFFFF 0%, #fff6df 100%);/* Firefox系用 */
/*(開始位置, グラデーションの指定, 開始色, 終了位置%, 終了色)*/
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fff6df));/* Safari,Google Chrome系 */
/*グラデーションの指定, 開始位置, 終了位置, from(開始色), color-stop(位置, 途中色), to(終了色)*/
background: -ms-linear-gradient(top, #FFFFFF 0%, #fff6df 100%);/* MS系用 */
/*(開始位置, グラデーションの指定, 開始色, 終了位置%, 終了色)*/
background:linear-gradient(top, #FFFFFF 0%, #fff6df 100%);
}

.mainarea h2{
color:#f29e24;
font-size:150%;
line-height:150%;
font-weight:normal;
margin:0;
padding:10px 10px 10px 50px;
border:solid 1px #f29e24;
border-right:solid 5px #f29e24;
border-radius:5px;

background-image:url(../images/h2-bg.png);
background-repeat:no-repeat;
background-position:0 50%;
}

.mainarea h3{
font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
font-size:125%;
line-height:150%;
font-weight:bold;
color:#f29e24;
margin:0 0 10px 0;
padding:0 4px;
border-left:solid 4px #f29e24;
}

.mainarea h4{
font-size:120%;
line-height:150%;
font-weight:bold;
color:#f29e24;
margin:5px 0 10px 0;
}

.tel{
text-align:center;
font-size:150%;
line-height:100%;
padding:10px 0;
border:solid 1px #f29e24;
border-radius:5px;
background-color:#e2ffbd;
background: -moz-linear-gradient(top, #FFFFFF 0%, #fff6df 100%);/* Firefox系用 */
/*(開始位置, グラデーションの指定, 開始色, 終了位置%, 終了色)*/
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fff6df));/* Safari,Google Chrome系 */
/*グラデーションの指定, 開始位置, 終了位置, from(開始色), color-stop(位置, 途中色), to(終了色)*/
background: -ms-linear-gradient(top, #FFFFFF 0%, #fff6df 100%);/* MS系用 */
/*(開始位置, グラデーションの指定, 開始色, 終了位置%, 終了色)*/
background:linear-gradient(top, #FFFFFF 0%, #fff6df 100%);
}