/* ベース */
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: underline;
}

a:hover {
 text-decoration: underline;
}

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

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


/* ボタン */
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: 13px;
 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: 13px;
 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: 13px;
 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: 13px;
 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;
}

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

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

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

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;
}

td.noborder {
 border: none;
}

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

/* 特に目立出せたいメッセージ */
#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;
}


/******************************************************************************/
/* 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;
}

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


/* ログイン画面系 */
h1.login {
 color: #355CC1;
 font-size: 20px;
 margin: 5px 10px 10px 0;
}

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

td.button {
 text-align: right;
}

.loginBrick {
 background: #E6EFF6 none repeat scroll 0 0;
 border: 1px solid #C0C0C0;
 float: left;
 width: 352px;
 height: 300px;
 padding: 5px;
 position: relative;
 vertical-align: top;
}

.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;
 width: 350px;
}

/* 会員登録系 */
.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;
}

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


/* 一番外枠 */
#container {
/* width: 974px;*/
 width: 95%;
 max-width: 974px;
 min-width: 800px;
 border: 0 none;
 margin-left: auto;
 margin-right: auto;
}


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

/* タイトル */
table.TopTitle {
 background: url(/neos/images/s/corel/heder_back.gif) repeat-x;
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
 border: none;
 padding: 0;
 margin: 0;
}

td.coreltitle {
 border: none;
 padding: 0;
 margin: 0;
 width: 375px;
 height: 58px;
}

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: 0px 20px 0 0px;
 background: url(/neos/images/s/corel/nav_mini_back.gif) repeat-x;
 float: right;
 height: 33px;
 vertical-align: middle;
 padding: 0px;
 display: inline;
}

#headerMini table{
 background: url(/neos/images/s/corel/nav_mini_back.gif) repeat-x;
 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: 29px;
 padding: 0px;
 margin: 0px;
 background-image: url(/neos/images/s/corel/navOffBack.gif);
}

.menu {
 float: left;
 position: relative;
}

.mainmenu a {
 background: url(/neos/images/s/corel/navOffFull.gif) no-repeat right top;
 color: white;
 text-decoration: none;
 height: 29px;
 padding: 0px 26px 0px 10px;
 line-height: 26px;
 display: block;
 float: left;
 white-space:nowrap;
}

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

.mainmenuEmpty a {
 background: url(/neos/images/s/corel/navOffFullEmpty.gif) no-repeat right top;
 color: white;
 text-decoration: none;
 height: 29px;
 padding: 0px 10px 0px 10px;
 line-height: 26px;
 display: block;
 float: left;
 white-space:nowrap;
}

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

.submenu {
 background: white;
 border: 1px solid #5970B2;
 padding: 3px 0px 3px 0px;
 position: absolute;
 top: 29px;
 left: 0px;
 visibility: hidden;
 z-index: 100;
}

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

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

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


/* ぱんくず */
.topic_path {
 background: transparent url(/neos/images/s/corel/breadcrumb_background.gif) repeat-y scroll left center;
 background-color: #ffffff;
/* border-bottom: 1px solid #C0C0C0;*/
 border-top: 0 none;
 color: #585F63;
 height: 19px;
 padding-left: 10px;
 padding-top: 4px;
 margin-bottom: 14px;
}

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

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


/* メインエリア */
#LeftContents {
 float: left;
 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;
}
/******************************************************************************/


/* 右側インフォメーションメニュー */
#sideNavigation {
 background: #F5F5F5;
 border: 1px solid #C0C0C0;
 margin-left: 705px;
 padding: 0;
 vertical-align: top;
}

/*#sideNavigation td {
    border: none;
    white-space: nowrap;
    padding: 1px;
}

#sideNavigation td.wrap_on {
    border: none;
    white-space: normal;
    padding: 1px;
}
*/
#sideNavigation .title {
 color: #518CDC;
 display:block;
 font-size:10px;
 font-weight:bold;
 margin:5px 5px 5px 10px;
 text-decoration:none;
}

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

#sideNavigation a.primaryLink:hover {
 background: #7EB1FF;
 color: white;
 text-decoration: none;
}


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


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


/* 商品カタログ */

/* 全体 */
#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: 0px 10px 0px 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;
}

#OrderProgress td.cautionBox {
 background: #E6EFF6 none repeat scroll 0 0;
 border: 3px solid #7eb1ff;
}



/* チェックアウト進捗バー */
#progress{
 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;
}

.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;
}

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


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

#footerCopyright {
 text-align: center;
}
/******************************************************************************/