@charset "euc-jp";

/* -------------------------------
	LAYOUT BOX
------------------------------- */
/* -------------------------------
	HEAD BOX
------------------------------- */
div#head {
	width: 100%;
	background-image: url(../images/cmn_bg01-campaign.gif);
	background-repeat: repeat-x;
}
div#head div#head_inner {
	width: 900px;
/*	height: 108px;
*/	height: 128px;
	position: relative;
	margin: 0px auto;
	font-size: 11px;
	overflow: hidden;
}
div#head h1.hd-ttl01 {
	width: 281px;
	height: 57px;
	text-indent: -9999px;
	background-image: url(../images/cmn_lg01.gif);
	background-repeat: no-repeat;
	position: absolute;
/*	top: 13px;
*/	top: 21px;
	left: 0px;
	font-size: 1px;
}
div#head h1.hd-ttl01 a {
	width: 100%;
	height: 100%;
	display: block;
}
/*バナー*/
div#head .hd-campaign {
	position: absolute;
	top: 11px;
	right: 82px;
}
/*so-netロゴ*/
div#head .hd-logo {
	position: absolute;
	top: 11px;
	right: 3px;
}
/*小メニュー*/
div#head ol.hd-mnu-A {
	position: absolute;
/*	top: 60px;
*/	top: 78px;
	right: 3px;
	list-style-type: none;
}
div#head ol.hd-mnu-A li {
	display: inline;
	background-image: url(../images/cmn_arw01.gif);
	background-repeat: no-repeat;
	background-position: 30px -2px;
	padding: 0px 0px 0px 45px;
	height: 20px;
	line-height: normal;
}
.hd-mnu-A a:link, .hd-mnu-A a:visited, .hd-mnu-A a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.hd-mnu-A a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*サイトナビ*/
div#head ol.hd-mnu-B {
	width: 900px;
	height: 16px;
	position: absolute;
/*	top: 80px;
*/	top: 100px;
	left: 0px;
	list-style-type: none;
	background-image: url(../images/cmn_bg02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div#head ol.hd-mnu-B li {
	height: 16px;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	top: 0px;
}
.hd-mnu-B01, .hd-mnu-B01-on {
	background-image: url(../images/cmn_mnu-hd01-new.gif);
	left: 14px;
	width: 53px;
}
.hd-mnu-B02, .hd-mnu-B02-on {
	background-image: url(../images/cmn_mnu-hd02-new.gif);
	left: 99px;
	width: 84px;
}
.hd-mnu-B03, .hd-mnu-B03-on {
	background-image: url(../images/cmn_mnu-hd03-new.gif);
	left: 215px;
	width: 84px;
}
.hd-mnu-B04, .hd-mnu-B04-on {
	background-image: url(../images/cmn_mnu-hd04-new.gif);
	left: 330px;
	width: 59px;
}
.hd-mnu-B05, .hd-mnu-B05-on {
	background-image: url(../images/cmn_mnu-hd05-new.gif);
	left: 420px;
	width: 34px;
}
.hd-mnu-B06, .hd-mnu-B06-on {
	background-image: url(../images/cmn_mnu-hd06-new.gif);
	left: 484px;
	width: 85px;
}
.hd-mnu-B07, .hd-mnu-B07-on {
	background-image: url(../images/cmn_mnu-hd07-new.gif);
	left: 599px;
	width: 114px;
}
.hd-mnu-B08, .hd-mnu-B08-on {
	background-image: url(../images/cmn_mnu-hd08-new.gif);
	left: 740px;
	width: 62px;
}
.hd-mnu-B09, .hd-mnu-B09-on {
	background-image: url(../images/cmn_mnu-hd09-new.gif);
	left: 832px;
	width: 47px;
}

