@charset "Shift_Jis";
@media screen{
/*-------------------------------------------------
 decoration.css
///////////////////////////////////////////////////

cc {
	題名	: CDP独自クラスサンプル集 ver.8.5.2
	特徴1	: ・多分サイトレイアウトを変えても利用し続けられる。
	特徴2	: ・多分無修正でalevirita作以外のCDPと併用可能。
	規約	: 好きに使え
		  
}

contents {
	◆ reset
	1. ul/ol.list1 // liを横並び@インライン
	2. dl.imageList // dtとddを横並び（画像）
	　 dl.imageList.type2 // 画像右
	3. ul/ol.imageList // liを横並び@ブロック
	4. dl.textList // dtとddを横並び（文字）
	5. ins // 更新マーク的な
	6. *.more // 高さ以上はoverflow:auto
	7. *.hidden, *.small // 見えなくしたり薄くしたり
	8. text-align  // 位置
	◆ 回り込み解除
}

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

/*============================================================
    reset
============================================================*/

#PAGETOP #KIZI div.text ul.list1,
#PAGETOP #KIZI div.text ol.list1,
#PAGETOP #KIZI div.text ul.list1 li,
#PAGETOP #KIZI div.text ol.list1 li,
#PAGETOP #KIZI div.text dl.imageList,
#PAGETOP #KIZI div.text dl.imageList dt,
#PAGETOP #KIZI div.text dl.imageList dd,
#PAGETOP #KIZI div.text ol.imageList,
#PAGETOP #KIZI div.text ul.imageList,
#PAGETOP #KIZI div.text ol.imageList li,
#PAGETOP #KIZI div.text ul.imageList li,
#PAGETOP #KIZI div.text ol.imageList li ul,
#PAGETOP #KIZI div.text ul.imageList li ul,
#PAGETOP #KIZI div.text dl.textList,
#PAGETOP #KIZI div.text dl.textList dt,
#PAGETOP #KIZI div.text dl.textList dd
{
	position: static;
	display: block;
	float: none;
	width: auto;
	height: auto;
	border: none; 
	background: transparent none;
	/* color: #000 *//* 場合によっては要 */
	text-indent: 0;
}

#PAGETOP #KIZI div.text ul.list1 li,
#PAGETOP #KIZI div.text ol.list1 li,
#PAGETOP #KIZI div.text dl.imageList dt,
#PAGETOP #KIZI div.text dl.imageList dd,
#PAGETOP #KIZI div.text dl.textList dt,
#PAGETOP #KIZI div.text dl.textList dd,
#PAGETOP #KIZI div.text ol.imageList li,
#PAGETOP #KIZI div.text ul.imageList li
{
	margin: 0;
	padding: 0;
}

#PAGETOP #KIZI div.text ul.list1:before, 
#PAGETOP #KIZI div.text ul.list1:after, 
#PAGETOP #KIZI div.text ol.list1:before,
#PAGETOP #KIZI div.text ol.list1:after,
#PAGETOP #KIZI div.text dl.imageList:before,
#PAGETOP #KIZI div.text dl.imageList:after,
#PAGETOP #KIZI div.text dl.imageList dt:before,
#PAGETOP #KIZI div.text dl.imageList dt:after,
#PAGETOP #KIZI div.text dl.imageList dd:before,
#PAGETOP #KIZI div.text dl.imageList dd:after,
#PAGETOP #KIZI div.text dl.textList dt:before,
#PAGETOP #KIZI div.text dl.textList dt:after,
#PAGETOP #KIZI div.text dl.textList dd:before,
#PAGETOP #KIZI div.text dl.textList dd:after,
#PAGETOP #KIZI div.text ol.imageList:before,
#PAGETOP #KIZI div.text ol.imageList:after,
#PAGETOP #KIZI div.text ul.imageList:before,
#PAGETOP #KIZI div.text ul.imageList:after,
#PAGETOP #KIZI div.text ol.imageList li:before,
#PAGETOP #KIZI div.text ol.imageList li:after,
#PAGETOP #KIZI div.text ul.imageList li:before,
#PAGETOP #KIZI div.text ul.imageList li:after,
#PAGETOP #KIZI div.text ol.imageList li ul:before,
#PAGETOP #KIZI div.text ol.imageList li ul:after,
#PAGETOP #KIZI div.text ul.imageList li ul:before,
#PAGETOP #KIZI div.text ul.imageList li ul:after
{
	display: none;
}


/*============================================================
 1. ul.list1 / ol.list1
   ----------------------------------------------------------
       横並びインラインリスト
============================================================*/

#PAGETOP #KIZI div.text ul.list1 li,
#PAGETOP #KIZI div.text ol.list1 li
{
	display: inline; 
	padding: 0 0.4em 0 0;
}


#PAGETOP #KIZI div.text ul.list1 li img,
#PAGETOP #KIZI div.text ol.list1 li img
{
	margin-top: 4px;
}

#PAGETOP #KIZI div.text ul.list1 li,
#PAGETOP #KIZI div.text ol.list1 li
{
	display: inline; 
	padding: 0 0.4em 0 0;
}


/*============================================================
 2. dl.imageList
   ----------------------------------------------------------
       画像横に文字がくるリスト
============================================================*/

body>#PAGETOP #KIZI div.text dl.imageList 
{
	overflow: hidden;
}

#PAGETOP #KIZI div.text dl.imageList dt
{
	clear: both;
	line-height: 0;
}

	#PAGETOP #KIZI div.text dl.imageList dt ins
	{
		display: inline;
		marign: 0;
		padding: 0;
	}

	#PAGETOP #KIZI div.text dl.imageList dt img
	{
		float: left;
		margin: 0.2em 6px 0.3em 0;
	}

	#PAGETOP #KIZI div.text dl.imageList.type2 dt img
	{
		float: right; 
		margin: 0.2em 0 0.3em 6px;
	}

#PAGETOP #KIZI div.text dl.imageList dd
{
	margin: 0.2em 0 0.5em;
}

#PAGETOP #KIZI div.text dl.imageList dd+dd
{
	margin-top: 0; 
}

#PAGETOP #KIZI div.text ul.gallery2 li dl.imageList,
#PAGETOP #KIZI div.text ul.gallery2 li dl.imageList
{
	margin: 0;
	padding: 0 5px;
	background: transparent;
}


/*============================================================
 3. ul.imageList / ol.imageList
   ----------------------------------------------------------
       横並びインラインブロックリスト
============================================================*/

#PAGETOP #KIZI div.text ol.imageList li,
#PAGETOP #KIZI div.text ul.imageList li
{
	display: inline-block;
	margin:0 0.3em 0.4em 0;
	padding: 5px 0;
	vertical-align: top;
}


* html body #PAGETOP #KIZI div.text ol.imageList li,
* html body #PAGETOP #KIZI div.text ul.imageList li
{
	/* IE6 */
	display: inline;
}

body>#PAGETOP #KIZI div.text ol.imageList>li,
body>#PAGETOP #KIZI div.text ul.imageList>li
{
	/* IE7 */
	display: inline; 
}

html>/**/body>#PAGETOP #KIZI div.text ol.imageList>li,
html>/**/body>#PAGETOP #KIZI div.text ul.imageList>li
{
	/* IE6,7以外 */
	display: inline-block;
}

	#PAGETOP #KIZI div.text ol.gallery1 li,
	#PAGETOP #KIZI div.text ul.gallery1 li
	{
		width: 110px; /* 好きな幅に */
	}

	#PAGETOP #KIZI div.text ol.gallery2 li,
	#PAGETOP #KIZI div.text ul.gallery2 li
	{
		width: 200px; /* 好きな幅に */
	}

	#PAGETOP #KIZI div.text ol.gallery3 li,
	#PAGETOP #KIZI div.text ul.gallery3 li
	{
		width: 150px; /* 好きな幅に */
	}

	#PAGETOP #KIZI div.text ol.gallery4 li,
	#PAGETOP #KIZI div.text ul.gallery4 li
	{
		width: 180px; /* 好きな幅に */
	}



#PAGETOP #KIZI div.text ol.imageList li ol,
#PAGETOP #KIZI div.text ul.imageList li ol,
#PAGETOP #KIZI div.text ol.imageList li ul,
#PAGETOP #KIZI div.text ul.imageList li ul,
#PAGETOP #KIZI div.text ol.imageList li dl,
#PAGETOP #KIZI div.text ul.imageList li dl
{
	margin: 0; 
}


#PAGETOP #KIZI div.text ol.imageList li ol,
#PAGETOP #KIZI div.text ul.imageList li ol,
#PAGETOP #KIZI div.text ol.imageList li ul,
#PAGETOP #KIZI div.text ul.imageList li ul
{
	padding: 0;
	border: none;
}

#PAGETOP #KIZI div.text ol.imageList li ol li,
#PAGETOP #KIZI div.text ol.imageList li ul li,
#PAGETOP #KIZI div.text ul.imageList li ol li,
#PAGETOP #KIZI div.text ul.imageList li ul li
{
	list-style-type: none;
	display: block;
	width: auto; 
	margin: 0;
	padding: 0;
	border: none;
	background: transparent none;
}

#PAGETOP #KIZI div.text ol.imageList li dl dt,
#PAGETOP #KIZI div.text ol.imageList li dl dd,
#PAGETOP #KIZI div.text ul.imageList li dl dt,
#PAGETOP #KIZI div.text ul.imageList li dl dd
{
	display: block;
	width: auto;
	/*
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	*/
}


/*============================================================
 4. dl.textList
   ----------------------------------------------------------
       一定幅の文字列の横に文字がくるリスト
============================================================*/

#PAGETOP #KIZI div.text dl.textList dt
{
	float: left;
	width: 8em; /* 横幅 */
	padding: 0.15em 0;
	clear: both;
}

#PAGETOP #KIZI div.text dl.textList dd
{
	margin-left: 8em; /* 横幅と同じ */
	padding: 0.15em 0 0.15em 0.8em;
}

#PAGETOP #KIZI div.text dl.textList dd+dd
{
	padding-top: 0;
}


/*============================================================
 5. ins.new
   ----------------------------------------------------------
       追加項目を目立たせる
============================================================*/

/* アイコン */
#PAGETOP #KIZI div.text ins.new
{
	padding-right: 13px;
	background: url("img/up.gif") no-repeat 100% 50%;
}

/* リンク色 */
#PAGETOP #KIZI div.text ins.new a:link
{
	color: red;
}


/*============================================================
 6. *.more
   ----------------------------------------------------------
       決まった縦幅以上はスクロールバーを表示
============================================================*/

#PAGETOP #KIZI div.text .more
{
	padding-right: 0.5em;
	height: 5em !important; /*好きな高さ*/
	overflow: auto;
}

#PAGETOP #KIZI div.text div.more
{
	margin-top: 0.7em;
	margin-bottom: 0.7em; 
}


/*============================================================
 7. *.hidden / *.small
   ----------------------------------------------------------
       背景と文字色を同じかごく近しくする
============================================================*/

#PAGETOP #KIZI div.text .hidden
{
	background: #999;
	color: #999;
	text-shadow: none;
}

#PAGETOP #KIZI div.text .small
{
	background: #DDD;
	color: #AAA;
	text-shadow: none;
}


/*============================================================
 7. *.text1 / *.text2 / *.text3
   ----------------------------------------------------------
       テキスト寄せ位置
============================================================*/

.text1
{
	text-align: center;
}

.text2
{
	text-align: right;
}

.text3
{
	text-align: left;
}



/*============================================================
    回り込み解除
============================================================*/


body>#PAGETOP #KIZI div.text dl.imageList
{
	overflow: hidden;
}

body>#PAGETOP #KIZI div.text dl.imageList:after,
body>#PAGETOP #KIZI div.text dl.imageList dt:before,
body>#PAGETOP #KIZI div.text dl.textList:after,
body>#PAGETOP #KIZI div.text dl.textList dd:after
{
	content: "";
	display: block;
	clear: both;
}

* html body #PAGETOP #KIZI div.text dl.imageList,
* html body #PAGETOP #KIZI div.text dl.imageList dd,
* html body #PAGETOP #KIZI div.text dl.textList
{
	height: 1%;
}

/*---------------------------------------------------*/
}