@charset "UTF-8";
/* CSS Document */


/*------------------------------
	共通項目
------------------------------*/
/*------------------ reset ------------------ */

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

table,tr,td{ border:none;}

/*------------------ base ------------------ */
table { border-collapse: collapse; border-spacing: 0;}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}

ul,ol {list-style: none; zoom: 100%;}

ul:after,ol:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

caption,th {
	text-align: left;
}

h1,h2,h3 {
	font-weight: normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border: 0;
}

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

.clearfix {
  min-height: 1px;
  zoom:100%;
}

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

p{
	padding: 0px;
	text-align:left;
	line-height:145%;
}

img {
border:0;
background:none;
}

/*link*/
a:link{
	color:#000000;
	text-decoration: underline;
}

a:visited{
	color:#000000;
	text-decoration: underline;
}

a:hover{
	color:#007399;
	text-decoration: underline;
}

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}
/*link end*/

body{
	margin: 0px auto; 
	padding: 0px;
	color: #2b2b2b; 
	background:#f3f3f3; 
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif; 
	line-height:160%; 
	font-size:85%;
}

.left{float:left;}

.right{float:right;}

/*------------------ JS 警告文 ------------------ */
.jsAtt{width: 980px; margin: 0px auto; padding:8px; text-align:center; background:#FFF;}

/*------------------------------
	共通項目 終了
------------------------------*/


/*------------------------------
	コンテンツ
------------------------------*/
/*------------------ wrapper ------------------ */
#wrapper{ width: 980px; margin: 0px auto; padding:0px; padding-bottom: 40px;}

#wrapper h1{font-size:10px; text-align:right; line-height:160%; padding:4px 0px;}



/*------------------------------
	ヘッダー
------------------------------*/
#headerBox{
	margin: 0px auto 12px auto;
	clear:both;
	padding:12px;
	background:#FFF;
	border: solid 1px #B0B0B0;
	-webkit-border-radius: 8px; /* Safari and Chrome */
	-moz-border-radius: 8px; /* Firefox */
	border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow:2px 2px 7px #dddddd; /* Firefox */
	-webkit-box-shadow:2px 2px 7px #dddddd; /* Safari and Chrome */
	box-shadow:2px 2px 7px #dddddd; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(common/ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘bbbox’ class */
}
*html #headerBox{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}
*:first-child+html #headerBox{-moz-box-shadow:none; /* Firefox */ -webkit-box-shadow:none; /* Safari and Chrome */ box-shadow:none; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */}

#headerBox #headerTop{ width:100%;}
#gNaviFrame #gNavi:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

#headerBox #headerTop #headLeft{ float: left; width: 310px; margin: 0px; padding: 0px;}

#headerBox #headerTop #headRight{float:right; width:640px; margin-top:6px;}

#headerBox #headerTop #headRight ul li{float: right; margin:0; padding:0;}

/*------------------ Global navigation ------------------ */

#gNaviFrame{
width:100%;
margin:12px 0px 0px 0px;
padding:0px;
float:left;
}

#gNaviFrame #gNavi{
margin:0px;
padding:0px;
width:100%;
float:left;
zoom:100%;
}

#gNaviFrame #gNavi:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

#gNaviFrame #gNavi ul{
margin:0px;
text-align:center;
padding:0px;
height:20px;
width:100%;
}

#gNaviFrame #gNavi li{ height:20px; margin:0px; padding:0px; float:left; overflow:hidden;}

#gNaviFrame #gNavi li.mainNavi01 a, #gNaviFrame #gNavi li.mainNavi01on a{ text-indent:-10000px; margin-top:1px; height:20px; display:block; width:172px;}

#gNaviFrame #gNavi li.mainNavi02 a, #gNaviFrame #gNavi li.mainNavi02on a{ text-indent:-10000px; margin-top:1px; height:20px; display:block; width:94px;}

#gNaviFrame #gNavi li.mainNavi03 a, #gNaviFrame #gNavi li.mainNavi03on a{ text-indent:-10000px; margin-top:1px; height:20px; display:block; width:68px;}

