@charset "UTF-8";
/* **************************************************************************
 * @説明@   メインコンテンツ [共通]
 *
 * @制作@   H.Tanaka 2008/00/00
 * @編集@
 * @編集@
 * @編集@
 * @ver@    1.00
 * @cssver@ 2.1
 * ************************************************************************** */

/* ==========================================================================
 * @名前@ #MainContent
 * @説明@ メインコンテンツ
 * --------------------------------------------------------------------------
 * #Container > #MainContent
 * ========================================================================== */
div#MainContent {
	width:810px;
	text-align:left;
	float: left;
	margin-right: -1020px;
	margin-left: 30px;
	padding: 10px 0 0 180px;
}

/* --------------------------------------------------------------------------
 * @名前@ .mcSecContent
 * @説明@ セクション内コンテンツ
 * --------------------------------------------------------------------------
 * #MainContent > .mcSecContent
 * -------------------------------------------------------------------------- */
div#MainContent div.mcSecContent {
	padding:0 5px;
	width:490px;
}
div#MainContent div.mcSecContent p {
	margin:0 0 10px;
}
div#MainContent div.mcSecContent ol {
	margin:5px 0 10px 20px;
}
div#MainContent div.mcSecContent ol li {
	margin:0 0 5px;
}
div#MainContent div.mcSecContent ul {
	margin:5px 0 13px 20px;
}
div#MainContent div.mcSecContent ul li {
	margin:0 0 2px;
}
div#MainContent div.mcSecContent li p {
	margin:0 0 5px;
}


/* ==========================================================================
 * @名前@ .mcContainer
 * @説明@ ページ別スタイル設定用コンテナ
 * --------------------------------------------------------------------------
 * #MainContent > .mcContainer
 * ========================================================================== */
div#MainContent div.mcContainer {
	width:100%;
}


/* ==========================================================================
 * @名前@ .mcPageTopBox
 * @説明@ ページトップへ
 * --------------------------------------------------------------------------
 * #MainContent > .mcPageTopBox
 * ========================================================================== */
/*div#MainContent div.mcPageTopBox {
	margin:0 auto;
	padding:2px 5px 30px;
	text-align:right;
	width: 810px;
}
*/

/* ==========================================================================
 * @名前@ .mcConductBox
 * @説明@ 導線ボックスフォーマット
 * --------------------------------------------------------------------------
 * #MainContent > .mcConductBox
 * ========================================================================== */
div#MainContent div.mcConductBox {
	width:100%;
	text-align:center;
}
 div#MainContent div.mcConductBox ul
,div#MainContent div.mcConductBox ul li {
	list-style:none;
	margin:0;
	padding:0 0 2px;
}

/* --------------------------------------------------------------------------
 * @名前@ .mcUL001
 * @説明@ 導線リスト No.001（導線1つ）
 * --------------------------------------------------------------------------
 * .mcNoteBox > .mcUL001
 * -------------------------------------------------------------------------- */
div#MainContent div.mcConductBox ul.mcUL001 {
}
div#MainContent div.mcConductBox ul.mcUL001 li {
	width:100%;
	text-align:center;
}

/* --------------------------------------------------------------------------
 * @名前@ .mcUL002
 * @説明@ 導線リスト No.002（導線2つ）
 * --------------------------------------------------------------------------
 * .mcNoteBox > .mcUL002
 * -------------------------------------------------------------------------- */
div#MainContent div.mcConductBox ul.mcUL002 {
}
div#MainContent div.mcConductBox ul.mcUL002 li.mcLI001 {
	float:left;
	width:220px;
	text-align:right;
}
div#MainContent div.mcConductBox ul.mcUL002 li.mcLI002 {
	float:right;
	width:220px;
	text-align:left;
}

/* ==========================================================================
 * @名前@ .mcNoteBox
 * @説明@ 注釈ボックス
 * --------------------------------------------------------------------------
 * #MainContent > .mcNoteBox
 * ========================================================================== */
