@charset "utf-8";

/*
===== universal reset ==================================================================
*/

* {
margin: 0;
padding: 0;
}

body {
/*font-family:'ＭＳ Ｐゴシック',sans-serif;*/
/*font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;*/
font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", "lr oSVbN", sans-serif;
font-size: 74.5%;
font-weight : normal;
font-style : normal;
text-align: center;
line-height: 1.6;
color: #444;
background-color: #fff;
letter-spacing: 0;
}

html>/**/body {
overflow: scroll;
}

h1,h2,h3,h4,h5,h6,address,strong,th {
font-size: 100%;
font-weight: normal;
font-style: normal;
}

img {
border-style: none;
vertical-align: bottom;
display: inline;
}

ul,ol {
list-style: none;
}

strong,em {
font-style: normal;
}

hr {
color: #fff;
background-color: #fff;
border: none;
border-top:1px dotted #ccc;
margin: 0px;
padding-top: 6px;
padding-bottom: 6px;
}

td,th {
text-align: left;
vertical-align: top;
}

/*
===== clearfix, clear ==================================================================
*/

#wrapper .clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#wrapper .clearfix {display: inline-block;}/* exclude MacIE5 \*/
* html .clearfix {height: 1%}
#wrapper .clearfix {display:block;}/* end MacIE5 */

.clear {clear: both;}


/*
===== common class settings ==================================================================
*/

.block {display: block;}
.inline {display: inline;}

.float_l {float: left;}
.float_r {float: right;}

.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.txt_v_top {vertical-align: top;}
.txt_v_middle {vertical-align: middle;}
.txt_v_bottom {vertical-align: bottom;}

.f_bold {font-weight: bold;}
.f11p {font-size: 93%;}
.f10p {font-size: 85%;}

