@charset "utf-8";
/* CSS Document */

/* ****************************************************
	base.css
***************************************************** */


/*  for All
=========================================*/
/* ----- font ----- */
body {
	font-size: 83%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.4;
	color: #444444;
}
a:link {
	color: #0c419a;
	text-decoration: none;
}
a:visited {
	color: #3b61d4;
	text-decoration: none;
}
a:hover{
	color: #0c419a;
	text-decoration: underline;
}
a:active {
	color: #990000;
	text-decoration: none;
}


hr {
	display: none;
	clear: both;
}
sub {
	vertical-align: baseline;
}
sup {
	vertical-align: top;
}

img {
	vertical-align: bottom;
}


/*  headings
=========================================*/
#contents .heading1 {
}
#contents .heading2 {
	clear: both;
	min-height: 27px;
	height: auto !important;
	height: 27px;
	margin: 20px 0 0;
	padding: 6px 20px 0 27px;
	background: url(../images/com_bg07.gif) no-repeat 0 0;
	color: #0c419a;
	font-size: 120%;
	font-weight: bold;
}



/*  text
=========================================*/
#contents .leadText {
}
#contents .normalText {
	margin: 15px 0 0;
}
#contents .boldText {
	font-weight: bold;
}
#contents .notes01 {
}


/*  link
=========================================*/
#contents .anchorLink {
	clear: both;
	margin: 20px 0 0;
}
#contents .anchorLink .anchorTab {
	border-bottom: #cccccc 1px solid;
}
#contents .anchorLink .anchorTab li {
	float: left;
	margin: 0 5px 0 0;
}
#contents .anchorLink .linkList {
	padding: 7px 0 0;
}
#contents .anchorLink .linkList li {
	float: left;
	margin: 7px 9px 0 0;
	padding: 0 0 0 23px;
	background: url(../images/com_ic02.gif) no-repeat 0 50%;
	white-space: nowrap;
}


/*  霑ｽ險・
=========================================*/
.productButton {
	margin-top: 30px;
}
.productButton a:hover {
	opacity: 0.7;
}



#contents .iconLink01 {
}
#contents .iconLink02 {
}

#contents .pageTopLink {
	clear: both;
	margin: 20px 0 0;
}
#contents .pageTopLink p {
	float: right;
	padding: 0 0 0 12px;
	background: url(../images/com_ic01.gif) no-repeat 0 0.35em;
	font-size: 80%;
}



/*  list
=========================================*/
/* ----- normal ----- */
#contents .iconList01 {
}
#contents .iconList01 li {
}

/* ----- number ----- */
#contents .numberList01 {
}


#contents .columnBlock2-01 .numberList01 {
	line-height: 2.1;
}
#contents .columnBlock2-01 .numberList01 li {
	text-indent: -1em;
	padding-left: 1em;
}



/*  table
=========================================*/
#contents .normalTable {
}
#contents .normalTable table {
	width: 100%;
	border: #bbbbbb 1px solid;
}
#contents .normalTable th,
#contents .normalTable td {
	padding: 7px;
	border: #bbbbbb 1px solid;
}
#contents .normalTable .tableHeading01 {
}


/*  column
=========================================*/
/* ----- columnBlock1 ----- */
#contents .columnBlock1-01 {
	position: relative;
	clear: both;
	margin: 20px 0 0;
	padding: 1px 9px 0 15px;
	background: url(../images/com_bg01.gif) no-repeat 0 0;
}
#contents .columnBlock1-01 .title {
	padding: 0 0 10px;
}
#contents .columnBlock1-01 .wrapColumn {
	clear: both;
	margin: 0 0 6px;
	padding: 0 0 1px;
	background: url(../images/com_bg04.gif) no-repeat 0 100%;
}
#contents .columnBlock1-01 .wrapColumn .col {
	float: left;
	width: 628px;
	margin: 0 6px 0 0;
	padding: 16px 10px 20px;
	border: #dddddd 1px solid;
	border-bottom: none;
	background: url(../images/com_bg02.gif) repeat-x 0 2px;
	background-color: #ffffff;
}
#contents .columnBlock1-01 .wrapColumn .col .leftContents {
	float: left;
	width: 553px;
	margin: 0 12px 0 0;
}
#contents .columnBlock1-01 .wrapColumn .col .leftContents .detailText {
	margin: 7px 0 0;
	font-size: 100%;
}
#contents .columnBlock1-01 .wrapColumn .col .leftContents .linkText {
	margin: 4px 0 0;
	font-weight: bold;
}
#contents .columnBlock1-01 .wrapColumn .col .rightContents {
	overflow: hidden;
	zoom: 1;
}



