@charset "utf-8";
html{ 
    background:#ECF0F4; 
} 
body {
	font-family:'ＭＳ Ｐゴシック','Arial',sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color:#333333;
	font-size:small;
	*font:x-small;
	line-height:140%;
	color:#333333;
}



/*　ヘッダ　*/
#header {
	background: #ffffff; 
	margin:0;
	/*margin-bottom:10px;*/
	padding: 0;
	background-image:url(../images/header_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.head{
	width:810px;
	margin:0 auto;
	text-align:left;
	padding:2px 0 0 0;
}
.head img{
	vertical-align:middle;
}
.top #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0 0 0 0px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	height:90px;
	vertical-align:middle;
}

/*　リンク　*/
a:link{
	color:#000066;
	text-decoration:underline;
}
/*a:visited{	
	color:#006699;
}*/
a:hover{
	color:#CC0000;
}

a img{
	border:none;
	text-decoration:none;
}

a:hover img{
	opacity:0.60;
	filter: alpha(opacity=60);
}
.clear{
	clear:both;
}
.clear_both{
	clear:both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
}

/* グローバルメニュー */
#global{
	background: #ffffff; 
	margin:0;
	padding: 0;
	background:url(../images/menu_bg.jpg) repeat-x;
	background-position:bottom;
}
#globalmenu{
	clear:both;
	margin:0px auto;
	padding:0px;
	height:30px;
	width:828px;
	list-style-type:none;
	background-color:#FAFAFA;
}

#globalmenu li{
	float:left;
	width:138px;
}

#globalmenu li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:30px;
	padding-top:30px;
	background-color:#006699;
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:center;
}

/* オフマウス時 */
#menu01 a { background-position:  0     0; }
#menu02 a { background-position: -138px 0; }
#menu03 a { background-position: -276px 0; }	
#menu04 a { background-position: -414px 0; }
#menu05 a { background-position: -552px 0; }
#menu06 a { background-position: -690px 0; }

/* 選択済み */
#menu01 a.stay, #menu01 a.active { background-position:  0     -60px; }
#menu02 a.stay, #menu02 a.active { background-position: -138px -60px; }
#menu03 a.stay, #menu03 a.active { background-position: -276px -60px; }
#menu04 a.stay, #menu04 a.active { background-position: -414px -60px; }
#menu05 a.stay, #menu05 a.active { background-position: -552px -60px; }
#menu06 a.stay, #menu06 a.active { background-position: -690px -60px; }

/* オンマウス時 */
#menu01 a:hover { background-position:  0     -30px; }
#menu02 a:hover { background-position: -138px -30px; }
#menu03 a:hover { background-position: -276px -30px; }
#menu04 a:hover { background-position: -414px -30px; }
#menu05 a:hover { background-position: -552px -30px; }
#menu06 a:hover { background-position: -690px -30px; }


/*　メイン　*/
#flash{
	margin:0 auto;
	padding:0;
	background-color:#D1DFE0;
}
#container :after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#container {
	clear:both;
	/*width: 800px;*/
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
#mainContent:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#mainContent {
	clear:both;
	width:810px;
	margin:0 auto;
	padding:0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	background:url(../images/bg.gif);
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
#main{
	width:810px;
	clear:both;
	margin:0px 0 0 0;
	padding:10px 0 0 0;
	background:#FFFFFF;
}
#primary{
	width:590px;
	float:left;
	margin:10px 10px 0px 0;
	text-align:left;
}

#kensaku:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#kensaku{
	margin:10px 0;
	padding:0;
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/

}
#kensaku img{
	vertical-align:middle;
}
.kensaku{
	border-left:1px solid #6599AF;
	border-bottom:1px solid #6599AF;
	border-right:1px solid #6599AF;
	padding:5px 5px 2px 5px;
}
.kensaku_box{
	border:1px solid #CCCCCC;
	padding:5px;
	margin:10px;
}
.leftbox:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.leftbox{
	float:left;
	width:278px;
	padding:0px 10px 2px 2px;
/*	border-top:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
	border-bottom:1px dotted #999999;*/
	line-height:130%;
	margin-top:0;
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

.rightbox2:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.rightbox2{
	float:right;
	text-align:left;
	width:281px;
	padding:0px 2px 2px 2px;
	border-left:1px solid #CCCCCC;
	line-height:130%;
/*	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #999999;
	border-right:1px dotted #CCCCCC;*/
	margin-top:0;
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.right{
	text-align:right;
	margin:0px;
}

.center{
	text-align:center;
}

#pageup{
	clear:both;
	width:810px;
	margin:0 auto;
	padding:0 ;
/*	background:url(/2012/uploads/images/13/bg.gif) repeat-y;*/
	text-align:center;
	font-size:x-small;
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.larger{
	font-size:larger;
}

.section{
	margin:0;
	margin-left:15px;
	padding:0;
}

.news{
	margin:5px 0;
	padding:5px;
	width:570px;
	border:5px solid #E3E3E3;
}

.mojicolor{
	color:#CC0000;
}

#primary h1{
	clear:both;
	background:#000066 url(../images/h1.jpg) no-repeat;
	height:22px;
	text-align:left;
	padding:7px 5px 2px 15px;
	font-size:110%;
	font-weight:bold;
	color:#333333;
	color:#FFFFFF;
	margin:10px 0;
}
#primary h1 a{
	color:#003366;
}
#primary h1 a:hover{
	color:#004D99;
	text-decoration:underline;
}

#primary h2{
	clear:both;
	margin:0;
	color:#FFFFFF;
	height:20px;
	background:#000066 url(../images/bar.jpg) no-repeat;
	font-weight:bold;
	font-size:110%;
	line-height:120%;
	padding:7px 0 2px 20px;
	border:none;
}
#primary h2 a{
	color:#333333;
	color:#003366;
}
#primary h2 a:hover{
	color:#004D99;
	text-decoration:underline;
}
#primary h3{
	margin:0;
	color:#000044;
	height:18px;
	font-size:106%;
	line-height:100%;
	padding:8px 0 0 8px;
/*	border:1px solid #003366;
	border-left:5px solid #003366;
	border-bottom:1px solid #003366;
	background-color:#99CCFF;*/
	background: #99CCFF url(../images/h1_2.jpg) no-repeat;
/*	border-left:4px solid #000064;*/
	border-bottom:1px solid #000064;
	margin-bottom:5px;
}
#primary h3 a{
	color:#003366;
}
#primary h3 a:hover{
	color:#004D99;
	text-decoration:underline;
}

.text{
	float: right;
	font-size: 70%;
	font-weight: normal;
	margin:0px 3px 0 0;
	padding:0;
}
*:first-child+html .text{
	margin:-16px 3px 0 0;
}
*html body .text{
	margin:-16px 3px 0 0;
}

.point{
	padding:7px;
	border:1px solid #CC0000;
	margin:20px;
}
div .float:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

div .float{
	clear:both;
	margin:0;
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/

}
.float_left{
	float:left;
	padding:0 3px;
}
.left:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.left{
	float:left;
	width:281px;
	padding:3px 10px 3px 2px;
	border-top:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
	border-bottom:1px dotted #999999;
	margin-top:0;
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	font-size:86%;
	line-height:140%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.left2{
	float:left;
	width:190px;
	padding:3px 3px 3px 3px;
	border-bottom:1px dotted #FF9900;
	border-left:1px dotted #FF9900;
	border-top:1px dotted #FF9900;
	margin-top:0;
/*	background-color:#FAFAFA;*/
}
.right2{
	float:right;
	width:190px;
	padding:3px 0px 3px 3px;
	border:1px dotted #FF9900;
	margin-top:0;
/*	background-color:#FAFAFA;*/
}

.rightbox:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.rightbox{
	float:right;
	text-align:left;
	width:281px;
	padding:3px 2px 3px 10px;
	border-top:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
	border-bottom:1px dotted #999999;
	border-right:1px dotted #CCCCCC;
	font-size:86%;
	margin-top:0;
	_height:1px; 　/*ここから追加*/
	min-height:1px;
	line-height:140%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.phot_left2{
	float:left;
	margin:5px 15px 5px 0;
}
#flow{
	margin:10px 0;
}
#flow th{
	width:160px;
	padding:18px 0px 10px 0;
	border:none;
	text-align:center;
	background:url(../images/step_b.jpg) no-repeat;
	color: #000044;
	font-size:160%;
	vertical-align:top;
}
#flow td{
	width:420px;
	padding:5px 0 10px 5px;
	text-align:left;
}
/* 右メニュー　*/

