@charset "Shift_JIS";
/* ------------------------------------------------------
bodyArea
------------------------------------------------------ */
html > body #body {
	margin: 20px auto 0 auto;
}
* html body #body {
	text-align: left;
}
#hd {
	margin-bottom: 0;
}
#bdWrapper {
	background: url(../images/bg_bottom.gif) left bottom repeat-x;
}
#bd, #bd_s {
	padding-bottom: 25px;
	background: url(../images/bg_body.gif) repeat-x;
}

/* ------------------------------------------------------
contentsHeaderArea
------------------------------------------------------ */
#contentsHeaderArea {
	height: 67px;
	background: url(../images/bg_body_home.gif) bottom repeat-x;
}
body#top-01-01 #contentsHeaderArea {
	height: 58px;
}
#contentsHeaderArea p.logo {
	top: 10px;
}
body#top-01-01 #contentsHeaderArea p.logo {
	top: 1px;
}

/* localNavArea
------------------------------------------------------ */
#contentsHeaderArea #localNavArea {
	position: absolute;
	width: 659px;
	top: 22px;
	left:0px;
}
body#top-01-01 #localNavArea {
	top: 13px;
}
#contentsHeaderArea #localNavArea ul {
	width: 970px;
	margin-left: 5px;
}
#contentsHeaderArea #localNavArea ul li {
	float: left;
	display: inline;
	margin-right:2px;
	margin-top:10px;
}


/* ------------------------------------------------------
productArea
------------------------------------------------------ */
#productWrapper {
	padding-bottom: 40px;
	background: none;
}
body#top-01-01 #productWrapper {
	padding-bottom: 0;
}
#productArea {
	padding: 0;
	width:970px;
}


/* ------------------------------------------------------
mainContentsArea
------------------------------------------------------ */
#productArea #mainContentsArea {
	float: right;
	width: 730px;
}
#productArea #mainContentsArea.wide {
	float: none;
	width: 970px;
	padding-top:0;
}


/* mainVisualArea | メイン下のバナー
------------------------------------------------------ */
#productArea #mainVisualArea {
width: 970px;
}

#productArea #mainVisualArea {
	position: relative;
}
#productArea #mainVisualArea ul#visualAreaBanner {
	position: absolute;
	top: 262px;
	left: 120px;
	height: 48px;
}

#productArea #mainVisualArea ul#visualAreaBanner2 {
	position: absolute;
	top: 317px;
	left: 120px;
	height: 48px;
}

#productArea #mainVisualArea ul#visualAreaBanner2 li,
#productArea #mainVisualArea ul#visualAreaBanner li { display: inline; float: left; width: 125px; }


/* featureArea
------------------------------------------------------ */
#productArea #featureArea {
	margin-bottom:50px;
	height:650px;   /*IE用に記載 */
}
#productArea #featureArea dl {
	display: inline;
	float: left;
	overflow: hidden;
}
#productArea #featureArea dt {
	display:none;
}
#productArea #featureArea dd a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/* logoListArea
------------------------------------------------------ */
#productArea #logoListArea {
	float: right;
}
#productArea #logoListArea li {
	display: inline;
	margin-left: 30px;
}


/* はじめに */
#update_home #productArea #mainContentsArea .innerBlock {
	width:970px;
}