#gNaviFrame #gNavi li.mainNavi04 a, #gNaviFrame #gNavi li.mainNavi04on a{ text-indent:-10000px; margin-top:1px; height:20px; display:block; width:125px;}

#gNaviFrame #gNavi li.mainNavi05 a, #gNaviFrame #gNavi li.mainNavi05on a{ text-indent:-10000px; margin-top:1px; height:20px; display:block; width:172px;}

#gNaviFrame #gNavi li.mainNavi06 a, #gNaviFrame #gNavi li.mainNavi06on a{ text-indent:-10000px; margin-top:1px; height:20px; display:block; width:159px;}

#gNaviFrame #gNavi li.mainNavi07 a, #gNaviFrame #gNavi li.mainNavi07on a{ text-indent:-10000px; margin-top:1px; height:20px; display:block; width:163px;}

#gNaviFrame #gNavi li.mainNavi01 a, #gNaviFrame #gNavi li.mainNavi01 a:visited{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat 0px 0px;}

#gNaviFrame #gNavi li.mainNavi02 a, #gNaviFrame #gNavi li.mainNavi02 a:visited{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -172px 0px;}

#gNaviFrame #gNavi li.mainNavi03 a, #gNaviFrame #gNavi li.mainNavi03 a:visited{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -266px 0px;}

#gNaviFrame #gNavi li.mainNavi04 a, #gNaviFrame #gNavi li.mainNavi04 a:visited{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -334px 0px;}

#gNaviFrame #gNavi li.mainNavi05 a, #gNaviFrame #gNavi li.mainNavi05 a:visited{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -459px 0px;}

#gNaviFrame #gNavi li.mainNavi06 a, #gNaviFrame #gNavi li.mainNavi06 a:visited{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -631px 0px;}

#gNaviFrame #gNavi li.mainNavi07 a, #gNaviFrame #gNavi li.mainNavi07 a:visited{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -790px 0px;}

#gNaviFrame #gNavi li.mainNavi01on a, #gNaviFrame #gNavi li.mainNavi01 a:hover{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat  0px -20px;}

#gNaviFrame #gNavi li.mainNavi02on a, #gNaviFrame #gNavi li.mainNavi02 a:hover{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -172px -20px;}

#gNaviFrame #gNavi li.mainNavi03on a, #gNaviFrame #gNavi li.mainNavi03 a:hover{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -266px -20px;}

#gNaviFrame #gNavi li.mainNavi04on a, #gNaviFrame #gNavi li.mainNavi04 a:hover{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -334px -20px;}

#gNaviFrame #gNavi li.mainNavi05on a, #gNaviFrame #gNavi li.mainNavi05 a:hover{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -459px -20px;}

#gNaviFrame #gNavi li.mainNavi06on a, #gNaviFrame #gNavi li.mainNavi06 a:hover{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -631px -20px;}

#gNaviFrame #gNavi li.mainNavi07on a, #gNaviFrame #gNavi li.mainNavi07 a:hover{ background: url(../img/headder/gnavi/gNavi.gif) no-repeat -790px -20px;}
/*----Global navigation end----*/
/*------------------------------
	ヘッダー終了
------------------------------*/


/*------------------------------
パン屑・アイコン・テキストサイズ・検索ボックス
------------------------------*/
#detailFrame{ clear:both;}

/*----パン屑----*/
#detailFrame #pankuzuBox {float:left; width:40%; font-size:12px; padding-left:4px;}
/*----パン屑 end----*/


#detailFrame #detailBox{float:right; width:58%;}

/*----検索ボックス end----*/
#detailFrame #detailBox #serachBox{float:right; width:231px; height:24px; padding: 0px 0px 0px 0px; margin:0px; line-height:0%;}


