@charset "utf-8";


/*-- default style clear ---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
:focus {outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table {
  border-collapse: collapse;
  border-spacing: 0;}




body{
	text-align:center;
	background-color: #ffffff;
	color: #646464;
	font:13px/1.231 Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    *font-size:small;
    *font:x-small;
	line-height:130%;}



/*-- clearfix ---------------------*/
.clearfix{zoom:1;}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
* html .clearfix {height: 1%;}

/*other*/


#main,
#footerInner,
#mainMenu,
#headerInner,
#globalMenu ul{zoom:1;}

#main:after,
#footerInner:after,
#mainMenu:after,
#headerInner:after,
#globalMenu ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}

* html #main,
* html #footerInner,
* html #mainMenu,
* html #headerInner,
* html #globalMenu ul{height: 1%;}


/*-- all id & class ---------------------*/
.block {display: block;}

.f11p { font-size:11px;}
.f12p { font-size:12px;}
.f13p { font-size:13px;}
.f14p { font-size:14px;}
.fsmall { font-size:80%;}
.flarge { font-size:120%;}


.fBold {font-weight: bold;}
.underline { text-decoration:underline;}

.fwhite { color:#fff;}
.fred{color: #F00;}

.clear {clear: both;}
.fLeft {float: left;}
.fRight {float: right;}

.tLeft {text-align: left;}
.tCenter {text-align: center;}
.tRight {text-align: right;}

.vTop{ vertical-align:top;}
.vMiddle{ vertical-align: middle;}
.vBaseline{ vertical-align: baseline;}
.vBottom{ vertical-align: bottom;}

.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}


.mSide10 {margin-left:10px; margin-right:10px;}
.mSide20 {margin-left:20px; margin-right:20px;}
.mAuto {margin-left:auto; margin-left:auto;}


.pt05 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pr05 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pb05 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pl05 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}



.w100p {width:100px;}
.w150p {width:150px;}
.w200p {width:200px;}
.w250p {width:250px;}
.w300p {width:300px;}
.w350p {width:350px;}
.w400p {width:400px;}
.w450p {width:450px;}
.w500p {width:500px;}
.w560p {width:560px;}
.w550p {width:550px;}
.w600p {width:600px;}
.w700p {width:700px;}
.w800p {width:800px;}
.w900p {width:900px;}

.w05per {width:5%;}
.w10per {width:10%;}
.w15per {width:15%;}
.w20per {width:20%;}
.w25per {width:25%;}
.w30per {width:30%;}
.w35per {width:35%;}
.w40per {width:40%;}
.w45per {width:45%;}
.w50per {width:50%;}
.w55per {width:55%;}
.w60per {width:60%;}
.w65per {width:65%;}
.w70per {width:70%;}
.w75per {width:75%;}
.w80per {width:80%;}
.w85per {width:85%;}
.w90per {width:90%;}
.w95per {width:95%;}
.w100per {width:100%;}




/*-- layout ---------------------*/
#wrapper{
	background-color:#ffffff;
	margin:0 auto; padding:0;}


a{}
a:hover{}
p{}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}



/*-- header ---------------------*/


#header{
	height:56px;
	background:url(../img/header_bg01.png) repeat-x;}
#headerInner{
	position:relative;
	width:980px;
	margin:0 auto;}
#headerInner h1{
	float:left;
	margin-top:10px;}

#header-link{
	float:right;}


/*header-link*/

#header-link {
	float:right;
	font-size:11px;
	line-height:18px;
	margin-top:30px;
}
#header-link .headnavi li{
	display:block;
	float:left;
	padding-right:10px;
	margin-left:5px;
}
.headnavi a:link,
.headnavi a:visited { color:#666666; text-decoration:none; }
.headnavi a:hover { color:#3B79BC; text-decoration:underline; }


/*yahooカスタムサーチ*/

#srchBox {
	position: absolute;
	top: 5px;
	right: 0;
	width: 246px;
	_width: 244px;
	margin-bottom: 10px;
	color: #000;
	text-align: left;
}

#srchBox * {
	margin: 0;
	padding: 0;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

#srchBox a img {
	border: none;
}

