/* コンフィグ */
/*基本色*/
/*基本色の薄いやつ。主にリンク等のカーソルが乗っている時とか*/
/*基本リンク文字色*/
/*基本リンク文字色の薄いやつ。主にリンク等のカーソルが乗っている時とか*/
/*基本色*/
/*基本色の薄いやつ。主にリンク等のカーソルが乗っている時とか*/

/* ベース */
body {
/* font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;*/
 font-family: sans-serif,Verdana,Arial;
 color: black;
 font-size: 13px;
}

a {
 color: #518CDC;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

h1 {
 border-bottom: 1px solid #AFAFAF;
 color: black;
/* font-size: 17px;*/
}

/*ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}*/

.constructionBox {
 background: #FFFFFF;
 border: 3px solid red;
}

/* ボタン */
a.buttonMajor {
 background: #FF7D01 url(/neos/images/s/corel/button_orange.gif)  repeat scroll right center;
 border: 1px solid black;

/* 試しに変数とか使ってみる */
/* color: #FFFFFF;*/
 
 color: #FFFFFF;

 font-size: 11px;
 font-weight: bold;
 line-height: 40px;
 padding: 6px 12px;
 text-align: right;
 text-decoration: none;
 white-space: nowrap;
}

a:hover.buttonMajor {
 text-decoration: none;
}

input.buttonMajor {
 background: #FF7D01 url(/neos/images/s/corel/button_orange.gif)  repeat scroll right center;
 border: 1px solid black;
 color: #FFFFFF;
 font-weight: bold;
 padding: 5px 12px;
 font-size: 11px;
 cursor: pointer;
}

input:active.buttonMajor {
 border-top: 2px solid #000000;
 border-left: 2px solid #000000;
 border-right: 1px solid #888888;
 border-bottom: 1px solid #888888;
}

a.MinorBack {
 background: transparent url(/neos/images/s/corel/button_green.gif) repeat scroll 0 0;
 border: 1px solid black;
 color: #FFFFFF;
 font-size: 11px;
 font-weight: bold;
 line-height: 22px;
 padding: 3px 10px;
 text-align: left;
 text-decoration: none;
 white-space: nowrap;
}

a:hover.MinorBack {
 text-decoration: none;
}

input.MinorBack {
 background: transparent url(/neos/images/s/corel/button_green.gif) repeat scroll 0 0;
 border: 1px solid black;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 11px;
 padding: 3px 10px;
 cursor: pointer;
}

input:active.MinorBack {
 border-top: 2px solid #000000;
 border-left: 2px solid #000000;
 border-right: 1px solid #888888;
 border-bottom: 1px solid #888888;
}

/* テーブル系 */
.basic table {
 border-collapse: collapse;
 border-spacing: 0;
 margin: 10px 0;
}

.basic th,.basic td {
 border: 1px solid #C0C0C0;
 padding: 5px;
}

.basic th {
 background-color: #E6E6E6;
 font-weight: bold;
 text-align: center;
}

.basic td {
 text-align: left;
}

th.price,td.price {
 text-align: right;
}

td.typename {
 font-weight: bold;
}

table.cart {
 width: 100%;
}

td.cart {
 text-align: center;
}

td.cartbutton {
 text-align: center;
 width: 110px;
}

table.product {
 margin: 2px 0;
 width: 100%;
}

td.product {
 font-weight: bold;
 border: none;
 padding: 2px;
 text-align: left;
}

th.caption {
 background-color: #E8EFF7;
 font-weight: bold;
 text-align: right;
}

p.warning, font.warning, font.hissu, span.warning {
 color: red;
}

font.attention {
 color: blue;
 font-weight: bold;
}

font.warningLarge {
 color: red;
 font-size: 16px;
}

h2.warning {
 color: red;
 font-weight: bold;
}

font.attentionLarge {
 color: blue;
 font-size: 16px;
 font-weight: bold;
}

font.sales_price {
 color: red;
 font-weight: bold;
}

td.noborder {
 border: none;
 margin: 0;
 padding: 0;
}

td.noborderRight {
 border: none;
 text-align: right;
 margin: 0;
 padding: 0;
}

/* 特に目立出せたいメッセージ */
#messageExplanation {
  width: 90%;
  border: 2px solid blue;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#messageExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 16px;
  margin: -7px;
  background-color: #0000c0;
  color: #fff;
}

#messageExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#messageExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.fieldWithMessage {
  padding: 5px 2px 5px 2px;
  background-color: blue;
  display: inline;
}

.infomationArea {
  width: 85%;
  margin-left: 50px;
}

h3.infomation{
 background: #EEEEEE none repeat scroll 0 0;
 border-bottom: 1px solid #999999;
 border-left: 0.5em solid #EEEEEE;
 border-right: 1px solid #999999;
 color: #363636;
 font-size: 120%;
 font-weight: bold;
 line-height: 150%;
 margin-bottom: 1em;
 margin-top: 2em;
 padding-left: 0.3em;
}

/* 汎用型の枠付きボックスベースカラー */
.standardBox {
  width: 90%;
  border: 2px solid #AFAFAF;
  padding: 7px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  background-color: #ffffff;
}

.standardBox h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 14px;
  margin: -7px -7px 3px -7px;
  background-color: #AFAFAF;
  color: #ffffff;
}

/* 汎用型の枠付きボックス緑 */
.standardBoxGreen {
  width: 90%;
  border: 2px solid #72BC80;
  padding: 7px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  background-color: #ffffff;
}

.standardBoxGreen h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 14px;
  margin: -7px -7px 3px -7px;
  background-color: #72BC80;
  color: #ffffff;
}

/* 汎用型の枠付きボックス青 */
.standardBoxBlue {
  width: 90%;
  border: 2px solid #6CA1DB;
  padding: 7px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  background-color: #ffffff;
}

.standardBoxBlue h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 14px;
  margin: -7px -7px 3px -7px;
  background-color: #6CA1DB;
  color: #ffffff;
}

/* 汎用型の枠付きボックス新着用 */
.standardBoxNews {
  width: 90%;
  border: 2px solid #B48FFF;
  padding: 7px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  background-color: #ffffff;
}

.standardBoxNews h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 14px;
  margin: -7px -7px 3px -7px;
  background-color: #B48FFF;
  color: #ffffff;
}

.description td {
 border: none;
 margin: 0;
 padding: 0;
}

.itemBox table,td {
 margin: 3px;
 padding: 0;
}


/* DBに登録されている注釈などのHTMLを表示する時に適用するスタイル */
.innerHtml a {
 color: #3333CC;
 text-decoration: none;
}

.innerHtml a:hover {
 text-decoration: underline;
}

.innerHtml a img {
 border-style:none;
}

.innerHtml h1 {
 border-bottom: 1px solid #AFAFAF;
 color: black;
}

.innerHtml h2{
	font-size: 130%;
	color: #363636;
	line-height: 150%;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 0.3em;
	border-left: 0.5em solid #AA0000;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-weight: bold;
	background: #eeeeee;
}

.innerHtml h3{
	font-size: 110%;
	color: #363636;
	line-height: 150%;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 0.3em;
	border-left: .5em solid #eeeeee;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: #eeeeee;
	font-weight: bold;
}

/* フリーHTMLに適用するスタイル */
#freeHtml a {
 color: #3333CC;
 text-decoration: none;
}

#freeHtml a:hover {
 text-decoration: underline;
}

#freeHtml a img {
 border-style:none;
}

#freeHtml h1 {
 border-bottom: 1px solid #AFAFAF;
 color: black;
}

#freeHtml table {
 border-collapse: collapse;
 border-spacing: 0;
 margin: 10px 0;
}

#freeHtml th, #freeHtml td {
 border: 1px solid #C0C0C0;
 padding: 5px;
}

#freeHtml th {
 background-color: #E6E6E6;
 font-weight: bold;
 text-align: center;
}

#freeHtml td {
 text-align: left;
}

/******************************************************************************/
/* TOPの広告エリア（Corelさんが作成したHTML部分用） */
#topContents table {
 border-collapse: separate;
 border-spacing: 0;
 margin-left: 1px;
}

#topContents th,#topContents td {
 border: 0;
 padding: 0 1px 0 0;
 text-align: center;
}

/******************************************************************************/


/* ログイン画面系 */
.login table{
 border-collapse: collapse;
 border-spacing: 0;
}

.login td {
 background: #E6EFF6 none repeat scroll 0 0;
 border: 1px solid #C0C0C0;
 padding: 5px;
}

.login th {
 background: #E6E6E6 none repeat scroll 0 0;
 border: 1px solid #C0C0C0;
 font-weight: bold;
 padding: 5px;
}

