

/* MTコンテンツ */
#contents{
	margin:0 auto 15px;
	width:675px;
	text-align:center;
	margin-right:7px;
}

/* 基本link */
a		{color:#712020;text-decoration:none;}
a:link		{}
a:visited	{}
a:hover		{text-decoration:underline;}
a:active	{}


/* ---------------------------------------------------------------- */
/* 共通 style */
/* ---------------------------------------------------------------- */

/* タイトル */
#title{
	margin:4px auto;
}

.back-list {
	margin: 0 0 25px;
	text-align : right;
	width : 650px;
	background:url('../image/arrow_list.gif') no-repeat 0 0;
}

 /* カテゴリ */
#category{
	margin:0 auto 25px;
	width:600px;
	text-align:right;
	font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* 基本カラムわけ style */
/* ---------------------------------------------------------------- */


/* リストエリア：枠 */
#contents-area{
	margin-bottom:50px;
	width:650px;
	text-align:left;
}

/* clear hack */
#contents-area{zoom:1;}
#contents-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/* 左エリア */
#list-left *{margin:0;padding:0;}
#list-left{
	float:left;
	width:440px;
}
/* ニュースリリース：タイトル画像 */
#list-left p.saisin-t{
	margin:0 0 10px 0;
	padding:5px 15px;
	font-weight:bold;
	font-size:14px;
	background:url('../img/news_list_back.gif') repeat-y 0 0;
}

#list-left ul{
	list-style-type:none;
	text-align:left;
}

/* リンクマーク */
#list-left a		{
	display:block;
	padding:0 0 0 15px;
	text-decoration:none;
	background:url('../img/list_mark.gif') no-repeat 0 4px;
}
#list-left a:hover	{text-decoration:underline;}





/* 右コンテンツ */
#list-right *{margin:0;padding:0;}
#list-right{
	float:right;
	padding:5px;
	width:190px;
	background:#fcfcfc;
	border:1px solid #7a5656;
}

#list-right dl{
	list-style-type:none;
	text-align:left;
}
#list-right dt{
	font-weight:bold;
	padding:3px;
	background:url('../img/news_list_back.gif') repeat-y 0 0;
}
/* カテゴリ:リンク色 */
#list-right dt a{
	color:#000;
	text-decoration:underline;
	padding:0;
	background:url('../img/news_list_back.gif') repeat-y 0 0;

}


#list-right dd{
	margin-bottom:3px;
	padding:2px 0 2px 10px;
}
/* リンク　マーク */
#list-right a		{
	display:block;
	padding:0 0 0 10px;
	color:#712020;
	text-decoration:none;
	background:url('../img/arrow_list.gif') no-repeat 0 4px;
}
#list-right a:hover	{text-decoration:underline;}


/* ---------------------------------------------------------------- */
/* ニュースリリース style */
/* ---------------------------------------------------------------- */

/* ニュースリリースリスト */
#list-left li{
	margin-bottom:7px;
	padding:5px 10px;
	background:url('../img/list_back.gif') repeat 0 0;
	border-bottom:1px dashed #efefef;
}

/* ニュースリリース：記事枠 */
#list-left .entry{
	margin:0 auto 60px;
	padding:5px 10px;
	border:1px solid #c3656b;
	background:#fff9fa;
	width:90%;
}

/* ニュースリリース：エントリータイトル */
#list-left .entry .entry-t{
	margin-bottom:5px;
	background:url('../img/toco_list_back.gif') repeat-y 0 0;
	padding:7px 0 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border-top:3px solid #c3656b;
	border-bottom:1px solid #cdcdcd;
}
#list-left .entry .entry-t a{
	background:url('../img/toco_list_back.gif') repeat-y 0 0;
	color:#8b3a3a;
}

#list-left .entry .date, #list-left .entry-design .date, #list-left .entry-toco .date {
	text-align : left;
	margin-bottom : 10px;
	padding-left : 8px;
}

/* 日付 */
/*
#list-left .entry .date,#list-left .entry-design .date,#list-left .entry-toco .date {
	text-align:left;
	margin-bottom:10px;
	padding-left:8px;
}
*/
/* ニュースリリース：エントリーテキスト */
#list-left .entry .entry-text{
	margin:0 auto;
	padding:0 8px 40px;
	background:url('../img/entry-bottom.gif') no-repeat 0 bottom;
}

#list-left .entry .entry-text p{
	padding-bottom:12px;
	text-align:left;
	line-height:160%;
}


/* ---------------------------------------------------------------- */
/* TOCOコラム style */
/* ---------------------------------------------------------------- */


/* TOCOコラムリスト */

#list-left li.toco-list{
	margin-bottom:7px;
	padding:5px 10px;
	background:url('../img/list_back2.gif') repeat 0 0;
	border-bottom:1px dashed #d3e1f1;
}

/* リンク色 */
#list-left li.toco-list	a{
	color:#293946;
}

