@charset "Shift_JIS";

/* 川又塗装 Web Stylesheet   v.101106　*/
/* 全ブラウザ共通CSS */

/*　▼▼▼基本設定▼▼▼====================================================

	・サイズ					：width：1000px
	・コンテンツエリアのサイズ	：width：600px
	
	・文字色					：#333		濃いグレー
	・背景カラー				：#fff		白
								：#f9e69f	クリーム色
	・基本カラー				：#8ec323	黄緑
								：#afd260	薄い黄緑
								：#31a338	緑
	・罫線						：#860		濃い茶
	・リンク（文中）			：#05C		スカイブルー
	・リンク（ホバー）			：#D93		薄いオレンジ
	・リンク（訪問済み）		：#852		グレーオレンジ
	・リンク（エリア外）		：#7a5a46	茶色
	
	※font-sizeは、10px基準で、「em」指定すること。
	※line-heightには、「%」や「em」などの単位は入れないこと。
	※基本的に「リンク：青」、「強調：赤／緑」
*/
/*　▼▼▼記述順-参考▼▼▼====================================================

	1、表示関連
		・display
		・list-style
		・position
		・float
		・clear
	2、サイズ
		・width
		・height
		・margin
		・padding
		・border
		・background
	3、テキスト
		・color
		・font
		・text-decoration
		・text-align
		・vertical-align
		・white-space
		・other text
		・content
	
*/

/*構造チェック時コメントアウト
div {
	border: 1px solid #CC3333 !important;
	margin: 2px;
}
*/

/*=================================================================================================▼▼▼印刷設定▼▼▼*/
h1#shamei	{
	display	:none;
}

hr	{
	display	:none;
}

a img {
    border-style:none;
}

/*ClearFix（float解除用CSS）*/
.clearfix:after {
	content			:".";
	clear			:both;
	display			:block;
	line-height		:0;
	height			:0;
	visibility		:hidden; }
.clearfix {
	zoom			:1; }

/*========================================================================================================▼▼▼タグ▼▼▼*/
/*------------------------------------------------

			タグ
		
--------------------------------------------------*/
body	{
	background-color		:#f9e69f;
	color					:#505050;
	font-family				:"MS Pゴシック","ヒラギノ角ゴ",Osaka,sans-serif;
	font-size				:10px;
	_font-size				:62.5%;			/*IE6用ハック*/
}

/*BODY　背景画像*/
body						{background	:#f9e69f url("../img/wallpaper.gif") left top;}

#all-area{
	font-size			:1.4em;
}
p,
li,
span,
td,
a	{
	line-height		:1.5;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝上付文字用*/
sup	{
	font-size			:0.6em;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝強調*/
strong	{	
	color				:#A00;
}
/*強調（より強く）*/
strong.pow	{
	color					:#A00;
	font-size				:1.6em;
	font-weight			:bold;
	letter-spacing		:0.2em;
}
/*強調（マーキング）*/
strong.mark	{	
	background-color	:#F8D393;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フォーム用*/
form,
fieldset {
	margin 					:0;
	padding 					:0;
	border-style			:none;
	background 			:none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝FLASH周辺隙間防止*/
embed,object {
	vertical-align		:top;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝画像*/
/*画像-右寄せ*/
img.post-right	{
	float				:right;
	margin-left			:10px;
	margin-bottom		:5px;
}
/*画像-左ｓ寄せ*/
img.post-left	{
	float				:left;
	margin-right		:10px;
	margin-bottom		:5px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フロート解除*/
.clear-float	{
	clear					:both;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝センターリング*/
.centering	{
	text-align				:center;
}

/*========================================================================================▼▼▼基礎レイアウト▼▼▼*/
/*------------------------------------------------

			全エリア
		
--------------------------------------------------*/
#all-area	{
	position		:absolute;
	top				:80px;
	width			:1000px;
	margin-bottom	:100px;
	padding			:0;
}
#contents-area	{
	margin-top		:20px;
	margin-left		:240px;
	padding			:20px 40px;
	width			:620px;
}
#contents-main	{
	padding			:10px;	}

/*コンテンツ全体　背景画像*/
#all-area					{background	:url("../img/sketchbook_bg_base.jpg") repeat-y left top;}

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

			メニューエリア
		
--------------------------------------------------*/
#menu-area	{
	position		:absolute;
	top				:30px;
	left			:0px;
	width			:185px;
	padding-bottom	:300px;
	background		:url("../img/chara_img.jpg") no-repeat left bottom;
}
#sub-area	{
	position		:relative;
	top				:40px;
	left			:20px;
	width			:150px;
}
#page-area	{
	position		:relative;
	top				:20px;
	left			:20px;
	width			:135px;
	height			:100px;
}
#head-area	{
	position		:absolute;
	top				:0px;
	left			:0px;
	width			:1000px;
	height			:20px;
}
#foot-area	{
	position		:relative;
	bottom			:0px;
	left			:0px;
	width			:1000px;
	height			:20px;
}

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

			余白調整用
		