/* 2階層目以降 */
/* h1 */
#productArea #mainContentsArea h1 {
	margin-bottom: 0px;
	float:left;
}
#productArea #mainContentsArea h1 img {
	margin-bottom: 20px;
}
#productArea #mainContentsArea h1.lead {
	margin-bottom:40px;
}
#productArea #mainContentsArea #mainVisualArea h1 {
	margin-bottom: 2px;
}
/* h2 */
#productArea #mainContentsArea h2 {
	margin-bottom: 15px;
	background:none;
	margin-left:-2px;
}
#productArea #mainContentsArea h3 {
padding: 0 0 15px;
background: none;
color: #999;
font-size: 120%;
font-weight: bold;
line-height:140%;
}
#productArea #mainContentsArea h3.lead {
	margin-bottom: 20px;
	padding: 6px 6px 4px;
	background: #e6e6e6;
	font-size: 110%;
	font-weight: bold;
	color: #666;
}
/* h4 */
#productArea #mainContentsArea h4 {
	padding: 0;
	background: none;
}
#productArea #mainContentsArea h4.lead {
	margin-bottom: 10px;
	padding: 2px 6px 0;
	border-left: 3px solid #666;
	background: none;
}
#productArea #mainContentsArea h4.list {
	margin-bottom: 5px;
	padding: 0 0 0 6px;
	border: none;
	background: url(../images/h2_bg_01_bullet.gif) left center no-repeat;
	color: #666;
}
/* h5 */
#productArea #mainContentsArea h5 {
	font-weight:bold;
}
#productArea #mainContentsArea h5.lead {
	font-weight:normal;
}
/* additional extra button */
#productArea #mainContentsArea .extraBtn {
	position: relative;
}
#productArea #mainContentsArea .extraBtn .button {
	position: absolute;
	top: 13px;
	right: 0;
}
#productArea #mainContentsArea .extraBtn .contlogo {
	position: absolute;
	top: 13px;
	right: 0;
}
#productArea #mainContentsArea .extraBtn#extraIcon .contlogo {
	position: absolute;
	top: -1px;
	right: 0;
}


/*------------------------------------------------------ */
/* cotents
------------------------------------------------------ */
#productArea #mainContentsArea .innerBlock p, #productArea #mainContentsArea .innerBlock li {
	color:#333;
	line-height:170%;
}
/* innerBlock
------------------------------------------------------ */
.width250 {
	width:250px;
}
.width354 {
	width:354px;
}
.width350 {
	width:350px;
}
/* 絶対位置 */
.cmn_abs {
	position: absolute;
}
.cmn_abs_tr {
	position: absolute;
	top:    0;
	right: 0;
}
.cmn_abs_br {
	position: absolute;
	bottom: 1px;
	right: 5px;
}
.cmn_abs_bl {
	position: absolute;
	bottom: 0;
	left: 0;
}
.cmn_abs_tl {
	position: absolute;
	top:    0;
	left: 0;
}
.cmn_abs_tc {
	position: absolute;
	top:    0;
	left: 50%;
}
.cmn_abs_bc {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.cmn_rel {
	position: relative;
}


/* localMenuArea
------------------------------------------------------ */
#productArea #asideArea #localMenuArea {
	width: 210px;
	margin: 25px 0 0 ;
	padding: 0;
	background:none;
}
#productArea #asideArea #localMenuArea #localMenuBlock {
	width: 100%;
	padding: 0 0 30px;
}
#productArea #asideArea #localMenuArea ul {
	padding: 0;
	background:none;
}
#productArea #asideArea #localMenuArea ul li {
	width: 200px;
	height:40px;
	margin: 0;
	padding: 0 0 0 7px ;
	line-height: 1.5;
	background: url(../images/aside_bg_01.png) 0 0 no-repeat;
	vertical-align: bottom;
}
#productArea #asideArea #localMenuArea ul li.last {
	border: none;
}

#productArea #asideArea #localMenuArea ul li a:link, 
#productArea #asideArea #localMenuArea ul li a:hover, 
#productArea #asideArea #localMenuArea ul li a:visited {
	background-color:transparent !important;
}

#productArea #asideArea #localMenuArea ul li a {
	display: block;
	width: auto;
	padding: 9px 0 6px;
	color: #00a8b5;
	text-decoration: none;
	background: url(../images/lmenu_ico.png) 0 25% no-repeat ;
	width: 200px;
	height:40px;
}
#productArea #asideArea #localMenuArea ul li a.active, #productArea #asideArea #localMenuArea ul li a:hover, #productArea #asideArea #localMenuArea ul li a:active, #productArea #asideArea #localMenuArea ul li a:focus {
	background-color: #fff;
	background-image: url(../images/lmenu_ico_on.png);
	color: #222;
}
#productArea #asideArea #localMenuArea ul li a span {
	display: block;
	padding-left: 25px;
	padding-right: 0;
	background: none;
}


/* localBunnerArea
------------------------------------------------------ */
#productArea #asideArea #localBunnerArea {
	padding: 0 0 20px 30px;
	background: none;
}
#productArea #asideArea #localBunnerArea ul {
	padding-bottom: 40px;
	background: none;
}
#productArea #asideArea #localBunnerArea ul li {
	margin-bottom: 10px;
}



