@charset "UTF-8";

/* --------------------------------------------------
 Box
-------------------------------------------------- */
/* 一般ボックス --------------- */
.blcComm{
margin:0px 10px 20px;
overflow:visible;
}

.blcComm section{
margin:0px 0px 20px;
overflow:visible;
}

/* 一般インナー --------------- */
.innerComm{
background-color:rgba(255,255,255,0.7);
margin-left:15px;
margin-right:15px;
overflow:visible;
}

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

/* 一般タイトル --------------- */
.ttlComm{
background:url(../img/common/icn_circle.png) left 2px no-repeat;
margin:0px 0px 20px;
padding:0px 0px 3px 17px;
border-bottom:#596e2b solid 2px;
font-weight:bold;
color:#596e2b;
font-size:120%;
line-height:1.1;
}

/* 緑背景タイトル --------------- */
.ttlGreenBg{
background:-moz-linear-gradient(center top,#596e2b 0%,#ff6600 50%,#38441c 100%);
background:-webkit-gradient(linear,center top, center bottom,from(#596e2b),color-stop(50%, #ff6600),to(#38441c));
background:linear-gradient(center top,#596e2b 0%,#ff6600 50%,#38441c 100%);
border:#4d5f26 solid 2px;
border-top-left-radius:4px;
border-top-right-radius:4px;
padding:5px 10px 5px;
margin:0px 0px 15px;
color:#fff;
font-weight:bold;
}

/* --------------------------------------------------
 Table
-------------------------------------------------- */
/* 一般テーブル --------------- */
.tblComm th{
padding:5px 8px;
background:#f3efe3;
border-top:#ccc dotted 1px;
border-bottom:#ccc dotted 1px;
font-weight:bold;
}

.tblComm td{
padding:5px 8px;
border-top:#ccc dotted 1px;
border-bottom:#ccc dotted 1px;
}

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

/* --------------------------------------------------
 List
-------------------------------------------------- */
/* 「・」用リスト --------------- */
.listPoint > li,
.listPoint > dd{
margin:0px 0px 7px 1em;
text-indent:-1em;
}

.listDecimal > li,
.listDecimal > dd{
margin:0px 0px 7px 1em;
text-indent:-1em;
}

/* 左右分けリスト --------------- */
@media only screen and (orientation : portrait){
.listLR > li{
width:48.5%;
margin:0px 0px 13px;
}
}

@media only screen and (orientation : landscape){
.listLR > li{
width:49%;
margin:0px 0px 18px;
}
}

.listLR > li:nth-of-type(odd){
clear:both;
float:left;
}

.listLR > li:nth-of-type(even){
float:right;
}

/* トピックリスト --------------- */
.listTopic{
margin:0px 10px 20px;
overflow:visible;
}

@media only screen and (orientation : portrait){
.listTopic > li{
width:42%;
max-width:295px;
margin:0px 0px 7px;
}
}

@media only screen and (orientation : landscape){
.listTopic > li{
width:45%;
max-width:295px;
margin:0px 0px 12px;
}
}

.listTopic > li:nth-of-type(odd){
float:left;
background:#ccc;
}

.listTopic > li:nth-of-type(even){
float:right;
background:#999;
}

/* メニューリスト --------------- */
.listMenu{
margin:0 auto;
letter-spacing:-0.4em;
}

.listMenu li{
display:inline-block;
letter-spacing:normal;
vertical-align:top;
text-align:center;
margin:0px 10px 20px 0px;
width:244px;
}

/* --------------------------------------------------
 Button
-------------------------------------------------- */
/* moreボタン --------------- */
.btnDetailGlass{
margin:0px 10px;
}

.btnDetailGlass a{
display:block;
-webkit-box-shadow: 0px 3px 5px #e9e9e9;
-moz-box-shadow: 0px 3px 5px #e9e9e9;
box-shadow: 0px 3px 5px #e9e9e9;
background:-moz-linear-gradient(center top,#ffffff 0%,#e9e8df 100%);
background:-webkit-gradient(linear,center top, center bottom,from(#ffffff),to(#e9e8df));
background:linear-gradient(center top,#ffffff 0%,#e9e8df 100%);
border-radius:100px;
border:#ddd solid 1px;
margin:20px 10px;
padding:15px 0px;
text-decoration:none;
text-align:center;
font-size:110%;
color:#333;
text-shadow:-1px -1px 5px #fff,
1px -1px 5px #fff,
-1px 1px 5px #fff,
1px 1px 5px #fff;
}

.btnDetailGlass a:hover{
background:-moz-linear-gradient(center top,#ffffff 0%,#f0f0e9 100%);
background:-webkit-gradient(linear,center top, center bottom,from(#ffffff),to(#f0f0e9));
background:linear-gradient(center top,#ffffff 0%,#f0f0e9 100%);
border:#eaeaea solid 1px;
color:#999;
}

.btnDetailGlass span{
display:block;
background-image:url(../img/common/icn_circle.png),url(../img/common/icn_arrow.png);
background-position:5% 2px,95% bottom;
background-repeat:no-repeat,no-repeat;
}

/* メニューボタン --------------- */
.btnMenu > ul{
margin:20px 0px 20px;
}

.btnMenu > ul li{
background:-moz-linear-gradient(center top,#ffffff 0%,#e9e8df 100%);
background:-webkit-gradient(linear,center top, center bottom,from(#ffffff),to(#e9e8df));
background:linear-gradient(center top,#ffffff 0%,#e9e8df 100%);
border-left:#e5e5e5 solid 1px;
border-right:#e5e5e5 solid 1px;
font-size:120%;
font-weight:bold;
text-align:left;
}

.btnMenu > ul li:nth-of-type(1){
border-top-left-radius:4px;
border-top-right-radius:4px;
border-top:#e5e5e5 solid 1px;
}

.btnMenu > ul li:nth-last-of-type(1){
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom:#e5e5e5 solid 1px;
}

.btnMenu > ul li a{
display:block;
padding:12px 10px 12px 20px;
background:url(../img/common/icn_arrow.png) 95% 50% no-repeat;
text-decoration:none;
}

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

.txtBig{
font-size:115%;
}

.txtSmall{
font-size:85%;
}

.txtRed{
color:#f00000;
}

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

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

/* 非表示 --------------- */
.hidden{
position:absolute;
text-indent:-9999px;
overflow:hidden;
}

/* 画像装飾 --------------- */
.imgDeco{
border:#ddd solid 1px;
padding:1px;
}

/* 下ボーダー --------------- */
.lineUnder{
border-bottom:#999 dotted 1px;
margin:0px 0px 10px;
padding:0px 0px 10px;
}