th.loginFooter {
 background: #FEF2C8 none repeat scroll 0 0;
 border: 1px solid #C0C0C0;
 padding: 5px;
}

h1.login {
 color: #355CC1;
 font-size: 20px;
 margin: 5px 10px 10px 0;
}



td.login, td.button {
 border: none;
 padding: 1px 0 1px 5px;
 width: 50%;
 text-align: center;
}

td.button {
 text-align: right;
}


.loginBrick h2 {
 background: #E6E6E6 none repeat scroll 0 0;
 border-bottom: 1px solid #C0C0C0;
 font-size: 12px;
 margin: -5px -5px 15px;
 padding: 5px;
}

.loginBrick .loginExplanation {
 text-align: left;
}
.loginBrick .loginFooter {
 background: #FEF2C8 none repeat scroll 0 0;
 bottom: 0;
 left: 5px;
 margin: auto 0 0 -5px;
 padding: 6px;
 position: absolute;
 text-align: right;
}

/* 会員登録系 */
.Registration {
 background: #FFFFFF none repeat scroll 0 0;
 border: 1px solid #C0C0C0;
 float: left;
 padding: 5px 10px 5px 10px;
 position: relative;
 vertical-align: top;
}

.Registration h2 {
 background: #E6E6E6 none repeat scroll 0 0;
 border-bottom: 1px solid #C0C0C0;
 font-size: 12px;
 margin: -5px -10px 15px -10px;
 padding: 5px;
}


/* レビュー */
#review h2 {
 background: #ffbf11 none repeat scroll 0 0;
 border-bottom: none;
 font-size: 16px;
 padding: 5px;
}

#review table {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
}

#review td {
 background: white none repeat scroll 0 0;
 border: none;
 padding: 5px;
}

#review th {
 background: #E6E6E6 none repeat scroll 0 0;
 border: none;
 font-weight: bold;
 padding: 5px;
}

/******************************************************************************/


/* 一番外枠 */
#container {
 width: 980px;
 border: 0 none;
 margin-left: auto;
 margin-right: auto;
}

/******************************************************************************/

/* タイトル */
table.TopTitle {
 background: #ffffff;
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
 border: none;
 padding: 0;
 margin: 0 0 10px 0;
}

td.titleLogo {
 border: none;
 padding: 0;
 margin: 0;
 width: 207px;
 height: 50px;
}

td.right {
 border: none;
 padding: 0;
 margin: 0;
 width: 5px;
 height: 58px;
 vertical-align: top;
}

td.customer {
 border: none;
 padding: 0;
 margin: 0;
 vertical-align: top;
}


/* ヘッダのミニカスタマメニューのスタイル */
#headerMini {
 //margin: 30px 0px 0 0px;
 background: #ffffff;
 float: right;
 //vertical-align: middle;
 padding: 0px;
 margin: 0px;
 display: inline;
}

#headerMini table{
 background: #ffffff;
 margin: 0;
}

#headerMini td{
 border: none;
 padding: 0;
 white-space:nowrap;
}

#headerMini a {
 color: white;
 text-decoration: none;
}

#headerMini a:hover {
 text-decoration: underline;
}
/******************************************************************************/


/* カテゴリメニュー */
#headerSectionNav {
 height: 38px;
 padding: 0px;
 margin: 0px;
 background-image: url(/neos/images/s/runexy/menu_bg.gif);
}

.menu {
 float: left;
 position: relative;
 font-size:12px;
}

.mainmenu a {
 background: url(/neos/images/s/runexy/menu_right.gif) no-repeat right top;
 color: white;
 text-decoration: none;
 height: 38px;
 padding: 0px 10px 0px 10px;
 line-height: 36px;
 display: block;
 float: left;
 white-space:nowrap;
 font-size:12px;
}

.mainmenu a:hover {
 background: url(/neos/images/s/runexy/menu_right.gif) no-repeat right top;
 color: yellow;
 text-decoration: underline;
 white-space:nowrap;
}

.mainmenuEmpty a {
 background: url(/neos/images/s/runexy/menu_right.gif) no-repeat right top;
 color: white;
 text-decoration: none;
 height: 38px;
 padding: 0px 10px 0px 10px;
 line-height: 36px;
 display: block;
 float: left;
 white-space:nowrap;
 font-size:12px;
}

.mainmenuEmpty a:hover {
 background: url(/neos/images/s/runexy/menu_right.gif) no-repeat right top;
 color: white;
 text-decoration: underline;
 white-space:nowrap;
}

