@charset "utf-8";

/*-------------------------------------*/

div.wrapBox{
	width: 960px;
	border-top: 1px solid #ccc;
	margin: 0 auto;
	padding: 30px 0 0 0;
	margin-top: 10px;
}

/*-------------------------------------*/
/* メインボックス（大枠ページに一つ） */
/*-------------------------------------*/

div#mainContents{
	width: 960px;
	float: left;
	background-color: #fff;
	padding: 0px;
}


/*-------------------------------------*/
/* センターボックス（divで囲んで複数） */
/*-------------------------------------*/

	div#centerContents{
	width: 850px;
	margin-left: 30px;
	margin-bottom: 10px;
	float: left;
	display: inline;
	}

div#centerContents p {
	margin: 10px 5px 0 20px;	
	}

div#centerContents h3 {
	margin: 0 0 0 20px;	
	}

div#centerContents h4 {
	margin: 0 0 0 20px;	
	}
	
div#centerContents h5 {
	margin: 0 0 0 20px;	
	}

div#leftContents{
	width: 200px;
	float: left;
}

ul#subNavigation{}

ul#subNavigation li{
	display: block;
	margin-bottom: 14px;
}

.sTitle{
	margin: 60px 0 20px;
}

.sTitleFirst{
	margin: 0px 0 20px;
}

/*-------------------------------------*/
/* ヘッダー */
/*-------------------------------------*/

h1{
	padding: 20px 0 15px;
	font-size: 20px;
}



#hpb-headerMain {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    height: 24px;
    overflow: hidden;
}

#hpb-headerMain h1 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: left;
	font-weight: normal;
	line-height: 15px;
	font-size: 11px;
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#hpb-headerLogo {
    width: 400px;
    float: left;
}

#hpb-headerLogo a {
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 100px;
	background-image : url(../img/logo_title.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

#hpb-headerExtra1 {
	width: 360px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}

#hpb-headerExtra1 p.tel {
    /* 電話番号の文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 1.2;
    text-align: right;
    color: #ff6633;
    font-weight: bold;
    font-size: 1.2em;
}

#hpb-headerExtra1 p.tel span {
    /* 電話番号の「TEL」文字設定 */
    font-size: 0.8em;
    font-weight: normal;
    color: #333333;
    padding-right: 10px;
}

#hpb-headerExtra1 p.address {
    /* 住所文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-align: right;
}


/*-------------------------------------*/
/* グローバルナビゲーション */
/*-------------------------------------*/

ul#gNavi{
	width: 640px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 20px;
	float: right;
}
ul#gNavi li{
	display: block;
	float: right;
	padding: 8px 0 0;
	margin-right: 16px;
	font-size: 14px;
	letter-spacing: 0.08em;
}

ul#gNavi li a{
	color: #333;
	text-decoration: none;
	border-right: 1px solid #aaa;
	display: block;
	padding-right: 16px;
	color: #333;
}

ul#gNavi li a:hover{
	color: #a69e7b;
}

ul#gNavi li.firstItem a{
	border-left: 1px solid #aaa;
	padding-left: 16px;
	display: block;
}

ul#gNavi li.lastItem{
	margin-right: 0;
}


/*-------------------------------------*/
/* パンくずリスト */
/*-------------------------------------*/


.topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
	float: right;
	margin: 10px;
}

.topicpath ol li a:after {
	/* liの後に記号追加 */
	content:" > ";
}


h2{
	font-size: 20px;
	background: url(../img/sab_h2.gif)  no-repeat;
	margin: 5px 0px 5px 0px;
	padding: 20px 30px 10px 60px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #990;
	font-weight: bolder;
	}

h3{
	width: 550px;
	position:relative;
	padding: 7px;
	background:#ABBC34;
	box-shadow:
		10px 0 0 0 #ABBC34,
		-10px 0 0 0 #ABBC34,
		0 3px 3px 0 rgba(0,0,0,0.2);
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}

h3:before{
	content:" ";
	position:absolute;
	top:100%;
	left:-10px;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color: #6A811F;
}

h3:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:23px 10px;
	border-style:solid;
	border-color:#ABBC34;
	border-right-color:transparent;
}
	


h4{
	border-style: dashed; /* 枠の種類 */
	border-color: #666; /* 枠の色 */
	border-width: 0 0 1px 0; /* 枠の幅 */
	line-height: 130%; /* 行の高さ */
	text-align: left; /* テキストの配置 */
	margin: 30px 0px 10px 0px;
	font-size: 16px;
	color: #960;
	font-weight: bold;
	}

/*-------------------------------------*/
/* 見出し装飾 */
/*-------------------------------------*/