div#head ol.hd-mnu-B li a {
	display: block;
	height: 16px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left top;
}
.hd-mnu-B01 a:link, .hd-mnu-B01 a:visited, .hd-mnu-B01 a:active {
	background-image: url(../images/cmn_mnu-hd01-new.gif);
}
.hd-mnu-B02 a:link, .hd-mnu-B02 a:visited, .hd-mnu-B02 a:active {
	background-image: url(../images/cmn_mnu-hd02-new.gif);
}
.hd-mnu-B03 a:link, .hd-mnu-B03 a:visited, .hd-mnu-B03 a:active {
	background-image: url(../images/cmn_mnu-hd03-new.gif);
}
.hd-mnu-B04 a:link, .hd-mnu-B04 a:visited, .hd-mnu-B04 a:active {
	background-image: url(../images/cmn_mnu-hd04-new.gif);
}
.hd-mnu-B05 a:link, .hd-mnu-B05 a:visited, .hd-mnu-B05 a:active {
	background-image: url(../images/cmn_mnu-hd05-new.gif);
}
.hd-mnu-B06 a:link, .hd-mnu-B06 a:visited, .hd-mnu-B06 a:active {
	background-image: url(../images/cmn_mnu-hd06-new.gif);
}
.hd-mnu-B07 a:link, .hd-mnu-B07 a:visited, .hd-mnu-B07 a:active {
	background-image: url(../images/cmn_mnu-hd07-new.gif);
}
.hd-mnu-B08 a:link, .hd-mnu-B08 a:visited, .hd-mnu-B08 a:active {
	background-image: url(../images/cmn_mnu-hd08-new.gif);
}
.hd-mnu-B09 a:link, .hd-mnu-B09 a:visited, .hd-mnu-B09 a:active {
	background-image: url(../images/cmn_mnu-hd09-new.gif);
}

div#head ol.hd-mnu-B li a:hover {
	background-image: none;
}

/* -------------------------------
	MAIN BOX
------------------------------- */
div#main {
	width: 900px;
	margin: 0px auto 10px;
	background-image: url(../images/cmn_bg03.gif);
	background-repeat: repeat-y;
	padding: 0px 0px 10px;
}
/* -------------------------------
	FOOT BOX
------------------------------- */
div#foot {
	width: 900px;
	margin: 0px auto;
	padding: 10px 0px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #FFFFFF;
	clear:both;
	color: #999999;
	line-height: 1.5em;
}
div#foot ol {
	overflow: hidden;
	padding: 0px 0px 10px;
}
div#foot li {
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0px 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	margin: 0px 10px 0px -10px;
}
div#foot p a {
	width: 292px;
	height: 12px;
	/*background-image: url(../images/cmn_img02.gif);*/
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 10px 0px 0px;
}

/* -------------------------------
	NAVI BOX
------------------------------- */
div#navi,
div#navi2 {
	width: 215px;
	float: right;
	text-align: center;
/*	padding: 0px 0px 10px;
*/}
div#navi p,
div#navi2 p {
	margin: 0px auto;
	padding: 0px 10px 10px;
}
div#navi div,
div#navi2 div {
	width: 193px;
	background-color: #FFFFFF;
	margin: 10px auto 0px;
	padding: 0px 0px 8px;
	border: 1px solid #e7e6e6;
}
div#navi div img,
div#navi2 div img {
	margin: 0px auto 10px;
}

.nv-ttl01 {
	margin: 0px auto 8px;
	font-size: 1.2em;
	line-height: normal;
	color: #d00e12;
}
.nv-txt01 {
	text-align: left;
}
.nv-txt02 {
	line-height: normal;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px;
	background-image: url(../images/cmn_arw02.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

input.nv-srch01 {
	margin: 0px auto 8px;
	width: 150px;
	height: 18px;
	line-height: normal;
}
input.nv-srch02 {
	margin: 0px auto 8px;
}

div#navi div#banner {
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	border: none;
}
div#navi div#banner li {
	list-style-type: none;
	margin: 10px auto 0px;
	line-height: 1px;
	display: block;
}
div#navi div#banner img {
	margin: 0;
}

/* -------------------------------
	CONTENT BOX
------------------------------- */
div#content,
div#content2 {
	width: 665px;
	float: left;
}
div#path {
	font-size: 11px;
	margin: 0px auto 10px;
}
div#back {
	text-align: right;
	clear: both;
	padding: 20px 0px 0px 0px;
}
.back2 {
	text-align: right;
	clear: both;
	padding: 20px 0px 0px 0px;
}
.section {
	clear: both;
	padding: 0px 0px 30px;
	width: 665px;
}
.section2 {
	clear: both;
	padding: 0px 0px 15px;
	margin: 0px 0px 15px;
	width: 665px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}