/* TOCOコラム：最新情報 */
#list-left p.saisin-toco{
	margin:0 0 10px 0;
	padding:5px 15px;
	font-weight:bold;
	font-size:14px;
	background:url('../img/toco_sub_back.gif') repeat-y 0 0;
}
/* 記事枠 */
#list-left .entry-toco{
	margin:0 auto 60px;
	padding:5px 10px;
	border:1px solid #536e83;
	background:#ecf1f5;
	width:90%;
}

/* エントリータイトル */
#list-left .entry-toco .entry-t{
	margin-bottom:10px;
	background:url('../img/toco_list_back.gif') repeat-y 0 0;
	padding:7px 0 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border-top:3px solid #536e83;
	border-bottom:1px solid #cdcdcd;
}
#list-left .entry-toco .entry-t a{
	background:url('../img/toco_list_back.gif') repeat-y 0 0;
	color:#536e83;
}


/* エントリーテキスト */
#list-left .entry-toco .entry-text{
	margin:0 auto;
	padding:0 8px 40px;
	background:url('../img/entry-bottom2.gif') no-repeat 0 bottom;
}

#list-left .entry-toco .entry-text p{
	padding-bottom:12px;
	text-align:left;
	line-height:160%;
}


/* ---------------------------------------------------------------- */
/* デザイン+αコラム style */
/* ---------------------------------------------------------------- */


/* カテゴリ */
.design-category{
	margin:0 28px 3px 0;
	padding:0;
	text-align:right;
}
.design-category span{
	margin:0 0 3px;
	padding:3px 8px;
	text-align:right;
	inline:display;
	background:url('../img/design_category_back.gif') repeat-x right 0;
}

/* リンク色 */
.design-category a{color:#7a5656;text-decolation:underline;}

/* デザイン+αリスト */
#list-left li.design-list{
	margin-bottom:7px;
	padding:5px 10px;
	background:url('../img/list_back3.gif') repeat 0 0;
	border-bottom:1px dashed #e3e1d1;
}


#list-left li.design-list a{
	color:#6f5e4e;
}

/* デザイン+α：最新情報 */
#list-left p.saisin-design{
	margin:0 0 10px 0;
	padding:5px 15px;
	font-weight:bold;
	font-size:14px;
	background:url('../img/design_sub_back.gif') repeat-y 0 0;
}


#design-list *{margin:0;padding:0;}

/* 記事一覧 */
#design-list dl{
	margin:0 auto 30px;
	text-align:left;
}

/* カテゴリ */
#design-list dt{
	margin-bottom:5px;
	background:url('../img/list_back3.gif') repeat 0 0;
	padding:4px 15px;
	font-size:14px;
	font-weight:bold;
	border-top:3px solid #e8dcb6;
	border-bottom:1px solid #cdcdcd;
}


/* デザイン+αコラム　マーク */
#design-list dt a		{
	padding:4px 25px;
	color:#593a3b;
	text-decoration:none;
	background:url('../img/design_mark_dt.gif') no-repeat 0 6px;
}
#design-list dt a:hover	{text-decoration:underline;}


/* リスト */
#design-list dd{
	margin-top:2px;
	padding:0  5px 4px 25px;
	font-size:12px;
	color:#7a5656;
}


/* 記事枠 */
#list-left .entry-design{
	margin:0 auto 60px;
	padding:5px 10px;
	border:1px solid #775051;
	background:#f7f3e5;
	width:90%;
}

/* 記事内カテゴリ */
#list-left .entry-design .design-category{
	margin-bottom:10px;
	text-align:right;
	font-weight:bold;
}
#list-left .entry-design .design-category a{
	background:none;
}


/* エントリータイトル */
#list-left .entry-design .entry-t{
	margin-bottom:10px;
	background:url('../img/toco_list_back.gif') repeat-y 0 0;
	padding:7px 0 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border-top:3px solid #775051;
	border-bottom:1px solid #cdcdcd;
}
#list-left .entry-design .entry-t a{
	background:url('../img/toco_list_back.gif') repeat-y 0 0;
	color:#540707;
}


/* エントリーテキスト */
#list-left .entry-design .entry-text{
	margin:0 auto;
	padding:0 8px 40px;
	background:url('../img/entry-bottom3.gif') no-repeat 0 bottom;
}

#list-left .entry-design .entry-text p{
	padding-bottom:12px;
	text-align:left;
	line-height:160%;
}
/* ---------------------------------------------------------------- */
/* エラー */
/* ---------------------------------------------------------------- */

/* エラー:テキスト */
.error #text-area{
	margin-bottom:1.2em;
	text-align:center;
}


/* エラー:ボタン */
.error #btn{
	margin:0 auto 3em;
	text-align:center;
}

/* error-list */
.error .error-list{
	width:380px;
	margin:0 auto 4em;
	border:3px solid #ccc;
}

.error .error-list ul{
	margin:0 0 0 40px;
	padding:5px 0px;
}

.error .error-list li{
	margin:0;
	padding:3px 0 3px 0px;
	text-align:left;
	color:#ee1616;
	list-style-type:square;
}
