/* common.css - last update 2007.11.21 - */


/* -----------------------------------------------------------
element
------------------------------------------------------------*/
html{
	height:100%;
	border:0;
}

body{
	background-color:#e1fbfd;
	background-image:url(../images/bg_all.png);
	background-position:top center;
	background-repeat:repeat-x;
	color:#424c65;
	font-family:'Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック';
	margin:0px;
	padding:0px;
	text-align:center;
	line-break:strict;
	word-break:break-all;
	height:100%;
}

img{
	border:none;
	vertical-align: bottom;
}

form{
	margin:0px;
	padding:0px;
}

/*
input{
	color:#502C1B;
}

option{
	color:#502C1B;
}

textarea{
	color:#502C1B;
}
*/

h1{
	margin:0px;
	padding:0px;
}

a,a:link,a:visited,a:active{
	color:#4185B9;
	text-decoration:none;
	border-bottom:1px dotted #4185B9;
}

a:hover{
	color:#f37b11;
	text-decoration:none;
	border-bottom:1px solid #f37b11;
}

a.imgLink,a:link.imgLink,a:visited.imgLink,a:active.imgLink{
	text-decoration:none;
	border:none;
	background:none;
}

a:hover.imgLink{
	text-decoration:none;
	border:none;
	background:none;
}

br{
	letter-spacing:0;
}

* html .iepngfix{
	behavior:expression(IEPNGFIX.fix(this));
}


/* -----------------------------------------------------------
base
------------------------------------------------------------*/

#bgBoxTop{
	background-image:url(../images/bg_allTop.png);
	background-position:top center;
	background-repeat:repeat-x;
	min-height:100%;
	_height:100%;
}

#bgBoxBottom{
	background-image:url(../images/bg_allBottom.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	min-height:100%;
	_height:100%;
}

#bgBoxAccentTop{
	background-image:url(../images/bg_allAccentTop.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:980px;
	height:340px;
	margin:15px auto;
	position:absolute;
	z-index:1;
}


#bgBoxAccentBottom{
	background-image:url(../images/bg_allAccentBottom.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	width:980px;
	height:247px;
	position:absolute;
	z-index:2;
}


/* ---- header ---- */
#header{
	width:901px;
	height:128px;
	background-image:url(../images/bg_header.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:left;
	margin-top:30px;
}

#header #headerTitle{
	float:left;
}

#header #headerSubmenu{
	padding:86px 0 0 520px;
}

/* ---- title ---- */
#topTitle{
	margin-left:34px;
	width:433px;
	height:101px;
	z-index:10;
}

#itemMenu{
	width:558px;
	height:37px;
	margin-bottom:2px;
}

#itemTitle{
	width:728px;
	height:37px;
	margin-bottom:1px;
}

/* ---- search ---- */
#searchBox{
	background-image:url(../images/bg_searchBox.png);
	width:488px;
	height:40px;
	padding-top:10px;
	margin:0 auto 5px auto;
	text-align:center;
}

#searchBox #searchBoxLeft{
	width:30px;
	height:28px;
	display:inline;
	vertical-align:middle;
}

#searchBox #searchBoxInput{
	width:300px;
	height:19px;
	padding-top:6px;
	border-top:1px solid #83bbdb;
	border-bottom:1px solid #83bbdb;
	border-left:0px;
	border-right:0px;
	display:inline;
	vertical-align:middle;
}

#searchBox #searchBoxRight{
	width:13px;
	height:28px;
	display:inline;
	vertical-align:middle;
}

#searchBox #searchBoxBtn{
	width:54px;
	height:26px;
	margin-left:4px;
	margin-top:3px;
	display:inline;
	vertical-align:middle;
}

/* ---- hr ---- */
.hrImg{
	margin:6px 0px;
}

/* ---- window ---- */
#messBox{
	width:901px;
	margin:0 auto;
	overflow:hidden;
	float:center;
	z-index:10;
	position:relative;
}

#messBox #messBoxMiddle{
	background-image:url(../images/bg_windowMiddle.png);
	width:901px;
	text-align:center;
	padding-top:4px;
	padding-bottom:20px;
}

#messBox #messBoxMiddle #messBoxMiddleBody{
	width:728px;
	margin:0 auto;
}

#messBox #messBoxMiddle #messBoxMiddleBody p{
	font-size:0.75em;
	text-align:left;
	line-height:1.8em;
}
/* ---- mini message box ---- */
#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox{
	z-index:1;
	float:left;
}

