@charset "utf-8";

/* default style
----------------------------------------------------------- */
@import url("css/default.css");

/* base and top page style
----------------------------------------------------------- */
@import url("css/base.css");

/* page style
----------------------------------------------------------- */
@import url("css/content.css");

/* responsive style
----------------------------------------------------------- */
@import url("css/rwd.css");


/* ==========================================================================

   entryContent

   ========================================================================== */

.pageContent h3 {
	background:url(images/common/title1_bg.gif) no-repeat left top;
	font-size:1.5em;
	line-height:1.5;
	margin:0 0 15px 0;
	padding:4px 0 10px 25px;
	border-bottom:solid 1px #cfcfcf;
	color:#3b2211;
}

.pageContent h4 {
	background:#f8f8f8;
	border-left:solid 8px #ffa800;
	/*font-weight: bold;*/
	font-size:1.3em;
	line-height:1.5;
	padding:6px 15px 3px;
	margin-bottom:15px;
}

.pageContent h5 {
	border-left:solid 8px #ffa800;
	/*font-weight: bold;*/
	font-size:1.1em;
	line-height:1.5;
	padding:4px 15px 2px;
	margin-bottom:15px;
}

.pageContent h6 {
	border-bottom:dotted 1px #999;
	/*font-weight: bold;*/
	font-size:1.1em;
	line-height:1.5;
	padding:0 5px 8px;
	margin-bottom:15px;
}

.pageContent h6 {
	font-size:1.1em;
	color:#ff9600;
	margin-bottom:10px;
}

.pageContent p {
	margin-bottom: 1.7em;
}

/* list */

.pageContent ul.default {
	margin:0 20px 0 10px;
	*margin:0 20px 0 20px;
	*list-style-image: url(../images/common/ul_icon.gif);
}
.pageContent ul.default li {
	border-bottom: dotted 1px #b8b8b8;
	padding:5px 0 5px 30px;
	position:relative;
	*padding:6px 0px 6px 8px;
}
.pageContent ul.default li:before {
	padding:5px 0;
	content:"◆";
	counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:0;
    left:10px;
	font-weight:bold;
	font-size: 1.0em;
	color:#594334;
}

.pageContent ol.default {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */
	margin:0 20px 0 10px;
	*list-style-type:decimal;
	*margin:0 20px 0 30px;
}
.pageContent ol.default li {
    position:relative; /* Create a positioning context */
     /* Give each list item a left margin to make room for the numbers */
	border-bottom: dotted 1px #b8b8b8;
	padding:5px 0 5px 30px;
	*padding:5px 0px;
}
.pageContent ol.default li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:0;
    left:10px;
    padding:5px 0;
	color:#594334;
    font-weight:bold;
	font-size: 1.2em;
    text-align:center;
}

.pageContent ol.default2 {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */
	margin:0 20px 0 10px;
	*list-style-type:decimal;
	*margin:0 20px 0 30px;
}
.pageContent ol.default2 li {
    position:relative; /* Create a positioning context */
     /* Give each list item a left margin to make room for the numbers */
	border-bottom: dotted 1px #b8b8b8;
	padding:5px 0 5px 45px;
	*padding:5px 0px;
}
.pageContent ol.default2 li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:0;
    left:10px;
    padding:5px 0;
	color:#594334;
    font-weight:bold;
	font-size: 1.2em;
    text-align:center;
}

/**/

.tbl {
	border-collapse: collapse;
	margin: 0 0 20px;
}

.tbl th,
.tbl td {
	border: solid 1px #cccccc;
	padding: 3px 10px;
}

.tbl th {
	background-color: #eeeeee;
}

/**/

.tbl01 {
	border-collapse: collapse;
	margin: 0 auto 20px auto;
}

.tbl01 th,
.tbl01 td {
	border: solid 1px #cccccc;
	padding: 3px 10px;
}

.tbl01 th {
	background-color: #eeeeee;
}


.pageContent .note {
	color:#f00;
}

/* ==========================================================================

   img

   ========================================================================== */

.alignleft,
.alignright {
	margin-bottom: 20px;
}

.alignleft {
	display: block;
	float: left;
	margin-right: 15px;
}

.alignright {
	display: block;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0px auto 20px;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}


@media screen and (max-width:640px) {
  .pageContent h3{
    font-weight: bold;
    font-size: 16px;
    padding: 5px 5px 5px 15px;
  }
  .pageContent h4{
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
  }
  .pageContent h5{
    font-size: 14px;
    padding: 3px 3px 3px 10px;
  }
  .pageContent ul.default{
    margin: 0;
  }
  .alignleft, .alignright{
    float: none;
    margin: 0 auto 10px auto;
    text-align: center;
  }
  .pageContent ol.default,
  .pageContent ol.default2{
    margin: 0;
  }
}