@charset "UTF-8";

/* ****************************************************
Title: content.css
Created date: 2009/11/18
Last Modified: 2009/11/18
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 Reset
#02 Redefine
#03 module
#04 General Elements
#05 body
#06 layout
#07 header
#08 gNavi
#09 pageBody
#10 primary
#11 secondary
#12 footer
#13 stationary
----------------------------------------*/


/* #01 Reset
---------------------------------------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em,caption,cite,code,dfn,var {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
}
img { 
	border: 0; 
	background-color: transparent;
	vertical-align: bottom;
}
table { 
	border-collapse: collapse; 
	border-spacing: 0;
}
caption, th { text-align:left; }
fieldset { border: 0; }
hr { display: none; }
ol, ul { list-style:none; } 
ul ul,ol ul,ul ol,ol ol,
dl ul,dl ol,dl dl,td td { 
	font-size: 100%; 
}
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 


/* #02 Redefine
---------------------------------------------------------------------------- */

body {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.4;
}
* html body {
	font-size:78%;
}
*:first-child + html body {
	font-size:78%;
}
strong { font-weight: bold; }
em     { color: #F00; font-style: normal; }
li { margin-left: 0; }
.naviHidden {
	border-style: none;
	display: run-in;
	height: 1px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1px;
	z-index: 100;
}

/* #03 module
---------------------------------------------------------------------------- */

.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; margin-bottom: 1.3em; }
.floatLeft  { float:left; }
.floatRight { float:right; }
.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }
.padding-text {
	padding-top:10px;
}
.valignBaseline { vertical-align: baseline; }
.imgover {}
.attention, 
.required { 
	color: #FF0000 !important; 
}
.smallText { font-size: 0.85em; }
.lastList {
	background: none !important;
	border: none !important;
	margin-right: 0 !important;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix
{display: block;} 


/* #04 General Elements
---------------------------------------------------------------------------- */

a {text-decoration: underline; outline: none; }
a:hover {text-decoration: underline!important; }

/* #05 body
---------------------------------------------------------------------------- */

p.forPrint {
	display: none;
}


/* #06 layout
---------------------------------------------------------------------------- */

div#layout a,
div#layout {
	color: #474747;
}

div#layout {
	margin: 0 auto;
	width: 1080px;
}


/* #07 header
---------------------------------------------------------------------------- */

div#header {
	border-bottom: 1px solid #84C44F;
	float: left;
	padding: 0 0 13px 0;
	width: 710px;
}

div#header div.hLeft {
	float: left;
	padding: 6px 0 0 0;
	width: 365px;
}

div#header div.hLeft p#hTxt,
div#header div.hLeft h1#hTxt {
	letter-spacing: 1px;
	padding: 0 0 7px 0;
}

div#header div.hRight {
	float: right;
	width: 310px;
}

div#header div.hRight p.searchForm {
	background: url(../images/ico_cm_search.gif) no-repeat 33px 16px;
	padding: 11px 0 0 20px;
}

div#header div.hRight p.searchForm input.searchKey {
	border: 1px solid #B0B0B0;
	float: right;
	margin: 0 6px 0 0;
	height: 18px;
	width: 195px;
}

div#header div.hRight p.searchForm input.buSearch {
	float: right;
}

div#header div.hRight p.phoneNumber {
	text-align: right;
	padding: 6px 0 0 0;
}

div#header div.hRight ul#hNavi {
	clear: both;
	padding: 5px 0 0 1px;
}

div#header div.hRight ul#hNavi li {
	float: left;
	font-size: 0%;
	padding: 0 21px 0 0;
}

div#header div.hRight ul#hNavi li.last {
	padding: 0 0 0 1px;
}

/* #08 gNavi
---------------------------------------------------------------------------- */

dl#gNavi {
	clear: both;
	padding: 8px 0 0 0;
	width: 710px;
}

dl#gNavi dt {
	display: none;
}

dl#gNavi dd ul li {
	float: left;
	text-indent: -9999px;
}

dl#gNavi dd ul li a {
	display: block;
	height: 33px;
	width: 118px;
}