.txt_red {color: #c10e0e;}

.m_top6 {margin-top: 6px;}
.m_top10 {margin-top: 10px;}
.m_top16 {margin-top: 16px;}
.m_top20 {margin-top: 20px;}
.m_top40 {margin-top: 40px;}
.m_right2 {margin-right: 2px;}
.m_right6 {margin-right: 6px;}
.m_right10 {margin-right: 10px;}
.m_right16 {margin-right: 16px;}
.m_right20 {margin-right: 20px;}
.m_bottom6 {margin-bottom: 6px;}
.m_bottom10 {margin-bottom: 10px;}
.m_bottom16 {margin-bottom: 16px!important;}
.m_bottom20 {margin-bottom: 20px!important;}
.m_bottom40 {margin-bottom: 40px!important;}
.m_left2 {margin-left: 2px;}
.m_left6 {margin-left: 6px;}
.m_left10 {margin-left: 10px;}
.m_left16 {margin-left: 16px;}
.m_left20 {margin-left: 20px;}

.m_hori_auto {margin-left: auto; margin-right: auto;}

.p_top6 {padding-top: 6px;}
.p_top10 {padding-top: 10px;}
.p_top16 {padding-top: 16px;}
.p_top20 {padding-top: 20px;}
.p_right6 {padding-right: 6px;}
.p_right10 {padding-right: 10px;}
.p_right16 {padding-right: 16px;}
.p_right20 {padding-right: 20px;}
.p_bottom6 {padding-bottom: 6px;}
.p_bottom10 {padding-bottom: 10px;}
.p_bottom16 {padding-bottom: 16px;}
.p_bottom20 {padding-bottom: 20px;}
.p_left6 {padding-left: 6px;}
.p_left10 {padding-left: 10px;}
.p_left16 {padding-left: 16px;}
.p_left20 {padding-left: 20px;}


.w20p {width: 20px;}
.w30p {width: 30px;}
.w40p {width: 40px;}
.w50p {width: 50px;}
.w60p {width: 60px;}
.w70p {width: 70px;}
.w80p {width: 80px;}
.w90p {width: 90px;}
.w100p {width: 100px;}
.w110p {width: 110px;}
.w120p {width: 120px;}
.w130p {width: 130px;}
.w140p {width: 140px;}
.w150p {width: 150px;}
.w160p {width: 160px;}
.w170p {width: 170px;}
.w180p {width: 180px;}
.w190p {width: 190px;}
.w200p {width: 200px;}
.w210p {width: 210px;}
.w220p {width: 220px;}
.w230p {width: 230px;}
.w240p {width: 240px;}
.w250p {width: 250px;}
.w260p {width: 260px;}
.w270p {width: 270px;}
.w280p {width: 280px;}
.w290p {width: 290px;}
.w300p {width: 300px;}
.w310p {width: 310px;}
.w320p {width: 320px;}
.w330p {width: 330px;}
.w340p {width: 340px;}
.w350p {width: 350px;}
.w360p {width: 360px;}
.w370p {width: 370px;}
.w380p {width: 380px;}
.w390p {width: 390px;}
.w400p {width: 400px;}
.w410p {width: 410px;}
.w420p {width: 420px;}
.w430p {width: 430px;}
.w440p {width: 440px;}
.w450p {width: 450px;}
.w460p {width: 460px;}
.w470p {width: 470px;}
.w480p {width: 480px;}
.w490p {width: 490px;}
.w500p {width: 500px;}
.w580p {width: 580px;}
.w600p {width: 600px;}
.w840p {width: 840px;}

.w50per {width: 50%;}


/*
===== template parts settings ==================================================================
*/

/* ---------- heddings ---------- */


/* column01のテキスト見出し（h1）用です */
h1.c01txt {
position: relative;
width: 660px;
height: 70px;
background: url(/images/bg_column01_h1.jpg) no-repeat top center;
line-height: 150%;
margin: 0px;
padding: 0px;
}

h1.c01txt span {
position: absolute;
top: 26px;
left: 44px;
font-weight: bold;
font-size: 124%;
}

/* column03のテキスト見出し（h1）用です */
h1.c03txt {
position: relative;
width: 900px;
height: 70px;
background: url(/images/bg_column03_h1.jpg) no-repeat top center;
line-height: 150%;
margin: 0px;
padding: 0px;
}

h1.c03txt span {
position: absolute;
top: 26px;
left: 44px;
font-weight: bold;
font-size: 124%;
}

/* 画像見出し（h1）用です */
h1.image {
line-height: 100%;
margin: 0px;
padding: 0px;
} 


/* 銘柄カルテ見出し（h1）用です */
h1.description {
position: relative;
width: 900px;
height: 66px;
background: url(/images/analysis/bg_h1_description.jpg) no-repeat top center;
line-height: 100%;
margin: 0px;
padding: 0px;
}

h1.description span {
position: absolute;
top: 24px;
left: 52px;
line-height: 170%;
}

h1.description span a {
font-size: 124%;
font-weight: bold;
padding-right: 10px;
} 

h1.description img {
position: absolute;
top: 0px;
right: 0px;
}


/* サイドバーありの見出し（h2）用です */

#column01 h2 {
position: relative;
line-height: 36px;
vertical-align: middle;
color: #444;
height: 36px;
padding-left: 20px;
margin-bottom: 20px;
font-weight: bold;
background: url(/images/bg_column01_h2.gif) no-repeat top left;
}

#column01 h2 img {
position: absolute;
top: 10px;
right: 20px;
}

/* サイドバーなしの見出し（h2）用です */

#column03 h2 {
position: relative;
line-height: 36px;
vertical-align: middle;
color: #444;
height: 36px;
padding-left: 20px;
margin-bottom: 20px;
font-weight: bold;
background: url(/images/bg_column03_h2.gif) no-repeat top left;
}

#column03 h2 img {
position: absolute;
top: -2px;
right: 2px;
}

/* テキスト見出し（h3）用です */

h3 {
line-height: 150%;
margin-top: 16px;
padding: 0px;
padding-left: 22px;
padding-bottom: 10px;
font-weight: bold;
background: url(/images/bg_h3.gif) no-repeat left 2px;
}

/* 画像見出し（h3）用です */

h3.image {
line-height: 100%;
padding: 0px;
padding-left: 0px;
padding-bottom: 16px;
font-weight: bold;
}