.chapter1{
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.chapter2{
	padding-bottom: 4px;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
}

.chapter3{
	padding-bottom: 4px;
	border-bottom: 3px solid #333;
	font-size: 14px;
	font-weight: bold;
}
.chapter4{
	padding-bottom: 4px;
	border-bottom: 3px solid #333;
	font-size: 16px;
	font-weight: bold;
}
.chapter5{
	padding: 6px 8px;
	background: #efefef;
	color: #111;
	font-size: 14px;
	font-weight: bold;
}
.chapter6{
	padding: 6px 8px;
	background: #ccc;
	color: #111;
	font-size: 14px;
	font-weight: bold;
}
.chapter7{
	padding: 6px 8px;
	background: #666;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.chapter8{
	padding: 6px 8px;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter9{
	padding: 6px 8px;
	background: #c00;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter10{
	padding: 6px 8px;
	background: #900;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.chapter11{
	padding: 6px 8px;
	background: #63C068;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter12{
	padding: 6px 8px;
	background: #F5F6E4;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.chapter13{
	padding: 6px 8px;
	background: #F9EBF8;
	color: #900;
	font-size: 14px;
	font-weight: bold;
}

.chapter14{
	padding: 6px 8px;
	background: #81C5E8;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter14{
	padding: 6px 8px;
	background: #BEA581;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter15{
	font-size: 14px;
	font-weight: bold;
}

.chapter16{
	font-size: 16px;
	font-weight: bold;
}

.chapter17{
	font-size: 18px;
	font-weight: bold;
}

/* 一部ブラウザ対象外 */
.chapter18{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #ccc;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}

/* 一部ブラウザ対象外 */
.chapter19{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #efefef;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}

/* 一部ブラウザ対象外 */
.chapter20{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #333;
	color: #fff;
	border: 1px solid #dedede;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}

/*-------------------------------------*/
/* テーブルフォーマット */
/*-------------------------------------*/

table{
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	width: 100%;
	margin-bottom: 20px;
	font-size:12px;
}

table th,
table td{
	padding: 5px 7px;
	border: 1px solid #ccc;
}
table th{
	padding-right: 5px;
}
table td{
	border-left: 1px solid #ccc;
	padding-left: 5px;
}

table.tableDec1 th{ background: #efefef; padding-left: 5px; font-weight:bold}
table.tableDec2 th{ background: #333; color: #fff; padding-left: 10px;}
table.tableDec3 th{ background: #d5ceb1; color: #fff; padding-left: 10px; border-bottom: 1px solid #fff; color: #333;}

/*-------------------------------------*/
/* リストフォーマット */
/*-------------------------------------*/

ul{
	display: block;
	margin-bottom: 30px;
}


ul.List01{ list-style: circle inside;
	  		 margin: 10px 35px;
			 font-size:small;
			}
			

/*-------------------------------------*/
/* サイトマップページのリスト */
/*-------------------------------------*/

/* --- リストエリア --- */
ul.List02 {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.List02 li {
padding: 0 0 5px 15px; /* 項目のパディング（上右下左） */
margin: 15px 0px;
background: url(/img/sitemap/triangle.gif) no-repeat 3px 0.2em; /* マーカー画像 */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
line-height: 130%;
}




ul.Number{ list-style: decimal inside;
			padding: 0 0 5px 15px; /* 項目のパディング（上右下左） */}
			
.arrows{ 
			display: block;
			margin: 15px auto;
			}


ul.imgList1{ list-style: disc inside;}

ul.bgList1 li{ background: url(../img/bg_list1.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList2 li{ background: url(../img/bg_list2.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList3 li{ background: url(../img/bg_list3.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList4 li{ background: url(../img/bg_list4.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList5 li{ background: url(../img/bg_list5.gif) no-repeat left center; padding-left: 1.5em;}

ul.borderList1 li{ border-bottom: 1px solid #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }
ul.borderList2 li{ border-bottom: 1px dotted #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }


/*-------------------------------------*/
/* テキストテンプレート */
/*-------------------------------------*/


/* 基本フォーマット */
div.txtTempSet{
	margin-bottom: 30px;
}

div.txtTempSet strong{
	display: block;
	font-weight: bold;
}

div#mainContents div.clearfix{
	width: 100%;
}

/* txtTemp1 */
div.txtTemp1{}
div.txtTemp1 strong{ margin-bottom: 6px;}
div.txtTemp1 span{ color: #666;}

/* txtTemp2 */
div.txtTemp2{}
div.txtTemp2 strong{ margin-bottom: 6px; font-size: 14px;}
div.txtTemp2 span{ color: #666;}

/* txtTemp3 */
div.txtTemp3{}
div.txtTemp3 strong{ margin-bottom: 6px; color: #900}
div.txtTemp3 span{ color: #333;}

/* txtTemp4 */
div.txtTemp4{}
div.txtTemp4 strong{ margin-bottom: 6px;}
div.txtTemp4 span{ color: #666;}
div.txtTemp4 p{ float: right; width: 194px;}

/* txtTemp5 */
div.txtTemp5{}
div.txtTemp5 strong{ margin-bottom: 6px;}
div.txtTemp5 span{ color: #666;}
div.txtTemp5 p{ float: left; width: 400px;}

/* txtTemp6 */
div.txtTemp6{}
div.txtTemp6 div.fL{ width: 350px;}
div.txtTemp6 strong{ margin-bottom: 6px;}
div.txtTemp6 span{ color: #666;}
div.txtTemp6 p{ float: right; width: 320px;}

/* txtTemp7 */
div.txtTemp7{}
div.txtTemp7 div.fR{ width: 350px;}
div.txtTemp7 strong{ margin-bottom: 6px;}
div.txtTemp7 span{ color: #666;}
div.txtTemp7 p{ float: left; width: 320px;}


/*-------------------------------------*/
/* 画像まわりのエフェクト */
/*-------------------------------------*/

/* シャドウ */
.frame01 {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

/* めくれた風 */
.frame02 {
	display: inline-block;
	position: relative;
}
.frame02:after {
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0,0,0, .5); /* シャドウ */
	transform: rotate(3deg); /* 回転させる */
	right: 5px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}

/* 回転 */
.frame03 {
	display: inline-block;
	transform: rotate(5deg);
}

/* 角丸 */
.frame04 img {
	border-radius: 10px;
}

/* 楕円 */
.frame05 img {
	border-radius: 50%;
}

/* 重なった風 */
frame06 {
	display: inline-block;
	position: relative;
}
.frame06:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}

/* ぼかす */
.frame07 {
	display: inline-block;
	position: relative;
}
.frame07:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 
	  inset 0 0 20px #fff /* 背景色と同じ色 */,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff;
}

/* リボン */
.frame08 {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.frame08:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: "New";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* シンプルなフレーム */
.frame09{
	border:solid 1px #ccc;
	padding:4px;
	}