--------------------------------------------------*/
div.spacer {
	height		:100px;
	background	:url("../img/wallpaper.gif") left top;
}
div.spacer-200 {
	height		:200px;
	background	:url("../img/wallpaper.gif") left top;
}
div.spacer-300 {
	height		:300px;
	background	:url("../img/wallpaper.gif") left top;
}

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

			グローバルエリア
		
--------------------------------------------------*/
#global-head	{
	position			:fixed;
	top					:0px;
	left				:0px;
	padding-top			:15px;
	padding-bottom		:0px;
	padding-left		:20px;
	padding-right		:20px;
	width				:100%;
	height				:40px;
	background			:#642 url("../img/header_bg_url.gif") no-repeat 5px 5px;
	border-bottom		:2px solid #642;
	z-index				:800;
}
#global-foot	{
    display				:-moz-none; /*for Firefox 2*/
	position			:fixed;
	bottom				:0px;
	padding				:5px 20px;
	width				:100%;
	height				:40px;
	text-align			:left;
	background-color	:#642;
	border-top			:2px solid #642;
	z-index				:900;
}

#global-head ul {
	position			:absolute;
	bottom				:0px;
	left				:10px;
}
#global-foot ul {
	position			:absolute;
	top					:0px;
	left				:10px;
}
#global-head ul li,
#global-foot ul li	{
	display				:block;
	float				:left;
	margin-left			:1px;
	width				:100px;
}

/*グローバルエリア　リンク*/

.outmenu {
	display				:block;
	font-size			:1.2em;
	color				:#000;
	text-decoration		:none;
	text-align			:center;
	line-height			:30px;
	width				:100px;
	height				:30px;
}

#global-head ul li a {
	background			:url("../img/global_menu.gif") no-repeat 0px 0px;	}
#global-foot ul li a	{
	background			:url("../img/global_menu.gif") no-repeat 0px -30px;	}

a.outmenu:link,
a.outmenu:visited	{color	:#642;}

#global-head ul li a.outmenu:hover,
#global-head ul li a.outmenu:active	{color	:#C00; background-position:-100px 0px;}

#global-foot ul li a.outmenu:hover,
#global-foot ul li a.outmenu:active	{color	:#C00; background-position:-100px -30px;}

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

			検索エリア
		
--------------------------------------------------*/
#search {
	position 		:absolute;
	top				:10px;
	left			:750px;
	width			:230px;
}
/*検索文字入力エリア*/
#search .textbox {
	position			:relative;
	top					:5px;
	left				:0px;
	font-size			:1.1em;
	line-height			:1.25;
	width				:190px;
	height				:24px;
	vertical-align		:middle;
}
/*送信（検索）ボタン*/
#search .submitbtn {
	display			:inline;
	position		:absolute;
	top				:3px;
	right			:0px;
	border 			:none;
}

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

			パンくずエリア
		
