/* レイアウトの設定*/
body{
	margin:0px;
	padding:0px;
	background-image: url(../img/common/back.gif);
	background-repeat: repeat-x;
}
/* ラッパーの設定*/
#wrap{
	position:relative;
	width:800px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* ヘッダーの設定*/
#head{
	width:800px;
	height:85px;
	line-height:normal;
	vertical-align: middle;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: left;
}
/* の設定*/
#menu{
	width:800px;
	height:50px;
	text-align: left;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: left;
}
/*TOPメニューの設定*/
#menu_top{
	width:800px;
	height:44px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	float: left;
}

/* ログインの設定*/
#login{
	width:500px;
	text-align: left;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	clear: left;
	margin-right: 150px;
	margin-left: 150px;
	border: 1px none #666;
	margin-bottom: 30px;
	margin-top: 40px;
	background-color: #F5F5F5;
	font-size: 13px;
}

/* メインの設定*/
#main{
	width:640px;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	margin-right: 80px;
	margin-left: 80px;
	margin-bottom: 30px;
	margin-top: 20px;
	height: auto;
}

/* 見出しの設定*/
.box-midashi{
	width:640px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: auto;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	color: #333;
	clear: none;
}

/* コンテンツの設定*/
.box-contents{
	width:640px;
	height: auto;
	font-size: 13px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
}

#kaisatsu{
	width:600px;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	clear: left;
	margin-right: 100px;
	margin-left: 100px;
	margin-bottom: 30px;
	margin-top: 10px;
}

#haitou{
	width:710px;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	clear: left;
	margin-right: 45px;
	margin-left: 45px;
	margin-bottom: 30px;
	margin-top: 10px;
}

#info{
	width:440px;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	float: left;
	clear: left;
	margin-right: 150px;
	margin-left: 150px;
	border: 1px solid #999;
	margin-bottom: 60px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-top: 10px;
	margin-top: 0px;
}




/* フッターの設定*/
#foot{
	position:relative;
	width:100%;
	height:80px;
	clear:both;
	float: left;
}
/* グローバルメニューの設定*/

#menu1{
    float:left;
    width:200px;
    height:44px;
	text-indent:-9999px;
    background: url(../img/menu/menu_b01.gif) no-repeat;
}
#menu1 a{
    width:200px;
    height:44px;
    display:block;
}
#menu1 a:hover{
    background: url(../img/menu/menu_b02.gif) no-repeat;
}


#menu2{
    float:left;
    width:200px;
    height:44px;
	text-indent:-9999px;
    background: url(../img/menu/menu_b11.gif) no-repeat;
}
#menu2 a{
    width:200px;
    height:44px;
    display:block;
}
#menu2 a:hover{
    background: url(../img/menu/menu_b12.gif) no-repeat;
}


#menu3{
    float:left;
    width:200px;
    height:44px;
	text-indent:-9999px;
    background: url(../img/menu/menu_b21.gif) no-repeat;
}
#menu3 a{
    width:200px;
    height:44px;
    display:block;
}
#menu3 a:hover{
    background: url(../img/menu/menu_b22.gif) no-repeat;
}


#menu4{
    float:left;
    width:200px;
    height:44px;
	text-indent:-9999px;
    background: url(../img/menu/menu_b31.gif) no-repeat;
}
#menu4 a{
    width:200px;
    height:44px;
    display:block;
}
#menu4 a:hover{
    background: url(../img/menu/menu_b32.gif) no-repeat;
}


/* 右側に配置する画像*/
.img-right{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	clear: right;
}

/* 右側に配置する画像の回り込み解除*/
.clear-right{
	clear:right;
}

/* 左側に配置する画像*/
.img-left{
	float:left;
	margin-right:10px;
	margin-bottom:10px
}

/* 右側に配置する画像の回り込み解除*/
.clear-left{
	clear:left;
}