dl#gNavi dd ul li#gNaviHome,
dl#gNavi dd ul li#gNaviHome a {
	background: url(../images/gnavi_cm_home.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviHome a:hover {
	background: url(../images/gnavi_cm_home_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviShop,
dl#gNavi dd ul li#gNaviShop a {
	background: url(../images/gnavi_cm_shop.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviShop a:hover {
	background: url(../images/gnavi_cm_shop_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviNotebook,
dl#gNavi dd ul li#gNaviNotebook a {
	background: url(../images/gnavi_cm_notebook.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviNotebook a:hover {
	background: url(../images/gnavi_cm_notebook_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviSeminar,
dl#gNavi dd ul li#gNaviSeminar a {
	background: url(../images/gnavi_cm_seminar.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviSeminar a:hover {
	background: url(../images/gnavi_cm_seminar_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviChar,
dl#gNavi dd ul li#gNaviChar a {
	background: url(../images/gnavi_cm_chart.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviChar a:hover {
	background: url(../images/gnavi_cm_chart_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviFaq,
dl#gNavi dd ul li#gNaviFaq a {
	background: url(../images/gnavi_cm_faq.gif) no-repeat 0 0;
	width: 119px;
}

dl#gNavi dd ul li#gNaviFaq a:hover {
	background: url(../images/gnavi_cm_faq_o.gif) no-repeat 0 0;
	width: 119px;
}
 
 
/* #09 pageBody
---------------------------------------------------------------------------- */

body#top dl#gNavi dd ul li#gNaviHome a,
body#top dl#gNavi dd ul li#gNaviHome a:hover {
	background: url(../images/gnavi_cm_home_o.gif) no-repeat 0 0;
}

div#layout div#pageBody {
	float: left;
	width: 710px;
}

div#layout ul.location {
	clear: both;
	padding: 13px 0 0 0;
}

div#layout ul.location li {
	color: #010101;
	font-weight: bold;
	float: left;
	padding: 0 5px 0 2px;
}

div#layout ul.location li a {
	background: url(../images/ico_arrow_local.gif) no-repeat right 3px;
	color: #2A6DDE;
	font-weight: normal;
	padding: 0 12px 0 0;
	text-decoration: none;
}

div#layout ul.location li a:hover {
	text-decoration: underline;
}


/* #10 primary
---------------------------------------------------------------------------- */

div#primary {
	clear: both;
	padding: 25px 0 0 0;
}

body#top div#primary ul.noteBook {
	background: url(../images/bg_tp_notebook_bottom.gif) no-repeat 22px bottom;
	padding: 5px 0 5px 22px;
}

body#top div#primary ul.noteBook li {
	background: url(../images/bg_tp_notebook_content.gif) repeat-y left 3px;
	font-size: 0%;
}

body#top div#primary ul.noteBook li dl {
	float: left;
	width: 222px;
}

body#top div#primary ul.noteBook li dl dt {
	font-size: 0%!important;
}


body#top div#primary ul.noteBook li dl dd {
	min-height: 186px;
}

* html body#top div#primary ul.noteBook li dl dd {
	height: 186px;
}

body#top div#primary ul.noteBook li.last dl dd {
	min-height: 181px;
}

* html body#top div#primary ul.noteBook li.last dl dd {
	height: 181px;
}

body#top div#primary ul.noteBook li dl.book {
	width: 221px;
}

body#top div#primary ul.noteBook li dl.book dd {
	background: url(../images/bg_tp_notebook.gif) no-repeat 58px bottom;
}

body#top div#primary ul.noteBook li dl.seminar dd {
	background: url(../images/bg_tp_similar.jpg) no-repeat right bottom;
}

body#top div#primary ul.noteBook li p {
	float: left;
}

body#top div#primary ul.noteBook li dl.bChart {
	width: 221px;
}

body#top div#primary ul.noteBook li dl.bChart dd {
	background: url(../images/bg_tp_bchart.gif) no-repeat 132px 101px
}

body#top div#primary ul.noteBook li dl.qaBlock dd {
	background: url(../images/bg_tp_qa.gif) no-repeat 98px 125px;
}

body#top div#primary ul.noteBook li dl.shop {
	width: 221px;
}

body#top div#primary ul.noteBook li dl.shop dd {
	background: url(../images/bg_tp_shop.gif) no-repeat 105px 57px;
}

body#top div#primary ul.noteBook li dl.india  dd {
	background: url(../images/bg_tp_india.jpg) no-repeat 62px 65px;
}
body#top div#primary ul.noteBook li dl.whatsnew  dd {
	background: url(../images/bg_tp_whatsnew.jpg) no-repeat 62px 65px;
}

body#top div#primary ul.noteBook li dl.india dd span {
	display: block;
	font-weight: bold;
	padding: 7px 0 0 8px;
}

body#top div#primary ul.noteBook li dl.company dd {
	background: url(../images/bg_tp_company.jpg) no-repeat 62px 63px;
}

body#top div#primary ul.noteBook li dl dd ol {
	padding: 11px 0 0 19px;
}

body#top div#primary ul.noteBook li dl dd ol li {
	background: none;
	font-size: 12px;
	padding: 0 0 7px 0;
}

body#top div#primary ul.noteBook li dl dd ol li a {
	color: #474747;
	text-decoration: none;
	font-weight: bold;
}

body#top div#primary dl.headline {
	border-bottom: 1px solid #D5D5D5;
	border-top: 1px solid #D5D5D5;
	clear: both;
	padding: 0 0 2px 0;
	margin-top: 40px;
}

body#top div#primary dl.headline dt {
	float: left;
	padding: 3px 0 0 0;
}