#srchBox #srch {
	padding: 10px 10px 0;
}

#srchBox #srch #srchForm {
	white-space: nowrap;
}

#srchBox #srchInput {
	width: 188px;
	margin-right: 6px;
	vertical-align: bottom;
}

#srchBox #srchBtn {
	width: 45px;
	height: 20px;
	background: url(../img/btn_search.png) no-repeat;
	border: none;
	color:#fff;
	font-size:11px;
}

*html #srchBox #srchBtn {
	padding-top: 2px;
}

*:first-child+html #srchBox #srchBtn {
	padding-top: 2px;
}

#srchBox ul {
	margin-top: 6px;
	text-align: left;
}

#srchBox li {
	list-style-type: none;
	display: inline;
	zoom: 1;
	padding-right: 10px;
}

#srchBox li input {
	zoom: 1;
	margin-right: 2px;
	_margin: -4px 0 -4px -4px;
	vertical-align: middle;
	border :0;
}

*:+html #srchBox li input {
	margin: -4px 0 -4px -4px;
}

#srchBox #srchLogo {
	margin:6px 6px 0 0;
	text-align:right;
}

#srchBox #srchLogo a {
	color: #666666;
	text-decoration: none;
	font-size: 85%;
}

#srchBox #srchLogo a:hover {
	text-decoration: underline;
}

#srchBox.watermark {
	padding-bottom: 6px;
}

#srchBox.watermark #srchInput {
	padding: 1px 1px 2px 1px;
	border: 1px solid #a5acb2;
	background: #fff url(//i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}

#srchBox.watermark #srchInput.nomark {
	background: #fff;
}

#srchBox.watermark #srchLogo {
	display: none;
}

/*-- global ---------------------*/	

#globalMenu{
	background:url(../img/global_bg01.png) repeat-x;}

#globalMenu ul{
	width:980px;
	margin:0 auto;}

#globalMenu ul li{
	float:left;}
#globalMenu ul li img{
	margin-top:-2px;}

/*-- breadcrumb ---------------------*/	

#breadcrumbs01 {
	text-align:center;}

#breadcrumbs01 ul{
	width:980px;
	font-size:11px;
	line-height:20px;
	text-align:left;
	margin:0 auto;
	list-style-type: none;
	padding:8px 0 16px 10px;
}

#breadcrumbs01 ul li{
	display: inline;
}

#breadcrumbs01 a:link{ color:#156DBD; text-decoration:underline;}
#breadcrumbs01 a:visited { color:#156DBD; text-decoration:underline; }
#breadcrumbs01 a:hover { color:#1515BD; text-decoration:underline; }






/*-- footer ---------------------*/




#footer{
	border-top:3px solid #0ba541;}

#footerInner{
	width:980px;
	margin:0 auto;}

#footerInner #footLogo{
	margin-top:7px;
	margin-bottom:8px;
	float:left;}

#footerInner #footNavi{
	padding-top:7px;
	float:right;}
#footerInner #footNavi li{
	font-size:11px;
	float:right;
	margin-left:16px;}
#footerInner #footNavi li a{
	text-decoration:none;
	color: #666;}
#footerInner #footNavi li a:hover{
	color: #3B79BC;
	text-decoration: underline;}

#copyright{
	clear:both;
	background:url(../img/copyright_bg01.png) repeat-x;
	height:30px;}
#copyright p{
	padding-top:8px;
	color:#555;
	font-size:12px;}

/*-- main ---------------------*/

#main{
	width:980px;
	margin:0 auto;
	padding-bottom:25px;}

#mainImage{
	margin:0 0 25px;}

#main .mainMenu{
	margin-right:-20px;
	padding-right:-20px;}

#main .mainMenu li{
	padding-bottom:15px;
	float:left;
	padding-left:20px;}

#main .mainMenu li.FirstItem{
	padding-left:0;}