h4 {
margin-top: 6px;
line-height: 150%;
padding-left: 16px;
font-weight: bold;
background: url(/images/bg_h4.gif) no-repeat left 2px;
}

h5 {
line-height: 150%;
font-weight: bold;
color: #eb8814;
}

h6 {
line-height: 150%;
font-weight: bold;
border-bottom: 1px solid #eb8814;
}

/* ---------- anchors ---------- */

a {
color: #3377aa;
text-decoration: underline;
}

a:link {
color: #3377aa;
text-decoration: underline;
}

a:visited {
color: #8844aa;
text-decoration: underline;
}

a:hover {
color: #006699;
text-decoration: underline;
}

/* ---------- table ---------- */

caption {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
line-height: 150%;
font-weight: bold;
color: #666666;
text-align: left;
}

table {
width: 100%;
border-collapse: collapse;
color: #555555;
font-size: 100%;
}

th {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #d8d8d8;
font-weight: bold;
line-height: 150%;
}

td {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #d8d8d8;
line-height: 150%;
}

th.gray,td.gray {
color: #ffffff;
background: #999;
}

th.orange,td.orange {
background: #fbf1e5;
}

th.mgray,td.mgray {
background: #e7e7e7;
}

th.lgray,td.lgray {
background: #f7f7f7;
}


/*
===== layout settings ==================================================================
*/

#wrapper {
text-align: center;
background-color: #fff;
}

/* ---------- header ---------- */

#headerExtension {
width: 100%;
height: 164px;
background: url(/images/bg_headerextension.jpg) repeat-x top center;
text-align: center;
}

#header {
position: relative;
width: 900px;
height: 70px;
margin-left: auto;
margin-right: auto;
background: url(/images/bg_header.jpg) no-repeat top center;
text-align: left;
}

#header .ocn {
position: absolute;
left: 0px;
top: 18px;
}

#header .ocn_logo {
position: absolute;
left: 87px;
top: 18px;
}

#header .logo {
position: absolute;
left: 0px;
top: 18px;
}

#header #header-banner {
  padding-top: 12px;
  margin-left: 262px;
}

#header #headerMenu01 {
position: absolute;
top: 12px;
right: 0px;
}

#header #headerMenu01 li,
#header #headerMenu01 li a,
#header #headerMenu01 li a img {
display: inline;
line-height: 100%;
vertical-align: top;
}

#header #headerMenu02 {
position: absolute;
top: 34px;
right: 0px;
}

#header #headerMenu02 li,
#header #headerMenu02 li a,
#header #headerMenu02 li a img {
display: inline;
line-height: 100%;
vertical-align: bottom;
}

#globalNavi {
position: relative;
width: 900px;
height: 44px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#globalNavi ul {
position: absolute;
bottom: 0px;
left: 0px;
}

#globalNavi ul li,
#globalNavi ul li a,
#globalNavi ul li a img {
display: inline;
}

#searchBar {
position: relative;
width: 900px;
height: 50px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: url(/images/bg_searchbar.jpg) no-repeat top center;
}

#searchBar .searchForm {
position: absolute;
top: 18px;
left: 300px;
border: none;
background: transparent;
padding-left: 6px;
line-height: 130%;
vertical-align: middle;
}

#searchBar .searchButton {
position: absolute;
top: 10px;
left: 605px;
}


/* ---------- container ---------- */

#containerExtension {
width: 100%;
background: url(/images/bg_container_repeat.jpg) repeat-x top center;
text-align: center;
}

#container {
width: 900px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
text-align: left;
}

/* ---------- contents ---------- */

#contents {
width: 900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
text-align: left;
}

/* ---------- columns ---------- */

#column01 {
width: 660px;
float: left;
text-align: left;
padding-bottom: 20px;
background: url(/images/bg_column01_bottom.jpg) no-repeat center bottom;
}

#column01Inner {
padding-top: 10px;
padding-bottom: 20px;
padding-right: 30px;
padding-left: 30px;
background: url(/images/bg_column01.jpg) repeat-y center top;
}