/* productListArea */
#contentsFooterArea #cFooterMenuArea #productListArea {
	float: right;
	width: 183px;
}
#contentsFooterArea #cFooterMenuArea #productListArea p {
	padding-bottom: 8px;
	font-size: 115%;
	font-weight: bold;
}
#contentsFooterArea #cFooterMenuArea #productListArea dt {
	margin-left: 5px;
	background: none;
}



/* ------------------------------------------------------
CUSTOM SETTING
------------------------------------------------------ */

/* [custom] : CLEARFIX
------------------------------------------------------ */
.clearfix, .innerBlock, .gotop {
	zoom:1;
}
.clearfix:after, .innerBlock:after, .gotop:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* [custom] : MULTI COLUMN
------------------------------------------------------ */
#mainContentsArea .col2, .col3, .col4, .col5 {
	width: 100%;
	margin-left: 0 !important;
	list-style: none !important;
	zoom: 1;
}
#mainContentsArea .col2:after, .col3:after, .col4:after, .col5:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#mainContentsArea .column {
	float: left !important;
}
#mainContentsArea .col2 .column {
	width: 49%;
	margin-left: 2%;
}
#mainContentsArea .col3 .column {
	width: 31%;
	margin-left: 3.3%;
	margin-bottom: 3.3%;

}
#mainContentsArea .col3 .column.double {
	width: 65%;
}
ul.li_col2 li.first, #mainContentsArea .column.first {
	margin-left: 0 !important;
}

.column_half{
width:50%;
float:left;
}

.column_left2{
float:left;
width:68%;
}

.column_right1{
float:right;
width:30%;
}

.column_left1{
float:left;
width:30%;
}

.column_right2{
float:right;
width:68%;
}


/* ///ハックIE6///
---------------------------- */
*html #mainContentsArea .col3 .column {
	width: 31%;
	margin-left: 3%;

}
*html #mainContentsArea .col3 .column.double {
	width: 62%;
}

/* [custom] : LIST COLUMN　｜　MULTI COLUMNの中で使用
------------------------------------------------------ */
ul.li_col2 li {
	float:left;
	display:inline;
	width:49%;
}
ul.li_col2 li.last {
	float:right;
}
ul.li_col2 li.img_center img {
	margin-left: 60px;
}

/* ///ハックIE6///
---------------------------- */
ul.li_col2 li {
	float:left;
	display:inline;
	width:48%;
}


/* [custom] : TABLE
------------------------------------------------------ */
table.speclist {
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
table.speclist th, table.speclist td {
	padding: 8px 10px;
	border-top: 1px solid #ccc;
	vertical-align: top;
}
table.speclist th {
	width: 246px;
	background: #ececec url(../images/dot_white.gif) left bottom repeat-x;
}
table.speclist td {
	background: url(../images/dotline_v.gif) left top repeat-y;
}
table.speclist td.noborder {
	border: none;
}
table.speclist td.border {
	border-top: 1px solid #ccc;
}
table.speclist td.border_d {
	border-bottom: 1px solid #ccc!important;
	padding-top:5px!important;
}

/* [custom] : LINK
------------------------------------------------------ */
#productArea #mainContentsArea a:link, #productArea #mainContentsArea a:visited {
	color: #555555 !important;
	text-decoration:underline;
}
#productArea #mainContentsArea a:hover, {
 text-decoration:none;
}
.gotop {
	text-align:right;
	font-size:84%;
	height:30px;
	padding-top:20px;
	padding-right:10px;
	margin-bottom:35px !important;
	background: url(../images/h2_bg_02.png) left bottom no-repeat;
}
#update_home .gotop {
	background: url(../images/h2_bg_01.png) left bottom no-repeat;
}
.gotop a {
	padding-left: 18px;
	line-height: 1;
	text-decoration: none !important;
	color: #666 !important;
}
.gotop a:link, .gotop a:visited {
	background: url(../images/arrow_gotop.gif) left center no-repeat;
}
.gotop a:hover, .gotop a:focus, .gotop a:active {
	background: url(../images/arrow_gotop_on.gif) left center no-repeat;
	color: #aaa !important;
}
.next_back_navi {
	margin: 0;
	padding-top: 20px;
	line-height: 13px;
	font-size: 10px;
}
.back_link {
	float: left;
}
.back_link img {
	margin-right: 5px;
}
.next_link {
	float: right;
}
.next_link img {
	margin-left: 5px;
}
.back_link a, .next_link a {
	color: #666 !important;
	text-decoration: none !important;
}
.back_link a:hover, .next_link a:hover {
	color: #aaa;
	text-decoration: none;
}