#secondary{
	width:200px;
	float:right;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
}

#secondary img{
	margin:0;
	margin-bottom:5px;
}
#secondary ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:2px;
}
#secondary li a{
	display:block;
	line-height:170%;
	border-bottom:1px dotted #CCCCCC;
	width:196px;
	text-align:left;
	text-indent:20px;
	background-image:url(../images/ya1.gif);
	background-repeat:no-repeat;
}
#secondary li a:hover{
	background-image:url(../images/ya3.gif);
	background-repeat:no-repeat;
}

.smaller{
	font-size:smaller;
}
.margin_top5{
	margin-top:5px;
}


/*　IDパス　*/
#header form{
margin:0;
}

.idpass_bottom{
	background:url(/pre2013/uploads/images/top/login-btm.gif) top center no-repeat;
	height:10px;
	margin:0;
	margin-bottom:5px;
	text-align:center;
}
.id_pass{
	width:190px;
  	margin:0;
	/*margin-bottom:10px;*/
	padding:5px 5px 0 5px;
/*	border-left:1px solid #FFAA55;
	border-right:1px solid #FFAA55;*/
	text-align:center;
	background:url(/pre2013/uploads/images/top/login-top.gif) top center no-repeat;
	font-size:smaller;
}

.id pass img{
	margin:5px 0 0 0;
}
.id pass a:hover img{
	border:none;
	opacity:0.60;
	filter: alpha(opacity=60);
}

.id_pass input.mglf-loginid, .id_pass input.mglf-password{
width:120px;
height:12px;
margin:5px 5px 0 5px;
vertical-align:middle;
}

.secondary form{
	margin:0;
}
.login_b{
	margin:0;
	margin-top:10px;
	clear:both;
	vertical-align:bottom;
/*	height:22px;*/
}
.login_b a:hover img{
	border:none;
	opacity:0.60;
	filter: alpha(opacity=60);
}
.button_submit{
	margin:0;
	margin-top:10px;
	clear:both;
	vertical-align:bottom;
	height:22px;
}
.button_submit a:hover img{
	border:none;
	opacity:0.60;
	filter: alpha(opacity=60);
}
.id_pass p{
	clear:both;
	background:none;
	margin:0;
	line-height:120%;
	vertical-align:middle;
}

.id_pass div{
	clear:both;
	background:none;
	margin:5px 5px 2px 5px;
	vertical-align:middle;
	line-height:124%;
}
.futoji{
	font-weight:bold;
}
.x-small{
	font-size:smaller;
}
/*　フッタ　*/

#footer {
	clear:both;
	margin:0;
	/*margin-top:10px;*/
	padding: 0;
	background:#ECF0F4;
	background-image:url(../images/footer.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:100%;
}
#footer a{
	color:#333333;
}
#footer div{
	width:810px;
	margin:0 auto;
	padding:15px 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
	text-align:center;
}

address{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
	text-align:center;
	font-size:x-small;
	line-height:130%;
	color:#666666;
}
.oomoji{
	font-size:larger;
	font-weight:bold
}
.black{
	color:#333333;
}


#toplogo1{
	width:192px;
	margin:0 0 0 5px;
}
#toplogo1 img{
	margin-right:2px;
	margin-top:2px;

}
.sax{
	color:saxbule;
}