/* ----- columnBlock2 ----- */
#contents .columnBlock2-01 {
	position: relative;
	clear: both;
	margin: 20px 0 0;
	padding: 1px 9px 0 15px;
	background: url(../images/com_bg01.gif) no-repeat 0 0;
}
#contents .columnBlock2-01 .title {
	padding: 0 0 10px;
}
#contents .columnBlock2-01 .wrapColumn {
	clear: both;
	margin: 0 0 6px;
	padding: 0 0 1px;
	background: url(../images/com_bg04.gif) no-repeat 0 100%;
}
#contents .columnBlock2-01 .wrapColumn .col {
	float: left;
	width: 300px;
	margin: 0 6px 0 0;
	padding: 16px 10px 20px;
	border: #dddddd 1px solid;
	border-bottom: none;
	background: url(../images/com_bg02.gif) repeat-x 0 2px;
	background-color: #ffffff;
}
#contents .columnBlock2-01 .wrapColumn .col .leftContents {
	float: left;
	width: 225px;
	margin: 0 12px 0 0;
}
#contents .columnBlock2-01 .wrapColumn .col .leftContents .detailText {
	margin: 7px 0 0;
	font-size: 80%;
}
#contents .columnBlock2-01 .wrapColumn .col .leftContents .linkText {
	margin: 4px 0 0;
	font-weight: bold;
}
#contents .columnBlock2-01 .wrapColumn .col .rightContents {
	overflow: hidden;
	zoom: 1;
}




/* columnBlock2-02 */
#contents .columnBlock2-02 {
	position: relative;
	clear: both;
	margin: 15px 0 0;
	padding: 0 0 40px;
	background: url(../images/com_bg06.gif) no-repeat 0 100%;
}
#contents .columnBlock2-02.style02 {
	padding: 0 0 25px;
}
#contents .columnBlock2-02.singleCol {
	width: 334px;
}
#contents .columnBlock2-02 .col {
	float: left;
	width: 334px;
}
#contents .columnBlock2-02 .rightCol {
	float: right;
}
#contents .columnBlock2-02 .col .titleArea {
	padding: 15px 0 0;
	background: url(../images/com_bg05.gif) no-repeat 0 0;
}
#contents .columnBlock2-02 .col .titleArea .inner {
	padding: 0 13px 10px;
	background: url(../images/com_ex02.gif) repeat-x 0 100%;
}
#contents .columnBlock2-02 .col .titleArea img {
	margin: 0 3px 0 0;
}
#contents .columnBlock2-02 .col .titleArea span {
	margin: 0 0 0 4px;
	font-size: 80%;
}
#contents .columnBlock2-02.style02 .col .titleArea span {
	display: block;
	margin: 6px 0 -5px;
}
#contents .columnBlock2-02 .col .titleArea .link {
	margin: 5px 0 0;
	font-size: 120%;
	font-weight: bold;
}
#contents .columnBlock2-02 .col .productArea {
	min-height: 93px;
	padding: 10px 20px 15px;
}
#contents .columnBlock2-02 .col .productArea .imgCol {
	float: left;
	width: 90px;
}
#contents .columnBlock2-02 .col .productArea .textCol {
	overflow: hidden;
	zoom: 1;
}
#contents .columnBlock2-02 .col .btnArea {
	position: absolute;
	bottom: 0;
	left: 111px;
	width: 216px;
	height: 42px;
}
#contents .columnBlock2-02 .rightCol .btnArea {
	left: 457px;
}
#contents .columnBlock2-02 .col .btnArea p {
	float: left;
	margin: 0 6px 0 0;
}
#contents .columnBlock2-02 .col .detailBtn {
	position: absolute;
	bottom: 0;
	left: 255px;
	height: 33px;
	text-align: right;
}
#contents .columnBlock2-02 .rightCol .detailBtn {
	left: 601px;
}




/* ----- columnBlock3 ----- */
/* columnBlock3-01 */
#contents .columnBlock3-01 {
}
#contents .columnBlock3-01 .leftContents {
}
#contents .columnBlock3-01 .centerContents {
}
#contents .columnBlock3-01 .rightContents {
}




/* ----- columnBlock4 ----- */
/* columnBlock4-01 */
#contents .columnBlock4-01 {
	position: relative;
	clear: both;
	margin: 20px 0 0;
	padding: 1px 9px 0 15px;
	background: url(../images/com_bg01.gif) no-repeat 0 0;
}
#contents .columnBlock4-01 .title {
	padding: 0 0 10px;
}
#contents .columnBlock4-01 .wrapColumn {
	clear: both;
	margin: 0 0 6px;
	padding: 0 0 1px;
	background: url(../images/com_bg03.gif) no-repeat 0 100%;
}
#contents .columnBlock4-01 .wrapColumn .col {
	float: left;
	width: 136px;
	margin: 0 6px 0 0;
	padding: 10px 10px 6px;
	border: #dddddd 1px solid;
	border-bottom: none;
	background: url(../images/com_bg02.gif) repeat-x 0 2px;
	background-color: #ffffff;
}
#contents .columnBlock4-01 .wrapColumn .col .leftContents {
	float: left;
	width: 42px;
	margin: 0 10px 0 0;
}
#contents .columnBlock4-01 .wrapColumn .col .rightContents {
	overflow: hidden;
	zoom: 1;
}
#contents .columnBlock4-01 .wrapColumn .col .rightContents .linkText {
	margin: 4px 0 0;
	font-size: 80%;
}