#detailFrame #detailBox #serachBox .serachBoxFrame{background:url(../img/headder/serach/serach_boxes.gif) no-repeat 0px 0px; border:none; height:24px; margin:0px; padding-left:24px; width:150px;}
*html #detailFrame #detailBox #serachBox .serachBoxFrame{ width:160px; background:url(../img/headder/serach/serach_boxes.gif) no-repeat 0px 0px; padding-top:2px;}
*:first-child+html #detailFrame #detailBox #serachBox .serachBoxFrame{ width:160px; background:url(../img/headder/serach/serach_boxes.gif) no-repeat 0px 0px; padding-top:2px;}

#detailFrame #detailBox #serachBox .serachBoxBtn{ width:53px; height:24px; margin:0px 0px 0px -6px; padding:0px; vertical-align:bottom;}
*html #detailFrame #detailBox #serachBox .serachBoxBtn{margin-left:-36px; vertical-align:top; height:25px;}
*:first-child+html #detailFrame #detailBox #serachBox .serachBoxBtn{margin-left:-36px; vertical-align:top; height:25px; line-height:0%;}

/*----検索ボックス end----*/

#detailFrame #detailBox .blank{float:right; padding:0px 4px;}

/*----テキストサイズ----*/
#detailFrame #detailBox #textSizeBox{float:right; width:185px;}
#detailFrame #detailBox #textSizeBox ul{float:left;}
#detailFrame #detailBox #textSizeBox ul div{float:left; margin-top:8px; margin-right:4px;}
#detailFrame #detailBox #textSizeBox ul li{float:right; margin-left:4px;}
/*----テキストサイズ end----*/

/*----アイコン----*/
#detailFrame #detailBox #iconBox{float:right;}
#detailFrame #detailBox #iconBox ul li{float:right; padding-left:4px;}

/*----アイコン end----*/




/*------------------------------
	パン屑・アイコン・テキストサイズ・検索ボックス終了
------------------------------*/


/*------------------------------
	メイン
------------------------------*/
#main{
	margin: 6px auto;
	clear:both;
}
/*------------------------------
	メイン終了
------------------------------*/


/*------------------------------
	pageTop
------------------------------*/
#pageTopBox{clear:both; margin:0px auto 24px auto; padding:0px 8px 24px 8px;}

#pageTop { float: right; width:130px; height:15px;}

#pageTop a { display:block; width:130px; height:15px; font-size:1px; line-height:1px; outline:none; }

#pageTop a:link { display:block; width:130px; height:15px; font-size:1px; line-height:1px; outline:none; }

#pageTop a:hover { text-indent:-9999px; background: url(../img/btn/goto_top_on.gif) no-repeat; }

#pageTop a:visited { display:block; width:130px; height:15px; font-size:1px; line-height:1px; outline:none; }

/*------------------------------
	pageTop end
------------------------------*/


/*------------------------------
	footer
------------------------------*/
#footer{
	margin:0px auto; 
	padding:0px 0px 40px 0px; 
	background:#000;
	border-top: solid 1px black; bottom: 0; width: 100%;
	}
	
#footer #footerLink{clear:both; margin:0px auto; padding:12px 8px 12px 8px; width:980px; color:#FFF; font-size:12px;}

#footer #footerLink .footerLinkBox{ width:19%; float:left; padding:0px 4px; margin-bottom:12px;}


#footer #footerLink .footerLinkBox ul li{ background:url(../img/mark/blue_square.gif) no-repeat 0px 6px; padding-left:16px;}

#footer #footerLink .footerLinkBox ul li a{color:#FFF; text-decoration:underline;}
#footer #footerLink .footerLinkBox ul li a:link{color:#FFF; text-decoration:underline;}
#footer #footerLink .footerLinkBox ul li a:hover{color:#fff; text-decoration:underline; background:#007399;}
#footer #footerLink .footerLinkBox ul li a:visit{color:#FFF; text-decoration:underline;}

#footer #footerLink p{ text-align:center; color:#ffffff; font-size:10px; font-weight:normal; margin-top:12px; padding-top:12px; border-top:solid 1px #666666;}

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