.mainmenuInfo a {
 background: url(/neos/images/s/runexy/menu_left.gif) no-repeat left top;
 color: white;
 text-decoration: none;
 height: 38px;
 padding: 0px 10px 0px 10px;
 line-height: 36px;
 display: block;
 float: left;
 white-space:nowrap;
 font-size:12px;
}

.mainmenuInfo a:hover {
 background: url(/neos/images/s/runexy/menu_left.gif) no-repeat left top;
 color: yellow;
 text-decoration: underline;
 white-space:nowrap;
}

.submenu {
 background: #dddddd;
 border: 1px solid #AFAFAF;
 padding: 3px 0px 3px 0px;
 position: absolute;
 top: 38px;
 left: 0px;
 visibility: hidden;
 z-index: 100;
 color: #dd320f;
 font-size:12px;
}

.submenu b {
 white-space: nowrap;
}

.submenu a {
 display: block;
 text-align: left;
 text-decoration: none;
 padding: 1px 22px 1px 22px;
 color: black;
 white-space: nowrap;
}

.submenu a:hover {
 background: #BFBFBF;
 color: black;
 white-space: nowrap;
 text-decoration: none;
}

.submenuInfo {
 background: #dddddd;
 border: 1px solid #AFAFAF;
 padding: 3px 0px 3px 0px;
 position: absolute;
 top: 38px;
 left: 0px;
 visibility: hidden;
 z-index: 100;
 margin-left: -81px;
 font-size:12px;
}

.submenuInfo a {
 display: block;
 text-align: left;
 text-decoration: none;
 padding: 1px 22px 1px 22px;
 color: black;
 white-space: nowrap;
}

.submenuInfo a:hover {
 background: #BFBFBF;
 color: black;
 white-space: nowrap;
 text-decoration: none;
}

/******************************************************************************/


/* ぱんくず */
.topic_path {
 background: #AFAFAF;
/* border-bottom: 1px solid #C0C0C0;*/
 border-top: 0 none;
 color: #585F63;
 height: 30px;
 padding: 0 10px 0 10px;
 /* margin-bottom: 10px;*/
 white-space: nowrap;
}

.topic_path a {
 color: #FFFFFF;
 text-decoration: none;
}

.topic_path a:hover {
 text-decoration: underline;
}

.topic_path table td{
 vertical-align: middle;
 margin: 0;
}

/******************************************************************************/


/* メインエリア */
#LeftContents {
/* margin-left: 196px;*/
/* width:700px;*/
}

#LeftContents h3{
 background: #EEEEEE none repeat scroll 0 0;
 border-bottom: 1px solid #999999;
 border-left: 0.5em solid #EEEEEE;
 border-right: 1px solid #999999;
 color: #363636;
 font-size: 120%;
 font-weight: bold;
 line-height: 150%;
 margin-bottom: 1em;
 margin-top: 2em;
 padding-left: 0.3em;
}

#LeftContents h2.productName{
 color: #000066;
 font-size: 140%;
 font-weight: bold;
}

#LeftContents .productInfo{
 margin: 10px 20px 10px 15px;
}

/* 広告バナー */
#LeftContents .HomeDisplay {
 border:0 none;
}

/* メインコンテンツ */
#LeftContents .MainContent {
 border:0 none;
}

/* コンテンツタブ */
#homeDisplayTabNav {
 background: url(/neos/images/s/corel/hd_tab_nav_back.gif);
}

#homeDisplayTabNav table{
 height: 44px;
 border: 0px;
 padding: 0px;
 margin: 0px;
}

#homeDisplayTabNav td{
 border: none;
 padding: 10px 0 0 0;
}

td.hdTabSelLeft, td.hdTabSelRight {
 width: 10px;
 height: 44px;
 font-size: 0px;
}

td.hdTabLeft, td.hdTabRight {
 width: 13px;
 height: 44px;
 font-size: 0px;
}

td.hdTabLeft{ background: url(/neos/images/s/corel/hd_tab_left.gif); }
td.hdTabRight{ background: url(/neos/images/s/corel/hd_tab_right.gif); }
td.hdTabSelLeft{ background: url(/neos/images/s/corel/hd_tab_sel_left.gif); }
td.hdTabSelRight{ background: url(/neos/images/s/corel/hd_tab_sel_right.gif); }