--------------------------------------------------*/
#pankuzu-area {
	position		:absolute;
	top				:20px;
	right			:90px;
}
ul.pankuzu-list {
	font-size		:0.8em;
}
ul.pankuzu-list li	{
	float			:right;
}
ul.pankuzu-list li a {
	padding-left	:32px;
	background		:url("../img/pankuzu_arrow.gif") no-repeat 8px 50%;
}
ul.pankuzu-list li a:link,
ul.pankuzu-list li a:visited {
	color			:#05C;
}
ul.pankuzu-list li a:hover,
ul.pankuzu-list li a:active {
	color			:#D00;
}

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

			コピーライトエリア
		
--------------------------------------------------*/
#foot-copy	{
	position			:absolute;
	top					:5px;
	left				:800px;
	color				:#c9a95c;
}
#foot-copy a	{
	color				:#c9a95c;
	font-size			:100%;			/*ネスト時の縮小防止*/
}

/*==========================================================================================▼▼▼エリア別レイアウト▼▼▼　*/
/*------------------------------------------------

			メニューエリア
		
--------------------------------------------------*/

/*ロゴ*/
#logo {
	position		:relative;
	top				:0;
	left			:20px;
	width			:150px;
	height			:110px;
	text-indent		:-5000px;
	background:url("../img/logo.png") no-repeat left top;
}
#logo a {
	display			:block;
	width			:150px;
	height			:110px;
}

/*メインメニュー*/
#main-menu	{
	margin-top		:1em;
	margin-left		:20px;
}
#main-menu p.mokuji	{
	text-align			:center;
}
#main-menu ul	{
	margin-top		:1em;
}
#main-menu ul li	{
	width				:150px;
	height				:45px;
	text-indent			:-5000px;
}
#main-menu ul li a	{		/*ie対応あり*/
	display			:block;
	height			:45px;
	background		:url("../img/menu_img.jpg") no-repeat;
}
#main-menu ul li a.menu-vst	{	/*閲覧中メニュー項目用　classを「menu-vst」に変えて適用*/
	color		:#052;
}
#main-menu a{
}
/*メインメニュー　受付窓口*/
#main-menu a.menu-info:link,
#main-menu a.menu-info:visited			{background-position:0px 0px;}
#main-menu a.menu-info:hover,
#main-menu a.menu-info:active			{background-position:-150px 0px;}
/*メインメニュー　知っトク情報*/
#main-menu a.menu-pickup:link,
#main-menu a.menu-pickup:visited		{background-position:0px -45px;}
#main-menu a.menu-pickup:hover,
#main-menu a.menu-pickup:active			{background-position:-150px -45px;}
/*メインメニュー　作業の解説*/
#main-menu a.menu-work:link,
#main-menu a.menu-work:visited			{background-position:0px -90px;}
#main-menu a.menu-work:hover,
#main-menu a.menu-work:active			{background-position:-150px -90px;}
/*メインメニュー　リンク*/
#main-menu a.menu-link:link,
#main-menu a.menu-link:visited			{background-position:0px -135px;}
#main-menu a.menu-link:hover,
#main-menu a.menu-link:active			{background-position:-150px -135px;}
/*メインメニュー　会社案内*/
#main-menu a.menu-about:link,
#main-menu a.menu-about:visited			{background-position:0px -180px;}
#main-menu a.menu-about:hover,
#main-menu a.menu-about:active			{background-position:-150px -180px;}
/*メインメニュー　ブログ*/
#main-menu a.menu-blog:link,
#main-menu a.menu-blog:visited			{background-position:0px -225px;}
#main-menu a.menu-blog:hover,
#main-menu a.menu-blog:active			{background-position:-150px -225px;}
/*メインメニュー　訪問中*/
#main-menu a.menu-info-vst		{background-position:-300px 0px;}
#main-menu a.menu-pickup-vst	{background-position:-300px -45px;}
#main-menu a.menu-work-vst		{background-position:-300px -90px;}
#main-menu a.menu-link-vst		{background-position:-300px -135px;}
#main-menu a.menu-about-vst		{background-position:-300px -180px;}
#main-menu a.menu-blog-vst		{background-position:-300px -225px;}

