/* HTML属性 */

html
{
	height:100%;
}



/* ボディ属性 */

body
{
	margin:0px;
	padding:0px;
	font-family:'メイリオ', Meiryo, sans-serif, 'MS UI Gothic', 'ＭＳ Ｐゴシック';
	font-size:small;
	color:#333;
	line-height:1.5em;
	text-align:center;
	background:url(../imgs/common/bg_re_re.gif) top left repeat;
}

/* 背景 */

/* グラデーション部分・*/

#bg_g{
    position:relative;
	width:100%;
	height:344px;
	background:url(../imgs/common/bg_g_re.jpg) repeat-x;
	margin:0px auto;

}

/* グラデーション部分背景 */

#bg_g_body{
    position:relative;
	width:748px;
	background:url(../imgs/common/bg_g.jpg) left top no-repeat;
	margin:0px auto;
	padding:0px;

	
}

/* 背景・*/

#bg_re_body{
    position:relative;
    width:748px;
	background:url(../imgs/common/bg_re.gif) top center repeat-y;
	margin:0px auto;

}


/* 全体 */

#wrapper{
    width:740px;
	margin:0px auto;
	text-align:left;
}

/* リンク */
a
	{ color:#336666; }

a:hover
	{ color:#d00; }



/* ヘッダ */

#header{
    width:740px;
}

#header .logo{
  height:112px;
	background:url(../imgs/common/topimg.jpg) bottom left no-repeat;
	padding-top:10px;
	padding-left:30px;
}

#header .h_navi{
  width:720px;
	height:24px;
	margin:10px;
}

#h_navi{
    position:relative; top:0px; left:0px;
	float:left;
    width:720px;
	height:24px;
	overflow: hidden;
	list-style: none;
	text-decoration: none;
	background:url(../imgs/common/h_navi_bg2.gif) top left no-repeat;
}

#h_navi li a{
	position:absolute;
	float:left;
	height:24px;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
}
    
/* コンテンツ */  

#container{
    width:720px;
	margin:0px;
}

/* フッタ */ 

#footer{
    width:740px;
    clear:both;
	text-align:center;
	padding:10px 0px 20px;
	background-color:#CCDDDD;
}

#footer .f_menu{
    font-size:0.85em;
}    

.clear{
    clear:both;
}









/* index↓ */


#container .login_box{
    width:183px;
	height:186px;
	border:#336666 2px solid;
	background:url(../imgs/common/img02.jpg) top left no-repeat;
	padding-left:528px;
	padding-top:10px;
	padding-right:5px;
}

#container .login_box2{
  width:600px;
	height:250px;
	border:#336666 2px solid;
	padding: 50px;
	margin : 0 0 0 25;
}

#container .login_box #login_navi01{
    position:relative; top:0px; left:0px;
    width:180px;
	height:60px;
	overflow: hidden;
	list-style: none;
	text-decoration: none;
	background:url(../imgs/common/btn01.jpg) top left no-repeat;
}


#container .login_box #login_navi02{
    position:relative; top:0px; left:0px;
    width:180px;
	height:60px;
	overflow: hidden;
	list-style: none;
	text-decoration: none;
	background:url(../imgs/common/btn02.jpg) top left no-repeat;
}

#login_navi01 li a,#login_navi02 li a{
	position:absolute;
	height:60px;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
}

#container .login_box p.txt{
    margin:5px 0px 5px;
	font-size:10px;
	background:url(../imgs/common/mark01.gif) left 5px no-repeat;
	padding-left:25px;
}

#container .leftbox{
    width:500px;
	float:left;
	margin:10px 0px;
}

#container .leftbox p{
    font-size:0.9em;
	padding-top:10px;
	padding-bottom:20px;
}


#container .leftbox table.midori4box{
    margin:10px 0px;
}

table.midori4box td{
    padding-right:20px;
}

table.midori4box td.pn{
    padding-right:0px;
}

#container .rightbox{
  width:200px;
	float:right;
	margin:0px 0px;
}

#container .rightbox dl.topics{
    font-size:0.85em;
}

dl.topics dt{
    padding-top:5px;
}

dl.topics dd{
    padding-left:5px;
}