@charset "utf-8";

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

パーツCSS（共通使用が想定され内容が多いパーツ）
・記事関連（一覧・詳細）
・ローカルナビ
・ボックス
・見出しバー
・テーブル
・制作用ダミー

Since: 201011 Taguchi Wataru
mod:

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


/*
ボックス
======================================================= */

/* ------------------------------
メインエリア 基本BOX
------------------------------ */	

.box_basic{
	margin-bottom: 15px;
}

.box_basic p{
	text-align: left;
}

/*インデント用*/
.box_inner{
}


/* ------------------------------
サイドエリア ボックス
------------------------------ */	
.box_side{
	text-align: left;
	clear: both;
	float: none;
	width: 240px;
	margin-bottom: 10px;
}


/*
見出しバー
======================================================= */

/*基本見出しバー*/
.ttl_basic {
	position:relative;
	float: none;
	clear: both;
	text-align: left;
	margin-bottom: 10px;
	background-color: #666;
}
.ttl_basic h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.ttl_basic ul {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 10px;
}
.ttl_basic ul li {
	display: inline;
	margin-left: 10px;
}
.ttl_basic ul li a {
	color: #fff;
	line-height: 32px;
}


/*見出しバーサブ*/
.ttl_sub {
	width: 655px;
	float: none;
	line-height: 24px;
	font-weight: bold;
	padding-left: 15px;
	background-color:#CCCCCC;
	clear: both;
	text-align: left;
	margin-bottom: 5px;
	position:relative;
}


/*サイドエリア見出しバー*/
.ttl_side{
	width: 240px;
	float: none;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #08C;
	clear: both;
	text-align: center;
	margin-bottom: 2px;
}

/*サイドエリア大タイトル用*/
.ttl_sideTitle{
	width: 238px;
	float: none;
	line-height: 20px;
	background-color:#FFFFFF;
	clear: both;
	text-align: center;
	margin-bottom: 2px;
	font-size: 12px;
}

/*
テーブル
======================================================= */
/* ------------------------------
基本テーブル
------------------------------ */	
.tbl_basic{
	/*border-collapse:collapse;*/
}

table.tbl_basic th,
table.tbl_basic td{
	/*border: 1px solid #333333;*/
}

table.tbl_basic th{
	font-weight: bold;
	background-color: #f0f0f0;
}

table.tbl_basic td{
}

/*
その他パーツ
======================================================= */

/* ------------------------------
ページイメージ
------------------------------ */	
#pageImgArea{
	position: relative;
	margin-bottom: 20px;
}

#pageImgAreaIn{
	width: 1030px;
	margin-right: auto;
	margin-left: auto;
}

/* ------------------------------
パンくずエリア
------------------------------ */	
#topicPass{
	text-align: left;
	font-size: 12px;
	float: left;
	width: 1030px;
	height: 28px;
	margin-bottom: 20px;
	background-color: #f8ca03;
}

#topicPass ul{
  margin-left: 15px;
}

#topicPass ul li{
	float: left;
	margin-right: 10px;
	line-height: 28px;
	background: url(../images/icon_arw_tpass.gif) 0px 2px no-repeat;
}

#topicPass ul li.first{
	padding-left: 0px;
	background-image: none;
}

#topicPass ul li a:link,
#topicPass ul li a:visited,
#topicPass ul li a:active{
	color: #000;
}

/* ------------------------------
ページ送り（ページネーション)
------------------------------ */	
.pageLinkArea{
	text-align: center;
}

.pageLink{
	margin-right: auto;
	margin-left: auto;}

.pageLink ul{
	text-align: center;
}

.pageLink ul li{
	display: inline;
}

.pageLink ul li a:link,
.pageLink ul li a:visited,
.pageLink ul li a:active{
	padding: 5px;
	background-color: #F0F0F0;
	margin-right: 3px;
	margin-left: 3px;
}

.pageLink ul li a:hover{
	text-decoration: none;
	background-color: #FFFF99;
}


/* ------------------------------
お問い合わせ関連
------------------------------ */
/*必須※マーク*/
.txtEssential{
	font-weight: bold;
	color: #FF0000;
}

.formBtnArea{
	text-align: center;
}

.formBtnArea input{
	padding: 3px;
}


/* ------------------------------
ページ上へ jquery版
------------------------------ */	
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#back-top a {
	width: 80px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #666;
}
/* arrow icon (span tag) */
#back-top span {
	margin:0 auto 0 auto;
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 8px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

/* ------------------------------
clearfix
------------------------------ */
.clearfix {
	clear: both;
	float: none;
}




/* ------------------------------
スマホ誘導ボタン
------------------------------ */
.smp {
	text-align: center;
	padding: 10px 0;
	background-color: #dbf0f8;
}