body#top div#primary dl.headline dd {
	color: #474747;
	float: left;
	margin: 0 0 0 5px;
	padding: 8px 0 0 0;
	position: relative;
	overflow:hidden;
	width: 615px;
}

body#top div#primary dl.headline dd p {
	position:relative;
	overflow:visible;
	float:left;
	white-space:nowrap;
}


/* #11 secondary
---------------------------------------------------------------------------- */

div#secondary {
	float: right;
	margin: 0 0 -70px 0;
	padding: 11px 0 0 0;
	width: 340px;
}

div#secondary p.info {
	padding: 9px 0 15px 0;
}

div#secondary p.clipBox {
	margin: 2px auto 11px auto;
	height: 265px;
	width: 320px;
}

div#secondary p.clipBox img {
	height: 265px;
	width: 320px;
}

div#secondary dl.news {
	padding: 11px 0 0 0;
}

div#secondary dl.news dt {
	color: #688CE7;
}

div#secondary dl.news dd {
	padding: 4px 0 7px 1px;
}

div#secondary dl.news dd a {
	color: #474747;
	text-decoration: none;
}

div#secondary dl.news dd dd {
	padding: 0 0 4px 0;
}

div#secondary dl.news dd dl.chart {
	margin: 2px 0 0 0;
}

div#secondary dl.news dd dl.chart dd {
	border-bottom: 1px solid #D5D5D5;
	margin: 0 0 6px 0;
	padding: 0 0 5px 0;
}

div#secondary div#twitter dl {
	padding: 11px 0 0 0;
}

div#secondary div#twitter dl dt {
	color: #688CE7;
}

div#secondary div#twitter dl dd {
	padding: 4px 0 7px 1px;
}



/* #12 footer
---------------------------------------------------------------------------- */

div#footer {
	clear: both;
	padding: 0 0 20px 0;
	width: 710px;
}

div#footer ul.naviLocal {
	float: right;
}

div#footer ul.naviLocal li {
	float: left;
}

div#footer ul.naviLocal li a {
	color: #688CE7;
	padding: 0 0 0 11px;
	text-decoration: none;
}

div#footer ul.naviLocal li.backTop a {
	background: url(../images/ico_cm_arrow_l.gif) no-repeat 0 1px;
	margin: 0 21px 0 0;
}

div#footer ul.naviLocal li.pageTop a {
	background: url(../images/ico_cm_arrow_up.gif) no-repeat 0 1px;
}

div#footer ul#fNavi {
	background: url(../images/bg_cm_footer.gif) no-repeat 0 7px;
	clear: both;
	padding: 16px 0 11px 15px;
}

div#footer ul#fNavi li {
	float: left;
}

div#footer ul#fNavi li a {
	background: url(../images/bg_cm_bg_link_y.gif) no-repeat right top;
	color: #688CE7;
	margin: 0 8px 0 0;
	padding: 0 7px 0 0;
	text-decoration: none;
}

div#footer ul#fNavi li.last a {
	background: none;
}

div#footer p#copyright {
	color: #393939;
	clear: both;
	font-size: 90%;
	padding: 0 0 0 0;
	text-align: right;
}


/* #13 stationary
---------------------------------------------------------------------------- */

body#stationary dl#gNavi dd ul li#gNaviNotebook a,
body#stationary dl#gNavi dd ul li#gNaviNotebook a:hover {
	background: url(../images/gnavi_cm_notebook_o.gif) no-repeat 0 0;
}

body#stationary div#primary dl {
	padding: 16px 0 0 0;
}

body#stationary div#primary dl dt {
	background: url(../images/ico_st_square.gif) no-repeat 0 3px;
	color: #000;
	clear: both;
	font-weight: bold;
	padding: 0 0 0 15px;
}

body#stationary div#primary dl dd {
	color: #474747;
	padding: 3px 0 5px 0;
}

body#stationary div#primary dl dd p.containTxt {
	float: left;
	line-height: 1.7;
	width: 473px;
}

body#stationary div#primary dl dd p.containImg {
	float: right;
	padding: 7px 0 0 0;
}

/* #14 seminar
---------------------------------------------------------------------------- */

body#seminar dl#gNavi dd ul li#gNaviSeminar a,
body#seminar dl#gNavi dd ul li#gNaviSeminar a:hover {
	background: url(../images/gnavi_cm_seminar_o.gif) no-repeat 0 0;
}

body#seminar div#primary dl {
	padding: 16px 0 0 0;
}

body#seminar div#primary dl dt {
	background: url(../images/ico_st_square.gif) no-repeat 0 3px;
	color: #000;
	clear: both;
	font-weight: bold;
	padding: 0 0 0 15px;
}

body#seminar div#primary dl dd {
	color: #474747;
	padding: 3px 0 5px 0;
}

body#seminar div#primary dl dd p.containTxt {
	float: left;
	line-height: 1.7;
	width: 473px;
}

body#seminar div#primary dl dd p.containImg {
	float: right;
	padding: 7px 0 0 0;
}