@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：チャリカジ
作成日：2009.06.29
修正日：2009.07.09
ガイドライン：Ver.01
製作者：株式会社エムアップ
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット＋共通スタイルのインポート
 * ------------------------------------ */
@import "reset.css";
@import "common.css";


/* ------------------------------------
 * スタイル設定 - インフォメーション -
 * ------------------------------------ */
 
#content h4 {
	margin: 5px 0 15px 0;
	color: #111;
	font-weight: bold;
	font-size: 108%;
}

#content h5 {
	margin: 20px 0 5px 0;
	padding: 8px 0 5px 10px;
	border-left: solid #f4c10e 3px;
	background: url(../img/common/dot.gif) 5px top repeat-x;
}


/* 左 - ニュース文字列 */
#newsTextBox {
	float: left;
	width: 400px;
	line-height: 1.5;
	color: #333;
}
#newsTextBoxNoPhoto {
	width: 780px;
	line-height: 1.5;
	color: #333;
}

#newsTextBox ul,
#newsTextBoxNoPhoto ul {
	padding: 1em 0 0 1em;
}

#newsTextBox ul li,
#newsTextBoxNoPhoto ul li {
	list-style: disc;
}


/* 右 - ニュース画像 */
#newsImgBox {
	margin-bottom: 20px;
	float: right;
	width: 364px;
	border: solid 1px #ccc;
}

#newsImgBox .back {
	margin: 150px auto 0 auto;
	float: left;
	width: 30px;
	text-align: center;
	cursor: pointer;
}

#newsImgBox .selected {
	margin: 0 auto;
	float: left;
	width: 300px;
	text-align: center;
	margin-top: 10px;
}

#newsImgBox .next {
	margin: 150px auto 0 auto;
	float: right;
	width: 30px;
	text-align: center;
	cursor: pointer;
}

#newsImgBox .tnBox {
	margin: 10px 20px;
	width: 320px;
	text-align: center;
}

#newsImgBox .tn01 {
	float: left;
	width: 64px;
	height: 76px;
	background-color: #fff;
}

#newsImgBox .tn {
	margin: 2px;
}

#newsImgBox .detail {
	margin: 10px 20px;
	text-align: center;
}

p.infolink {
	text-align: right;
}


/* 左 - 最新のインフォメーション */
.sectionLatestInfo {
	float: left;
	width: 275px;
}

.sectionLatestInfo ul {
  margin-top: 10px;
}

.sectionLatestInfo ul li {
	background: url(../img/common/dot.gif) left bottom repeat-x;
}

.sectionLatestInfo ul li img{
	float: left;
}

.sectionLatestInfo ul .row {
	margin: 0 0 5px 10px;
	width: 265px;
	overflow: hidden;
}

.sectionLatestInfo ul .row_description {
	margin-left: 70px;
	margin-bottom: 10px;
	line-height: 1.2;
}

.sectionLatestInfo ul p {
	margin-bottom: 10px;
}

.sectionLatestInfo ul .row_images{
	width: 60px;
	float: left;
	margin-bottom: 5px;
}


/* 右 - アイテムへのリンク */
.sectionItemLink {
	float: right;
	width: 484px;
}

.sectionItemLink ul li {
	padding-bottom: 25px;
	padding-right: 1px;
	float: left;
	width: 120px;
	line-height: 1.5;
	text-align: center;
	font-size: 93%;
}

.sectionItemLink ul li img {
	margin-bottom:2px;
}

.sectionItemLink ul li p {
	margin: 0 5px;
}


/* ニュース一覧 */
.sectionList p.infolink {
	margin-top:15px;
}

.sectionList dl {
	margin: 20px 0;
}

.sectionList dt {
	clear: both;
	float: left;
	/*width: 7em;*/
	width:0;
	display:none;
}

.sectionList dd {
	/*margin-left: 7em;*/
	margin-left:1em;
	padding-bottom: 10px;
}
