@charset "utf-8"; 

/* CSS Document */

html {
	overflow-y: scroll;
} 

body {
	background: url("../img/bg_main_01.gif") repeat-x center top fixed #fff;
	color: #333;
	font-size: 1em;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* サイト用CSS */

#wrapper {
	text-align: center;
}

#header #header-logo,
#footer #footer-logo{
	width: 530px;
	float: left;
}

#header #header-navi,
#footer #footer-navi {
	width: 440px;
	float: right;
}

#container {
	width: 972px;
	background:url("../img/bg_box_01.png");repeat-y center top #e7f8ff;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#contents {
	width: 960px;
	margin: 0 auto;
}

#contents  #side-banner {
	width: 180px;
	height: 100px;
	float: right;
	margin-bottom: 10px;
	border: 3px solid #CCCCCC;
}

#container-bottom {
	background:url("../img/bg_boxbottom_01.png") no-repeat #e7f8ff;
	height: 5px;
	overflow: hidden;
}

/* サイト用CSS */

h1 {
	color: #fff;
	font-weight: bold;
}

#header #header-navi ul li {
	color: #fff;
	display:inline;
	list-style-type:none;
	border-right: 1px solid #fff;
	padding: 0 5px;
}

#header #header-navi a:link { color:#fff; text-decoration:none; }
#header #header-navi a:visited { color:#fff; text-decoration:none; }
#header #header-navi a:active { color:#fff; text-decoration:none; }
#header #header-navi a:hover { color:#fff; text-decoration:underline; }

#footer #footer-logo p {
	margin-left: 15px;
	color: #333;
	font-weight: bold;
}

#footer #footer-navi ul {
	margin-right: 15px;
}

#footer #footer-navi ul li {
	color: #333;
	display:inline;
	list-style-type:none;
	border-right: 1px solid #333;
	padding: 0 5px;
}

#footer #footer-navi a:link { color:#00F; text-decoration:underline; }
#footer #footer-navi a:visited { color:#00F; text-decoration:underline; }
#footer #footer-navi a:active { color:#00F; text-decoration:underline; }
#footer #footer-navi a:hover { color:#00F; text-decoration:none; }

#main1 #main1-box-left {
	width: 584px;
	float: left;
}

#main1 #main1-box-right {
	width: 376px;
	float: right;
}

#main2 .main2-box1 {
	margin: 0 auto;
}

#main2 .main2-box2 {
	width: 889px;
	margin: 0 auto;
	background:url("../img/bg_main2_01.gif") repeat-y;
}

#main2 .main2-box2-head {
	width: 889px;
	height: 9px;
	margin: 0 auto;
	background:url("../img/bg_main2_head_01.gif") no-repeat;
	overflow: hedden;
}

#main2 .main2-box2-bottom {
	width: 889px;
	height: 88px;
	margin: 0 auto;
	background:url("../img/bg_main2_bottom_01.gif") no-repeat;
}

#main2 .main2-box2 p {
	padding: 15px;
}

#main3 {
	width: 940px;
	margin: 0 auto;
}

#main3 .main3-box1 a {
	margin-right: 20px;
	background-color:#fff353;
}

#main3 .main3-box1-inner {
	background:url("../img/bg_main3_01.gif") bottom no-repeat;
	overflow: hidden;
}

#main3 .main3-box1-inner-bottom {
	height: 6px;
	background:url("../img/bg_main3_bottom_01.gif") top no-repeat;
}

#main3 .main3-box1-inner .main3-box1-inner-left {
	float: left;
	width: 372px;
	padding-left: 10px;
}

#main3 .main3-box1-inner .main3-box1-inner-right {
	float: right;
	width: 530px;
	padding-right: 20px;
}

#main3 .main3-box1-inner .main3-box1-inner-right p {
	padding-left: 10px;
}

#main3 .main3-box1-inner-none {
	width: 917px;
	margin: 0 auto;
}

#plan {
	width: 960px;
	margin: 40px auto 20px;
}

#plan .plan-box1-inner {
	width: 900px;
	margin: 0 auto 0;
}

#plan .plan-box1-inner .plan-box1-inner-1 {
	margin: 20px 0;
	float: left;
	width: 308px;
}

#plan .plan-box1-inner .plan-box1-inner-1 p {
	text-align: center;
}


#main4 {
	width: 930px;
	margin: 40px auto 20px;
}

#main4 .main4-box1-inner {
	border: 2px solid #ff7fc3;
}

#main4 .main4-box1-inner .main4-box1-inner-1 {
	margin: 20px 0;
	float: left;
	width: 308px;
}

#main4 .main4-box1-inner .main4-box1-inner-1 p {
	text-align: center;
}