div#MainContent div.mcNoteBox {
	margin:0;
	padding:0;
	width:100%;
	font-size:100%;
	line-height:140%;
	text-align:left;
}
div#MainContent div.mcNoteBox p {
	position:relative;
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
}
div#MainContent div.mcNoteBox p span.mcMarkColumn {
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
}
div#MainContent div.mcNoteBox p span.mcReadColumn {
	display:block;
	margin:0;
	padding:0 0 5px;
}

/* ==========================================================================
 * @名前@ .mcNoteBox002
 * @説明@ 注釈ボックス No.002
 * --------------------------------------------------------------------------
 * #MainContent > .mcNoteBox002
 * ========================================================================== */
div#MainContent div.mcNoteBox002{
	margin:0;padding:0;
	width:100%;
	font-size:100%;
	line-height:110%;
	text-align:left;
}
div#MainContent div.mcNoteBox002 p{
	position:relative;
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
}
div#MainContent div.mcNoteBox002 input[type="checkbox"] + label {
	vertical-align:middle;
}

/* --------------------------------------------------------------------------
 * @名前@ .mcNoteRule001
 * @説明@ 注釈行 No.001（全角1文字）
 * --------------------------------------------------------------------------
 * .mcNoteBox > .mcNoteRule001
 * -------------------------------------------------------------------------- */
div#MainContent div.mcNoteBox p.mcNoteRule001 span.mcMarkColumn {
	width:1.2em;
}
div#MainContent div.mcNoteBox p.mcNoteRule001 span.mcReadColumn {
	padding-left:1.2em;
}

/* --------------------------------------------------------------------------
 * @名前@ .mcNoteRule002
 * @説明@ 注釈行 No.002（全角2文字）
 * --------------------------------------------------------------------------
 * .mcNoteBox > .mcNoteRule002
 * -------------------------------------------------------------------------- */
div#MainContent div.mcNoteBox p.mcNoteRule002 span.mcMarkColumn {
	width:2.1em;
}
div#MainContent div.mcNoteBox p.mcNoteRule002 span.mcReadColumn {
	padding-left:2.1em;
}

/* --------------------------------------------------------------------------
 * @名前@ .mcMarkColumn003
 * @説明@ 注釈行 No.003
 * --------------------------------------------------------------------------
 * .mcNoteBox > .mcMarkColumn003
 * -------------------------------------------------------------------------- */
div#MainContent div.mcNoteBox p span.mcMarkColumn003 {
	position:absolute;
	left:-1.2em;
}


/* ==========================================================================
 * @名前@ .mcHdr001B
 * @説明@ h[1-6] No.001B
 * --------------------------------------------------------------------------
 * #MainContent > .mcHdr001B
 * ========================================================================== */
div#MainContent .mcHdr001B {
	background:url('/cygames/img/d/bg_hd_01.jpg');
	background-repeat:no-repeat;
	position:relative;
	width:810px;
	height:61px;
	padding:0 0 10px 0;
}

div#MainContent .mcHdr001B span.Title_txt01 {
	position:absolute;
	top:28px;
	left:20px;
	font-size:130%;
	font-weight:bold;
}


/* ==========================================================================
 * @名前@ .mcHdr002B
 * @説明@ h[1-6] No.002B
 * --------------------------------------------------------------------------
 * #MainContent > .mcHdr002B
 * ========================================================================== */
div#MainContent .mcHdr002B {
	background:url('/cygames/img/d/bg_hd_02.png');
	background-repeat:no-repeat;
	position:relative;
	width:810px;
	height:42px;
}
div#MainContent .mcHdr002B span.Title_txt02 {
	position:absolute;
	top:15px;
	left:28px;
	font-size:105%;
	font-weight:bold;
}


/* ==========================================================================
 * @名前@ .mcHdr003B
 * @説明@ h[1-6] No.003B
 * --------------------------------------------------------------------------
 * #MainContent > .mcHdr003B
 * ========================================================================== */
div#MainContent .mcHdr003B {
	position: relative;
	left: 0;
	top: 0;
	margin-bottom: 10px;
	border-width: 0 0 1px;
	border-style: solid;
	padding: 0 0 12px 0;
	width: 100%;
	font-size: 1.9em;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	z-index: 1;
}

div#MainContent div.BdrBottomRed{
	width: 80px;
	border-top: 1px solid #AA0003;
	margin-top:-12px;
	z-index: 99;
}


/* ==========================================================================
 * @名前@ .infoBox
 * @説明@ お知らせブロック
 * --------------------------------------------------------------------------
 * #MainContent > .infoBox
 * ========================================================================== */
div#MainContent .infoBox {
	padding: 0 10px 10px 10px;
}


/* ==========================================================================
 * @名前@ .mcInfoBlock
 * @説明@ お知らせブロック
 * --------------------------------------------------------------------------
 * #MainContent > .mcItemBlock
 * ========================================================================== */
div#MainContent div.mcInfoBlock {
	display: block;
	padding:0;
	margin-bottom:6px;
	border-width: 1px;
	border-style:solid;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

div#MainContent div.mcInfoBlock div.mcInfoCaption {
	padding: 20px 0 0 0;
	float: left;
	width: 118px;
	font-size:130%;
	font-weight:bold;
	text-align:center;
}

div#MainContent div.mcInfoBlock div.mcInfoCaption a {
	text-decoration: none;
}

div#MainContent div.mcInfoBlock div.mcInfoCaption .modCLMixUqLnv003 {
	text-decoration: none;
	background-position: 5% 50%;
	background-repeat: no-repeat;
	padding: 0 15px;
}

div#MainContent div.mcInfoBlock div.mcInfoList {
	display: block;
	margin:0 0 0 118px;
	padding:10px 0 20px 20px;
	width: 669px;
//	height:150px;
	overflow:auto;
}


/* ==========================================================================
 * @名前@ .mcItemListBlock
 * @説明@ 商品リストブロック
 * --------------------------------------------------------------------------
 * #MainContent > .mcItemBlock
 * ========================================================================== */
div#MainContent div.mcItemListBlock{
	font-family: Nobel Bold;
	font-size:120%;
	font-weight: bold;
}

/* ==========================================================================
 * @名前@ .mc3rdSecBlock001
 * @説明@ 3rdセクション（h3）ブロック No.001
 * --------------------------------------------------------------------------
 * #MainContent > .mc3rdSecBlock001
 * ========================================================================== */
div#MainContent div.mc3rdSecBlock001 {
	padding:5px 5px 0;
	width:480px;
	text-align:left;
}
div#MainContent div.mc3rdSecBlock001 div.mcSecContent {
	padding:0 5px 10px 10px;
	width:465px;
}


/* ==========================================================================
 * @名前@ .mcHdr003A
 * @説明@ h[1-6] No.003A
 * --------------------------------------------------------------------------
 * #MainContent > .mcHdr003A
 * ========================================================================== */
div#MainContent .mcHdr003A {
	position:relative;
	left:0;
	top:0;
	margin-bottom:10px;
	border-width:0 0 1px 3px;
	border-style:solid;
	padding:3px 10px 1px 7px;
	width:460px;
	text-align:left;
}
div#MainContent .mcHdr003A span.mcReadColumn {
	display:block;
	width:380px;
}
div#MainContent .mcHdr003A span.mcLinkColumn {
	display:block;
	position:absolute;
	right:0;
	bottom:3px;
	width:70px;
}


/* ==========================================================================
 * @名前@ .mc4thSecBlock001
 * @説明@ 4thセクション（h4）ブロック No.001
 * --------------------------------------------------------------------------
 * #MainContent > .mc4thSecBlock001
 * ========================================================================== */