/* --------- 文章用 -----------*/
div.article p{
  margin-left: 1.5em;
  margin-bottom: 1em;
  width: 40em;
}
div.article h3 {
  margin-left: 1.5em;
  width: 40em;
}
div.article h4 {
  margin-left: 2em;
}
div.article ul,
div.article ol {
  margin-left: 4.5em;
  margin-bottom: 1em;
  width: 37em;
}
div.article ul li {
  list-style: disc; 
}
div.article ol li {
  list-style: decimal; 
}

div.article_w p{
  margin-left: 1.5em;
  margin-bottom: 1em;
}
div.article_w h3 {
  margin-left: 1.5em;
}
div.article_w h4 {
  margin-left: 2em;
}
div.article_w ul,
div.article_w ol {
  margin-left: 4.5em;
  margin-bottom: 1em;
}
div.article_w ul li {
  list-style: disc; 
}
div.article_w ol li {
  list-style: decimal; 
}

/* --------- 商品 -----------*/
div.product {}
div.product div.header {
}
div.product div.detail {
}
div.product div.detail p.image {
	margin:0;
	padding:0;
	text-align:center;
}
div.product div.detail p.image img {
	padding:4px;
	border:1px #dacdb9 solid;
}
div.product div.buy {
	text-align:center;
}
div.product div.buy p.warn {
	color:#c10e0e;
}
div.product div.buy #terms {
	text-align:left;
}
div.product div.notfound {
	text-align:center;
}
div.product div.footer {
}

/* --------- PayOn -----------*/
div.payon {}
div.payon div.error {
	text-align:center;
}

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

#column02 {
width: 220px;
float: right;
text-align: left;
background-color: #f3f3f3;
}

#column03 {
width: 900px;
text-align: left;
background-color: #f3f3f3;
padding-bottom: 20px;
background: url(/images/bg_column03_bottom.jpg) no-repeat center bottom;
}

.column03Inner, #column03Inner{
padding-top: 10px;
padding-bottom: 20px;
padding-right: 30px;
padding-left: 30px;
background: url(/images/bg_column03.jpg) repeat-y center top;
}


/* ---------- largeTab ---------- */

#largeTab {
padding-bottom: 20px;
background: url(/images/bg_tab_bottom.jpg) no-repeat center bottom;
}

#largeTab li {
display: inline;
}

/* ---------- updateList ---------- */

.updateList, .tiw {
  width: 220px;
}

.updateList div, .tiw div.wrap {
padding-right:10px;
padding-left: 10px;
background: url(/images/column02/bg_listwrapper.jpg) repeat-y top center;
}

.updateList div dl {
padding-right:10px;
padding-left: 10px;
padding-top: 6px;
background: url(/images/column02/bg_dl.jpg) no-repeat top center;
}

.updateList div dl dt {
font-size: 10px;
padding-top:6px;
padding-bottom: 2px;
}

.updateList div dl dd {
font-size: 10px;
padding-top:2px;
padding-bottom: 6px;
background: url(/images/bg_hr.gif) repeat-x bottom center;
}

.updateList p, .tiw p.last {
width: 220px;
height: 24px;
background: url(/images/column02/bg_listbottom.jpg) no-repeat top center;
text-align: right;
}

.updateList p a , .tiw p.last a{
font-size: 10px;
padding-left: 12px;
margin-right: 20px;
background: url(/images/icon_arrow_orange_01.gif) no-repeat left 2px;
}


/* ---------- registForm ---------- */

.registForm {
width: 220px;
padding-bottom: 10px;
margin-bottom: 6px;
background: url(/images/column02/bg_listbottom.jpg) no-repeat bottom center;
}

.registForm p {
font-size: 10px;
}

.registForm .registFormWraper {
padding-left: 20px;
padding-right: 20px;
background: url(/images/column02/bg_listwrapper.jpg) repeat-y top center;
}

.registForm .formBg {
width: 130px;
height: 22px;
background: transparent url(/images/column02/bg_input.jpg) no-repeat top left;
border: none;
}

.registForm .registFormInput {
padding-top: 3px;
padding-left: 5px;
width: 120px;
background: transparent;
border: none;
}

