@charset "shift-jis";

/****************************************************************
*							共通スタイル						*
****************************************************************/
/* 
: 	0.Reset
: 	1.Link
: 	2.Rayout Elements
: 	3.Header
: 	4.Navigation
:	5.Banner Area
: 	6.Main Contents
: 	7.Sub Contents
: 	8.Footer 
*/

/* ===================================
	■Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	**フォントサイズ対応表**
	10px	77%
	11px	85%
	12px	93 (was 93)%
	13px	100%
	14px	108%
	15px	116%
	16px	123.1%
	17px	131%
	18px	138.5%
	19px	146.5%
	20px	153.9%
	21px	161.6%
	22px	167%
	23px	174%
	24px	182%
	25px	189%
	26px	197%
===================================== */


/* ----------------------------------------
	0.Reset
---------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td {
	padding: 0 ;
	margin: 0 ;
	line-height: 110% ;
	font-family: Verdana, 'MS Pゴシック', sans-serif;

}
table {
	border-collapse: collapse ;
	border-spacing: 0px ;
}
fieldset,img {
	border: 0 ;
}
img { -ms-interpolation-mode: bicubic; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal ;
	font-style: normal ;
}
ol,ul {
	list-style: none ;
}
caption,th {
	text-align: left ;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal ;
	font-size: 100% ;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0 ;
}
hr { display: none ; }
.strong { font-weight: bold ; }



/* ----------------------------------------
	1.Link
---------------------------------------- */
a {
	color: #065cae ;
	text-decoration: none ;
	zoom: 1 ;
}
a:link { color: #065cae ; }
a:visited { color: #3b5670 ; }
a:hover { color: #06ae16 ; }
a:active { color: #06ae16 ; }



/* ----------------------------------------
	2.Rayout Elements
---------------------------------------- */
html,body {
	height: 100% ;
}
body {
	min-width:950px ;
	width: auto !important ;
	width: 950px ;
	color: #333 ;
	text-align: center ; /* IEセンタリング */
	background: #006454 ;
	position: relative ;
}
body div { height: 100% ; }
#container {
	width: 950px ;
	min-height: 100% ;
	height: auto !important ;
	height: 100% ;
	padding-bottom: 60px ;
	position: relative ;
	background: #FFF ;
	margin:0 auto;
}
body div div div { height: auto ; }
#header {
	background-color: #FFF ;
}
#contents {
	width: 950px ;
	min-height:550px;
	text-align: left ;
	clear: both ;
}
#index2 #contents {
	background: url(../img/common/contentsBg2.gif) #FFF repeat-y 0 0 ;
}
#contents:after { /* clerafix */
    content: "." ;
    display: block ;
    visibility: hidden ;
    height: 0.1px ;
    font-size: 0.1em ;
    line-height: 0 ;
    clear: both ;
}
#contentsInner {
	width: 950px ;
	overflow: hidden ;
}
#mainImg { display: none; }
#index #mainContents {
	width: 550px ;
	float: left ;
	overflow: hidden ;
}
#index2 #mainContents {
	width: 750px ;
	float: left ;
	overflow: hidden ;
}
#subContents1 {
	width: 200px ;
	float: left ;
	overflow: hidden ;
}
#index #subContents2 {
	width: 200px ;
	float: left ;
	overflow: hidden ;
}
#index2 #subContents2 {
	display:none;
}
#footer {
	width: 100% ;
	height: 60px ;
	padding: 0 ;
	text-align: center ;
	line-height: 150% ;
	color: #435244 ;
	clear: both ;
	position: absolute ;
	left: 0 ;
	bottom: 0 ;
}



/* ----------------------------------------
	3.Header
---------------------------------------- */
#header {
	width: 950px ;
	height: 62px ;
	position: relative;
}
#header h1 {
	width: 263px ;
	height: 51px ;
/*	background: url(../img/common/siteid.gif) no-repeat ;*/
	text-indent: -9999px ;
	position: absolute ;
	top: 6px ;
	left: 6px ;
}
#header h1 a {
	width: 263px ;
	height: 51px ;
	display: block ;
	overflow: hidden ;
}



