html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url("../images/bg.jpg");
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	background-color: #FFFFFF;
}

/* パンくずリスト */
#breadcrumbs {
	margin: 10px 0 10px 20px;
	padding: 0;
	text-align: left;
	color: #0150BC;
	font: normal 12px "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	line-height: 18px;
}

/* ヘッダ */
#header {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 60px;
	background: url("../images/header_bg.jpg");
	border-bottom: 1px solid #CCCCCC;
}

#header p.logo {
	margin: 0;
	padding: 13px 0 0 5px;
	width:274px;
	text-align: left;
}

#logoBox {
	margin: 0;
	padding: 0;
	width: 284px;
	height: 42px;
	float: left;
}

#menuBox {
	margin: 10px 3px 0 0;
	padding: 0 0 0 0px;
	width: 400px;
	height: 40px;
	float: right;
}

#menuBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuBox li {
	float: left;
	display: block;
}

#menuBox a {
	display: block;
}

#menuBox span.li {
	display: none;
}

#subscription {
	background: transparent url(../images/menu.jpg) 0px 0px no-repeat;
	width: 98px;
	height: 40px;
}

#subscription:hover {
	background: transparent url(../images/menu.jpg) 0px -40px no-repeat;
}

#advertisement {
	background: transparent url(../images/menu.jpg) -98px 0px no-repeat;
	width: 83px;
	height: 40px;
}

#advertisement:hover {
	background: transparent url(../images/menu.jpg) -98px -40px no-repeat;
}

#search {
	background: transparent url(../images/menu.jpg) -181px 0px no-repeat;
	width: 84px;
	height: 40px;
}

#search:hover {
	background: transparent url(../images/menu.jpg) -181px -40px no-repeat;
}

#scholarship {
	background: transparent url(../images/menu.jpg) -265px 0px no-repeat;
	width: 75px;
	height: 40px;
}

#scholarship:hover {
	background: transparent url(../images/menu.jpg) -265px -40px no-repeat;
}

#recruit {
	background: transparent url(../images/menu.jpg) -340px 0px no-repeat;
	width: 60px;
	height: 40px;
}

#recruit:hover {
	background: transparent url(../images/menu.jpg) -340px -40px no-repeat;
}

#header p.menu {
	margin: 0;
	padding: 10px 0 0 0px;
	text-align: left;
}

#main {
	margin: 0;
	padding: 0;
	width: 700px;
}

/* メイン(上) */ 
#mainTop {
	margin: 3px 0 0 3px;
	padding: 0;
	width: 694px;
}

/* あなたの街の専売店 */
#searchBox {
	margin: 0;
	padding: 0;
	width: 459px;
/*	height: 320px;*/
	float: left;
}

#searchBox p.map {
	margin: 0;
	padding: 0;
	width: 459px;
	height: 317px;
}

/* ご購読 */
#subscriptionBox {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 184px;
	border: 1px solid #CCCCCC;
	border-top: 0;
	float: right;
}

.headerSubscription {
	margin: 0 0 3px 0;
	padding: 0;
	width: 230px;
	height: 22px;
	border-bottom: 1px solid #CCCCCC;
}

.subscriptionExp {
	margin: 5px 0 0 0;
	padding: 0;
	width: 230px;
	height: 155px;
}

/* バナー */
#bannerBox {
	margin: 3px 0 0 0;
	padding: 0;
	width: 232px;
	height: 133px;
	float: right;
}

.banner {
	margin: 0 0 3px 0;
	padding: 0;
	width: 232px;
	height: 63px;
}

/* メイン(下) */
#mainBottom {
	margin: 0px 0 0 3px;
	padding: 0;
	width: 694px;
	height: 175px;
	text-align:left;
}

.headerSub {
	margin: 0 0 3px 0;
	padding: 0;
	width: 230px;
	height: 22px;
	border-bottom: 1px solid #CCCCCC;
}

/* 折込広告 */
#adBox {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 180px;
	border: 1px solid #CCCCCC;
	float: left;
}

/* 奨学制度 */
#scholarshipBox {
	margin: 0 0 0 0px;
	padding: 0;
	width: 230px;
	height: 180px;
	border: 1px solid #CCCCCC;
	border-left: 0;
	float: left;
}

/* 採用情報 */
#recruitBox {
	margin: 0 0 0 0px;
	padding: 0;
	width: 230px;
	height: 180px;
	border: 1px solid #CCCCCC;
	border-left: 0;
	float: left;
}

p.explanation {
	margin:0;
	padding:3px 3px 3px 3px;
	font-size: 12px;
	color: #666666;
	text-align:left;
	text-indent:12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	line-height: 18px;
}