td.hdTab, td.hdTabSel{
 font-weight: bold;
 text-align: center;
 padding-top: 7px;
 height: 44px;
}

.hdTab a, .hdTab a:visited, .hdTab a:active {
 color: white;
 text-decoration: none;
}

.hdTab{
 background: url(/neos/images/s/corel/hd_tab_back.gif);
 color: white;
}
.hdTabSel{
 background: url(/neos/images/s/corel/hd_tab_sel_back.gif);
 color: black;
 padding-left: 4px;
 padding-right: 4px;
}
/******************************************************************************/


/* 左側インフォメーションメニュー */
#leftNavigation {
 background: #F5F5F5;
 border: 1px solid #C0C0C0;
/* margin-left: 705px;*/
 float: left;
 width: 186px;
 padding: 2px;
 vertical-align: top;
}

#leftNavigation .title {
 color: #000000;
 display:block;
 font-size:10px;
 font-weight:bold;
 margin:5px 5px 5px 10px;
 text-decoration:none;
}

#leftNavigation a.primaryLink {
 background-color: #AFAFAF;
 border-top:1px solid #C0C0C0;
 color:white;
 display:block;
 font-size:12px;
 margin-left:0;
 padding:3px 2px 3px 10px;
 text-decoration:none;
}

#leftNavigation a.primaryLink:hover {
 background: #BFBFBF;
 color: white;
 text-decoration: underline;
}

#leftNavigation a.MprimaryLink {
 background-color: #dd320f;
 border-top:1px solid #C0C0C0;
 color:white;
 display:block;
 font-size:12px;
 margin-left:0;
 padding:3px 2px 3px 10px;
 text-decoration:none;
}

#leftNavigation a.MprimaryLink:hover {
 background: #EF5D3B;
 color: white;
 text-decoration: underline;
}

#leftNavigation img.privacymark {
 border: dotted thin #ffaaaa;
}

/* 右側インフォメーションメニュー */
#rightNavigation {
 background: #F5F5F5;
 border: 1px solid #C0C0C0;
 width: 186px;
 padding: 2px;
 vertical-align: top;
}

#rightNavigation .title {
 color: #000000;
 display:block;
 font-size:10px;
 font-weight:bold;
 margin:5px 5px 5px 10px;
 text-decoration:none;
}

#rightNavigation a.primaryLink {
 background-color: #AFAFAF;
 border-top:1px solid #C0C0C0;
 color:white;
 display:block;
 font-size:12px;
 margin-left:0;
 padding:3px 2px 3px 10px;
 text-decoration:none;
}

#rightNavigation a.primaryLink:hover {
 background: #BFBFBF;
 color: white;
 text-decoration: none;
}

#rightNavigation a.MprimaryLink {
 background-color: #dd320f;
 border-top:1px solid #C0C0C0;
 color:white;
 display:block;
 font-size:12px;
 margin-left:0;
 padding:3px 2px 3px 10px;
 text-decoration:none;
}

#rightNavigation a.MprimaryLink:hover {
 background: #EF5D3B;
 color: white;
 text-decoration: underline;
}

#rightNavigation img.privacymark {
 border: dotted thin #ffaaaa;
}

.banner img {
 margin-bottom: 5px;
}

/******************************************************************************/


/* 商品カタログ */

/* 全体 */
#ProductList {
 float: left;
 border-bottom: 1px solid #C0C0C0;
 margin-bottom: 5px;
}

/* ちっちゃいやつ */
.MiniProductNav {
 width: 295px;
 height: 200px;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 float: left;
 border: 1px dotted #C0C0C0;
 background: #F5F5F5;
 padding: 10px;
}

.MiniProductNav a {
 text-decoration: none;
}

.MiniProductNav a:hover {
 text-decoration: none;
}

.MiniProductImage {
 width: 100px;
 float: left;
}

.MiniProductPrice {
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 5px;
 color: red;
}

.MiniProductBuybtn {
 background: url(/neos/images/s/corel/bs_buy.gif) repeat scroll 0 0;
 color: white;
 display: block;
 font-size: 12px;
 font-weight: bold;
 height: 27px;
 line-height: 24px;
 margin: auto;
 padding-left: 15px;
 text-align: left;
 text-decoration: none;
 width: 115px;
}

.MiniProductRight {
 width: 190px;
 margin-left: 5px;
 float: left;
}
.MiniProductRight h2 {
 font-size: 15px;
}