/* ----------------------------------------
	4.Navigation
---------------------------------------- */
#headNavi {
	height: 30px ;
	position: absolute ;
	top: 30px ;
	right: 0 ;
	text-align: right ;
}
#headNavi ul {
}
#headNavi ul li {
	float: left ;
	padding: 10px ;
}
#navi h2 {
	width: 200px ;
	height: 0 ;
	display: none ;
}
#navi h3 {
	width: 200px ;
	height: 0 ;
	display: none ;
}
#navi ul {
	margin: 0 ;
	padding: 0 ;
}
#navi li {
	width: 200px ;
	height: 40px ;
	margin: 0 ;
	display: inline ;
}
#navi li.selected a {
	color: #002969;
	font-weight: bold ;
}
#navi li a {
	color: #002969 ;
	display: block ;
}
#navi li a:hover {
	text-decoration: none ;
	color:#FFF;
}



/* ----------------------------------------
	5.Banner Area
---------------------------------------- */
#mainContents .bn {
	float: left ;
	margin: 10px 0 10px 10px ;
	display: inline ;
	vertical-align: bottom ;
}
#mainContents .bn img { vertical-align: bottom ; }



/* ----------------------------------------
	6.Main Contents
---------------------------------------- */
#mainContents {
}
#mainContents #mainContentsInner {
	clear: both ;
	margin: 0 10px ;
	padding: 10px ;
}
#mainContents #mainContentsInner p {
	line-height: 150% ;
	font-size: 93% ;
}

/* ページタイトル */
#mainContents #mainContentsInner h3 {
	padding:7px 20px 5px ;
	font-size: 123.1% ;
	font-weight: bold ;
	color: #FFF ;
	margin: 0 -10px 15px ;
	background: url(../img/common/h3.gif) #032467 no-repeat 0 100% ;
}

/* 見出し1 */
#mainContents #mainContentsInner h4 {
	clear: both ;
	padding: 10px ;
	margin: 15px 0 12px ;
	font-size: 108% ;
	font-weight: bold ;
	color: #006454 ;
	background: url(../img/common/h4.gif) repeat-x 0 100% ;
}

/* 見出し2 */
#mainContents #mainContentsInner h5 {
	font-size: 108% ;
	font-weight: bold ;
	margin:15px 0 6px;
	color: #006454 ;
}

/* 本文 */
#mainContents #mainContentsInner p {
}
#mainContents #mainContentsInner .error,
#mainContents #mainContentsInner .message,
#mainContents #mainContentsInner .error li,
#mainContents #mainContentsInner .message li {
	line-height: 150% ;
	color: #cc0033 ;
}
#mainContents #mainContentsInner #headtext {
	line-height: 150% ;
	margin-bottom: 10px ;
}
#mainContents #mainContentsInner #headtext p { font-size: 100% ; }
#mainContents #mainContentsInner #bottomtext {
	clear: both ;
	font-size: 100% ;
	line-height: 140% ;
	padding-top: 10px ;
}


/*	共通ブロック
============================== */
#mainContents .mainContentBox {
	background: #d5eef3 ;
}	
#mainContents .mainContentBox h3 {
}
#mainContents .mainContentBox h3 span {
	font-size: 70% ;
	font-weight: normal ;
}
ul.pageNavi:after {
	content: "." ;
    display: block ;
    visibility: hidden ;
    height: 0.1px ;
    font-size: 0.1em ;
    line-height: 0 ;
    clear: both ;
}

ul.pageNavi li {
	background:#EEE;
	float:left;
	padding:8px 5px;
	margin:0 0 1px 1px;
	width:95px;
	*width:105px;
	height:30px;
	*height:46px;
}
ul.pageNavi li a {
	display:block;
	margin:0;
	padding:0;
}
/*
ul.pageNavi li a:hover {
	background: #006454 ;
	color:#FFF;
}*/
ul.pageNavi li.now {
	background:#EEE;
	font-weight:bold;
}



/* ----------------------------------------
	7.Sub Contents
---------------------------------------- */

/*	バナーエリア
============================== */

#subContents1 .bn,#subContents2 .bn {
	padding: 10px ;
}



/* ----------------------------------------
	8.Footer
---------------------------------------- */
#copyright {
	margin-top: 15px ;
	font-size: 77% ;
}