p.sum {
	margin: 5px 5px 0 3px;
	padding: 2px;
	width: 40px;
	height: 40px;
	float: left;
	border: 1px solid #B0DFFF;
}

/* フッタ */
#footer {
	margin: 10px 0 0 0;
	padding: 0;
	width: 350px
	height: 30px;
	border-top:1px solid #CCCCCC;
}

#footer2 {
	margin: 0;
	padding: 0;
	width: 350px
	height: 30px;
}

#footer2 p.copyright {
	margin: 12px 5px 0 0;
	padding: 0;
	width: 300px;
	height: 10px;
	background: url( "../images/copyright.gif" )  no-repeat;
	float: right;
}

#footer2 span {
	position: absolute;
	left: -1000px;
}

#footerBox {
	margin: 0;
	padding: 0;
	width: 350px;
	height: 30px;
	float: left;
}

#footerBox ul {
	margin: 0 0 0 3px;
	padding: 0;
	list-style-type: none;
}

#footerBox li {
	margin-top: 0;
	padding-top: 0;
	float: left;
	display: block;
}

#footerBox a {
	display: block;
	text-decoration: none;
}

#footerBox span.li {
/*	visibility: hidden;*/
	display: none;
}

/* サイトマップ */
#sitemap {
	background: transparent url(../images/footer_menu.jpg) 0px 0px no-repeat;
	width: 83px;
	height: 30px;
}

#sitemap:hover {
	background: transparent url(../images/footer_menu.jpg) 0px -30px no-repeat;
}

/* 利用規定 */
#regulation {
	background: transparent url(../images/footer_menu.jpg) -83px 0px no-repeat;
	width: 61px;
	height: 30px;
}

#regulation:hover {
	background: transparent url(../images/footer_menu.jpg) -83px -30px no-repeat;
}

/* 著作権 */
#copy {
	background: transparent url(../images/footer_menu.jpg) -144px 0px no-repeat;
	width: 51px;
	height: 30px;
}

#copy:hover {
	background: transparent url(../images/footer_menu.jpg) -144px -30px no-repeat;
}

/* プライバシーポリシー */
#privacy {
	background: transparent url(../images/footer_menu.jpg) -195px 0px no-repeat;
	width: 125px;
	height: 30px;
}

#privacy:hover {
	background: transparent url(../images/footer_menu.jpg) -195px -30px no-repeat;
}

/* セキュリティーポリシー */
#security {
	background: transparent url(../images/footer_menu.jpg) -320px 0px no-repeat;
	width: 124px;
	height: 30px;
}

#security:hover {
	background: transparent url(../images/footer_menu.jpg) -320px -30px no-repeat;
}

/* ご利用環境 */
#environment {
	background: transparent url(../images/footer_menu.jpg) -444px 0px no-repeat;
	width: 60px;
	height: 30px;
}

#environment:hover {
	background: transparent url(../images/footer_menu.jpg) -444px -30px no-repeat;
}


/* リンクポリシー */
#link {
	background: transparent url(../images/footer_menu.jpg) -444px 0px no-repeat;
	width: 93px;
	height: 30px;
}

#link:hover {
	background: transparent url(../images/footer_menu.jpg) -444px -30px no-repeat;
}

/* お問い合わせ */
#contact {
	background: transparent url(../images/footer_menu.jpg) -537px 0px no-repeat;
	width: 81px;
	height: 30px;
}

#contact:hover {
	background: transparent url(../images/footer_menu.jpg) -537px -30px no-repeat;
}

/* NSNとは */
#about {
	background: transparent url(../images/footer_menu.jpg) -618px 0px no-repeat;
	width: 65px;
	height: 30px;
}

#about:hover {
	background: transparent url(../images/footer_menu.jpg) -618px -30px no-repeat;
}

p.detail {
	margin: 0 5px 5px 0;
	padding:0;
	padding-right:5px;
	font-size: 10px;
	color: #FF0000;
	text-align:right;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
}

a:link{
	text-decoration:underline;
	color: #2471FF;
}

a:visited{
	text-decoration:underline;
	color: #2471FF;
}

a:hover{
	text-decoration:none;
	color: #2471FF;
}

.raquo {
	font-size: 10px;
	color: #FF0000;
	text-align:right;
	font-family: "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
}

p.go-top {
	margin: 0 5px 5px 0;
	padding:0;
	padding-right:5px;
	font-size: 10px;
	line-height: 14px;
	color: #FF0000;
	text-align:right;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	background: url(../images/go_top.gif) 570px 3px no-repeat;
}

#accesslog {
	display:none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */