@charset"Shift_JIS";

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;

}

pre{
  font-size: small;
}

img{
  border: 0px;
  vertical-align: bottom;

}

.left{
  float: left;
}

.photo_right{
  float: right;
  padding: 0px 0px 10px 10px;
}

.photo_center{
  text-align: center;
  padding: 0px 0px 10px 0px;
}

.sp20{
  padding: 20px 0px;
}


div:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
} 

div:after {
  zoom: 100%;
}

a:link{
  color: #336699;
  text-decoration: underline;
}
a:visited{
  color: #336699;
  text-decoration: underline;
}
a:hover{
  color: #3399CC;
  text-decoration: underline;
}


/* 段組 */

body{
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 75%;
  color: #333333;
  line-height: 1.4;
  text-align: center; 

}

#wrapper{
  width: 760px;
  margin: auto;
  padding: auto;

text-align: left;
}

#header{
  width: 760px;
  height: 78px;
  background-image: url(../images/header_bg.jpg);
  background-repeat: no-repeat;
}

#header ul{
  float: right;
  padding-top: 50px;
}

#header li{
  font-size: 12px;
  color: #FFFFFF;
  display: inline;
  border-right-color: #CCCCCC;
  border-right-style: solid;
  border-right-width: 1px;
  padding: 0px 10px;
  list-style: none;
}

#header li.none{
  font-size: 12px;
  color: #FFFFFF;
  display: inline;
  border-style: none;
  padding: 0px 10px;
  list-style: none;
}


#header a:link{
  color: #FFFFFF;
  text-decoration: none;
}
#header a:visited{
  color: #FFFFFF;
  text-decoration: none;
}
#header a:hover{
  color: #FFFFFF;
  text-decoration: underline;
}


#flash{
  padding: 15px 0px;
}

.image{
  padding: 5px 0px;
}

#leftbody{
  width: 185px;
  float: left;
}

#mainbody{
  float: right;
  width: 550px;
  padding-bottom: 30px;
}

#contents{
  width: 760px;
  padding-bottom: 30px;
}

#pagetop{
  width: 760px;
  clear: both;
  text-align: right;
  padding-bottom: 20px;
}


#footer{
  background-image: url(../images/footer.gif);
  background-repeat: repeat-x;
  background-position: top;
  width: 760px;
  clear: both;
}

#footer ul{
  text-align: right;
  padding: 10px 0px;
}

#footer li{
  font-size: x-small;
  color: #666666;
  display: inline;
  border-right-color: #CCCCCC;
  border-right-style: solid;
  border-right-width: 1px;
  padding: 0px 10px;
  list-style: none;
}

#footer li.none{
  font-size: x-small;
  color: #666666;
  display: inline;
  border-style: none;
  padding: 0px 0px 0px 10px;
  list-style: none;
}

#footer a:link{
  color: #666666;
  text-decoration: none;
}
#footer a:visited{
  color: #666666;
  text-decoration: none;
}
#footer a:hover{
  color: #333333;
  text-decoration: underline;
}

address{
  font-style: normal;
  text-align: right;
  font-size: x-small;
  color: #666666;
  padding-bottom: 10px;  
}

/* グローバルナビ */

#global_navi{
  width: 185px;
  background-image: url(../images/side_bg.gif);
  background-repeat: repeat-y;
}

#global_navi ul{
  padding: 0px 10px;
  list-style-type: none;
}

#global_navi li{
	margin:0;
	padding:0;
}


#global_navi li a{
  display: block;
  background-color: #e2e8ee;
  padding: 5px 5px 5px 15px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0px 0px 1px 0px;
  background-image: url(../images/side_arrow.gif);
  background-position: left center;
  background-repeat: no-repeat;
  color: #333333;
}

#global_navi li a:hover{
	display: block;

	background-color: #e2e8ee;
	padding: 5px 0px 5px 15px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0px 0px 1px 0px;
	background-image: url(../images/side_arrow2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #333333;
}


#global_navi li.active a{
  background-image: url(../images/side_arrow3.gif);
  background-repeat: no-repeat;
  background-color:#fbf9e5;
  color:#333333;
  text-decoration: none;
}


#global_navi li.sub a{
  display: block;
  width: 140px;
  background-color: #FFFFFF;
  padding: 5px 5px 5px 20px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0px 0px 1px 0px;
  background-image: url(../images/side_sub.gif);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: x-small;
  color:#333333;
}

#global_navi li.sub a:hover{
  display: block;
  width: 140px;
  background-color: #FFFFFF;
  padding: 5px 5px 5px 20px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0px 0px 1px 0px;
  background-image: url(../images/side_sub.gif);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: x-small;
  color:#333333;
}

#global_navi li.subactive a{
  display: block;
  width: 140px;
  background-color: #FFFFFF;
  padding: 5px 5px 5px 20px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0px 0px 1px 0px;
  background-image: url(../images/side_sub.gif);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: x-small;
  color:#333399;
  font-weight: bold;
}