/*もくじ*/
.mokuji	{
	margin-top		:1em;
	text-indent		:-2000px;
}
.mokuji	a	{
	display		:block;
	width		:150px;
	height		:30px;
}

/*もくじ　画像*/
.mokuji a:link, .mokuji a:visited		{background	:url("../img/mokuji_btn.gif") no-repeat left 50%;}
.mokuji a:hover, .mokuji a:active		{background	:url("../img/mokuji_btn_ov.gif") no-repeat left 50%;}

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

			コンテンツエリア　基礎
		
--------------------------------------------------*/
/*ページタイトル【h2】*/
h2	{
	margin-bottom			:1.5em;
	margin-top				:5px;
    /margin-top				:35px; /*for ie5〜7*/
	padding-top				:30px;
	padding-left			:10px;
	width:					:620px;
	height					:70px;
	color					:#165a3a;
	line-height				:1.5em;
	font-size				:1.4em;
	font-weight				:bold;
	/*border-bottom			:3px double #590;*/
}
h2.h2info				{background	:url("../img/h2_info.jpg") no-repeat top left;}
h2.h2work			{background	:url("../img/h2_work.jpg") no-repeat top left;}
h2.h2pickup		{background	:url("../img/h2_pickup.jpg") no-repeat top left;}
h2.h2link				{background	:url("../img/h2_link.jpg") no-repeat top left;}
h2.h2about			{background	:url("../img/h2_about.jpg") no-repeat top left;}
h2.h2etc				{background	:url("../img/h2_etc.jpg") no-repeat top left;}
/*大見出し【h3】*/
h3	{
	margin-top				:4em;
	margin-bottom			:15px;
	padding-top				:8px;
	padding-left			:15px;
	width					:585px;
	height					:21px;
	color					:#642;
	font-size				:1.1em;
	background				:url("../img/h3_border.jpg") no-repeat 0% 0%;
}
/*小見出し【h4】*/
h4	{
	margin-top				:2.5em;
	margin-bottom			:1em;
	padding					:3px 5px;
	font-size				:1em;
	color					:#151;
	background-color		:#e3eec5;
	border-bottom			:1px dashed #bbb;
}
/*最小見出し【h5】*/
h5	{
	margin-top			:5px;
	margin-bottom	:1em;
	font-size				:1em;
	font-weight			:bold;
	color					:#370;
}
/*コンテンツ内テキスト*/
#contents-area p	{
	margin-bottom	:1em;
}
.read	{	/*リードコピー用*/
	margin-left		:0;
	margin-right	:0;
	color				:#555;
	font-family 		:"ヒラギノ明朝","MS 明朝","平成明朝体",serif;
	line-height		:1.5;
}
.comment	{	/*注釈用*/
	margin-top			:1.5em;
	padding-left			:22px;
	padding-bottom	:5px;
	font-size				:0.8em;
	color					:#8e5d0f;
	background			:url("../img/icon_cmnt.gif") no-repeat left top;
}
.cap	{	/*キャプション用*/
	font-size			:0.8em;
	color				:#260;
}
ul.cap_list	{	/*キャプション用【リスト表示】*/
	padding-right		:8px;
	font-size			:0.9em;
	line-height			:1.25em;
	color				:#554;
}
ul.cap_list li	{	/*キャプション用【リスト表示】*/
	margin-bottom		:1em;
	padding-left		:8px;
	padding-right		:5px;
	border-left			:3px solid #9A6;
}
.tab1 {	/*段落2文字下げ*/
	padding-left			:2em;
}

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

			コンテンツエリア　リンク　基本
		
--------------------------------------------------*/
a										{text-decoration:none;}
#contents-area a:link					{color	:#059; border-bottom:1px dotted #059;}
#contents-area a:visited				{color	:#035; border-bottom:1px dotted #69F;}

#contents-area a:hover,
#contents-area a:active					{color	:#D00; border-bottom:1px solid #D00;}

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

			コンテンツエリア　リンク　画像
		
