@charset "UTF-8";

/* ******************************************* _

	タイトル：base.css
	
	概要：全ページ共通 CSSファイル
	制作日：2009.12.15
	変更日：

_ ******************************************* */


/*============================================
  reset Css 
============================================*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,p,table,th,td,input,textarea,select { margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6 { font-size:1em; font-weight:normal; }
p{ text-justify:distribute; }
img { border:0; margin:0; padding:0; }
a img { border: none; text-decoration: none;}
ul,dl{ list-style-type:none; }
ol{ list-style-position:outside; margin-left:1em;}
table { border-collapse: collapse; font-size:1em;}
td,th { vertical-align: top; text-align: left;}
textarea { color: #717171; font-size: 100%;}
select { color: #717171; font-size: 100%;}

/*============================================
/*	float clear
============================================*/
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }

/*============================================
/* link
========================================== */
a:link{ color: #313131; text-decoration:underline; }
a:visited{ color: #313131; text-decoration:underline; }
a:hover{ color: #40a62a; text-decoration:underline;}
a:active{ color: #40a62a; text-decoration:underline; }

/*============================================
/*	text-align
============================================*/
.taCenter{ text-align:center; }
.taLeft{ text-align:left; }
.taRight{ text-align:right; }

/*============================================
/* CSS Hack clearfix 
============================================*/
/*--IE以外のモダンブラウザ向け--*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*--IE7及びMac版IE5向けの指定--*/
.clearfix{display:inline-block;}
/*--IE6以前向けの指定--*/
/*Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/* safari only \*/
html:\66irst-child * {
 font-size: 12px;
}

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/* body style
---------------------------------------------------------------------------- */
body#home {
 background: url(/common/newimg/bg_head_01.gif) left top repeat-x;
}

/* navigation hidden
---------------------------------------------------------------------------- */
#naviHidden {
 position: absolute;
 top: -100px;
 left: 0;
 z-index: -100;
}


/* body style
---------------------------------------------------------------------------- */
body {
font-size:75%;
 font-family: 'ＭＳ Ｐゴシック', Osaka;
 /*font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
 background-color: #fff;
line-height:1.6;
color:#666666;
}
.ie6 body{
letter-spacing:0.5;
}
.mac.gecko body{
letter-spacing:0.4;
}
.mac.safari body{
font-size:71%;
}

* html body {
 letter-spacing: 1px;
}

/*	wrapper
============================================*/
#wrapper{
width:100%;
}

/*	container
============================================*/
#container{
width:1024px;
margin:0 auto;
}

/*	header
============================================*/
#header {
 position: relative;
 width: 1024px;
 height: 98px;
 margin:0 auto;
background: url(/common/newimg/bg_head_02.gif) left top no-repeat;
}
#logo{
position:absolute;
top:13px;
left:52px;
}
#header h1,
#header strong{
position:absolute;
top:18px;
left:198px;
font-size:8pt;
line-height:1.2;
}
#header ul#topnavi {
position:absolute;
top:21px;
left:647px;
line-height:0;
}
#header ul#topnavi li{
float:left;
}
#header ul#gnavi {
position:absolute;
top:62px;
left:252px;
width:720px;
}
#header ul#gnavi li{
float:left;
}
#header dl {
position:absolute;
top:18px;
left:827px;
 height: 17px;
 font-size: 8pt;
 background: url(../newimg/bracket_left.gif) left center no-repeat;
 padding-left: 10px;
 line-height: 17px;
}

* html #header dl {
 font-size: 7.5pt;
}

#header dt {
 float: left;
 height: 17px;
 margin-right: 5px;
 padding-right: 8px;
 background: url(../newimg/font_pipe.gif) right top no-repeat;
}

#header dd {
 float: left;
 height: 17px;
 margin-right: 5px;
 padding-right: 5px;
 background: url(../newimg/font_pipe.gif) right top no-repeat;
}

#header dd.fontb {
 float: left;
 height: 17px;
 margin-right: 0;
 padding-right: 10px;
 background: url(../newimg/bracket_right.gif) right top no-repeat;
}

