@charset "UTF-8";

/*
===============================================================================
| 			site common style
===============================================================================
*/

/*================================ ordinariy style  ================================*/

div,pre,p,span,blockquote,
form,fieldset,select,option,
h1,h2,h3,h4,h5,h6,
embed,object {
	margin: 0;
	padding: 0;
	line-height:160%;
}

div.clear{
	font-size: 1px;
	hegiht: 0;
	clear: both;
	line-height: 1px;
}
.clear{
	font-size: 1px;
	hegiht: 1px;
	clear: both;
	line-height: 1px;
	display: block;
}
body{
	text-align: center;
	font-size: 85%;
	color: #333333;
	line-height: 160%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Meiryo","メイリオ";
	background:#ffffff;
}
img{
	border:none;
	vertical-align:bottom;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


div.wrapper{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 955px;
}

div.brandingArea{
width:955px;
margin:0px auto;
padding:0px;
}

div.headtxt ul.whatsnew{
width:955px;
margin-left:auto;
margin-right:auto;
padding:0px;
text-align:left;
}
div.headtxt ul.whatsnew li{
padding:0px 0px 0px 30px;
background:url(../images/common/whatsnew_cursol.gif) no-repeat 0px 4px;
list-style:none;
}

.txtmode1 {
  ime-mode: active;   /* 全角モード */
}
.txtmode2 {
  ime-mode: inactive; /* 半角モード */
}

/*----------------------------------------------------------------------
/			link  	
/----------------------------------------------------------------------*/
a{
	line-height: 140%;
}
a:link{
	color:#003399;
text-decoration:none;
}

a:visited{
	color:#003366;
	text-decoration:none;
}
a:hover{
	color:#ff9900;
	text-decoration:underline;
}

/*----------------------------------------------------------------------
/			paragraph 
/----------------------------------------------------------------------*/
div.header h1{
margin-top:7px;
background:url(../images/common/logo.gif) 0 0 no-repeat;
display:block;
width:360px;
height:56px;
}
div.header h1 a{
text-indent:-9999px;
display:block;
width:360px;
height:56px;
}

h4{
font-size:14px;
font-weight:bold;
letter-spacing:0.05em;
}
h5{
font-size:12px;
font-weight:bold;
}

div.pager{
	width:643px;
	text-align:center;
}
div.pager span.current{
	font-size:12px;
	padding:2px 3px;
	margin:0px 1px;
}
div.pager a {
	border:#e0e0e0 1px solid;
	background:f5f5f5;
	cursor:pointer;
	font-size:12px;
	padding:2px 3px;
	margin:0px 1px;
}

/*----------------------------------------------------------------------
/			layout
/----------------------------------------------------------------------*/

div.menues{
width:183px;
margin:0px;
padding:0px 0px 0px 8px;
}

div.contentsArea{
    width:645px;
	margin:0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
}

div.grayRbox_top{
	background:url(../images/common/grayRbox_top.gif) no-repeat bottom;
	width:645px;
	height:27px;
	margin-top:10px;
}
div.grayRbox{
    	width:645px;
	background:url(../images/common/center_graybox_bg.gif) repeat;
	text-align:center;
	padding-bottom:15px;
}
div.grayRbox_btm{
	background:url(../images/common/grayRbox_btm.gif) no-repeat top;
	width:645px;
	height:5px;
	margin:0px;
}
div.greenRbox{
    	width:645px;
	background:url(../images/common/center_greenRbox_bg.gif) repeat;
	text-align:center;
	padding-bottom:10px;
}

div.whiteRBox_top{
	background:url(../images/common/whiteRbox_top.gif) no-repeat bottom;
	width:627px;
	height:5px;
	margin-left:auto;
	margin-right:auto;
}
div.whiteRBox_topS{
	background:url(../images/common/whiteRbox_top_s.gif) no-repeat bottom;
	width:234px;
	height:5px;
	margin-left:auto;
	margin-right:auto;
}
div.whitePhotoBox{
	width:214px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	padding:10px;
	overflow:hidden;
}
div.whiteRBox_btmS{
	background:url(../images/common/whiteRbox_btm_s.gif) no-repeat top;
	width:234px;
	height:5px;
	margin-left:auto;
	margin-right:auto;
}
div.whiteRBox{
	width:607px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	padding:0px 10px 5px;
	overflow:hidden;
}
div.whiteRBox_btm{
	background:url(../images/common/whiteRbox_btm.gif) no-repeat top;
	width:627px;
	height:5px;
	margin-left:auto;
	margin-right:auto;
}


div.whiteRBoxWrapper div.phArea, div.phAreaB{
text-align:center;
width:105px;
}
div.whiteRBoxWrapper div.phArea img{
margin-top:5px;
border:#d9d9d9 solid 1px;
}
div.whiteRBoxWrapper div.phArea ul, div.phAreaB ul{
	padding:0px;
	margin:5px 0px 0px 0px;
	}
div.whiteRBoxWrapper div.phArea ul li, div.phAreaB ul li{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 3px;
	line-height:1.2em;
	}

div.phAreaB img{
padding:3px;
border:#d9d9d9 solid 1px;
}

div.whiteRBoxWrapper div.txtArea{
	width:485px;
	overflow:hidden;
}

div.dashBorder{
border-bottom:#d9d9d9 dashed 1px;
padding-bottom:10px;
}


div.grayRboxWrapper{
width:627px;
margin-left:auto;
margin-right:auto;
}

div.grayRboxWrapper div.topicsAndLink{
width:400px;
}


div.grayRboxWrapper div.outLink{
margin-left:10px;
padding:5px;
}

div.grayRboxWrapper span.allow{
background:url(../images/common/center_cursol.gif) no-repeat;
padding-left:15px;
}

div.grayRbox div.listLink{
margin:10px 10px 0px 0px;
}
.underline{
padding-bottom:5px;
border-bottom:dotted #9c9 1px;
}

/*----------------------------------------------------------------------
/			side area
/----------------------------------------------------------------------*/

div.sideArea{
width:300px;
margin:0px;
padding:0px;
text-align:left;
}

div.sideAreaTtl{
background:url(../images/common/right_ttlbg.gif) no-repeat;
height:23px;
padding:4px 0px 0px 10px;
color:#FFFFFF;
}

div.grayborder{
width:278px;
margin:0px;
padding:10px;
text-align:left;
border:#d2d2d2 solid 1px;
}

div.grayborderWrapper div.phArea{
width:60px;
border:#d9d9d9 solid 1px;
}
div.grayborderWrapper div.phArea img{
margin:3px;
}

div.grayborderWrapper div.txtArea{
width:205px;
}

p.dateBox{
text-align:right;
}


div.partnerArea{
width:290px;
background-color:#efefef;
padding:5px 5px 4px 5px;
}

div.mzBottomDashed{
padding-bottom:10px;
border-bottom:#d9d9d9 dashed 1px;
}
/*----------------------------------------------------------------------
/			footer area
/----------------------------------------------------------------------*/
div.contentsList_ttl{
padding:1px 0px 6px;
text-align:left;
width:135px;
background:url(../images/common/footer_bg_ttl.gif) no-repeat 0px;
text-indent:0.6em;
}
div.contentsList{
text-align:left;
width:780px;
}
div.contentsList span{
padding:2px 0px 2px 25px;
background:url(../images/common/whatsnew_cursol.gif) no-repeat 0px 2px;
color:#333333;
font-weight:bold;
margin-right:20px;
}
div.contentsList a{
color:#333333;
}
div.footer02 a{
color:#000000;
}
div.footer02 img{
margin:0px 5px;
}


.leftBox{
	float: left;
}
.rightBox{
	float: right;
}

.centBoxdu{
	width:200px;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
}
.centBox{
	overflow:hidden;
	position:relative;
   	left:45%;
}
/*----------------------------------------------------------------------
/			margin
/----------------------------------------------------------------------*/
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt22{
margin-top:22px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}
.mb50{
margin-bottom:50px;
}


.ml10{
margin-left:10px;
}
.ml20{
margin-left:20px;
}
.ml40{
margin-left:40px;
}

.mr10{
margin-right:10px;
}
.mr20{
margin-right:20px;
}
.mr40{
margin-right:40px;
}

/*----------------------------------------------------------------------
/			font 
/----------------------------------------------------------------------*/

.smaller{
font-size:11px;
line-height:160%;
}
.small{
font-size:10px;
line-height:160%;
}
.normal{
	font-size:13px;
	}
.larger{
	font-size:14px;
	}
.large{
	font-size:16px;
	}
.gray{
color:#333333;
}
.white{
color:#FFFFFF;
}
.green{
color:#006633;
}
.red{
color:#da0b00;
}
.alright{
text-align:right;
}
.alleft{
text-align:left;
}
.alcent{
text-align:center;
}

.boldTxt{
font-weight:bold;
}
.cusolNormal{
background:url(../images/common/center_cursol.gif) no-repeat 0px 3px;
padding-left:15px;
}
div.pagetop{
width:890px;
margin:45px auto 0px;
text-align:left;
padding:8px 24px;
background:url(../images/common/icon_top.gif) no-repeat 0px 0px;
}
.pcent{
margin-left:auto;margin-right:auto;
}
.delete{
	color:#C39;
	font-weight:bold;
}
.error{
	line-height:1.2em;
	color:#C39;
}
.errorBox{
background-color:#C39;
padding:5px 0px;
color:#ffffff;
}

/*----------------------------------------------------------------------
/			support
/----------------------------------------------------------------------*/
.helpq {
	margin:10px 0px 10px 50px; 
	padding:5px;
	border:1px dotted #ccc;
}
a.hscreen{
	background:transparent url(../images/common/sc_icon.gif) right center no-repeat;
   	margin-right:2px;
	padding-right:11px;
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #063;
}
a.hscreen:hover{
	color:#063;
}
a.helpli{
	background:transparent url(../images/common/q_icon.gif) left center no-repeat;
	padding-left:12px; 
	color:#444;
}
a.helpli:hover{
	text-decoration:none;
	border-bottom:1px dotted #063;
}
.helptt{
	color:#063; 
	font-size:14px;
}
.helpqtt{
	background:transparent url(../images/common/q_icon.gif) left center no-repeat;
	padding-left:12px; 
	color:#063;
}
.scr{
	background:transparent url(../images/common/sc_icon.gif) right center no-repeat;
  	 margin-right:2px;
	padding-right:11px;
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #063;
}

div.supportBox{
	width:590px;
	margin:10px;
	border:#d9d9d9 solid 1px;
	background-color:#f5f5f5;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	padding:5px;
}
div.supportBox div.formttl{
	width:594px;
	padding:3px;
	text-indent:10px;
	margin-left:-5px;
	margin-top:-5px;
	background-color:#096;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
}
div.supportBox div.formttl_sys{
	width:594px;
	padding:3px;
	text-indent:10px;
	margin-left:-5px;
	margin-top:-5px;
	background-color:#906;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
}

/*----------------------------------------------------------------------
/			header footer 
/----------------------------------------------------------------------*/
div.header{
margin-top:0px;
margin-left:auto;
margin-right:auto;
display:block;
width:955px;
height:74px;
background:url('../images/common/header_bg.gif') repeat-x bottom left;
}

div.footer{
width:945px;
margin-left:auto;
margin-right:auto;
}
div.contentsListbox{
width:945px;
background:url('../images/common/footer_bg_line.gif') repeat-x;
background-color:#eaeaea;
text-align:center;
margin-left:auto;
margin-right:auto;
padding:8px 10px 10px 0px;
}
div.footer02{
width:955px;
padding:15px 0px 25px 0px;
margin:0px auto;
text-align:center;
color:#000000;
}

/*----------------------------------------------------------------------
/			 center_subttl
/----------------------------------------------------------------------*/

div.grayRboxWrapper div.ttlBox{
color:#FFFFFF;
text-align:left;
}
div.ttl_r{ 
padding:0px 1em;
}
div.ttl_l{background:url('../images/common/center_subttl_bg_l.gif') no-repeat center left;}
div.ttl_r{background:url('../images/common/center_subttl_bg_r.gif') no-repeat center right;}

div.thrttl{
padding:8px;
border:#cccccc 1px solid;
font-size:12px;
}
div.thrttl2{
padding:8px;
font-size:12px;
}
div.thrttl h3, div.thrttl2 h3{
background:url('../images/common/center_secttlbg.gif') no-repeat bottom left;
height:23px;
font-size:14px;
padding-left:15px;
color:#006633;
}

/*----------------------------------------------------------------------
/			 flk_btn
/----------------------------------------------------------------------*/

div.flk_btn{margin:0px;height:23px;}
div.flk_btn a{
font-size:11px;
text-align:center;
text-decoration:none;
border:hidden;
display:block;
/*----- ie6 -----*/
_float:right;
_margin-top:10px;
_margin-right:10px;
}
div.btn_R, div.btn_R_gray {
color:#ffffff;
padding:3px 0.6em;
clear:both;
cursor:pointer;
}
a.btn div.btn_L {background:url('../images/common/flk_btn_l.gif') no-repeat center left;}
a.btn div.btn_R {background:url('../images/common/flk_btn_r.gif') no-repeat center right;}
a.btn:hover div.btn_L, a.btn:active div.btn_L, a.btn:hover div.btn_L_gray, a.btn:active div.btn_L_gray{
background:url('../images/common/flk_btn_l_on.gif') no-repeat center left;color:#ffffff;text-decoration:none;border:hidden;
}
a.btn:hover div.btn_R, a.btn:active div.btn_R, a.btn:hover div.btn_R_gray, a.btn:active div.btn_R_gray{
background:url('../images/common/flk_btn_r_on.gif') no-repeat center right;color:#ffffff;text-decoration:none;border:hidden;
}
a.btn div.btn_L_gray {background:url('../images/common/flk_btn_l2.gif') no-repeat center left;}
a.btn div.btn_R_gray  {background:url('../images/common/flk_btn_r_2.gif') no-repeat center right;}



a.flk_btn2{
display:block;
width:124px;
height:35px;
background:url('../images/common/btn_login.gif') no-repeat center left;
text-align:center;
font-weight:bold;
font-size:11px;
text-decoration:none;
border:hidden;
color:#666666;
text-indent:5px;
line-height:38px;
cursor:pointer;
}
a.flk_btn2:visited {color:#666666;}
a.flk_btn2:hover {background:url('../images/common/btn_login_over.gif') no-repeat center left;color:#9acd32;}

a.flk_btn3{
display:block;
width:150px;
height:27px;
background:url('../images/common/btn3.gif') no-repeat center left;
text-align:center;
font-weight:bold;
font-size:11px;
text-decoration:none;
border:hidden;
color:#ffffff;
line-height:29px;
cursor:pointer;
}
a.flk_btn3:visited {color:#ffffff;}
a.flk_btn3:hover {background:url('../images/common/btn3_over.gif') no-repeat center left;color:#ffffff;}

a.flk_btn4{
display:block;
width:120px;
height:31px;
background:url('../images/common/btn4.gif') no-repeat center left;
text-align:center;
font-weight:bold;
font-size:11px;
text-decoration:none;
border:hidden;
color:#ffffff;
line-height:31px;
cursor:pointer;
}
a.flk_btn4:visited {color:#ffffff;}
a.flk_btn4:hover {background:url('../images/common/btn4_over.gif') no-repeat center left;color:#ffffff;}

a.flk_btn5{
display:block;
width:140px;
height:35px;
background:url('../images/common/btn5.gif') no-repeat center left;
text-align:center;
font-weight:bold;
font-size:11px;
text-decoration:none;
border:hidden;
color:#ffffff;
line-height:38px;
cursor:pointer;
}
a.flk_btn5:visited {color:#ffffff;}
a.flk_btn5:hover {background:url('../images/common/btn5_over.gif') no-repeat center left;color:#ffffff;}

a.sub_btn{
	border:#cecece 1px solid;
	background:#e7e7e7;
	text-align:center;
	color:#666666;
	padding:2px 1.5em;
}
a.sub_btn:hover {
border:#cecece 1px solid;
background:#f5f5f5;
color:#9c9;
}
a.txt_btn{
	color:#003399;
	font-weight:bold;
	text-decoration:underline;
	padding:0px 0.2em;
}
a.txt_btn:hover {
	background:#f5f5f5;
	font-weight:bold;
	text-decoration:underline;
	color:#9c9;
}

/*----------------------------------------------------------------------
/			 application
/----------------------------------------------------------------------*/


div.appBoxWrapper{
	width:645px;
	margin-top:10px;
	text-align:left;
}
div.appttlBox {
	background:url('../images/common/app_ttlbg.gif') no-repeat bottom left;
	width:645px;
	height:29px;
	overflow:hidden;
}
div.appCttl h2{
	width:643px;
	height:25px;
	text-align:left;
	overflow:hidden;
	background:url('../images/common/app_bgL.gif') no-repeat 0px 0px;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	margin:0px;
	padding:3px 0px 0px 10px;
}
div.appttl {
	color:#ffffff;
	text-align:left;
}
div.appttl  div.appttl_r{ 
	padding:0.1em 4em 0.2em 1em;
}
div.appttl div.appttl_l{
	background:url('../images/common/app_ttltxt_l.gif') no-repeat top left;
	}
div.appttl div.appttl_r{
	background:url('../images/common/app_ttltxt_r.gif') no-repeat top right;
	}

div.appswitch {
	width:27px;
	height:23px;
	text-align:right;
}
div.appBox{
	width:643px;
	position:relative;
	border:#cccccc 1px solid;
	text-align:left;
	background-color:#ffffff;
/*----- ie6 -----*/
	_width:100%;

}
div.appBox_sub{
	width:643px;
	border:#cccccc 1px solid;
	text-align:left;
	background-color:#ffffff;
}
div.appBox_sub h3{
	font-size:16px;
	border-bottom:#666 dotted 1px;
	margin:10px 10px 0px 10px;
}
div.appBoxwrap{
	padding:0px 10px;
	font-size:12px;
}

/*----------------------------------------------------------------------
/			 category select button
/----------------------------------------------------------------------*/
.bt01 a{
background:url(../images/keywords/center_keyword_bt01.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt02 a{
background:url(../images/keywords/center_keyword_bt02.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt03 a{
background:url(../images/keywords/center_keyword_bt03.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt04 a{
background:url(../images/keywords/center_keyword_bt04.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt05 a{
background:url(../images/keywords/center_keyword_bt05.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt06 a{
background:url(../images/keywords/center_keyword_bt06.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt07 a{
background:url(../images/keywords/center_keyword_bt07.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt08 a{
background:url(../images/keywords/center_keyword_bt08.gif) no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt09 a{
background:url(../images/keywords/center_keyword_bt09.gif) no-repeat top left;
padding-left:38px;
padding-top:4px;
height:30px;
}
.bt10 a{
background:url(../images/keywords/center_keyword_bt10.gif) no-repeat top left;
padding-left:38px;
padding-top:4px;
height:30px;
}

.bt01 a:hover{
background:url(../images/keywords/center_keyword_bt01_over.gif) no-repeat top left;
}
.bt02 a:hover{
background:url(../images/keywords/center_keyword_bt02_over.gif) no-repeat top left;
}
.bt03 a:hover{
background:url(../images/keywords/center_keyword_bt03_over.gif) no-repeat top left;
}
.bt04 a:hover{
background:url(../images/keywords/center_keyword_bt04_over.gif) no-repeat top left;
}
.bt05 a:hover{
background:url(../images/keywords/center_keyword_bt05_over.gif) no-repeat top left;
}
.bt06 a:hover{
background:url(../images/keywords/center_keyword_bt06_over.gif) no-repeat top left;
}
.bt07 a:hover{
background:url(../images/keywords/center_keyword_bt07_over.gif) no-repeat top left;
}
.bt08 a:hover{
background:url(../images/keywords/center_keyword_bt08_over.gif) no-repeat top left;
}
.bt09 a:hover{
background:url(../images/keywords/center_keyword_bt09_over.gif) no-repeat top left;
}
.bt10 a:hover{
background:url(../images/keywords/center_keyword_bt10_over.gif) no-repeat top left;
}

.bt01_c a {
background:url(../images/keywords/center_keyword_bt01_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt02_c a{
background:url(../images/keywords/center_keyword_bt02_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt03_c a{
background:url(../images/keywords/center_keyword_bt03_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt04_c a{
background:url(../images/keywords/center_keyword_bt04_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt05_c a{
background:url(../images/keywords/center_keyword_bt05_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt06_c a{
background:url(../images/keywords/center_keyword_bt06_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt07_c a{
background:url(../images/keywords/center_keyword_bt07_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt08_c a{
background:url(../images/keywords/center_keyword_bt08_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:10px;
height:24px;
}
.bt09_c a{
background:url(../images/keywords/center_keyword_bt09_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:4px;
height:30px;
}
.bt10_c a{
background:url(../images/keywords/center_keyword_bt10_over.gif)
no-repeat top left;
padding-left:38px;
padding-top:4px;
height:30px;
}
/*----------------------------------------------------------------------
/			 second
/----------------------------------------------------------------------*/