@charset "UTF-8";
/* 後続ページ用 コンテンツCSS */

/* -------------------------------------------
パンくず
------------------------------------------- */
#pankuzu{
	width: 950px;
	height: 34px;
	margin: 0 0 0 17px;
	font-size: 85%;
	line-height:120%;
	color : #000;
	list-style-type: none;
	/* background-image: url(../images/bg_pankuzu.gif);
	background-repeat: no-repeat;
	background-position: left top; */
}

#pankuzu ul{
	margin: 0;
	padding: 11px 0px 11px 10px;
}
#pankuzu li {
	background-image: url(../images/arr_pankuzu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-right: 4px;
/* display:inlineの余白を消す */
	display: table-cell;
	*display: inline;
	*zoom: 1;
}
#pankuzu li.pankuzu-nolist {
	background-image: none;
	padding-left: 0px;
}
#pankuzu li.pankuzu-now {
	/* font-weight: bold; */
}


/* -------------------------------------------
タイトル見出し h2
------------------------------------------- */
h2 {
	font-size: 140%;
	color: #000000;
	margin: 0 auto 0 auto;
	padding: 0;
}

h2.ttl-img {
	margin-bottom: 24px;
	padding: 0 auto;
	text-align: center;
}

h2.ttl01 {
	clear: both;
 	margin-bottom: 10px;
	padding: 10px 0 8px 20px;
	background: url(../images/bg-ttl001.gif) no-repeat;
	color: #0042a2;
	clear: both;
}

/* -------------------------------------------
タイトル見出し h3
------------------------------------------- */
h3 {
	color: #000000;
	font-size: 125%;
}

h3.ttl02 {
	clear: both;
	width: 780px;
	margin: 0 auto 19px auto;
	padding: 0 0 0 20px;
	background: url(../images/bg_h3-ttl01.gif) no-repeat;
	border-spacing: 0;
	border-collapse : collapse ;
}

/* -------------------------------------------
タイトル見出し h4
------------------------------------------- */
h4 {
	color: #000000;
    font-size: 115%;
}

h4.ttl01 {
	margin: 10px 40px 0px 50px;
	padding: 3px 0px 0 10px;
	background-image: url(../images/bg_h4-ttl01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}


/* -------------------------------------------
ページトップへ戻る
-------------------------------------------*/

p.pagetop {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}


#pagetop {
	margin: 25px 60px 20px 0;
	list-style: none;
	text-align: right;
	float: right;
	display: inline;
}

#pagetop a {
	background-image: url(../images/arr_002.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin: 0 0 0 10px;
	padding: 0px 0px 0 20px;
	line-height: 160%;

	vertical-align: middle;
/* display:inlineの余白を消す */
	display: table-cell;
	*display: inline;
	*zoom: 1;
}




/* -------------------------------------------
レイアウトボックス要素 
-------------------------------------------*/

#contents {
	width: 850px;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	/* background-color: #F9E6F8; */
}



/* -------------------------------------------
タイトル見出し h4
------------------------------------------- */
/* 
#contents h4 {
	clear: both;
	font-size: 130%;
	line-height:150%;
	color: #535353;
	text-align: left;
	margin: 5px 10px 20px 10px;
	padding: 4px 0 4px 7px;
	background-color: #D2DEEA;
}

#contents h4 img {
	vertical-align: -2px;
	margin: 0 5px 0 0;
}

#contents h5 {
	clear: both;
	color: #4A4A4A;
	text-align: left;
} */


/* -------------------------------------------
本文　p
-------------------------------------------*/
/* 段落の基本設定 */
#contents p {
	  margin-top: 10px;
	  margin-bottom: 19px;
}

#contents p.txt00 {
	margin: 10px 0px 19px 0px;
}

#contents p.txt01 {
	margin: 10px 25px 19px 25px;
}

#contents p.txt02 {
	margin: 10px 40px 19px 40px;
}

#contents p.txt03 {
	margin: 10px 60px 19px 60px;
}


/* テキストに矢印 */
#contents .txt-arr01 {
	margin: 0 25px;
	text-align: right;
}

