@charset: shift_jis;
/* LAYOUT AND CSS HACK*/
* {
       margin: 0px;
       padding: 0px;
							font-size: 102%;
}

html {
	margin: 0;
	padding: 0;
}

img {
border:none
}

#wrapper {
/*width: 945px;*/
 margin:0px auto 0;
}

/*-------------------------------
  common h1
-------------------------------*/
#h1set{
	width:945px;
	margin:0px auto;}

#h1set h1{
	position:absolute;
	top:190px;
	width:748px;
	background:url(img/h1_bg.gif) repeat-x top;
	padding-top:30px;
	padding-bottom:16px;
	padding-left:5px;
	font-size:2em;
	line-height:1em;
	border-bottom:#9dbbff dashed 1px;
	}


/*-------------------------------
  head
-------------------------------*/
#headWrap{
	width:100%;
	background:url(/common/css/img/head_bg.gif) repeat-x top;
	margin:0px;
	padding:0px;
	height:104px;}

#head{
/*margin:10px 0px 20px 0px;*/
width:945px;
margin:0px auto;
padding:0px 0px 0px 0px;
/*font-size:1px;*/}


/*  top logo h1
-------------------------------*/
#head h1{
	margin:21px 0px 0px 0px;
	padding:0px;
	font-size:1px;
	float:left;}

.toplogo{
	margin-top:30px;
	float:left;}


#headR{
	/*margin:20px 0px 0px 0px;*/
	margin:0px;
	padding:0px;
	width:450px;
	/*height:63px;*/
	float:right;
	text-align:right;}

#headR ul{
	widows:300px;
	float:right;
	font-size:1px;
	margin-top:30px;
	}

#headR li{
	width:90px;
	float:left;
	list-style:none;
	font-size:1px;
	line-height:1px;
	height:12px;
	margin-bottom:10px;}

#search {
	margin:0px;
 float:right;
 text-align:right;
 width:250px;
 height:21px;
 margin:0px;
 padding:0px;
 font-size:12px;
 }
 
input.txtF{
	width:150px;
	height:19px;
 margin-top: 0;
 margin-right:3px;
 margin-bottom:0px;
 vertical-align: top;
 border:1px #CCC solid;
}

#search input.btn {
 margin:0px; 
 padding:0px; 
 vertical-align: top;
}

/*-------------------------------
  Head navi
-------------------------------*/

#naviWrap{
	/*position:absolute;
	top:104px;*/
	width:100%;
	/*text-align:center;*/
	background:url(../img/menu_bg.gif) repeat-x top;
	height:39px;}

#navi{
	width:945px;
	height:39px;
	margin:0px auto;
	/*position:absolute;
	top:104px;*/
/* left: 12px;*/
}


/*--------------------------------
 topic path
---------------------------------*/
#path { width: 945px; margin:0px auto 0;}
#path ul.Tpath{margin-left:0px; float:left; width:940px;}
#path ul.Tpath li{
	margin-top:10px;
	list-style:none;
	float:left;
	margin-left:10px;
	padding-left:15px;
	background:url(/common/css/img/gmArrow.gif) left no-repeat;}

#path ul.Tpath li.home{
	margin-left:0px;
	padding-left:0px;
	background:none;}

/*-------------------------------
  main
--------------------------------*/
#main {
 width: 945px;
 margin:0px auto 0;
}

/*------------------------------- 
  main List
-------------------------------*/
#main ul.bltList ,#contPop ul.bltList{
	margin-top:10px;}

#main ul.bltList li,#contPop ul.bltList li{
	list-style:none outside;
	background:url(/common/css/img/bullet_gry.gif) no-repeat left 0.5em;
	padding:0 0 4px 15px;
	margin:0 8px;}

#main ul.bltList li ul ,#contPop ul.bltList li ul{ margin: 0 0 0 -1em; }

#main ul.bltList li ul li,#contPop ul.bltList li ul li{
	list-style:none outside;
	background:url(/common/css/img/bullet_gryline.gif) no-repeat left 0.5em;
	padding:0 0 4px 15px;
	margin:0 8px;}

#main ol.ordrListNum{ margin-top:10px;}
#main ol.ordrListNum li{
	list-style: decimal outside;
	line-height:1.3em;
	padding:0 0 4px 0px;
	margin:0 8px 0 33px;}

#main ol.ordrListAlpha{margin-top:10px;}
#main .ordrListAlpha li{
	list-style: upper-alpha  outside;
	line-height:1.3em;
	padding:0 0 4px 0px;
	margin:0 8px 0 33px;}

#main ul.arrowG{margin-top:10px;}
#main .arrowG li{
	list-style:none outside;
	background: url(/common/css/img/gmArrow.gif) no-repeat left 0.6em;
	padding:0 0 4px 15px;
	margin:0 8px;}

#main .arrowG li.next{
	margin-left:20px;
	background: url(/common/css/img/ico_L.gif) left no-repeat;}

#main .none li{
	list-style:none outside;
	padding-left:15px;
	margin:0 8px;}

/*------------------------------- 
  colLeft
-------------------------------*/
#colLeft{
	margin-top:100px;
	width:753px;
	float:left;}

#colLeft2{
	margin-top:0px;
	width:753px;
	float:left;}

#contPop{
	margin:10px auto;
	width:753px;}


#contPop h1{
	/*width:748px;*/
	background:url(/common/css/img/h1_bg.gif) repeat-x top;
	padding-top:30px;
	padding-bottom:16px;
	padding-left:5px;
	font-size:2em;
	line-height:1em;
	border-bottom:#9dbbff dashed 1px;
	}


#colLeft p.cmn, #contPop  p.cmn{
	margin-top:10px;
	padding:5px;}
	
#colLeft p.lead, #contPop  p.lead{
	margin-top:5px;
	line-height:1.7em;
	padding:5px;}

#colLeft h2,#contPop h2{
background:url(img/h2_bg.gif) repeat;
font-size: 105%;
padding:15px 4px 8px 6px;
border-bottom:#9dbbff dashed 1px;
margin-top:15px;}

#colLeft h3,#contPop h3{
font-size: 103%;
padding:3px;
border-bottom:#9dbbff dashed 1px;
margin-top:15px;}

#colLeft h4, #contPop h4{
font-size:12px;
padding:3px;
border-bottom:#ececec solid 1px;
margin-bottom:12px;}

/*-------1kカラム------*/
#main #colLeft div#boxArea {   
    overflow: hidden;   
    height: auto;   
    width: 753px;   
}   
#main #colLeft div#boxArea div{   
    float: left;   
    padding-bottom: 32767px;   
    margin-bottom: -32767px;    
} 

#main #colLeft #boxArea .col2 {
	margin-top:15px;
	width:369px;}

#main #colLeft #boxArea.col2 p{
	padding:5px 8px;}


#main #colLeft .col1{
	width:751px;}

#main #colLeft .col1 p{
	padding:5px 15px;}

/*-------2カラム-------*/
#main #colLeft .col2 ,#contPop .col2{
	margin-top:15px;
	width:369px;}

#main #colLeft .col2 p ,#contPop .col2 p{
	padding:5px 8px;}

.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w460{width:460px;}
/*-------3カラム-------*/
#main #colLeft .col3{
	margin-top:15px;
	width:241px;}

#main #colLeft .col3-15{
	width:241px;}

#main #colLeft .col3 p, #main #colLeft .col3-15 p{
	padding:0px 8px;}


/*------------------------------- 
  カラム+img
-------------------------------*/
#main #colLeft .box-img369{
width:369px;
float:left;}

#main #colLeft .box-img369 p{
	padding:15px 0px 5px 5px;}

#main #colLeft .box-img241{
width:497px;
float:left;}

#main #colLeft .box-img177{
width:561px;
float:left;}

#main #colLeft .box-img113{
width:625px;
float:left;}