/*	mainFlashArea
============================================*/
#mainFlashArea{
width:1024px;
height:246px;
margin:0 auto;
position:relative;
}
#mainFlashArea .imgtxt{
display:none;
}
/*	gnav
============================================*/
#snav{
width:1024px;
margin:0 auto;
padding-bottom:34px;
}
#snav ul{
width:920px;
margin:0 auto;
}
#snav li{
float:left;
}
/*	contents
============================================*/
#contents{
width:1024px;
margin:0 auto;
}

#contentsL{
float:left;
width:717px;
padding-left:52px;
}
#contentsR{
float:right;
width:183px;
padding-right:52px;
}
#contentsR .bnr_inq{
background:url(/common/newimg/lin_contentsR_01.gif) bottom left no-repeat;
padding-bottom:21px;
}
#contentsR ul.bnrArea{
background:url(/common/newimg/lin_contentsR_02.gif) bottom left no-repeat;
padding-bottom:12px;
}
#contentsR ul.bnrArea li{
line-height:0;
margin-bottom:10px;
}

#whatsnew {
margin-bottom:30px;
}
.whatsnew{
padding:0 10px;
}
.whatsnew ul{
margin-top:10px;
}
.whatsnew ul li{
margin-bottom:5px;
line-height:1.4;
}
.whatsnew ul li span{
	float:left;
	display:block;
	font-size:10pt;
	margin-right:15px;
	color: #999999;
}
.linkicn1{
background: url(/common/newimg/icn_grn_arw.gif) left center no-repeat;
padding-left:11px;
}
.linkicn2{
background: url(/common/newimg/icn_org_arw.gif) left center no-repeat;
padding-left:11px;
}
.contentsBox div.moreInfo,#contentsR div.moreInfo{
clear:both;
margin-top:8px;
text-align:right;
font-size:8pt;
}

/*	pagetop
============================================*/
.pagetop{
clear:both;
width:1024px;
margin:0 auto 20px;
padding-top:10px;
}
.pagetop p{
margin-left:662px;
}

/*	footer
============================================*/
#bgfooter{
clear:both;
background:url(/common/newimg/bg_foot.gif) top left repeat-x;
}
#footer{
width:1024px;
margin:0 auto;
padding-top:21px;
font-size:8pt;
}
#footer #footLink{
margin-bottom:14px;
}
#footer #footLink dl{
margin-left:52px;
}
#footer #footLink dt{
float:left;
margin-right:10px;
}
#footer #footLink dd{
padding-top:1px;
}
#footer #footLink ul{
margin-top:-22px;
padding-right:43px;
float:right;
}
#footer #footLink li{
float:left;
padding-left:15px;
margin-right:9px;
background:url(/common/newimg/icn_gry_arw.gif) left center no-repeat;
}
#footer #footerTxt{
clear:both;
display:block;
text-align:center;
padding:0 0 14px 0;
}

/*	作業用
============================================*/
.imgover{
}


/*	印刷対応
============================================*/
@media print {
 #contents {
  float: none;
  margin-left: 100px;
 }
 * html #contents {
  float: none;
  margin-left: 100px;
 }
}


/*テスト中*/
.bnr_add{
padding-top:2px;
font-size:85%;
line-height:1.2;
}
.bnr_add a{
display:block;
background: url(/common/newimg/icn_grn_arw.gif) left 0.2em no-repeat;
padding-left:11px;
}


.whatsnew #feed {
margin-top:4px;
}

.whatsnew #feed li{
list-style-type:none;
margin-bottom:5px;
}

.whatsnew #feed span{
display: block;
font-size:11px;
margin-top:4px;
}

/*            110118 add            */
#home #wrapper #contents #contentsL #whatsnew .h2title {
position:relative;
}
#home #wrapper #contents #contentsL #whatsnew .h2title .moreInfo {
	position: absolute;
	clear:none;
	text-align:right;
	font-size:8pt;
	right: 10px;
	top: 0px;
}