/* 追加 */
#contents .txt-arr01 a{
	margin: 0 0 0 10px;
        padding: 1px 0px 0 18px;
	vertical-align: middle;
	background-image: url(../images/arr_001.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contents p.txt-ic01 {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0 10px;
	background-image: url(../images/ic_001.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}


/* -------------------------------------------
メニュー
-------------------------------------------*/
/* メニュー */
div#menu {
	text-align: right;
	list-style-type: none;
	margin-bottom: 10px;
	float: right;
}

div#menu ul {
	margin: 0 25px 0 25px;
	list-style: none;
	text-align: right;
	float: right;
	display: inline;
}

div#menu li {
	background-image: url(../images/arr_003.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin: 0 0 0 5px;
	padding: 0px 0px 0 18px;
	line-height: 160%;
	vertical-align: middle;
/* display:inlineの余白を消す */
	display: table-cell;
	*display: inline;
	*zoom: 1;
}

/* サブナビ */
#contents ul.subnav {
	margin: 0 10px 10px 25px;
        padding: 0px;
	list-style: none;
	text-align: right;
	float: right;
	display: inline;
}

#contents ul.subnav li {
	background-image: url(../images/arr_001.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin: 0 0 0 10px;
        padding: 0px 5px 0 20px;
	line-height: 160%;

	vertical-align: middle;
/* display:inlineの余白を消す */
	display: table-cell;
	*display: inline;
	*zoom: 1;
}






/* 一覧へ戻る */
#contents .pageback {
	clear: both;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	text-align: right;
}

/* 枠（お申込・お問い合せ等）*/
#contents .frame-box01 {
	width: 700px;
	margin: 10px auto 20px auto;
	padding: 10px 20px 10px 20px;
	border: 1px solid #000000;
	border-spacing: 0;
	border-collapse : collapse ;
}



/* -------------------------------------------
共通テーブル
-------------------------------------------*/
#contents table {
	line-height: 130%;
}


/*テーブル type01
（入力フォーム、会社概要）
------------------------------------ */
#contents table.type01 {
	width: 740px;
	margin: 10px auto 20px auto;
	border: 1px solid #9B9B9B;
	border-spacing: 0;
	border-collapse : collapse ;
}

#contents table.type01 th {
	text-align: left;
	padding: 10px 10px 10px 15px;
	background-color: #E8E8E8;
	border-right: 1px solid #9B9B9B;
	border-bottom: 1px solid #9B9B9B;
	color: #666;
/*	vertical-align: top;*/
}

#contents table.type01 td {
	padding: 10px 10px 10px 15px;
	background-color: #fff;
	border-right: 1px solid #9B9B9B;
	border-bottom: 1px solid #9B9B9B;
	white-space:normal;
/*	word-break:break-all;*/
	word-wrap: break-word;
/*	vertical-align: top;*/
}

#contents table.type01 th.center {
	text-align: center;
}

#contents table.type01 td.center {
	text-align: center;
}


#contents table.type01 th.deep{
    background-color: #C8C8C8;
}

#contents table.type01 td.color01{
    background-color: #E5E2E2;
}




/*テーブル type02
------------------------------------ */
#contents table.type02 {
	margin: 10px auto 20px auto;
}

#contents table.type02 th {
	text-align: left;
	padding: 7px 5px 7px 14px;
	border-bottom: 2px solid #010080;
	color: #666;
	vertical-align: top;
}

#contents table.type02 td {
	padding: 7px 7px 7px 5px;
	border-bottom: 1px dashed #010080;

}


/*テーブル type03
（個人情報等）
------------------------------------ */
#contents table.type03 {
	width: 790px;
	margin: 0px auto 20px auto;
}

#contents table.type03 th {
	text-align: center;
	padding: 20px 17px 10px 0px;
	border-bottom: 1px dashed #010080;
	vertical-align: top;
}

#contents table.type03 td {
	padding: 23px 7px 20px 0px;
	border-bottom: 1px dashed #010080;
}

#contents table.type03 ul {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style: none;
}

#contents table.type03 ul li {
	padding-left: 0px;
	padding-bottom: 2px;
}

/* リスト（矢印） */
#contents ul.arr01 {
	margin: 10px 0 20px 50px;
	list-style: none;
}

#contents ul.arr01 li {
	background-image: url(../images/arr_001.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 160%;
}

