@charset "UTF-8";

/* --------------------------------------------------
 Layout
-------------------------------------------------- */
/* 一般ボックス --------------- */
.blcComm{
display:block;
width:1000px;
margin:40px auto 50px;
background:#fff;
border-radius:3px;
box-shadow:rgba(0, 0, 0, 0.2) 0 0 7px 0, rgba(0, 0, 0, 0.5) 0 22px 22px -20px;
}

.blcComm2{
display:block;
width:1000px;
margin:0 auto;
}

.blcComm3{
display:block;
width:1000px;
margin:0 auto 40px;
}

/* 一般フレーム --------------- */
.frmComm{
padding:50px;
background:url(../img/common/frm.png), url(../img/common/frm.png), url(../img/common/frm_bg.png);
background-repeat:no-repeat, no-repeat, repeat-y;
background-position:top left, bottom left, top left;
}

/* 一般インナー --------------- */
.innerComm{
padding:50px;
}


/* --------------------------------------------------
 Title
-------------------------------------------------- */
/* ページタイトル --------------- */
#pageTtl{
display:block;
margin:34px auto 0;
}

#pageTtl img{
padding-right:15px;
}

/* 一般タイトル --------------- */
.ttlComm{
margin-bottom:30px;
padding-bottom:20px;
box-shadow:0 2px 2px #dedede;
}

.ttlComm > div{
display:block;
width:990px;
margin:0 auto;
padding-left:18px;
border-left:#43890b solid 5px;
font-size:22px;
line-height:1;
}

.ttlComm > div span{
padding-left:20px;
font-size:11px;
}

/* 見出し --------------------- */
.headline{
margin-bottom:20px;
font-size:24px;
}


/* --------------------------------------------------
 Under Banner
-------------------------------------------------- */
#underBnrBlc section{
margin:30px auto 40px;
border:#fff solid 1px;
height:180px;
}

#underBnrBlc section:nth-child(1){
background:url(../img/common/lpo_bg.jpg);
}

#underBnrBlc section:nth-child(2){
background:url(../img/common/amadoi_bg.jpg);
}

#underBnrBlc section h1{
margin-top:19px;
text-align:right;
}

#underBnrBlc section img{
display:block;
margin:12px 20px 0 auto;
}

#underBnrBlc ul{
font-size:1px;
letter-spacing:-0.5em;
word-spacing:-0.5em;
}

#underBnrBlc li{
display:inline-block;
margin-right:15px;
vertical-align:bottom;
font-size:13px;
letter-spacing:0;
word-spacing:0;
}

#underBnrBlc li:last-child{
margin-right:0;
}



/* --------------------------------------------------
 Table
-------------------------------------------------- */
/* 一般テーブル --------------- */
.tblComm th{
width:20%;
padding:15px 20px;
background:#f7f7f7;
border:#d5d5d5 solid 1px;
}

.tblComm td{
padding:15px 20px;
background:#fff;
border:#d5d5d5 solid 1px;
}

.tblComm input,
.tblComm textarea,
.tblComm select{
vertical-align:middle;
}

.tblComm2{
border-collapse:separate;
border-spacing:0 15px;
}

.tblComm2 th{
width:20%;
padding:5px 20px;
border-right:#ccc solid 1px;
font-weight:bold;
text-align:center;
}

.tblComm2 td{
padding:5px 20px;
}

.tblComm2 input,
.tblComm2 textarea,
.tblComm2 select{
vertical-align:middle;
}


/* --------------------------------------------------
 Text
-------------------------------------------------- */
.txtLine{
margin:0 0 15px;
}

.txtBig{
font-size:140%;
}

.txtSmall{
font-size:85%;
}

.txtRed{
color:#ae0400;
}

.txtViolet{
color:#7653a5;
}

.txtBlue{
color:#0f5ea0;
}

.txtOrange{
color:#ff9108;
}

.txtGreen{
color:#3eb034;
}


/* --------------------------------------------------
 Other Classes
-------------------------------------------------- */
/* クリアーフィックス --------------- */
.clearFix:after{
content: "";
clear: both;
display: block;
}

/* クリアー --------------- */
.clear{
clear:both;
}

/* フォーカスで変形 --------------- */
.boxExpand {
transition: all 1s ease-in-out;
border:solid 1px lightgrey;
background:white;
}

.boxExpand:focus {
outline:none;
border:solid 1px #39c;
box-shadow:#39C 0px 0px 5px;
transition: all 0.5s ease-in-out;
}

/* 画像装飾 --------------- */
.imgDeco{
border:#fff solid 5px;
box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 5px 0;
}

/* 左右寄せ --------------- */
.boxLeft{
float:left;
margin:0 30px 30px 0;
}

.txtLeft{
text-align:left;
margin:15px 0;
}

.boxRight{
float:right;
margin:0 0 30px 30px;
}

.txtRight{
text-align:right;
margin:15px 0;
}

.txtCenter{
text-align:center;
margin:15px 0;
}