/*------------------------------- 
  colRight
-------------------------------*/
#colRight{
	width:177px;
	float:right;
	margin-top:4px;
	}

#colRight h2{
background:url(img/h2_bg.gif) repeat;
font-size:14px;
padding:15px 4px 8px 6px;
border-bottom:#9dbbff dashed 1px;
margin-top:15px;}

#colRight h3{
font-size:12px;
padding:3px;
border-bottom:#9dbbff dashed 1px;
margin-top:15px;}


/*------------------------------- 
  main-pane
-------------------------------*/
.menuSp{
	/*height:28px;*/
	height:35px;
	_height:0px;
	margin:0px;
	padding:0px;}

#contents .pane-mainC{
width:753px;
float:left;
}

#contents .pane-mainC .mainC{
margin:15px 0px;
width:753px;
}

/*-------head text-------*/

#contents .pane-mainC h1{
	font-size:28px;
	background:url(../img/h4_bg_01.gif) no-repeat left bottom;
	line-height:45px;
	border-bottom:#CCC dashed 1px;
	padding:10px 10px 10px 20px;
	font-family:Arial}

#contents .pane-mainC h2{
	background:url(../img/h2_bg_01.gif) bottom no-repeat;
	line-height:28px;
	font-size:14px;
	padding:5px 5px 5px 8px;
	margin-bottom:10px;
	font-family:Arial}

#contents .pane-mainC h2.sph2{
	border:1px #D8D8D8 solid;
	line-height:26px;
	font-size:12px;
	padding:0px;
	margin:25px 0 10px 0;
	font-family:Arial;}

#contents .head2{
	background: #E3F4F1;
	border:1px solid #FFF;
	padding:0 8px;}

#contents h3{
	font-weight:normal;
	background:url(../img/h3_bg_01.gif) no-repeat left bottom;
	border-bottom:1px #999 dashed;
	line-height:20px;
	font-size:12px;
	padding:0px 0 6px 15px;
	margin:25px 0 10px 0px;
	font-family:Arial}


#contents h4{
	border-bottom:1px #999 dashed;
	padding:0 0 5px 8px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;}

#contents h5{
	background:#F2F2F2;
	padding:3px 3px 3px 8px;
	margin-bottom:10px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;}

/*-------p tag-------*/
#contents .pane-mainC .mainC p{
	/*padding:8px;*/}

#contents .pane-mainC .mainC p.read{
	font-weight:bold;
	padding:0px 0 10px 8px;}
	
/*-------------------------------------
notice
----------------------------------------*/
/*トップ用*/
#notice h2{
	width:726px;
	background:url(/common/css/img/h1_bg.gif) repeat-x top;
	padding-top:30px;
	padding-left:10px;
	padding-bottom:15px;
	font-size:1.5em;
	line-height:1em;
	border-bottom:#9dbbff dashed 1px;
	}

/*第二階層用*/
#colLeft #notice h2{
	width:740px;
	background:url(/common/css/img/h1_bg.gif) repeat-x top;
	padding-top:30px;
	padding-left:10px;
	padding-bottom:15px;
	font-size:1.5em;
	line-height:1em;
	border-bottom:#9dbbff dashed 1px;
	}

#colLeft #notice h2 p.clearh2{
	padding-bottom:0px; margin-bottom:0px; font-size:1px; clear:both;}

#notice {
margin-top:20px;
padding:0px;
}

#notice  dl {
	margin: 15px 0 0px 0;
	padding: 0 0 5px 0;
	/*width: 645px;*/
	width:100%;
	border-bottom:dotted #CCC 1px;
}
#notice dt {
	/*color:#5eb951;*/
	margin: 0;
	padding: 10px 0 0px 5px;
	width:9.5em;
	font-weight: bold;
}

#notice dd {
	padding: 5px 5px 5px 10px;
	margin-top:-2em;
	margin-left:9.9em;
}

#notice dd.campaign,#notice dd.press,#notice dd.notice,#notice dd.maint,#notice dd.note{
	padding: 5px 5px 5px 70px;
	margin-top:-2em;
	margin-left:11em;}