/* subfooter
------------------------------------------------------ */
.subfooter        { border-top:1px dotted #ccc; padding-top:10px; margin-bottom:0; }
.subfooter .gotop,
#update_home .subfooter .gotop  { height:20px; background:none; margin-bottom: 10px !important; }



/* [custom] : button
------------------------------------------------------ */
p.button {
	height: 30px;
	margin: -10px 0 0;
	padding-right: 10px;
	background: url(../images/button_r.gif) right top no-repeat;
}
p.button a {
	display: block;
	float: right;
	line-height: 23px;
	padding: 0 0 0 23px;
	background: url(../images/button.gif);
	color: #fff !important;
	text-decoration: none;
}
p.button a:hover {
	color: #aaa !important;
}

/* [custom] : MISC
------------------------------------------------------ */
sup, sub {
	font-size: 84%;
}
div.img_center, p.img_center, dd.img_center {
	margin: 0px auto;
	text-align: center;
}
span.strong {
	font-weight:bold;
}


/* [custom] : img
------------------------------------------------------ */
img.icon {
	padding:2px 0 0 0;
	margin:0 0 0 5px;
	vertical-align:top;
}

sup {
position: relative;
top: -5px;
}

img.mid {
	vertical-align: middle;
}




/**********title_box**********/
#productArea #mainContentsArea .innerBlock p, #productArea #mainContentsArea .innerBlock li {
color: #333;
line-height: 170%;
}

.indent1 {
padding-left: 1em;
text-indent: -1em;
}

ul.note {
font-size: 84%;
}

ul.note li {
padding-left: 1.4em;
text-indent: -1.4em;
}

.app_bg{
	background-image: url(../../service/images/seac_im_01.jpg);
	background-repeat: no-repeat;
	background-position: 480px 130px;
}
.title_box p{
padding-bottom:35px;
}

.title_box{
padding-bottom:40px;
}


.contents_box{
padding-bottom:5px;
}

.column_{
padding:0 0 55px 0;
}

.aicon{
padding-top:15px;
}

.con_img{
padding-top:25px;
}

.column_{
width:100%;
}

.nvicon{
padding-bottom:60px;
text-align:right;}


.icon li {
margin:0 20px 0 0;
float:left;
display:block;
}

.icon li p {
margin:10px 0 0 0;}

.clear{
clear:both;}

.lead_box{
margin-bottom:40px;
}
.navi_top{
padding-top:60px;
}


/* ---- 枠 ---- */
.frame_mid {
	border:1px solid #999;
width:780px;
margin:0 auto 50px auto;
padding: 15px 0;
}
.frame_mid strong {
background:none;
margin:10px 0;
display:block;
color:#990000;
font-weight:bold;
font-size:120%;
}
.frame_mid em{
background:none;
margin:10px 0;
display:block;
font-weight:bold;
font-size:120%;
}
.frame_mid p {
width:746px;
margin:0 auto 15px;
}
.frame_mid ul {
width:746px;
margin:0 auto 15px 15px;
}
.frame_mid dl {
width:746px;
margin:0 auto 10px;
}
.frame_mid dl dt {
  float: left;
  width: 13em;
  padding-bottom: 8px;
}
.frame_mid dl dd {
  margin-left: 13em;
  padding-bottom: 8px;
}
.frame_mid  .link_verup{
margin-top:10px;
font-weight:bold;
font-size:120%;
line-height:180%;
}
#productArea #mainContentsArea .frame_mid  a:link, 
#productArea #mainContentsArea .frame_mid a:visited{
color:#00A8B5 !important ;
text-decoration:none;
}
.frame_mid .red {
	color:#f00;
	}