--------------------------------------------------*/
#contents-area a.imglink:link,
#contents-area a.imglink:visited,
#contents-area a.imglink:hover,
#contents-area a.imglink:active	{backgroundr:none; text-decoration:none; border-bottom:none;}

#contents-area a.thickbox:link,
#contents-area a.thickbox:visited,
#contents-area a.thickbox:hover,
#contents-area a.thickbox:active	{backgroundr:none; text-decoration:none; border-bottom:none;}

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

			コンテンツエリア　画像　その他
		
--------------------------------------------------*/
.tel,
.fax,
.mail	{
	margin-top			:15px;
	margin-left			:10px;
	margin-bottom	:1.5em;
	padding-left			:30px;
	font-size				:1.0em;
	font-weight			:bold;
	vertical-align		:middle;
	letter-spacing		:0.2em;
}
/*電話番号*/
.tel	{background	:url("../img/icon_tel.gif") no-repeat left 50%;}
/*FAX*/
.fax	{background	:url("../img/icon_fax.gif") no-repeat left 50%;}
/*メールアドレス*/
.mail	{background	:url("../img/icon_mail.gif") no-repeat left 50%;}

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

			コンテンツエリア　補助
		
--------------------------------------------------*/
/*NEWマーク*/
span.newMark {
	padding-top:			1px;
	padding-bottom:			1px;
	padding-left:			3px;
	font-size:				9px;
	color:					#fff;
	letter-spacing:			3px;
	background-color:		#c00;
}

/*コンテンツ内メモ 1*/
.memo1	{
	potision		:relative;
	padding			:10px;
	width			:240px;
	background		:url("../img/memo1_bg.gif") repeat-y left top;
}
.memo1 h5	{
	position				:relative;
	top						:-15px;
	left					:-10px;
	padding-top				:30px;
	width					:260px;
	height					:20px;
	font-size				:0.9em;
	color					:#260;
	text-align				:center;
	background			:url("../img/memo1_top.gif") no-repeat left top;
}
.memo1 p	{
	padding-left		:5px;
	padding-right		:5px;
	font-size			:0.9em;
}
.memo1-btm	{
	position			:relative;
	bottom				:-10px;
	left				:-10px;
	width				:260px;
	height				:20px;
	background		:url("../img/memo1_btm.gif") no-repeat left top;
}
/*コンテンツ内メモ 3*/
.memo	{
	margin				:20px auto;
}
.memo3 h5	{
	padding-top			:30px;
	width					:530px;
	height					:20px;
	font-size				:0.9em;
	color					:#260;
	text-align				:center;
	background			:url("../img/memo3_top.gif") no-repeat left top;
}

.memo p {
	margin			:0;
	padding-left	:1em;
	padding-right	:1em;
	font-size		:90%;
	line-height		:25px;
	background		:url("../img/top_gate_border.gif") repeat 0px 0px;
}

.memo3 p	{
	padding	:5px 25px 0px 25px;
	font-size	:0.9em;
}
.memo3-btm	{
	width				:530px;
	height				:20px;
	background		:url("../img/memo3_btm.gif") no-repeat left top;
}
/*プログラム／タグ表示用*/
.codetext {
	width			:430px;
	word-wrap	:break-word; 
	overflow		:auto;
	font-size		:80%;
	color			:#31a338;
	font-style		:italic;
}
/*ブロックみぎ寄せ　半分*/
.block-right	{
	float			:right;
	width		:260px;
}
/*ブロック左寄せ　半分*/
.block-left	{
	float			:left;
	width		:260px;
}

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

			コンテンツエリア　汎用コラム
		
--------------------------------------------------*/
div.column {
	position		:relative;
	top				:20px;
	left			:0px;
	padding-bottom	:30px;
	width			:600px;
	vertical-align	:top;
}