.MiniProductRight td {
 border: none;
}

/******************************************************************************/


/* 商品プロダクトTYPE一覧 */
#ProductTypeList {
}

#ProductTypeList td.upper {
 vertical-align: top;
 border: none;
}

#ProductTypeList img {
 border: 0 none;
/* float: left;*/
 margin: 0 15px 15px 0;
}

#ProductTypeList img.arrows {
 float: none;
 margin: 0;
}

#ProductTypeList h1 {
 color: #355CC1;
 font-size: 20px;
 margin: 5px 10px 10px 0;
}

#ProductTypeList .sales_price {
 color: red;
}

#ProductTypeList .attention {
 font-weight:bold;
}

#ProductTypeList hr {
 background-color:#808080;
 border:0 none;
 height:1px;
 margin: 5px 10px 5px 10px;
}

#ProductTypeList h3{
 background: #EEEEEE none repeat scroll 0 0;
 border-bottom: 1px solid #999999;
 border-left: 0.5em solid #EEEEEE;
 border-right: 1px solid #999999;
 color: #363636;
 font-size: 120%;
 font-weight: bold;
 line-height: 150%;
 margin-bottom: 1em;
 margin-top: 2em;
 padding-left: 0.3em;
}
/******************************************************************************/


/* ショッピングカート */
#ShoppingCart {
 
}

#ShoppingCart h1 {
 color: #355CC1;
 font-size: 20px;
 margin: 5px 10px 10px 0;
 border: none;
}

#ShoppingCartMessage {
 width: 100%;
 margin: 50px 10px 10px 0;
 font-size: 14px;
}

#ShoppingCartMessage h2 {
 background: #E6E6E6;
}

/******************************************************************************/

/* ユーザー関連 */
#Mypage {
/* border-top: 1px solid #C0C0C0;
 border-bottom: 1px solid #C0C0C0;*/
}

#Mypage h1 {
 color: #355CC1;
 font-size: 20px;
 margin: 5px 10px 10px 0;
 border: none;
}

#Mypage li.Paragraph1 {
 font-size: 15px;
 font-weight: bold;
}

#Mypage li.Paragraph2 {
 font-size: 12px;
}

/******************************************************************************/


/* オーダー */
#OrderProgress {
}

#OrderProgress h1 {
 color: #355CC1;
 font-size: 20px;
 margin: 5px 10px 10px 0;
 border: none;
}

#OrderProgress .Button {
 text-align: right;
}



/* チェックアウト進捗バー */
#progress{
 width: 100%;
 margin: auto;
 margin-top: 15px;
 margin-bottom: 15px;
 padding: 5px;
 clear:both;
 border-collapse: collapse;
 border-spacing: 0px;
}

#progress a {
 color: #355CC1;
 text-decoration: none;
}

.labelOn, .labelOff, .labelLeftOn, .labelLeftOff, .labelRightOn, .labelRightOff, .labelArrow {
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 0;
 white-space: nowrap;
}

.labelOn {
 background: #305081 url(/neos/images/s/runexy/order_body_On.gif) repeat scroll 0 0;
 color: #305081;
 text-align: center;
}

.labelOff {
 background: #C0C0C0 url(/neos/images/s/runexy/order_body_Off.gif) repeat scroll 0 0;
 color: #666666;
 text-align: center;
}

.labelLeftOn {
 background: #305081 url(/neos/images/s/runexy/order_body_On.gif) repeat scroll 0 0;
 text-align: left;
}

.labelLeftOff {
 background: #C0C0C0 url(/neos/images/s/runexy/order_body_Off.gif) repeat scroll 0 0;
 text-align: left;
}

.labelRightOn {
 background: #305081 url(/neos/images/s/runexy/order_body_On.gif) repeat scroll 0 0;
 text-align: right;
}

.labelRightOff {
 background: #C0C0C0 url(/neos/images/s/runexy/order_body_Off.gif) repeat scroll 0 0;
 text-align: right;
}

.firstOn, .midOnLabel, .midOffLabel, .midOff, .midOffOn, .firstOff, .midOnOff, .lastOffLabel, .lastOnLabel {
 color: #305081;
 display: inline;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding-bottom: 6px;
 padding-left: 5px;
 padding-top: 5px;
}

.firstOn {
 background: #305081 url(/neos/images/s/corel/progress_first_num_on.gif) repeat scroll 0 0;
 color: white;
}

.firstOff {
 background: #C0C0C0 url(/neos/images/s/corel/progress_first_num_off.gif) repeat scroll 0 0;
 color: white;
}

.midOnOff {
 background: #305081 url(/neos/images/s/corel/progress_mid_num_onoff.gif) repeat scroll 0 0;
 color: white;
}

.midOffOn {
 background: #305081 url(/neos/images/s/corel/progress_mid_num_offon.gif) repeat scroll 0 0;
 color: white;
}

.midOff {
 background: #305081 url(/neos/images/s/corel/progress_mid_num_off.gif) repeat scroll 0 0;
 color: white;
}

.midOnLabel a {
 color:white;
}

.midOnLabel, .lastOnLabel {
 background: #305081 url(/neos/images/s/corel/progress_back_on.gif) repeat scroll 0 0;
 color: white;
 padding-right: 5px;
}

.midOffLabel, .lastOffLabel {
 background: #C0C0C0 url(/neos/images/s/corel/progress_back_off.gif) repeat scroll 0 0;
 padding-right: 5px;
}

.lastOnLabel, .lastOffLabel {
 border-top: none;
 border-bottom: none;
 border-left: none;
 border-right: 1px solid #305081;
}

.midOnOff, .midOffOn, .midOn, .midOff, .firstOn, .firstOff {
 padding-left: 10px;
 padding-right: 8px;
 width: 10px;
}

.midOnOff, .midOffOn, .midOn, .midOff, .firstOn, .firstOff, .midOnLabel, .midOffLabel {
 border: none;
}

/******************************************************************************/

/********** BCNランキング **********/
.bcnTabTextSelect {
        padding:3px;
        color:#F05C37;
        font-weight: bold;
        font-size: 14px;
    }

.bcnTabTextUnSelect {
        padding:3px;
        color:#FFFFFF;
        font-weight: bold;
        font-size: 14px;
    }

.bcnTabTextUnSelect a {
        color:#FFFFFF;
        text-decoration: none;
}

.bcnTabTextUnSelect a:hover {
        color:#FFFFFF;
        text-decoration: underline;
}
    
.bcnArticleBox {
        background:#ffffff; 
        border:none; 
        width:100%; 
        height:80px; 
        overflow:auto;
        padding:0px;
        margin:0;
        text-align: left;
    }

h1.spcTitle {
  text-align: center;
  font-weight: bold;
  padding: 3px;
  font-size: 24px;
  margin: 0px;
  background-color: #FF4444;
  color: #FFFFFF;
}

.spcNewsBox {
  width: 96%;
  border: 2px solid #FFCC00;
  padding: 7px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  background-color: #ffffff;
}

.spcNewsBox h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 14px;
  margin: -7px -7px 3px -7px;
  background-color: #FFCC00;
  color: #D81A00;
}

h1.reviewTitle {
  width: 98%;
  text-align: center;
  font-weight: bold;
  padding: 3px;
  font-size: 24px;
  margin: 0px;
  background-color: #FFC000;
  color: #FFFFFF;
}

a.reviewTitle {
  text-align: center;
  font-weight: bold;
  padding: 3px;
  font-size: 20px;
  margin: 0px;
  background-color: #FF0000;
  color: #FFFFFF;
}

.reviewBox {
  width: 96%;
  border: 2px solid #FFC000;
  padding: 7px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  background-color: #ffffff;
}

.reviewBox h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 14px;
  margin: -7px -7px 3px -7px;
  background-color: #FFC000;
  color: #ffffff;
}

.reviewListBox {
  width: 98%;
  border: 1px solid #0000FF;
  padding: 7px;
  padding-bottom: 3px;
  margin-top: 5px;
  margin-bottom: 3px;
  background-color: #ffffff;
}

hr.reviewBorder {
  color: #0000FF;
  background-color: #0000FF;
}

/******************************************************************************/

/********** フッタ **********/
#footerNav {
 background: #AFAFAF none repeat scroll 0 0;
 clear: both;
 padding: 4px;
 height: 5px;
 font-size: 10px;
 text-align: center;
 text-transform: uppercase;
}

#footerCopyright {
 background: #dd320f none repeat scroll 0 0;
 text-align: center;
 color: white;
}

#footerCopyright a {
 color: #ffff00;
 text-decoration: underline;
}

#footerCopyright a:hover {
 color: #ffff00;
 text-decoration: underline;
}
/******************************************************************************/