#notice dd.campaign{
	background: url(img/ico_campaign.gif) left 0.7em no-repeat;}

#notice dd.press{
	background: url(img/ico_pres.gif) left 0.7em no-repeat;}

#notice dd.notice{
	background: url(img/ico_oshirase.gif) left 0.7em no-repeat;}

#notice dd.maint{
	background: url(img/ico_maint.gif) left 0.7em no-repeat;}
	
#notice dd.note{
	background: url(img/ico_note.gif) left 0.7em no-repeat;}
/*------------------------------- 
  main-pane table
-------------------------------*/

#main #colLeft table {  border-collapse: collapse;  margin: 12px; padding: 12px; font-size: 1em; }

#main #colLeft table th { background: #ececec; text-align: left; padding: 5px;  } 


#main #colLeft table td { padding: 5px;  } 

#main #colLeft table ul { margin-left: 0; padding-left: 1.5em; margin-bottom: 0; }

.pinkcell{ background:#FFE8EA;}
.bluecell{ background:#E8FFFF;}
.greencell{ background:#EAFEE9;}
.yellowcell{ background:#FFC;}


/*------------------------------- 
  main-pane form table
-------------------------------*/
#main #colLeft .form table,#main #colLeft .form td ,#main #colLeft.form th{
	border:none; }

#main #colLeft .form table { width: 100%; }

#main #colLeft .form td{
	padding:5px;
	border-bottom:1px #CCC dashed; }

#main #colLeft .form th{
	font-weight:normal;
	background: #F2F2F2;
	border-bottom:1px #CCC dashed;
	padding:0 15px;
	text-align:left;
	width: 13em;
}
	
#main #colLeft .form td.exc{
  width: 30px;
  text-align: center; 
}

#main #colLeft .form input{
	vertical-align: baseline;
	padding: 2px;
}

/*-------------------------------
  right-pane service list
-------------------------------*/
.serv{
margin-top:15px;
/*background:url(../img/bg_serv.gif) no-repeat left bottom;*/
padding:0px 0px 10px 10px;}

.serv ul{
margin:0px;
}

.serv li, .serv li.child, .sev li.child0{
/*line-height:24px;*/
line-height:1.5em;
list-style:none outside;
background:url(../img/arrow_gry01.gif) no-repeat left 0.5em;
border-bottom:dashed 1px #C9C9C9;
padding:3px 0px 3px 15px;
}
	
.serv li.child{
background: url(../img/arrow_gry01.gif) no-repeat left 5;
border-bottom::none;
border-top:dashed 1px #C9C9C9;
}

.serv li.child0{
border-bottom:none;}