div#MainContent div.mc4thSecBlock001 {
	padding:5px 0 0;
	width:480px;
	text-align:left;
}
div#MainContent div.mc4thSecBlock001 div.mcSecContent {
	padding:0 10px 10px;
	width:460px;
}
/*
div#MainContent div.mc4thSecBlock001 div.mcPageTopBox {
	padding:2px 0 5px;
	width:480px;
}
*/

/* ==========================================================================
 * @名前@ .mcHdr004A
 * @説明@ h[1-6] No.004A
 * --------------------------------------------------------------------------
 * #MainContent > .mcHdr004A
 * ========================================================================== */
div#MainContent .mcHdr004A {
	position:relative;
	left:0;
	top:0;
	margin-bottom:10px;
	border:none;
	padding:4px 10px 3px 10px;
	width:460px;
	text-align:left;
}


/* ==========================================================================
 * @名前@ .mcGoParentBlock
 * @説明@ 親ページ導線ブロック
 * --------------------------------------------------------------------------
 * #MainContent > .mcGoParentBlock
 * ========================================================================== */
div#MainContent div.mcGoParentBlock {
	margin:0 auto;
	padding:10px;
	width:480px;
	text-align:center;
}


/* ==========================================================================
 * @名前@ .mcCloseBlock
 * @説明@ 「閉じる」ブロック
 * --------------------------------------------------------------------------
 * #MainContent > .mcCloseBlock
 * ========================================================================== */
div#MainContent div.mcCloseBlock {
	margin:0 auto;
	padding:10px;
	width:480px;
	text-align:center;
}


/* ==========================================================================
 * @名前@ div.mclist_navi
 * @説明@ 商品検索　リストナビ
 * --------------------------------------------------------------------------
 * #MainContent > div.mclist_navi
 * ========================================================================== */
div#MainContent div.mclist_navi{
	position:relative;
	left:0;
	top:0;
	margin:5px 0 10px;
	padding:0;
	width:490px;
}

div#MainContent div.mclist_navi div.mclist_naviback{
	position:absolute;
	left:0;
	top:0;
	padding:5px;
	width:110px;
}

div#MainContent div.mclist_navi div.mclist_navinb{
	margin-left:120px;
	padding:5px;
	width:240px;
	text-align:center;
}

div#MainContent div.mclist_navi div.mclist_navinb ol{
	list-style:none;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}

div#MainContent div.mclist_navi div.mclist_navinb ol li{
	display:inline;
	margin:0;
	padding:0;
	text-align: center;
}
div#MainContent div.mclist_navi div.mclist_navinb ol li a{
	padding:5px;
}
div#MainContent div.mclist_navi div.mclist_navinb ol li span{
	border-width:5px;
	border-style:solid;
}

div#MainContent div.mclist_navi div.mclist_navinext{
	position: absolute;
	left:370px;
	top: 0;
	padding:5px;
	width:110px;
	text-align: right;
}


/* ==========================================================================
 * @名前@ .mcEB
 * @説明@ 商品検索　検索エラー
 * --------------------------------------------------------------------------
 * #MainContent > .mcEB
 * ========================================================================== */
div#MainContent .mcEB{
	width: 470px;
	padding: 5px;
	float: left;
	margin-bottom: 10px;
}

div#MainContent .mcEBimg{
	width: 30px;
	height: 30px;
	float: left; 
	margin: 5px;
}

div#MainContent .mcEBtxt{
	float: left;
	margin-top: 10px;
	width: 420px;
}

div#MainContent .mcEBtxt p{
	margin: 2px;
	padding: 0px;
}

/* ==========================================================================
 * @名前@ .mcSmtxt
 * @説明@ 注釈小文字
 * --------------------------------------------------------------------------
 * #MainContent > .mcStxt
 * ========================================================================== */
 
div#MainContent .mcSmtxt{
	font-size:x-small;
	}