@charset "utf-8";
/* CSS Document */

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* clearfix */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


h1 {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	float: right;
}
#flash {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 426px;
}
#top {
	background-image: url(images/top_button.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right: 4px;
}
#mark {
	background-image: url(images/mark_button.jpg);
	background-repeat: no-repeat;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
#link {
	background-image: url(images/link_button.jpg);
	background-repeat: no-repeat;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
#otoiawase {
	background-image: url(images/otoiawase_button.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#start {
	background-image: url(images/hajimeni_button.jpg);
	background-repeat: no-repeat;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}



a {
	color: #003333;
}
a:hover {
	color: #006666;
}
#wrapper {
	padding: 0px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
}
#banner {
	background: #ff9bc6;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
#content {
	clear: both;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 0px;
}

#content-header {
	font-size: 12px;
	font-weight: normal;
	clear: both;
	margin: 3px 18px;
	padding: 0px;
}

#content3 {
	clear: both;
	margin-bottom: 5px;
	padding: 0px;
}
#content2 {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#content4 {
	clear: both;
	margin: 0px 0px 20px;
	padding: 0px;
}

.halfbox {
	width: 400px;
	background: url(images/box-bottom.gif) no-repeat center bottom;
	float: left;
	height: 457px;
	margin-top: 5px;
	margin-right: 10px;
	_margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 10px;
	_margin-left:8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 46px;
	padding-left: 0px;
}

.halfbox-inner {
	margin: 0px;
	padding: 0px;
	background: url(images/box-body.gif) repeat-y;
	height: 445px;
}

.box-content {
	margin: 0px;
	padding: 35px 0px 0px;
}

.box-body {
	margin: 0px 28px 0px 20px;
	padding: 0px;
}

.box {
	width: 820px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 46px;
	padding-left: 0px;
	background-image: url(images/box-bottom2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto
}

.box-inner {
	margin: 0px;
	padding: 0px;
	background-image: url(images/box-body2.gif);
	background-repeat: repeat-y;
	height: auto
}

.box-content2 {
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.box-body2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 29px;
	margin-bottom: 0px;
	margin-left: 22px;
}

#profile-box { background: url(images/profile-header.gif) no-repeat center top; }

#kojin-box { background: url(images/kojin-header.gif) no-repeat center top; }

#mobile-box { background: url(images/mobile-header.gif) no-repeat center top; }

#footer {
	background-color: #ff9bc6;
	clear: both;
	font-style: normal;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 900px;
	margin: 0px;
}


#content5 {
	clear: both;
	margin: 0px 0px 20px;
	padding: 0px;
}
#content5 #banner{
	width: 820px;
	float: left;
	margin: 0 10px 20px 10px;
	padding: 0px;
	height:auto;
}