@import url("//share.cr-cms.net/hp_agency/hpagency.css");

/*----------------------------------------共通 -------

テンプレート：ベーシック02 グリーン左メイン
--------------------------------------------------------*/
body{
    font-size:14px;
}
#contents {
    padding: 10px 0 0 0;
}
div#title_body {
    background: url(//sys.amsstudio.jp/region/baggage_ace/tokyo/0000011553/usersimages/0000352934.png) no-repeat left 16px;
}
h1 {
	padding: 20px 0 0 90px;
    font-size: 22px;
  	margin-bottom: -5px;
}
h1 a {
    color: #fff;
}
#title .description {
    color: #fff;
    padding-left: 90px;
}

.article_outer,#mainTopics_body, #listTopics_body {
    border: none;
}

.mainContents .article h3, .mainContents div.gallery h3 {
    margin: 10px 0;
    padding: 5px 5px 5px 15px;
    font-size: 18px;
}

h4 {
	font-size: 16px;
    background-color: #FFF8A9;
    padding: 5px 0 5px 20px;
    color: #564634;
    border-left: #564634 16px solid;
  	width:50%;
}

/*-----------------------------
リスト
------------------------------*/
ul.simpleList{
  padding-left:2em;
}
ul.simpleList li{
  list-style-type:disc;
  padding: 5px;
}
ol.simpleOrderList{
  padding-left:2em;
}
ol.simpleOrderList li{
  list-style-type:decimal;
  padding: 5px;
}


/*-----------------------------
よくある質問
------------------------------*/
ul.faq {
	padding: 3px 0 3px;
}
ul.faq li.qus:before ,
ul.faq li.ans:before {
  border-radius: 4px;
  color: #fff;
  display: block;
  float: left;
  font-size: 100%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: -40px;
  text-align: center;
}
ul.faq li.qus:before {
	background-color: #68B328 ;
	content: "Q";
}
ul.faq li.ans:before {
	background-color: #FBA422;
	content: "A";
}
ul.faq li.qus ,
ul.faq li.ans {
  color: #343434;
  display: block;
  font-size: 100%;
  padding-left: 45px;
  margin-bottom: 20px;
}

/*-----------------------------
テーブル
------------------------------*/
table.simpleTable {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0px;
}
.simpleTable th {
  padding: 6px;
  text-align: center;
  color: #333;
  background-color: #eee;
  border: 1px solid #b9b9b9;
}
.simpleTable td {
  padding: 6px;
  background-color: #fff;
  border: 1px solid #b9b9b9;
 }
.simpleTable td.setCenter {
  text-align: center;
}

/*-----------------------------
テキストリンク
------------------------------*/
a.linkbtn {
	border-radius: 5px;
    color: #FFFFFF;
    border: 1px solid #09526F ;
    display: block;
    margin: 20px;
    padding: 10px 30px;
    text-decoration: none;
    background-color: #09526F ;
    font-size: 18px;
}
a.linkbtn:hover {
    background-color: transparent;
    color:  #2385AB;
    border: 1px solid #09526F ;
}

/*-----------------------------
文字装飾
------------------------------*/
.comment {
    text-align: center;
    font-weight: bold;
    color: #219655;
}
.note_red {
    background-color: #FFE1E1;
    border: 1px solid #F97541;
    padding: 10px;
    margin: 20px;
    color: #F91919;
}
.setcenter {
    text-align: center;
}
.font16 {
    font-size: 16px;
}
.textcomment {
    font-size: 12px;
    text-align: right;
}

/*----------------------------------システム-------*/
/* 画像の透過性 */
#mainArticles a:hover img,
#sideBanners  a:hover img,
div.freeHtml a:hover img,
div.image img.gallery:hover {
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}