/* リスト（番号） */
#contents ul.no01 {
	margin: 10px 0 20px 50px;
	list-style: none;
}

#contents ul.no01 li {
	padding-left: 25px;
	line-height: 160%;
}

/* -------------------------------------------
コンテンツ別
------------------------------------------- */
/*ニュース 一覧
------------------------------------ */
/* ニュース ページング */
#contents .pageing01 {
	width: 780px;
	margin: 15px auto 10px auto;
	padding: 5px 10px;
	border-top: 1px #242425 solid;
	border-bottom: 1px #242425 solid;
	text-align: center;
	list-style-type: none;
}

#contents .pageing01 ul{
	margin: 0 auto;
	/*display: inline;*/
	display:inline-block;
}

#contents .pageing01 ul li{
	margin: 0;
        padding: 0;
	line-height: 160%;
	display: inline;
/* display:inlineの余白を消す */
	display: table-cell;
	*display: inline;
	*zoom: 1;
}

#contents .pageing01 ul li.next{
	margin: 0;
	padding-right: 10px;
}

#contents .pageing01 ul li.back{
	margin: 0;
	padding-left: 10px;
}

#contents .pageing01 ul li.page{
        padding: 0 5px 0 5px;
}

html[xmlns] #contents .pageing01 ul li.page {
	margin-right: 0px;
	padding-right: 3px;
}

*:first-child+html #contents .pageing01 ul li.page {
	margin-right: 3px;
	padding-right: 0px;
}

/* -------------------------------------------
ブログ記事　一覧
------------------------------------------- */
/* 一覧 */
#list-area table {
	width: 800px;
	margin: 5px auto 10px auto;
	padding: 0px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-spacing: 0;
	border-collapse : collapse ;
}

#list-area table th {
	padding: 10px 3px 5px 5px;
	border-bottom: 1px dashed #242425;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0em;
	vertical-align: middle;
}

#list-area table td {
	padding: 10px 3px 5px 5px;
	background-color: #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px dashed #242425;
	vertical-align: middle;
}

#list-area table th p{
	background-color: #010080;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	font-size: 85%;
}




/* -------------------------------------------
ブログ記事　詳細
------------------------------------------- */
#blog_detail-area {
	width: 800px;
	margin: 0px auto 15px auto;
	padding: 0px
	clear: both;
}

/* 日付 */
#blog_detail-area p.date {
	width: 100px;
	height: 14px;
	margin-left: 5px;
	margin-bottom: 0px;
	padding: 3px 3px 3px 3px;
	font-size: 85%;
	float: left;
	vertical-align: middle;
}

/* アイコン（カテゴリ） */
#blog_detail-area p.cate {
	width: 62px;
	height: 16px;
	margin-bottom: 0px;
	padding: 3px 3px 3px 3px;
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #010080;
	float: left;
	text-align: center;
	vertical-align: middle;
}




/* タイトル */
#blog_detail-area h3.ttl_blog {
	width: 780px;
	line-height:160%;
	padding: 3px 10px 5px 10px;
	margin: 0px auto 25px auto;
	border-bottom: 3px solid #010080;
}

/* 本文 */
#detail-cts {
	margin: 10px 10px 20px 10px;
	clear: both;
}

#detail-cts p {
	margin-left:10px;
	margin-right:10px;
}
/* 保留 */
#detail-cts p.txt01 {
	margin-left:20px;
	margin-right:20px;
}

#detail-cts p.txt02 {
	margin-left:30px;
	margin-right:30px;
}

#detail-cts p.txt03 {
	margin-left:40px;
	margin-right:40px;
}

#detail-cts h3 {
/* 	width: 780px;*/
/* 	margin: 0px 0px 0px 0px;*/
	margin: 0 auto 19px auto;
	padding: 4px 0 4px 15px;
	background-image: url(../images/bg_h3-ttl01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


#detail-cts h4 {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0 10px;
	background-image: url(../images/bg_h4-ttl01.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	font-weight: bold;
}

/* リスト*/
#detail-cts ul {
	margin: 10px 0 20px 10px;
	list-style: none;
}

#detail-cts ul li {
	background-image: url(../images/arr_001.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 160%;
}