div.column3by2,
div.column3-left,
div.column3-center,
div.column3-right,
div.column2-left,
div.column2-right {
    display			:-moz-inline-box; /*for Firefox 2*/
    display			:inline-block; /*for modern*/
    /display		:inline; /*for ie5〜7*/
    /zoom			:1; /*for ie5〜7*/
	vertical-align	:top;
}

/*3コラムの分割で2コラム幅*/
div.column3by2 {
	position	:relative;
	top			:20px;
	left		:0px;
	width		:440px;
}

/*3コラム用段組*/
div.column3-left {
	position		:relative;
	top				:5px;
	left			:0px;
}
div.column3-center {
	position		:relative;
	top				:5px;
	left			:0px;
}
div.column3-right {
	position		:relative;
	top				:5px;
	right			:0px;
}

div.column3-left,
div.column3-center,
div.column3-right {
	width			:195px;
}

/*2コラム用段組*/
div.column2-left {
	padding-right	:5px;
	width			:290px;
}
div.column2-right {
	width			:290px;
}

/*横並び3コラム【左から右に3つ並べたら改行する】*/
div.column-line {
	float			:right;
	margin-right	:5px;
	width			:195px;
	border:1px solid #C03;
}

div.column-line-end {
	clear			:both;
	width			:195px;
	border:1px solid #C03;
}

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

			ページエリア
		
--------------------------------------------------*/
#page-area	{
	width		:135px;
}
#page-area h5	{
	padding		:2px;
	text-align		:center;
	font-size		:0.8em;
	color			:#630;
}
#page-btn	{
	margin			:0;
	padding		:0;
	width			:135px;
}
#page-btn li	{
	float					:left;
	width				:67px;
	text-indent		:-2000px;
}
a.page-back,
a.page-next	{
	display		:block;
	width		:67px;
	height		:80px;
}
a.page-back:link, a.page-back:visited	{background:url("../img/page_btn_back.gif") no-repeat left top;}
a.page-back:hover, a.page-back:active	{background:url("../img/page_btn_back2.gif") no-repeat left top;}
a.page-next:link, a.page-next:visited	{background:url("../img/page_btn_next.gif") no-repeat left top;}
a.page-next:hover, a.page-next:active	{background:url("../img/page_btn_next2.gif") no-repeat left top;}

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

			サブエリア
		
--------------------------------------------------*/
#sub-area	{
	font-size			:0.9em;
}
.list-sub {
	margin-top		:20px;
}
.list-sub li{
	margin-top			:0.5em;
	padding-left		:20px;
	line-height			:1;
	background			:url("../img/icon_list03.gif") no-repeat left top;
}	
.memo2	{
	margin-top			:20px;
	background-color	:#CCb581;
	border				:1px solid #A48229;
}
.memo2 h5	{
	padding					:5px;
	color					:#642;
	border-bottom			:1px dotted #A48229;
}
.memo2 p	{
	margin				:12px 5px;
}

/*リンク　サブエリア*/

#sub-area a:link		{color	:#05C;}
#sub-area a:visited		{color	:#035;}

#sub-area a:hover,
#sub-area a:active		{color	:#D00; border-bottom:1px dotted #d00;}


/*==========================================================================================▼▼▼テーブル表示▼▼▼　*/
/*------------------------------------------------

			テーブル　基本
		
--------------------------------------------------*/
.tab-normal {
	margin-top			:15px;
	margin-left			:10px;
	margin-bottom	:15px;
	width					:580px;
	border-top			:10px solid #afd260;
	border-bottom		:1px solid #afd260;
	border-left			:1px solid #afd260;
	border-right			:1px solid #afd260;
}
.tab-normal th {
	padding					:5px;
	font-size					:80%;
	font-weight				:normal;
	color						:#6f9220;
	border-right				:1px dashed #afd260;
	border-bottom			:3px double #afd260;
	background-color	:#cff280;
}
.tab-normal td {
	padding					:8px;
	border-right				:1px dashed #afd260;
	border-bottom			:3px double #afd260;
}
.tab-normal td.cell-left {
	border-right				:1px solid #afd260;
	background-color	:#d4f694;
}
.tab-normal td.cell-end, .tab-normal th.cell-end {
	border-right				:none;
}

