@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  index.css
 style info :  トップページレイアウト用CSS 

=================================================================== */

/*----------------------------------------------------
	#container : コンテンツエリアの上書き
----------------------------------------------------*/
#container {
	padding: 12px 24px 24px 20px;
	position: relative;
}

/*----------------------------------------------------
	#leftContainer : ナビゲーションエリア(左サイド)
----------------------------------------------------*/
#leftContainer {
	width: 258px;
	height: auto;
	float: left;
}

/* --- ＥＣパートナー表示エリア --- */
#partnerArea {
	width: 250px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 5px;
}

/* --- 新規ユーザー登録 --- */
#newLogin {
	width: 250px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 6px;
}

/* --- サイドナビゲーション --- */
#sideNavi {
	width: 258px;
	height: auto;
}
/* --- サイドナビゲーション　h2関連 --- */
#sideNavi h2 {
	width: 258px;
	height: 51px;
	text-indent: -9999px;
	background: url(../../common/images/sideMenuHead.gif) no-repeat 0 0;
}
/* --- サイドナビゲーション　ul関連 --- */
#sideNavi ul {
	width: 258px;
	height: auto;
}
/* --- サイドナビゲーション　li,a関連 --- */
#sideNavi ul li {
	width: 258px;
	height: 37px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#sideNavi ul li {
	width: 258px;
	height: 37px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#sideNavi ul li#sideMenu07 {
	height: 49px;
}
#sideNavi ul li a {
	width: 232px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: -13px 0;
	margin: 0 13px;
	display: block;
}
#sideNavi ul li#sideMenu01, #sideNavi ul li#sideMenu01 a {
	background-image: url(../../common/images/sideMenu01.gif);
}
#sideNavi ul li#sideMenu02, #sideNavi ul li#sideMenu02 a {
	background-image: url(../../common/images/sideMenu02.gif);
}
#sideNavi ul li#sideMenu03, #sideNavi ul li#sideMenu03 a {
	background-image: url(../../common/images/sideMenu03.gif);
}
#sideNavi ul li#sideMenu04, #sideNavi ul li#sideMenu04 a {
	background-image: url(../../common/images/sideMenu04.gif);
}
#sideNavi ul li#sideMenu05, #sideNavi ul li#sideMenu05 a {
	background-image: url(../../common/images/sideMenu05.gif);
}
#sideNavi ul li#sideMenu06, #sideNavi ul li#sideMenu06 a {
	background-image: url(../../common/images/sideMenu06.gif);
}
#sideNavi ul li#sideMenu07, #sideNavi ul li#sideMenu07 a {
	background-image: url(../../common/images/sideMenu07.gif);
}

#sideNavi ul li#sideMenu01 a:hover {
	background-image: url(../../common/images/sideMenu01Over.gif);
}
#sideNavi ul li#sideMenu02 a:hover {
	background-image: url(../../common/images/sideMenu02Over.gif);
}
#sideNavi ul li#sideMenu03 a:hover {
	background-image: url(../../common/images/sideMenu03Over.gif);
}
#sideNavi ul li#sideMenu04 a:hover {
	background-image: url(../../common/images/sideMenu04Over.gif);
}
#sideNavi ul li#sideMenu05 a:hover {
	background-image: url(../../common/images/sideMenu05Over.gif);
}
#sideNavi ul li#sideMenu06 a:hover {
	background-image: url(../../common/images/sideMenu06Over.gif);
}
#sideNavi ul li#sideMenu07 a:hover {
	background-image: url(../../common/images/sideMenu07Over.gif);
}

/* --- Twitter ---*/
#Twitter{
	width:230px;
	height:65px;
	margin:10px auto;
	border:3px solid #ddd;
	padding:1px;
}
#Twitter a{
	width:230px;
	height:65px;
	display:block;
}

/*----------------------------------------------------
	#rightContainer : コンテンツエリア(右サイド)
----------------------------------------------------*/
#rightContainer {
	width: 630px;
	height: auto;
	float: right;
}

/* --- Flashエリア --- */
#flash {
	/*width: 630px;
	height: 200px;
	padding: 0 0 10px;*/
	width: 620px;
	height: 190px;
	background: url(../images/mainView.jpg) no-repeat 0 0;
	padding: 5px 5px 15px;
}

/* --- コンテンツエリア(右サイドの左) --- */
#rightContainer01 {
	width: 440px;
	height: auto;
	float: left;
}

/* --- マーク変換体験バナー --- */
#markExperience{
	width:439px;
	height:90px;
	margin:0 auto 10px;
	text-indent:-9999px;
	background:url(../images/markExperienceBnr.jpg) 0 0 no-repeat;
}
#markExperience a{
	width:439px;
	height:90px;
	display:block;	
}


/* --- プレスリリース --- */
#infoHead {
	width: 440px;
	height: 36px;
	text-indent: -9999px;
	background: url(../images/pressReleaseHead.gif) no-repeat 0 0;
	position: relative;
}
#infoHead a {
	width: 47px;
	height: 16px;
	background: url(../images/pressReleaseHead.gif) no-repeat -387px -9px;
	position: absolute;
	left: 387px;
	top: 9px;
	display: block;
}
#infoArea {
	width: 440px;
	height: auto;
	line-height: 100%;
	background: url(../../common/images/bodyFrameTop.gif) no-repeat 0 0;
	padding: 20px 0 0;
}
#infoArea dl {
	width: 400px;
	height: auto;
	background: url(../../common/images/bodyFrameMiddle.gif) repeat-y 0 0;
	padding: 0 20px;
}
#infoArea dt {
	width: 74px;
	height: auto;
	line-height: 1.5;
	padding: 0 0 9px;
	margin: 0 0 8px;
	float: left;
	clear: both;
}
#infoArea dd {
	width: 326px;
	height: auto;
	line-height: 1.5;
	border-bottom: dotted 1px #CCCCCC;
	padding: 0 0 8px 74px;
	margin: 0 0 8px -74px;
	float: left;
}
#infoArea dd a:link {
	color: #026379;
}
#infoArea p {
	width: 100px;
	height: auto;
	background: url(../../common/images/bodyFrameMiddle.gif) repeat-y 0 0;
	padding: 0 20px 0 320px;
}
*:first-child+html #infoArea p {
	padding: 8px 20px 0 320px;
}
#infoBottom {
	width: 475px;
	height: 20px;
	text-indent: -9999px;
	background: url(../../common/images/bodyFrameBottom.gif) no-repeat 0 0;
}

/* --- コンテンツエリア(右サイドの右) --- */
#rightContainer02 {
	width: 180px;
	height: auto;
	float: right;
}

/* --- EPOOバナー --- */
#epooBnr{
	width:180px;
	height:150px;
	margin:0 auto 10px;
	text-indent:-9999px;
	background:url(../images/epooBnr.jpg) 0 0 no-repeat;
}
#epooBnr a{
	width:180px;
	height:150px;
	display:block;
}

/* --- バナーリスト --- */
#banners {
	width: 180px;
	height: auto;
}
#banners li {
	width: 180px;
	height: auto;
	padding: 0 0 5px;
}