@charset "UTF-8";

/*
	Reset
*******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
li {list-style:none;}
img {border:0;}

/* Yahoo UI Font CSS
-----------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2

Font-size Adjustment.
	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
----------------------------------------------- */ 
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*
	clearfix
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
	replaceImg
*******************************/
.replaceImg { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}


/*
	BASE
*******************************/
body { background:#E5E5E5; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*dt,dd,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a { font-size:93%;}
*/
body * {line-height:1.22em;}

img { vertical-align:bottom;}

p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6 { color:#222;}

p,td,li,dd { line-height:1.34em; letter-spacing:1px;}

p { margin-bottom:10px;}

em { font-style:normal; font-weight:bold;}

a,
a:link,
a:visited { color:#03F; text-decoration:none;}
a:hover { color:#06F;}

.clear { clear:both;}


/*//////////////////////////////////////////////////////////////////////////*/


/*
	BASE LAYOUT
******************/

div#container { width:780px; margin:0 auto; background:#ffffff;}

div#head { height:70px; background:url(../img/common/head_bg.gif) repeat-x; position:relative;}

div#main { width:760px; margin:10px auto 0;}

div#foot { height:60px; background:url(../img/common/footer_bg.gif) repeat-x;}

/*//////////////////////////////////////////////////////////////////////////*/




/*
	div#head
******************/

a#logo { display:block; position:absolute; top:0; left:10px;}
img#headCatch { position:absolute; top:24px; left:177px;}
table#search { position:absolute; bottom:15px; right:10px;}
	td#textIn { padding-right:10px;}

/*//////////////////////////////////////////////////////////////////////////*/




/*
	div#main
******************/

div#mainCont { width:590px; float:right; margin-bottom:15px;}
   
div#mainCont img { margin-right:10px;}

div.contentsBox { margin-bottom:40px;}
	div.report { margin-bottom:25px;}
	div.last { margin-bottom:0;}
		/*div.report img { float:left; margin:0 16px 0 0; padding-bottom:10px;}*/
		div.report .title { width:100%; font-weight:bold; background:url(../img/common/title_bg.jpg) repeat-x; border-top:#84ADE0 1px solid; position:relative; margin:10px 0;}
		div.report .title .titleName { display:block; padding:11px 0 12px 5px;}
		div.report .title .date { display:block; position:absolute; width:; font-size:10px; font-weight:normal; right:5px; bottom:11px;}
		div.report p {}
		div.report .more { display:block; width:100%; text-align:right; text-decoration:none;}


div#navi { width:152px; float:left;}
	div#navi ul#mainNavi li {margin-bottom:8px; }
	div#navi ul#mainNavi a { display:block; width:148px; font-size:85%; font-weight:bold; text-indent:8px; text-decoration:none; padding:8px 0 7px; letter-spacing:0;}
	div#navi ul#mainNavi a:hover { border:2px solid #FF3300; color:#FF3300;}
	li.navi2 a,
	li.navi2 a:link,
	li.navi2 a:visited { color:#758ADB; border:#758ADB 2px solid;}
	li.navi2 a,
	li.navi2 a:link,
	li.navi2 a:visited { color:#74AAD6; border:#74AAD6 2px solid;}
	div#navi ul#mainNavi li.navi3 a { width:152px; color:#ffffff; background:#0177B1; text-indent:10px; padding:9px 0; }
	div#navi ul#mainNavi li.navi3 a:hover { background:#FF3300; color:#fff; border:0;}
	ul.banner li { margin-bottom:10px;}
	div#navi .title { margin:15px 0;}

/* current page over */

body#top div#navi ul#mainNavi li#btnTop a,
body#news div#navi ul#mainNavi li#btnNews a,
body#event div#navi ul#mainNavi li#btnevent a,
body#daisakusen div#navi ul#mainNavi li#btnDaisakusen a,
body#highlight div#navi ul#mainNavi li#btnHighlight a,
body#ippin div#navi ul#mainNavi li#btnIppin a,
body#qa div#navi ul#mainNavi li#btnQA a,
body#salutation div#navi ul#mainNavi li#btnSalutation a,
body#about div#navi ul#mainNavi li#btnAbout a,
body#activities div#navi ul#mainNavi li#btnActivities a,
body#history div#navi ul#mainNavi li#btnHistory a,
body#national div#navi ul#mainNavi li#btnNational a,
body#national2 div#navi ul#mainNavi li#btnNational a,
body#inputshop div#navi ul#mainNavi li#btnNational a,
body#monthly div#navi ul#mainNavi li#btnMonthly a,
body#access div#navi ul#mainNavi li#btnAccess a,
body#links div#navi ul#mainNavi li#btnLinks a { border:2px solid #FF3300; color:#FF3300;}
body#seinenkai div#navi ul#mainNavi li#btnSeinenkai a { background:#FF3300; color:#fff; border:0;}




/*//////////////////////////////////////////////////////////////////////////*/





/*
	div#foot
******************/

div#foot { text-align:center; margin-top:20px;}

p#footNavi { padding-top:20px;}
p#footNavi a,
p#footNavi a:link,
p#footNavi a:visited { color:#FFF; text-decoration:none; font-size:10px; margin:0 8px;}
p#footNavi a:hover { color:#FF3300;}
p#copy { color:#fff; font-size:10px; margin-top:10px;}


/*//////////////////////////////////////////////////////////////////////////*/