#contents .listBtn {
	position: absolute;
	top: 11px;
	left: 633px;
}
* html #contents .listBtn { /* for IE6 */
	position: absolute;
	top: 11px;
	left: 618px;
}



/* ----- 霑ｽ蜉 ----- */
#contents .columnBlock2-01 {
	position: relative;
	clear: both;
	margin: 20px 0 0;
	padding: 1px 9px 0 15px;
	background: url(../images/com_bg01.gif) no-repeat 0 0;
}
#contents .columnBlock2-01 .threeCol {
	width: 658px;
	overflow: hidden;
	margin: 10px 0 0 0;
}
#contents .columnBlock2-01 .threeCol .col {
	float: left;
	overflow: hidden;
	width: 190px;
	margin: 0 7px 0 0;
	padding: 16px 10px;
	background: url(../images/com_bg02.gif) repeat-x 0 2px #FFFFFF;
	border: solid 1px #CCCCCC;
}
#contents .columnBlock2-01 .threeCol .col .ic {
	float: left;
	width: 115px;
	margin: 0 10px 0 0; 
}
#contents .columnBlock2-01 .threeCol .col .ic p {
	margin: 7px 0 0 0; 
}
#contents .columnBlock2-01 .threeCol .col .img {
	float: left;
	width: 64px;
}
#contents .columnBlock2-01 .threeCol .col .lead {
	clear: both;
	padding: 8px 0 0 0;
	font-size: 84%;
}
#contents .columnBlock2-01 .threeCol .col .linkText {
	padding-left: 1em;
	background: url(../images/aside_ic02.gif) 0 5px no-repeat;
	font-weight: bold;
}





/*  block
=========================================*/
#contents .topicsBlock {
	clear: both;
	margin: 20px 0 0;
}
#contents .topicsBlock .title {
	position: relative;
}
#contents .topicsBlock .title .listBtn {
	position: absolute;
	top: 8px;
	left: 633px;
	display: block;
}
#contents .topicsBlock dl {
	padding: 0 0 0 15px;
}
#contents .topicsBlock dl dt {
	width: 9em;
	margin: 10px 0 0;
}
#contents .topicsBlock dl dd {
	margin: -1.4em 0 0 9em;
	padding: 0 0 0 62px;
	min-height: 17px;
	height: auto !important;
	height: 17px;
}
#contents .topicsBlock dl .icon01 {
	background: url(../../images/index_tx16.gif) no-repeat 0 0.2em;
}
#contents .topicsBlock dl .icon02 {
	background: url(../../images/index_tx17.gif) no-repeat 0 0.2em;
}

#contents .topicsBlock dl .icon03 {
	background: url(../../images/index_tx19.gif) no-repeat 0 0.2em;
}


#support #contents .topicsBlock dl dd {
	margin: -1.4em 0 0 8em;
	padding: 0 0 0 20px;
	min-height: 17px;
	height: auto !important;
	height: 17px;
}



/*  line
=========================================*/










/*  text align
=========================================*/
#contents .aL {
	text-align: left !important;
}
#contents .aC {
	text-align: center !important;
}
#contents .aR {
	text-align: right !important;
}
#contents .aC table,
#contents .aC dl,
#contents .aC div {
	margin-right: auto;
	margin-left: auto;
}
#aside .aC {
	text-align: center !important;
}




/*  margin
=========================================*/
/* top */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}

/* botom */
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}


/*  extra
=========================================*/
/* clearfix */
#contents .wrapColumn:after,
#contents .wrapColumn .col:after,
#contents .columnBlock2-02:after,
#contents .columnBlock2-02 .col .productArea:after,
#contents .columnBlock2-02 .col .btnArea:after,
#contents .pageTopLink:after,
#contents .anchorLink .anchorTab ul:after,
#contents .anchorLink .linkList ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

#contents .wrapColumn,
#contents .wrapColumn .col,
#contents .columnBlock2-02,
#contents .columnBlock2-02 .col .productArea,
#contents .columnBlock2-02 .col .btnArea,
#contents .pageTopLink,
#contents .anchorLink .anchorTab ul,
#contents .anchorLink .linkList ul {
	zoom: 1;
}