@charset "utf-8";


/*
		resetting
 -------------------------------------------------- */

#content p{
	margin: 0px;
	padding: 0px;
	line-height: 170%;
}


#content p.desc{
	margin: 30px 40px 30px;
}







/*
		TOP
 -------------------------------------------------- */

/* トップ枠 */
#content .top{
	width: 760px;
	height: 350px;
	background: url(../img/top-bg.jpg) left top no-repeat;
	border-bottom: 10px #3c3c3c solid;
}


/* 見出しロゴ */
#content .top img.logo{ margin: 150px 0px 0px 20px; }
#content .top img.logo2{ margin: 10px 0px 0px 30px; }



/* リード文 */
#content .top p{
	width: 300px;
	margin: 35px 0px 0px 50px;
}







/*
		box-l（画像左回り込み版）
 -------------------------------------------------- */

/* 枠 */
#content .box-l{
	width: 730px;
	margin: 0px 15px 50px;
}


/* 画像（回り込み設定） */
#content .box-l img.l{
	float: left;
	margin: 10px 30px 0px 0px;
}


/* 見出し */
#content .box-l h3{
	margin: 15px 0px 0px 0px;
	font-weight: bold;
}


/* テキスト */
#content .box-l p{
	margin: 10px 20px 10px 385px;
}


/* ---------------------------------------- リンク */

/* 枠 */
#content .box-l .linkbox{
	width: 340px;
	height: 76px;
	margin: 15px 0px 0px 380px;
	background-color: #dddddd;
}


/* ------------------------------ 1行のみの場合 */

#content .box-l .linkbox ul.link1 li{
	line-height: 76px;
	padding: 0px 0px 0px 32px;
	background: url(../img/link-mark.gif) 20px center no-repeat;
}


/* ------------------------------ 2行の場合の枠 */

#content .box-l .linkbox ul.link2{
	padding: 18px 0px 0px 0px;
}


#content .box-l .linkbox ul.link2 li{
	padding: 0px 0px 0px 32px;
	line-height: 20px;
	background: url(../img/link-mark.gif) 20px 7px no-repeat;
}


/* ------------------------------ 1行説明、1行リンク */

#content .box-l .linkbox dl dt{
	padding: 18px 0px 0px 20px;
}

#content .box-l .linkbox dl dd{
	padding: 5px 0px 0px 32px;
	background: url(../img/link-mark.gif) 20px 12px no-repeat;
}







/*
	box-r（画像右回り込み）
 -------------------------------------------------- */

/* 枠 */
#content .box-r{
	width: 730px;
	margin: 0px 15px 50px;
}


/* 画像（回り込み設定） */
#content .box-r img.r{
	float: right;
	margin: 10px 0px 0px 30px;
}


/* 見出し */
#content .box-r h3{
	margin: 10px 0px 0px 7px;
	font-weight: bold;
}


/* テキスト */
#content .box-r p{
	margin: 10px 385px 20px 15px;
}


/* ---------------------------------------- リンク */

/* 枠 */
#content .box-r .linkbox{
	width: 340px;
	height: 76px;
	margin: 15px 380px 0px 7px;
	background-color: #dddddd;
}


/* ------------------------------ 1行のみの場合 */

#content .box-r .linkbox ul.link1 li{
	line-height: 76px;
	padding: 0px 0px 0px 32px;
	background: url(../img/link-mark.gif) 20px center no-repeat;
}


/* ------------------------------ 2行の場合 */

#content .box-r .linkbox ul.link2{
	padding: 18px 0px 0px 0px;
}

#content .box-r .linkbox ul.link2 li{
	padding: 0px 0px 0px 32px;
	line-height: 20px;
	background: url(../img/link-mark.gif) 20px 7px no-repeat;
}


/* ------------------------------ 1行説明、1行リンク */

#content .box-r .linkbox dl dt{
	padding: 18px 0px 0px 20px;
}

#content .box-r .linkbox dl dd{
	padding: 5px 0px 0px 32px;
	background: url(../img/link-mark.gif) 20px 12px no-repeat;
}







/*
	campaign
 -------------------------------------------------- */

/* 枠 */
#content .campaign{
	width: 730px;
	margin: 0px 0px 50px;
	padding: 20px 0px;
	background-color: #999999;
}


/* 内枠 */
#content .campaign .inner{
	width: 690px;
	margin: 0px 20px;
	padding: 0px 0px 15px 0px;
	background-color: #ffffff;
}


/* キャンペーンイメージ画像 */
#content .campaign .inner img.pic{
	float: right;
	display: inline;
	width: 250px;
	height: 200px;
	margin: 0px 10px 0px 20px;
}


/* キャンペーン内容枠 */
#content .campaign .inner dl{
	margin: 15px 0px 0px 45px;
}


/* 見出し */
#content .campaign .inner dl dt{
	font-weight: bold;
}


/* 説明テキスト */
#content .campaign .inner dl dd{
	margin: 7px 75px 0px 5px;
	line-height: 170%;
}


/* リンクテキスト */
#content .campaign .inner dl dd.link{
	padding: 0px 0px 0px 12px;
	line-height: 20px;
	background: url(../img/link-mark.gif) 0px 7px no-repeat;
}







/*
	information
 -------------------------------------------------- */

/* 枠 */
#content .info{
	margin: 0px 0px 30px;
}


/* 画像 */
#content .info img.l{
	float: left;
	display: inline;
	margin: 0px 0px 0px 20px;
}


/* 右説明枠 */
#content .info dl{
	margin: 15px 0px 0px 300px;
}


/* 右枠見出し */
#content .info dl dt{
	float: left;
	font-weight: bold;
}


/* 各詳細 */
#content .info dl dd{
	margin: 10px 0px 10px 85px;
}


/* リンクテキスト */
#content .info p{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 325px;
	background: url(../img/link-mark.gif) 315px 7px no-repeat;
}