#global_navi li.subactive a:hover{
  display: block;
  width: 140px;
  background-color: #FFFFFF;
  padding: 5px 5px 5px 20px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0px 0px 1px 0px;
  background-image: url(../images/side_sub.gif);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: x-small;
  color:#333399;
  font-weight: bold;
}

#global_navi img{
  vertical-align: baseline;
}

#global_navi a:link{
  xcolor: #333333;
  text-decoration: none;
}
#global_navi a:visited{
  xcolor: #333333;
  text-decoration: none;
}
#global_navi a:hover{
  xcolor: #333333;
  text-decoration: underline;
}

/* バナー */

#bnr{
  width: 550px;
  padding: 15px 0px 15px 0px;
}


#bnr li{
  float: left;
  padding: 0px 5px 5px 0px;
  list-style: none;
  
}

#bnr li.none{
  float: left;
  padding: 0px 0px 5px 0px;
  list-style: none;
  
}


/* 左サイドバナー */

#bnr_l{
  padding: 15px 0px 0px 0px;
}


#bnr_l li{
  padding: 0px 0px 1px 0px;
  list-style: none;
  
}


/* お知らせ */


#news{
  width: 530px;
  padding: 15px 10px;
}

#news dl{
  padding: 0px;
  margin: 0px;
}

#news dt{
  font-weight: bold;
  float: left;
  width: 90px;
  padding: 0px 10px 5px 0px;
  xborder-bottom-color: #999999;
  xborder-bottom-style: dotted;
  xborder-bottom-width: 1px;
  margin-bottom: 15px;
  
}

#news dd{
  float: left;
  width: 430px;
  padding: 0px 0px 5px 0px;
  xborder-bottom-color:#999999;
  xborder-bottom-style: dotted;
  xborder-bottom-width: 1px;
  margin-bottom: 15px;
}

/* タブ用ボックス */

.box_wrapper5{
  margin: auto;
  padding: auto;
  width: 760px;
}

.box_wrapper4{
  margin: auto;
  padding: auto;
  width: 608px;
}

.box_wrapper3{
  margin: auto;
  padding: auto;
  width: 456px;
}

.box{
  float: left;
  width: 122px;
  padding: 0px 15px 0px 15px;
}

.center{
  text-align: center;
  border-bottom-color:#999999;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  margin-bottom: 10px;
}

.tab{
  text-align: center;
  font-size: small;
  font-weight: bold;
  padding-bottom: 10px;
}

.box ul{
  padding: 0px 5px 30px 5px;
  list-style: none;
}

.box li{
  background-image: url(../images/list_arrow.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding: 2px 5px 2px 10px;
}

/* テーブル装飾 */

.tbl{
  padding: 0px;
  margin: 0px 5px 20px 5px;
  border-collapse: collapse;
}

.tbl td{
  padding: 2px 5px;
  border : 1px solid #CCCCCC;
}

.tbl th{
  border : 1px solid #CCCCCC;
  background-color: #FFEEEE;
  padding: 2px 5px;
  font-weight: bold;
  text-align: left;
}

/* リスト */

.list ul{
  list-style: none;
  padding: 0px 5px 20px 5px; 
}

.list li{
  text-indent: -1em;
  padding: 3px 5px 3px 15px;
}



/* テキスト */

h1{
  float: left;
}

h2.news{
  clear: both;
  background-image: url(../images/news.gif);
  background-repeat: no-repeat;
  width: 535px;
  height: 23px;
  color: #FFFFFF;
  font-size: 12px;
  padding: 7px 0px 0px 15px;
}

h2.fin{
  clear: both;
  background-color: #f3f3f3;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #CCCCCC;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #CCCCCC;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #9ca3aa;
  border-top-style: solid;
  border-top-width: 3px;
  font-size: small;
  padding: 3px 5px;
  margin-bottom: 15px;
}

#contents h2{
  clear: both;
  background-image: url(../images/h2.jpg);
  background-repeat: no-repeat;
  width: 740px;
  height: 26px;
  color: #336699;
  font-size: 14px;
  padding: 8px 10px 0px 10px;
  margin: 10px 0px 15px 0px;
}

h3.main{
  clear: both;
  background-image: url(../images/h3_bg.gif);
  background-position: left;
  background-repeat: repeat-y;
  border-bottom-color:#999999;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  padding: 3px 5px 3px 15px;
  margin-bottom: 15px;
  font-size: small;
  color:#333399;
}