/*ボーダー無し*/
.tab-noborder {
	margin-top			:15px;
	margin-left			:10px;
	width				:580px;
}
.tab-noborder td {
	text-align			:left;
	vertical-align		:middle;
}

/*==========================================================================================▼▼▼リスト表示▼▼▼　*/
/*------------------------------------------------

			リスト　基本
		
--------------------------------------------------*/
li	{
	list-style-type	:none;
}
ul.list-normal li,
ul.list-dot	li,
ul.list-small li,
ul.list-menu li,
ul.list-tokon li	{
	padding-left		:20px;	}
	

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

			リスト　ページナビゲーション
		
--------------------------------------------------*/
ul#list-page-navi {
	position		:relative;
	margin-top		:2em;
	margin-bottom	:2em;
	margin-left		:100px;
	margin-right	:100px;
	width			:400px;
	height			:30px;
	font-size		:0.9em;
	text-align		:center;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ページナンバー部分*/
ul#list-page-navi li {
	float			:left;
	display			:inline;
}
ul#list-page-navi li a,
ul#list-page-navi li span {
	display				:block;
	width				:30px;
	height				:30px;
	line-height			:30px;
}
ul#list-page-navi li span {
	color				:#ff3;
	background:url("../img/page_navi_img.gif") no-repeat -70px -60px;
}
ul#list-page-navi li a:link,
ul#list-page-navi li a:visited {
	border				:none;
	color				:#fff;
	background:url("../img/page_navi_img.gif") no-repeat -70px 0px;
}
ul#list-page-navi li a:hover,
ul#list-page-navi li a:active {
	color				:#fff;
	background:url("../img/page_navi_img.gif") no-repeat -70px -30px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ページ送り部分*/
div.page-navi-prev {
	position		:absolute;
	top				:0px;
	left			:-100px;
	text-indent		:-5000px;
}
div.page-navi-next {
	position		:absolute;
	top				:0px;
	right			:-100px;
	text-indent		:-5000px;
}
div.page-navi-prev a,
div.page-navi-prev span,
div.page-navi-next a,
div.page-navi-next span {
	display				:block;
	width				:70px;
	height				:30px;
}

div.page-navi-prev a:link,
div.page-navi-prev a:visited {	background:url("../img/page_navi_img.gif") no-repeat left top;		}
div.page-navi-prev a:hover,
div.page-navi-prev a:active {	background:url("../img/page_navi_img.gif") no-repeat left -30px;	}

div.page-navi-next a:link,
div.page-navi-next a:visited {	background:url("../img/page_navi_img.gif") no-repeat right top;		}
div.page-navi-next a:hover,
div.page-navi-next a:active {	background:url("../img/page_navi_img.gif") no-repeat right -30px;	}

div.page-navi-prev span	{		background:url("../img/page_navi_img.gif") no-repeat left bottom;	}
div.page-navi-next span {		background:url("../img/page_navi_img.gif") no-repeat right bottom;	}