#detail-cts ol {
	margin: 10px 0 20px 30px;
	list-style-type: decimal
}

#detail-cts ol li {
	line-height: 160%;
}




/* -------------------------------------------
ウェブページ詳細
------------------------------------------- */
#web_detail-area {
	width: 830px;
	margin: 0px auto 15px auto;
	padding-top: 10px;
	clear: both;
}


/* 画像 */
#contents .img-cts {
	width: 582px;
	padding: 0 0 0px 0;
	margin: 0 auto 0 auto;
	text-align: center;
/* background-color: #ADF56E;

	border: 5px solid #02BD07;
	border-spacing: 0;
	border-collapse : collapse ;*/
}

#contents .img-cts .right {
	width: 251px;
	margin: 0;
	padding: 0 20px 20px 20px;
	text-align: center;
	float: right;
/* background-color: #ADF56E;*/
}

#contents .img-cts .left {
	width: 251px;
	margin: 0;
	padding: 0 20px 20px 20px;
	text-align: center;
	float: left;
/* background-color: #E9A2EF;*/
}

#contents .img-cts .center {
	width: 251px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	text-align: center;
/* background-color: #6ED0F5;*/
}

#contents .img-cts p{
	 font-size: 90%;
	 height: auto;
	 margin: 5px 0 0 0;
	 padding: 0 0 0 0;
}

/* -------------------------------------------
お問い合わせ
------------------------------------------- */
/* お問い合わせ 入力項目*/
#contents table td input{
	margin: 2px 4px 2px 4px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #9B9B9B;
}

#contents table td input textarea{
	padding: 2px 3px 2px 3px;
}

#contents table td input radio{
	padding: 2px 3px 2px 3px;
}

#contents table td select{
	padding: 2px 3px 2px 3px;
}



/* 入力フォーム ボタン */
#contents .btn-box01{
	text-align: center;
	margin: 0 auto;
}

#contents .btn-box01 a{
	margin: 0 20px;
}

#contents .thanks{
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}



/* -------------------------------------------
商品販売
------------------------------------------- */
/* */
#contents .item-area {
	padding-bottom: 15px;
}



/* 枠 */
#contents .item-cts01 {
	width: 700px;
	height: auto;
	margin: 10px auto 10px auto;
	padding: 9px 7px 10px 9px;
	border: 1px solid #242425;
	border-spacing: 0;
	border-collapse : collapse ;
}

#contents .item-cts01 h5{
	background-color: #D6E9FE;
	margin: 0px auto 0px auto;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	font-size: 110%;
	line-height:140%;
}

#contents .item-cts01 .img-box{
	width: 210px;
	margin: 0 0 0 0:
	padding: 0 0 5px 0;
	float: right;
	background-color: #FFFFFF;
	text-align: center;
}

#contents .item-cts01 .img-box img{
	margin: 0 auto 0 auto:
	padding: 0 auto 0 auto;
}


/* 本文 */
.item-cts01 .detail-cts {
	margin: 5px 5px 5px 5px;
	/* clear: both;*/
}

.item-cts01 .detail-cts p {
	margin-left:10px;
	margin-right:10px;
}

.item-cts01 .detail-cts h3 {
	margin: 0 auto 19px auto;
	padding: 4px 0 4px 15px;
}


.item-cts01 .detail-cts h4 {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0 10px;
	font-weight: bold;
}

/* リスト*/
.item-cts01 .detail-cts ul {
	margin: 5px 0 10px 5px;
	list-style: none;
}

.item-cts01 .detail-cts ul li {
	/* padding-left: 25px;
	padding-right: 25px;*/
	line-height: 160%;
}



h4.question {
	margin-left: 10px !important;
	font-size: 100%;
	color: #426bba;
}
p.answer {
	margin-left: 20px !important;
}
div.qatop {
	background-image: url(../images/arr_002.gif);
	padding-bottom: 0px;
	line-height: 160%;
	margin: 0px -20px 0px 10px;
	padding-left: 20px;
	padding-right: 0px;
	display: table-cell;
	background-repeat: no-repeat;
	background-position: 0% 4px;
	float: right;
	vertical-align: middle;
	padding-top: 0px;
}