.registForm .btn {
width: 42px;
}

/* ---------- blockRegistForm ---------- */

.blockRegistForm li {
font-size: 10px;
width: 140px;
height: 22px;
background: transparent url(/images/column02/bg_input.jpg) no-repeat top left;
border: none;
float: left;
}

.blockRegistForm li .registFormInput {
padding-top: 3px;
padding-left: 5px;
width: 120px;
background: transparent;
border: none;
}

/* ---------- payonAttentions ---------- */

#payonAttentions {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-bottom: 16px;
border-top: 1px dotted #ccc;
list-style-type: circle;
}

/* ---------- payonLink ---------- */

#payonLink {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-bottom: 16px;
border-top: 1px dotted #ccc;
}

#payonLink li,
#payonLink li a,
#payonLink li a img {
display: inline;
}

/* ---------- lowerButton ---------- */

#lowerButton {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-bottom: 16px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

#lowerButton li,
#lowerButton li a,
#lowerButton li a img {
display: inline;
}

/* ---------- pickup ---------- */

#pickup {
position: relative;
width: 900px;
height: 260px;
background: url(/images/pickup/bg_pickup.jpg) no-repeat top center;
}

#pickup p {
font-size: 10px;
}

#pickup #book01img {
position: absolute;
left: 20px;
bottom: 128px;
}

#pickup #book02img {
position: absolute;
left: 283px;
bottom: 128px;
}

#pickup #dvdimg {
position: absolute;
left: 547px;
bottom: 128px;
}

#pickup #book01 {
position: absolute;
left: 104px;
top: 30px;
width: 150px;
}

#pickup #book02 {
position: absolute;
left: 366px;
top: 30px;
width: 150px;
}

#pickup #dvd {
position: absolute;
left: 708px;
top: 30px;
width: 150px;
}

#pickup #detail01 {
position: absolute;
left: 180px;
bottom: 30px;
}

#pickup #detail02 {
position: absolute;
left: 440px;
bottom: 30px;
}

#pickup #detail03 {
position: absolute;
left: 790px;
bottom: 30px;
}

/* ---------- interLink ---------- */

#interLink {
padding: 10px;
margin: 10px;
margin-top: 20px;
background-color: #f6f6f6;
}

#interLink ul li,
#interLink ul li a,
#interLink ul li a img {
display: inline;
}

/* ---------- pageTop ---------- */

#pageTop01 {
display: block;
margin-top: 20px;
margin-bottom: 20px;
width: 900px;
text-align: right;
}

#pageTop02 {
display: block;
margin-top: 20px;
text-align: right;
}

/* ---------- footer ---------- */

#footerExtension {
width: 100%;
background: #efefef url(/images/bg_footerextension.gif) repeat-x top center;
text-align: center;
}

#footer {
position: relative;
width: 900px;
height: 236px;
margin-left: auto;
margin-right: auto;
text-align: left;
z-index: 0;
}

#footer #footerMenu {
position: absolute;
top: 16px;
left: 0px;
z-index: 0;
}

#footer #footerMenu li,
#footer #footerMenu li a,
#footer #footerMenu li a img {
display: inline;
vertical-align: top;
line-height: 150%;
}

#footer address {
position: absolute;
top: 14px;
right: 0px;
font-size: 11px;
font-weight: bold;
color: #444;
vertical-align: top;
line-height: 150%;
z-index: 0;
}

#footer #disclaimer {
position: absolute;
top: 60px;
left: 30px;
}

#footer #disclaimer li {
font-size: 10px;
}


/**********************************************
* suggest.js
***********************************************/
.suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    z-index: 9;
    text-align: left;
}
.suggest div {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    z-index: 9;
}
.suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

/*----- paginate -----*/
.pagination {
  text-align: center; 
  margin-top: 2em;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #000099;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #000099;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

/* admin_menu */
#admin_menu {
  text-align: right;
  padding-right: .5em;
}

/* validation error */
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background: none;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-top: 3px;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
  margin-left: 3.5em;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.fieldWithErrors {
  border: 2px solid red;
  display: table;
}