h3.point1{
  clear: both;
  background-image: url(../images/img_01.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #009933;
  border-top-color:#999999;
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 30px 10px 30px 60px;
  margin: 0px 15px;
  font-size: medium;
}

h3.point1 a{
  color: #009933;
}

.in_point1{
  clear: both;
  color: #009933;
  padding: 20px 0px 20px 0px;
  font-size: medium;
  font-weight: bold;
}

h3.point2{
  clear: both;
  background-image: url(../images/img_02.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #0066cc;
  border-top-color:#999999;
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 30px 10px 30px 60px;
  margin: 0px 15px;
  font-size: medium;
}

h3.point2 a{
  color: #0066cc;
}

.in_point2{
  clear: both;
  color: #0066cc;
  padding: 20px 0px 20px 0px;
  font-size: medium;
  font-weight: bold;
}

h3.point3{
  clear: both;
  background-image: url(../images/img_03.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #ff9900;
  border-top-color:#999999;
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 30px 10px 30px 60px;
  margin: 0px 15px;
  font-size: medium;
}

h3.point3 a{
  color: #ff9900;
}

.in_point3{
  clear: both;
  color: #ff9900;
  padding: 20px 0px 20px 0px;
  font-size: medium;
  font-weight: bold;
}

h3.point4{
  clear: both;
  background-image: url(../images/img_04.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #cc3399;
  border-top-color:#999999;
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 30px 10px 30px 60px;
  margin: 0px 15px;
  font-size: medium;
}

h3.point4 a{
  color: #cc3399;
}

.in_point4{
  clear: both;
  color: #cc3399;
  padding: 20px 0px 20px 0px;
  font-size: medium;
  font-weight: bold;
}


.s10{
  font-size: 10px;
}

.text{
  padding: 0px 30px 30px 30px;
}

.t_right{
  text-align: right;
}

.txt{
  padding: 0px 5px 30px 5px;
}

.bold{
  color:#666600;
  font-weight: bold;
  padding: 0px 5px 15px 5px;
}

.bold_sp0{
  color:#666600;
  font-weight: bold;
  padding: 0px 5px 5px 5px;
}

.inq{
  border-bottom-color:#999999;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  padding: 0px 5px 10px 5px;
  margin-bottom: 20px;
}

/*############################################

tooltip

############################################*/

.yui-overlay,.yui-panel-container{visibility:hidden;position:absolute;z-index:2;font-size:12px; text-align:left;}
.yui-panel-container form{margin:0;}
.mask{z-index:1;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.mask.block-scrollbars{overflow:auto;}
.masked select,.drag select,.hide-select select{_visibility:hidden;}
.yui-panel-container select{_visibility:inherit;}
.hide-scrollbars,.hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.show-scrollbars{overflow:auto;}
.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars{overflow:visible;}
.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}
.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}
.yui-effect-fade .underlay{display:none;}.yui-tt-shadow{position:absolute;}
.yui-override-padding{padding:0 !important;}
.yui-panel-container .container-close{overflow:hidden;text-indent:-10000em;text-decoration:none;}
.yui-skin-sam .mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);}
.yui-skin-sam .yui-panel-container{padding:0 1px;*padding:2px;}
.yui-skin-sam .yui-panel{position:relative;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#ccc;z-index:1;*border-width:1px;*zoom:1;_zoom:normal;}
.yui-skin-sam .yui-panel .hd,.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{border-style:solid;border-width:0 1px;border-color:#ccc;margin:0 -1px;*margin:0;*border:0;}
.yui-skin-sam .yui-panel .hd{border-bottom:solid 1px #ccc;}.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{background-color:#F2F2F2;}
.yui-skin-sam .yui-panel .hd{padding:0 10px;font-size:12px;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x 0 -200px;}
.yui-skin-sam .yui-panel .bd{padding:10px;}.yui-skin-sam .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}
.yui-skin-sam .yui-panel-container.focused .yui-panel .hd{}.yui-skin-sam .container-close{position:absolute;top:5px;right:6px;width:25px;height:15px;background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat 0 -300px;cursor:pointer;}
.yui-skin-sam .yui-panel-container .underlay{right:-1px;left:-1px;}
.yui-skin-sam .yui-panel-container.matte{padding:9px 10px;background-color:#fff;}
.yui-skin-sam .yui-panel-container.shadow{_padding:2px 4px 0 2px;}
.yui-skin-sam .yui-panel-container.shadow .underlay{position:absolute;top:2px;left:-3px;right:-3px;bottom:-3px;*top:4px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_left:0;_right:0;_bottom:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}
.yui-skin-sam .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}
.yui-skin-sam .yui-dialog .ft .button-group{display:block;text-align:right;}
.yui-skin-sam .yui-dialog .ft button.default{font-weight:bold;}
.yui-skin-sam .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}
.yui-skin-sam .yui-dialog .ft span.default .first-child{border-color:#304369;}
.yui-skin-sam .yui-dialog .ft span.default button{color:#fff;}
.yui-skin-sam .yui-dialog .ft span.yui-button-disabled{background-position:0pt -1500px;border-color:#ccc;}
.yui-skin-sam .yui-dialog .ft span.yui-button-disabled .first-child{border-color:#ccc;}
.yui-skin-sam .yui-dialog .ft span.yui-button-disabled button{color:#a6a6a6;}
.yui-skin-sam .yui-simple-dialog .bd .yui-icon{background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}
.yui-skin-sam .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}
.yui-skin-sam .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}
.yui-skin-sam .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}
.yui-skin-sam .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}
.yui-skin-sam .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}
.yui-skin-sam .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}
.yui-skin-sam .yui-tt .bd{position:relative;top:0;left:0;z-index:1;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#fcf6d3;}
.yui-skin-sam .yui-tt.show-scrollbars .bd{overflow:auto;}
.yui-skin-sam .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}
.yui-skin-sam .yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}