@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body {
	width:100%;
	text-align:center;
	background:#EFEFEF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}

img{
	border:0;	
}

table{
	border-collapse:collapse;
}

#clear_float{
	clear:both;
}

/* box --------------------------------------------------------------------------------*/
div#box{
	width:780px;
	margin:5px auto 5px auto;
	background:#FFF;
}

/* header -----------------------------------------------------------------------------*/
#box div.header{
	width:100%;
	margin-top:5px;
	text-align:left;
}
.header div.header_left{
	float:left;
	width:500px;
	height:130px;
}
.header div.header_right{
	float:left;
	width:280px;
	height:130px;
	text-align:right;
}
.header_right p{
	margin-top:2px;
	margin-right:2px;
}

/* header menu ------------------------------------------------------------------------*/
.header div.header_menu{
	width:100%;
	height:22px;
	margin-top:10px;
	border-bottom:4px solid #FF2D2D;
}
/* header menu 01 ----------------------------------------------------*/
.header_menu li.menu_01{
	float:left;
	list-style-type:none;
	margin-left:3px;
}
li.menu_01 a{
	display:block;
	width:93px;
	height:23px;
	background:url(skin_img/menu_01.jpg) no-repeat;
}
li.menu_01 a:hover{
	background:url(skin_img/menu_01_hover.jpg) no-repeat;
}
li.menu_01 a:hover img{
	visibility:hidden;
}
/* header menu 02 ----------------------------------------------------*/
.header_menu li.menu_02{
	float:left;
	list-style-type:none;
	margin-left:5px;
}
li.menu_02 a{
	display:block;
	width:93px;
	height:23px;
	background:url(skin_img/menu_02.jpg) no-repeat;
}
li.menu_02 a:hover{
	background:url(skin_img/menu_02_hover.jpg) no-repeat;
}
li.menu_02 a:hover img{
	visibility:hidden;
}
/* header menu 03 ----------------------------------------------------*/
.header_menu li.menu_03{
	float:left;
	list-style-type:none;
	margin-left:5px;
}
li.menu_03 a{
	display:block;
	width:93px;
	height:23px;
	background:url(skin_img/menu_03.jpg) no-repeat;
}
li.menu_03 a:hover{
	background:url(skin_img/menu_03_hover.jpg) no-repeat;
}
li.menu_03 a:hover img{
	visibility:hidden;
}
/* header menu 04 ----------------------------------------------------*/
.header_menu li.menu_04{
	float:left;
	list-style-type:none;
	margin-left:5px;
}
li.menu_04 a{
	display:block;
	width:93px;
	height:23px;
	background:url(skin_img/menu_04.jpg) no-repeat;
}
li.menu_04 a:hover{
	background:url(skin_img/menu_04_hover.jpg) no-repeat;
}
li.menu_04 a:hover img{
	visibility:hidden;
}
/* header menu 05 -----------------------------------------------------*/
.header_menu li.menu_05{
	float:left;
	list-style-type:none;
	margin-left:5px;
}
li.menu_05 a{
	display:block;
	width:93px;
	height:23px;
	background:url(skin_img/menu_05.jpg) no-repeat;
}
li.menu_05 a:hover{
	background:url(skin_img/menu_05_hover.jpg) no-repeat;
}
li.menu_05 a:hover img{
	visibility:hidden;
}

/* inbox -----------------------------------------------------------------------------*/
#box div.inbox{
	width:100%;
}
.inbox h2{
	margin-top:20px;
}
.inbox h3{
	margin-top:30px;
}
.inbox div.contentbox{
	width:700px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
div.contentbox p{
	letter-spacing:3px;
	line-height:140%;
}


/* infomation -----------------------------------------------------------------------------*/
#box div.infomation{
	width:100%;
}
.infomation div.info_title{
	width:100%;
	margin-top:15px;
	margin-left:10px;
	text-align:left;
}
.infomation div.infobox{
	width:760px;
	background:url(skin_img/infobox_top.jpg) no-repeat left top;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
.infobox div.infoinbox{
	width:760px;
	background:url(skin_img/infobox_bottom.jpg) no-repeat left bottom;
	padding-bottom:10px;
}
.infoinbox div.infobody{
	background:url(skin_img/infobox_middle.jpg) repeat-y;
	padding:5px 15px 15px 5px;
	text-align:left;
}
.infobody li{
	list-style-type:none;
	list-style-image:url(skin_img/info_icon.jpg);
	margin-top:10px;
	margin-left:30px;
}
















/* footer -----------------------------------------------------------------------------*/
#box div.footer{
	width:100%;
	margin-top:20px;
	text-align:left;
}
.footer div.footer_left{
	width:450px;
	float:left;	
	text-align:center;
}
.footer div.footer_right{
	width:320px;
	float:left;
	text-align:right;
}