/*次のページへのリンクボタン*/
div.next_link_area {
	margin-top			:5em;
	text-align			:center;
	border-bottom		:1px solid #5c4128;
}
#contents-area a.nextlink	{
	padding-top			:20px;
	padding-bottom		:23px;
	padding-left		:45px;
	background			:url("../img/next_link_L.gif") no-repeat left 50%;
	text-decoration		:none;
	border-bottom		:none;
}
#contents-area a.nextlink span	{
	padding-top			:20px;
	padding-bottom		:23px;
	padding-right		:60px;
	background			:url("../img/next_link_R.gif") no-repeat right 50%;
}
	
	
/*------------------------------------------------

			リスト　通常
		
--------------------------------------------------*/
ul.list-normal li	{
	margin-top				:0.5em;
	padding-bottom			:1.5em;
	background				:url("../img/icon_list03.gif") no-repeat left top;
	border-bottom			:1px dashed #bbb;
}
/*------------------------------------------------

			リスト　箇条書き
		
--------------------------------------------------*/
ul.list-dot	li{
	padding-bottom		:0.5em;
	background			:url("../img/icon_list01.gif") no-repeat left top;
}
/*------------------------------------------------

			リスト　小型
		
--------------------------------------------------*/
ul.list-small li{
	height				:20px;
	font-size			:0.7em;
	background			:url("../img/icon_list02.gif") no-repeat left 50%;
}
/*------------------------------------------------

			リスト　メニュー形式
		
--------------------------------------------------*/
ul.list-menu li	{
	background			:url("../img/icon_list03.gif") no-repeat left top;
	border-bottom		:1px dashed #bbb;
}
/*------------------------------------------------

			リスト　補助
		
--------------------------------------------------*/
.text-arrow	{	/*リストの補足用　主にspanタグで利用*/
	display					:block;
	padding-left			:30px;
	padding-bottom	:5px;
	background			:url("../img/icon_list04.gif") no-repeat 10px top;
}
.link-arrow	{	/*右寄せした詳細ページへのリンク用*/
	text-align		:right;
	font-size		:0.9em;
}
.link-arrow	a	{
	padding-left			:25px;
	background			:url("../img/icon_list04.gif") no-repeat left 50%;
}
/*------------------------------------------------

			DL形式リスト　ノーマル
		
--------------------------------------------------*/
dl.dlNormal {
	padding-top:		1em;
	padding-bottom:		2em;
}
dl.dlNormal dt {
	padding-left:		20px;
	color:				#642;
	background:			url("../img/icon_list03.gif") no-repeat left 50%;
}
dl.dlNormal dd {
	margin-top:			1em;
	margin-left:		2em;
	padding-left:		5px;
	border-left:		6px double #c9a95c;
}
/*------------------------------------------------

			DL形式リスト　メニュー
		
--------------------------------------------------*/
h4.h4menu-green,
h4.h4menu-blue,
h4.h4menu-red,
h4.h4menu-brown {
	margin-top				:2.5em;
	margin-bottom			:0;
	padding					:8px 10px;
	font-size				:1em;
	border-bottom			:none;
	height					:14px;
}

h4.h4menu-green	{background		:url("../img/dlMenu_top_green.gif") no-repeat left top; color	:#462;	}
h4.h4menu-blue	{background		:url("../img/dlMenu_top_blue.gif") no-repeat left top; 	color	:#246;	}
h4.h4menu-red	{background		:url("../img/dlMenu_top_red.gif") no-repeat left top; 	color	:#624;	}
h4.h4menu-brown	{background		:url("../img/dlMenu_top_brown.gif") no-repeat left top; color	:#642;	}

dl.dlmenu-green,
dl.dlmenu-blue,
dl.dlmenu-red,
dl.dlmenu-brown {
	margin-top			:0;
	padding-right		:10px;
	width				:590px;
}

dl.dlmenu-green	{background		:url("../img/dlMenu_base_green.gif") repeat-y left top;	}
dl.dlmenu-blue	{background		:url("../img/dlMenu_base_blue.gif") repeat-y left top;	}
dl.dlmenu-red	{background		:url("../img/dlMenu_base_red.gif") repeat-y left top;	}
dl.dlmenu-brown	{background		:url("../img/dlMenu_base_brown.gif") repeat-y left top;	}


dl.dlmenu-green dt,
dl.dlmenu-blue dt,
dl.dlmenu-red dt,
dl.dlmenu-brown dt {
	float				:left;
	color				:#642;
	width				:200px;
	height				:200px;
}

dl.dlmenu-green dd,
dl.dlmenu-blue dd,
dl.dlmenu-red dd,
dl.dlmenu-brown dd {
	padding-top		:1em;
	margin-left		:200px;
	line-height		:1.5em;
}

dd.dlmenu-title {
	margin-bottom	:1em;
	line-height		:1.5em;
	font-size		:1.1em;
	font-weight		:bold;
}