/* -------------------------------------------------------------- 
クラス[miniMessBoxOnMenu]は、左側にメニューがある2カラムの時に、
本文が入るDIVで使用する。
必ず、[miniMessBox]と併用し、[miniMessBox]の次に記述すること。
-------------------------------------------------------------- */
#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu{
	margin-left:-161px;
	position:relative;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxTop{
	width:728px;
	height:6px;
	margin:0px;
	padding:0px;
	vertical-align:baseline;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBottom{
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:728px;
	height:7px;
	vertical-align:baseline;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody{
	background-image:url(../images/bg_miniWinMiddle.png);
	width:728px;
	text-align:left;
	padding-top:4px;
	padding-bottom:4px;
	margin:0;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBodyMenuMargin{
	background-image:url(../images/bg_miniWinMiddle.png);
	width:728px;
	text-align:left;
	padding-top:4px;
	padding-bottom:4px;
	margin:0;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody h2{
	width:648px;
	margin:0 0 4px 40px;
	font-size:16px;
	border-top:3px solid #38679d;
	padding:6px 0 10px 10px;
	background-image:url(../images/bg_h2.gif);
	background-position:top center;
	background-repeat:repeat-x;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody .pStyle{
	margin:7px 0px 7px 40px;
	width:648px;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody .olStyle{
	font-size:0.75em;
	margin:7px 40px 7px 60px;
	line-height:1.8em;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody .olStyle li{
	margin-bottom:10px;
}


#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody table{
	margin:0 0 0 40px;
	width:648px;
	border-collapse:collapse;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody table tr th{
	border-bottom:1px solid #999999;
	font-size:12px;
	text-align:center;
	color:#fbfbf8;
	background-image:url(../images/bg_th.gif);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#315895;
	background-color:#38679d;
	padding:2px 0;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody table tr td{
	border-bottom:1px solid #999999;
	font-size:12px;
	line-height:16px;
	padding:12px 8px;
	background-color:#f6f6ec;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody table tr .miniMessBoxBodyTableDate{
	width:100px;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody table tr .miniMessBoxBodyTablePdfbtn{
	padding:12px 1px;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBox .miniMessBoxBody table tr .miniMessBoxBodyTableOncolor{
	background-color:#ffffff;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody h2{
	width:538px;
	margin:0 0 0 170px;
	font-size:16px;
	border-top:3px solid #38679d;
	padding:6px 0 10px 10px;
	background-image:url(../images/bg_h2.gif);
	background-position:top center;
	background-repeat:repeat-x;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody p{
	margin-left:170px;
	width:538px;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody table{
	margin:0 0 0 170px;
	width:538px;
	border-collapse:collapse;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody table tr th{
	border-bottom:1px solid #999999;
	font-size:12px;
	text-align:center;
	color:#fbfbf8;
	background-image:url(../images/bg_th.gif);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#315895;
	padding:2px 0;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody table tr td{
	border-bottom:1px solid #999999;
	font-size:12px;
	line-height:16px;
	padding:12px 8px;
	background-color:#f6f6ec;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody table tr .miniMessBoxBodyTableDate{
	width:100px;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody table tr .miniMessBoxBodyTablePdfbtn{
	padding:12px 1px;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody table tr .miniMessBoxBodyTableOncolor{
	background-color:#ffffff;
}

/* ---- search transition---- */
#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition{
	padding:0 auto;
	text-align:center;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniMessBoxOnMenu .miniMessBoxBody .searchtransition{
	width:538px;
	margin:0 0 0 170px;
}

#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionPrevnext{
	background-color:#d6e27f;
	background-image:url(../images/bg_searchtransitionPrevnextLink.gif);
	padding:6px 12px;
	font-size:0.85em;
	font-weight:bold;
	border:2px solid #ffffff;
	zoom:1;
}

#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionPrevnext a.searchtransitionPrevnextLink,
#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionPrevnext a:link.searchtransitionPrevnextLink,
#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionPrevnext a:visited.searchtransitionPrevnextLink,
#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionPrevnext a:active.searchtransitionPrevnextLink{
	color:#ffffff;
	text-decoration:none;
	border:none;
}

#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionPrevnext a:hover.searchtransitionPrevnextLink{
	color:#fbc062;
	text-decoration:none;
	border:none;
}


#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionUnselection{
	background-color:#d6e27f;
	background-image:url(../images/bg_searchtransitionUnselection.gif);
	padding:6px 12px;
	font-size:0.85em;
	font-weight:bold;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	zoom:1;
}

#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionUnselection a.searchtransitionUnselectionLink,
#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionUnselection a:link.searchtransitionUnselectionLink,
#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionUnselection a:visited.searchtransitionUnselectionLink,
#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionUnselection a:active.searchtransitionUnselectionLink{
	color:#32500b;
	text-decoration:none;
	border:none;
}

#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionUnselection a:hover.searchtransitionUnselectionLink{
	color:#f37b11;
	text-decoration:none;
	border:none;
}

#messBox #messBoxMiddle #messBoxMiddleBody * .miniMessBoxBody .searchtransition .searchtransitionSelection{
	color:#ffffff;
	background-color:#d6e27f;
	background-image:url(../images/bg_searchtransitionSelection.gif);
	padding:6px 12px;
	font-size:0.85em;
	font-weight:bold;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	zoom:1;
}

/* ---- mini mini message box (トップページメニュー用) ---- */
#messBox #messBoxMiddle #messBoxMiddleBody .miniminiMessBoxTop{
	width:558px;
	height:6px;
	margin:0px;
	padding:0px;
	vertical-align:baseline;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniminiMessBoxBottom{
	margin:0px;
	padding:0px;
	width:558px;
	height:7px;
	vertical-align:baseline;
}

#messBox #messBoxMiddle #messBoxMiddleBody .miniminiMessBoxBody{
	background-image:url(../images/bg_miniminiWinMiddle.png);
	width:558px;
	text-align:left;
	padding-top:4px;
	padding-bottom:4px;
	margin:0 auto;
}

/* ---- menu ---- */
#messBox #messBoxMiddle #messBoxMiddleBody .miniminiMessBoxBody #menu1Link,#messBox #messBoxMiddle #messBoxMiddleBody .miniminiMessBoxBody #menu2Link,#messBox #messBoxMiddle #messBoxMiddleBody .miniminiMessBoxBody #menu3Link,#messBox #messBoxMiddle #messBoxMiddleBody .miniminiMessBoxBody #menu4Link{
	margin-left:10px;
}

/* ---- sub menu ---- */
#subMenu{
	position:relative;
	width:226px;
	margin-top:2px;
	margin-left:-65px;
	z-index:2;
	float:left;
}

#subMenu div{
	background-image:url(../images/bg_submenuMiddle.png);
	width:226px;
	text-align:left;
}

/* ---- sub menu list ---- */
ol#subMenuList{
	margin:0 18px 0 45px;
	padding:0;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

ol#subMenuList li{
	padding-bottom:6px;
}

ol#subMenuList li ol{
	margin:0 0 0 8px;
	padding:0;
	font-weight:normal;
	font-size:12px;
	list-style-type:none;
}

ol#subMenuList li ol li{
	padding-bottom:8px;
}

ol#subMenuList li ol li span{
	padding-right:20px;
	background-image:url(../images/bg_submenuNowpage.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

/* ---- sub menu large ---- */
#subMenuLarge{
	position:relative;
	width:648px;
	margin-top:2px;
	margin-left:40px;
}

#subMenuLarge div{
	background-image:url(../images/bg_submenuLargeMiddle.png);
	width:648px;
	text-align:center;
}

/* ---- sub menu large list ---- */
ol#subMenuLargeList{
	margin:0 50px 0 50px;
	padding:0;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

ol#subMenuLargeList li{
}