li.activ{
background:#E3F4F1 url(../img/arrow_gry01.gif) no-repeat left 0.5em;}

.bdrB{
border-bottom:dashed 1px #C9C9C9;}

.bdrBsol{
border-bottom:solid 1px #C9C9C9;}

.bdrAsol{
border:solid 1px #C9C9C9;}

.activ2{background:#E3F4F1;}

/*-------------------------------
  link color Service
-------------------------------*/

div.serv a:link {
color: #3086E4;
text-decoration: none;
}

div.serv a:visited {
color:#00a7b5;
text-decoration: none;
}

div.serv a:active {
color: #666;
text-decoration: none;
}

div.serv a:hover {
color:#666;
text-decoration: none;
}

/*------------------------------- 
  right-pane other
-------------------------------*/

#contents .pane-rightC {
float:right;
width:177px;
}

/*------------------------------- 
  text-box
-------------------------------*/
.textBox{
	margin:15px 0;
	border:1px solid #C9C9C9;
	/*padding:5px;*/}


/*------------------------------- 
  inquiry
-------------------------------*/
.InqBox{
	width:735px;
	margin:25px auto 0;
	border:1px solid #C9C9C9;
	padding:8px;}


/*------------------------------- 
  CLEAR
-------------------------------*/
.clearB { clear:both; }
.clearBH10 { clear:both; height: 10px; }

/*------------------------------- 
  Linkstyle & color
-------------------------------*/
A:link { text-decoration:underline; color:#0075bf;}
A:visited {text-decoration:underline; color:#6ab1e3;}
A:active {text-decoration:none; color:#3399CC;}
A:hover {text-decoration:none; color:#6ab1e3;}

.linkPwin{
margin-top:8px;
text-align:right;
padding-right:20px;
background:url(/common/css/img/ico_linkw.gif) right no-repeat;
}

.linkPdf{
margin-top:4px;
text-align:right;
padding:1px 23px 1px 0px;
background: url(/common/img/ico_pdf.gif) right no-repeat;
}

.linkXls{
margin-top:4px;
text-align:right;
padding:1px 23px 1px 0px;
background: url(/common/img/ico_xls.gif) right center no-repeat;
}

.linkPpt{
margin-top:4px;
text-align:right;
padding:1px 23px 1px 0px;
background: url(/common/img/ico_pptx.gif) right center no-repeat;
}

.linkDL{
margin-top:8px;
text-align:right;
padding-right:20px;
background:url(/common/img/ico_linkDL.gif) right no-repeat;
}

.linkArrowG{
background:url(/common/img/arrow_gry01.gif) left -2px  no-repeat;
padding-left:14px;}

.newfunc{padding-right:40px; background:url(/common/img/ico_new.gif) no-repeat right;}
.pwup{padding-right:55px; background: url(/common/img/ico_powerup.gif) no-repeat right;}
.pagetop{padding-left:16px; background:url(/common/css/img/arrow_pgtop.gif) no-repeat left; font-size:10px; }
/*------------------------------- 
  btn
-------------------------------*/
.btnR, .btnL, .btnC{margin-top:10px;}

.btnR{text-align:right;}
.btnL{text-align:left;}
.btnC{text-align:center;}

/*------------------------------- 
  FOOTER
-------------------------------*/
#footerlink{
	margin:50px auto 0px;
	width:940px;
	}


	
#footerlink ul{ background:#639 ;margin-bottom:10px;}
#footerlink li{
	list-style:none;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	padding-right:10px;
	font-size:1em;
	line-height:1.2em;
	}

#footerlink li.hr{
	list-style:none;
	background:none;
	margin-left:0px;}

#footer{
background:url(/common/css/img/footer_bg.gif) repeat-x top;
background-color:#dbdbdb;
margin:0px auto 0px;
text-align: left;
padding:15px 0px;
}
#footer p{
width:945px;
margin:2px auto;
}



/*-------------------------------
  Float
-------------------------------*/

.fltR{float:right;}
.fltL{float:left;}
.clearB{clear:both;}


/*-------------------------------
  line
-------------------------------*/
.bdrB-dash{border-bottom:dashed 1px #CCC; margin-bottom:15px; margin-top:10px; padding-bottom:15px;}

/*-------------------------------
  pagetop
-------------------------------*/
.pgtop{
	background:url(/common/css/img/arrow_pgtop.gif) top left no-repeat;
	padding-left:15px;
	font-size:0.8em;
	text-align:right;}

/*-------------------------------
  form
-------------------------------*/
input.cmn {border:#CCC 1px solid; padding:2px;}


	
/*---------------------------------
table-function
-----------------------------------*/
table.func {
	width:700px;
	margin:15px auto;}

table.func td, table.func td.gray{
	border-bottom:#CCC dashed 1px;
	padding:3px;}

table.func td.gray{
	background: #E6E6E6;
	text-align:center;
	font-size:26px;
	_font-size:12px;
	line-height:16px;}

table.func td.fs16{
	font-size:26px;
	_font-size:12px;
	line-height:16px;}

/*firefoxのみ*/
html>/**/body table.func td.gray,html>/**/body table.func td.fs16{
	font-size:26px;
	line-height:16px;}

/*-------------------------------
  CSS HACK
-------------------------------*/