ol#subMenuLargeList li ol{
	margin:0 0 0 2px;
	padding:0 0 14px 0;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	list-style-type:none;
}

ol#subMenuLargeList li ol li{
	display:inline;
	padding-left:8px;

}

/* ---- bread box ---- */
#breadBox{
	margin-bottom:8px;
	width:728px;
	height:23px;
}

#breadBox #breadBoxLeft{
	float:left;
}

#breadBox #breadBoxRight{
	float:left;
}

#breadBox #breadBoxCenter{
	width:716px;
	height:23px;
	background-image:url(../images/bg_breadCenter.gif);
	color:#999999;
	float:left;
}

#breadBox #breadBoxCenter p{
	margin:0px 0px 0px 6px;
}

#breadBox #breadBoxCenter p a{
	border:none;
	font-size:10px;
	line-height:0;
}

#breadBox #breadBoxCenter p span{
	font-size:10px;
	line-height:0;
}

#breadBox #breadBoxCenter p img{
	margin:1px 6px;
	vertical-align:middle;
}


/* ---- qanda box ---- */
#qandaBox{
	position:relative;
	width:648px;
	margin-top:2px;
	margin-left:40px;
}

#qandaBox .qBox{
	background-image:url(../images/bg_qandaBoxMiddle.png);
	width:648px;
	text-align:center;
}

#qandaBox .qBox .quesmess{
	margin:0 auto;
	padding:0 0 10px 0;
	width:586px;
	font-weight:bold;
}

#qandaBox .aBox{
	background-image:url(../images/bg_submenuLargeMiddle.png);
	width:648px;
	text-align:center;
}

#qandaBox .aBox .ansmess{
	margin:0 auto;
	padding:10px 0 0 0;
	width:586px;
}

/* ---- footer ---- */
#footer{
	
}


/* -----------------------------------------------------------
common
------------------------------------------------------------*/
.boldFace{
	font-weight:bold;
}

.largeFont{
	font-size:0.85em;
}

.messageAlert{	/* 緊急時などの赤字用に使ってください */
	color:#cc0000;
}

.imeOn{
	ime-mode:active;
}

.imeOff{
	ime-mode:disabled;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.centering{
	text-align:center;
}

.rightSide{
	text-align:right;
}

.leftSide{
	text-align:left;
}