@charset "utf-8";

/*----------------------------------------------------------------

  Module Set

----------------------------------------------------------------*/
body {
	background: url(../images/common/head_bg01.png) repeat-x top #efefef;
}

/* #wrapper
----------------------------------------------------------- */
#wrapper {
}

/* #header
----------------------------------------------------------- */
#header {
	position: relative;
	z-index: 999;
}
.headerIn {
	min-width: 1240px;
	padding: 0 20px;
}
.headerArea01 {
	position: relative;
	height: 30px;
	z-index: 999;
}
.headerText {
	color: #fff;
	float: left;
	line-height: 30px;
}
.headerNavBox01 {
	position: absolute;
	right: 0;
}
#headerFontsize {
	position: relative;
	width: 190px;
	height: 30px;
	float: left;
}
#headerFontsize dt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#headerFontsize dd {
	position: absolute;
	top: 5px;
	z-index: 2;
}
.headerFontsize01 {
	left: 98px;
}
.headerFontsize02 {
	left: 123px;
}
.headerFontsize03 {
	left: 158px;
}
#headerFontsize dd a.textresizer-active {
	/*pointer-events: none;*/
	cursor: default;
	opacity:0;
	filter:alpha(opacity=0);
}
.headerNav {
	float: left;
}
.headerNav li {
	float: left;
	background: #fff;
}
.headerNav .pull {
	position: relative;
}
.headerNav .pullIn {
	display: none;
	position: absolute;
	width: 180px;
	left: 0;
	top: 30px;
	padding: 10px 0 10px 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	left: 0;
	background: #028cdd;
	z-index: 999;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99028cdd,EndColorStr=#99028cdd);
	background-color: rgba(2, 140, 221, 0.9);
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.headerNav .pull li {
	float: none;
	background: none;
}
.headerNav .pull li a {
	float: none;
	display: block;
	padding: 5px 0 5px 15px;
	background: url(../images/common/icon_arrow05.png) no-repeat left center;
	color: #fff;
	line-height: 1;
	text-decoration: none;
}
.headerNav .pull li a:hover {
	float: none;
	text-decoration: underline;
}
.headerArea02 {
	position: relative;
	height: 60px;
	z-index: 998;
}
.headrLogoBox01 {
	float: left;
}
#header .logo {
	position: absolute;
	left: 0;
	top: 12px;
}
#globalNav {
	position: absolute;
	left: 215px;
	top: 15px;
	width: 500px;
	height: 45px;
	background: url(../images/common/gnav_bg01.png) no-repeat left top;
}
#globalNav:before,#globalNav:after { content:""; display:table;}
#globalNav:after { clear:both;}
#globalNav { zoom:1;}
#globalNav li {
	float: left;
	position: relative;
}
#globalNav li a.current {
	pointer-events: none;
	cursor: default;
	opacity:0;
	filter:alpha(opacity=0);
}
#globalNav li ul {
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 999;
}
#globalNav li li {
	float: none;
	width: 200px;
	height: 50px;
	background: #F00;
}
#globalNav .pull {
	position: relative;
}
#globalNav .pullIn {
	display: none;
	position: absolute;
	width: 240px;
	padding: 10px 0 10px 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	top: 45px;
	left: 0;
	background: #028cdd;
	z-index: 999;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99028cdd,EndColorStr=#99028cdd);
	background-color: rgba(2, 140, 221, 0.9);
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
#globalNav .pullIn dl {
	float: left;
	margin: 0 10px 0 0;
	width: 230px;
}
#globalNav .pullIn dt {
	clear: both;
	color: #fff;
	border-bottom: 1px dotted #b8dff6;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
#globalNav .pullIn dd {
}
#globalNav .pullIn dd a {
	display: block;
	padding: 2px 0 2px 15px;
	background: url(../images/common/icon_arrow05.png) no-repeat left center;
	color: #fff;
	text-decoration: none;
}
#globalNav .pullIn dd a:hover {
	text-decoration: underline;
}
.headerCompanyBox01 {
	float: right;
	position: relative;
	margin: 10px 0 0 0;
	width: 360px;
	height: 44px;
}
.headerCompanyBox01 p {
	position: absolute;
}
.headerCompanyBox01 .tel {
	top: 0;
	left: 0;
}
.headerCompanyBox01 .fax {
	top: 0;
	right: 0;
}
.headerCompanyBox01 .text {
	bottom: 0;
	left: 0;
}
.headerCompanyBox01 .company {
	bottom: 0;
	right: 0;
}
.headerArea03 {
	width: 100%;
	margin: 5px 0 0 0;
	height: 65px;
	float: left;
}
.headerArea03:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .headerArea03 { height: 1%; }
.headerArea03 { display: block; }
.headerSearchBox01 {
	width: 100%;
	float: left;
}
.headerSearchBox01In {
	position: relative;
	height: 25px;
	/*width: 490px;
	margin: 13px 380px 0 215px;*/
	margin: 13px 380px 0 215px;
	padding: 5px;
	border: 1px solid #dadada;
	background: url(../images/common/header_search_bg01.png) repeat-x top;
}
.headerSearchBox01 form {
}
.headerSearchSelect {
	float: left;
	line-height: 1;
	margin: 0 10px 0 0;
	padding: 1px 10px 0 20px;
	background: url(../images/common/header_search_icon01.png) no-repeat left top;
	border-right: 1px dotted #000;
}
.headerSearchSelect select {
	border: none;
}
.headerSearchSelect select:focus {
	outline: none;
	border: 1px solid #dadada;
	margin: -1px;
}
.headerSearchText {
	overflow: hidden;
	margin: 3px 60px 0 0;
	padding: 0;
}
.headerSearchText input {
	display: block;
	width: 100%;
	border: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
.headerSearchText input[type=text] {
	border: none;
}
.headerSearchText input[type=text]:focus {
	outline: none;
}
.headerSearchBtn {
	position: absolute;
	top: 2px;
	right: 2px;
}
.headerUserBox01 {
	float: left;
	margin-left: -360px;
	width: 360px;
	height: 65px;
}
.headerCartBox01 {
	float: left;
	position: relative;
	margin: 0 0 0 0;
	width: 200px;
	height: 65px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	/*cursor: pointer;*/
}
.headerCartBox01 .cart {
	position: relative;
	width: 155px;
	height: 30px;
	top: 5px;
	left: 5px;
	padding: 0 0 0 35px;
	background: url(../images/common/header_login_icon03.png) no-repeat left top;
	font-size: 100%;
	line-height: 30px;
	letter-spacing: -1px;
	vertical-align: middle;
}
.headerCartBox01 .cart a {
	text-decoration: none;
	color: #000;
}
.headerCartBox01 .cart span {
	display: inline-block;
	color: #FF9900;
	margin: 0;
	padding: 3px 3px 0 3px;
	letter-spacing: -1px;
	line-height: 1;
	font-size: 140%;
}
.headerCartBox01 .price {
	position: relative;
	width: 155px;
	height: 30px;
	top: 0;
	left: 5px;
	padding: 0 0 0 35px;
	background: url(../images/common/header_login_icon02.png) no-repeat left top;
	font-size: 100%;
	letter-spacing: -1px;
	line-height: 30px;
	vertical-align: middle;
}
.headerCartBox01 .price span {
	display: inline-block;
	color: #FF9900;
	margin: 0;
	padding: 3px 3px 0 3px;
	line-height: 1;
	font-size: 140%;
}
.headerCartBox01 .cartIn {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 65px;
	background: #028cdd;
}
.headerCartBox01 .cartIn p {
	position: absolute;
	top: 15px;
	left: 25px;
	width: 150px;
	height: 35px;
	background: url(../images/common/cart_btn01_bg01.png) no-repeat center center;
}
.headrLoginBox01 {
	float: right;
	width: 154px;
	height: 65px;
	background: url(../images/common/header_login_text01.png) no-repeat center top;
	border-right: 1px solid #dadada;
	/*cursor: pointer;*/
}
.headrLoginBox01 .login {
}
.headrLoginBox01 .login a {
	position: relative;
	display: block;
	width: 154px;
	height: 65px;
	text-align: center;
}
.headrLoginBox01 .login a span {
	position: relative;
	top: 32px;
	display: inline-block;
	padding: 7px 10px 3px 30px;
	background: url(../images/common/header_login_icon01.png) no-repeat left top;
	font-size: 120%;
	line-height: 1.2;
	text-decoration: underline;
}
.headrLoginBox01 .loginUser {
	position: relative;
	display: block;
	width: 154px;
	height: 65px;
	text-align: center;
}
.headrLoginBox01 .loginUser span {
	position: relative;
	top: 32px;
	display: inline-block;
	padding: 7px 5px 3px 5px;
	font-size: 100%;
	line-height: 1.2;
	color: #558ecc;
}
/* #container
----------------------------------------------------------- */
#container:after {
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";
}
#container {
	float: left;
	width: 100%;
	background: url(../images/common/footer_bg01.png) repeat-x bottom;
	position: relative;
	z-index: 1;
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #container {	height: 1%;}
/* End hide from IE-mac */
#container { display: block;}
.pagetop {
	clear: both;
	text-align: right;
	padding: 0 5px;
}
.pagetop a {
	display: inline-block;
}
.headNews01 {
	padding: 7px 0;
	background: url(../images/common/header_news_bg01.png) repeat-x left top #fff;
	border-bottom: 1px solid #dadada;
}
.headNews01 p {
	width: 1100px;
	line-height: 1.2;
	text-align: center;
	margin: 0 auto;
}
.headNews01 p b {
	font-weight: bold;
}
/* #subArea
----------------------------------------------------------- */
.subListBox01 {
	width: 300px;
	margin: 0 0 20px 5px;
	background: url(../images/common/sub_box01_bg01.png) repeat-y;
	border-bottom: 1px solid #dadada;
}
.subListBox01bottom {
	clear: both;
	background: url(../images/common/sub_box01_bg02.png) no-repeat bottom;
	font-size: 1px;
	line-height: 1px;
	height: 10px;
}
.subListLink01 {
	padding: 10px;
	text-align: right;
}
.subListLink01 a {
	display: inline-block;
	padding: 0 0 0 13px;
	background: url(../images/common/icon_arrow01.png) no-repeat left center;
}
.subListBox01 h3 {
}
.subListBox01 .hl01 {
	width: 280px;
	height: 40px;
	padding: 0 10px;
	background: url(../images/common/sub_hl_bg01.png) no-repeat left top;
	line-height: 40px;
	color: #fff;
	font-size: 120%;
}
.subListBox01 .hl02 {
	width: 280px;
	height: 40px;
	padding: 0 10px;
	background: url(../images/common/sub_hl_bg02.png) no-repeat left top;
	line-height: 40px;
	color: #fff;
	font-size: 120%;
}
.subListBox01 ul,
.subListBox01 ol {
	margin: 0 1px;
	background: url(../images/common/sub_box01_bg03.png) repeat-x top;
}
.subListBox01 li {
	padding: 10px;
	border-bottom: 1px solid #dadada;
	word-break: break-all;
}
.subListBox01 li:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .subListBox01 li { height: 1%; }
.subListBox01 li { display: block; }
.subListBox01 .date {
	color: #FF9900;
	margin: 0;
	line-height: 1.2;
}
.subListBox01.menu ul ul {
	background: none;
}
.subListBox01.menu li {
	border: none;
	padding: 0;
}
.subListBox01.menu li p {
	border-bottom: 1px solid #dadada;
}
.subListBox01.menu li ul li p {
	background: #f7f7f7;
}
.subListBox01.menu li p a {
	display: block;
	padding: 10px 10px 10px 25px;
	background: url(../images/common/icon_arrow01.png) no-repeat 10px center;
	line-height: 1.2;
	font-size: 110%;
}
.subListBox01.menu li ul li p a {
	padding: 10px 10px 10px 40px;
	background: url(../images/common/icon_arrow02.png) no-repeat 25px center;
}
.subListBox01 .image {
	float: left;
}
.subListBox01 .rank {
}
.subListBox01 .thumbnail {
	width: 80px;
}
.subListBox01 .thumbnail img {
	width: 70px;
}
.subListBox01 .item {
	float: left;
	width: 198px;
}
.subListBox01 .title {
	margin: 0 0 5px 0;
	line-height: 1.2;
	font-size: 120%;
}
.subListBox01 .price {
	color: #FF9900;
	margin: 0 0 3px 0;
	line-height: 1.2;
	font-size: 140%;
}
.subListBox01 .text {
	float: right;
	width: 198px;
	margin: 0 0 5px 0;
	line-height: 1;
}
.subListBox01 .subDetailList01 {
}
.subListBox01 .subDetailList01 li {
	padding: 0;
	background: #FFC;
}
.subListBox01 .subDetailList01 p {
	padding: 0 10px 5px 10px;
}
.subListBox01 .subDetailList01 .icon img {
	margin: 0 4px 5px 0;
}
.subListBox01 .subDetailList01 label {
	cursor: pointer;
	display: block;
}
.subListBox01 .subDetailList01 .title {
	display: block;
	margin: 0;
	color: #028cdd;
	padding: 10px 10px 5px 30px;
}
.subListBox01 .subDetailList01 .title input {
	display: inline-block;
	margin: 0 5px 0 -20px;
}
.subListBox01 .subDetailList01 .title.type02 {
	position: relative;
	display: block;
	margin: 0;
	color: #028cdd;
	padding: 10px 10px 5px 30px;
}
.subListBox01 .subDetailList01 .title.type02 input {
	display: inline-block;
	margin: 0 5px 0 0;
	position: absolute;
	left: 10px;
	top: 20px;
}
.subListBox01 .subDetailList01 .title.type02 img {
	float: left;
	margin: 0 5px 5px 0;
}
.subListBox01 .subDetailList01 .price {
	font-size: 120%;
	display: block;
	margin: 0;
	color: #F30;
}
.subListBox01 .subDetailList01 .notes {
	text-align: right;
	background: #fff;
	padding: 5px 10px 5px 10px;
}
.subBanBox01 {
	margin: -5px 0 15px 0;
}
.subRankBox01 {
}
.subNewsBox01 .text {
	width: auto;
	float: none;
}
.subListBox01 .subIntocart {
	border-top: 1px solid #dadada;
	background: url(../images/common/box03_bg01.png) repeat-x top;
	margin: 0 1px;
	padding: 10px 0 0 0;
}
.subListBox01 .subIntocart .count {
	text-align: center;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #dedede;
}
.subListBox01 .subIntocart .totalPrice {
	padding: 10px 0 0 0;
	text-align: center;
}
.subListBox01 .subIntocart .totalPrice span {
	color: #F30;
}
.subListBox01 .subIntocart .totalPrice span b {
	font-size: 150%;
	font-weight: bold;
}
.subListBox01 .subIntocart .btn {
	text-align: center;
}
.subListBox01 .subCartcontents {
	margin: 0 1px;
	padding: 10px;
	background: url(../images/common/sub_box01_bg04.png) repeat-x top #FFC;
}
.subListBox01 .subCartcontents table th {
	padding: 5px 0;
	font-weight: normal;
}
.subListBox01 .subCartcontents table td {
	padding: 5px 0;
	text-align: right;
}

/* #extraArea
----------------------------------------------------------- */
.extraListBox01 {
	width: 210px;
	margin: 0 0 20px 0;
	background: url(../images/common/extra_box01_bg01.png) repeat-y;
	border-bottom: 1px solid #dadada;
}

.extraListBox01_1 {
	width: 210px;
	margin: 0;
	background: url(../images/common/extra_box01_bg01.png) repeat-y;
	border-bottom: 1px solid #dadada;
}

.extraListLink01bottom {
	clear: both;
	background: url(../images/common/extra_box01_bg02.png) no-repeat bottom;
	font-size: 1px;
	line-height: 1px;
	height: 10px;
}
.extraListLink01 {
	padding: 10px;
	text-align: right;
}
.extraListLink01 a {
	display: inline-block;
	padding: 0 0 0 13px;
	background: url(../images/common/icon_arrow01.png) no-repeat left center;
}
.extraListBox01 .hl01 {
	width: 210px;
	height: 40px;
	padding: 0 10px;
	background: url(../images/common/extra_hl_bg01.png) no-repeat left top;
	line-height: 40px;
	color: #fff;
	font-size: 120%;
}
.extraListBox01 .hl02 {
	width: 188px;
	margin: 0 1px;
	padding: 15px 10px;
	background: url(../images/common/extra_hl_bg02.png) repeat-x bottom;
	line-height: 1;
	font-size: 120%;
}
.extraListBox01 .hl03 {
	width: 190px;
	padding: 8px 10px 5px 10px;
	margin: 1px 0;
	background: url(../images/common/extra_hl_bg03.png) repeat-x top #018dda;
	line-height: 1;
	color: #fff;
	font-size: 110%;
}
.extraListBox01 .hl03 span {
	display: inline-block;
	margin: 0 3px 0 0;
}
.extraListBox01 h3 {
}
.extraListBox01 ul,
.extraListBox01 dl {
	margin: 0 1px;
	background: url(../images/common/extra_box01_bg03.png) repeat-x top;
}
.extraListBox01 li {
	padding: 10px;
	border-bottom: 1px solid #dadada;
	word-break: break-all;
}
.extraListBox01 li:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .extraListBox01 li { height: 1%; }
.extraListBox01 li { display: block; }
.extraListBox01 .date {
	color: #FF9900;
	margin: 0;
	line-height: 1.2;
}
.extraListBox01 .image {
	float: left;
}
.extraListBox01 .thumbnail {
	width: 80px;
	margin: 0 0 5px 0;
}
.extraListBox01 .thumbnail img {
	width: 70px;
}
.extraListBox01 .item {
	float: right;
	width: 108px;
}
.extraListBox01 .title {
	margin: 0 0 5px 0;
	line-height: 1.2;
	font-size: 110%;
}
.extraListBox01 .price {
	color: #FF9900;
	margin: 0;
	line-height: 1.2;
	font-size: 130%;
}
.extraListBox01 .text {
	clear: left;
	float: left;
	line-height: 1;
}
#extraNewsBox01 .text {
}
#extraCalendarBox01 {
}
.extraCalendar01 {
	background: #efefef;
	margin: 0 10px;
	color: #333;
}
.extraCalendarTitle {
	padding: 10px;
	background: url(../images/common/extra_calendar_bg01.png) repeat-x bottom #fff;
	text-align: center;
	font-size: 130%;
}
.extraCalendar01 table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #efefef;
}
.extraCalendar01 td {
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #efefef;
}
.extraCalendar01 td p {
	padding: 3px;
}
.extraCalendar01 td p.rest {
	background: #FFC0CB;
}
.extraCalendar01 td p.rest2 {
	background: #CCFF99;
}
.extraCalendar01 .sun {
	color: #FF9D9D;
}
.extraCalendar01 .sat {
	color: #3DA4DF;
}
.extraCalendarText span {
	color: #FFC0CB;
	text-align: right;
}
#extraCheckBox01 {
}
.extraCategoryBox01 dl {
	padding: 10px;
	border-bottom: 1px solid #dadada;
}
.extraCategoryBox01 dt {
	background: #f2f2f2;
	padding: 5px;
}
.extraCategoryBox01 dd {
	padding: 6px 0;
	border-bottom: 1px solid #f2f2f2;
	line-height: 1;
}
.extraCategoryBox01 dl dd:last-child {
	border: none;
}
.extraCategoryBox01 dd input {
	display: inline-block;
	margin: 0 5px;
}
.extraCategoryBox01 .btn {
	padding: 5px 0;
	border-bottom: 1px solid #dadada;
	word-break: break-all;
	text-align: center;
}
.extraListBox01 dd .tree,
.extraListBox01 dd .tree div {
	padding: 10px 0 0 10px;
	background: url(../images/common/icon_arrow06.png) no-repeat left 13px;
}
.extraListBox01 dd .tree {
}
.extraBan01 {
	padding: 0 0 10px 0;
}
.extraBan01 p {
	margin: 0 0 10px 0;
}

/* 20131112追加 */
.listToggle {
}
.listToggle img {
	display: none;
	cursor: pointer;
}
.listToggle img.open,
.listToggle.open img.close {
	display: block;
}
.listToggle.open img.open {
	display: none;
}
.keyBox01 {
	border: 1px solid #ddd;
}
.keyBox01 p {
}
.keyTitle {
	background: #ddd;
	padding: 5px 10px;
}
.keyBtn {
	padding: 7px;
}
.keyBtn input[type=text] {
	width: 165px;
	margin: 0 0 5px 0;
}
.keyBtn input[type=image] {
	margin: 0;
}
.keyBtn input[type=submit] {
	background: #333;
	color: #fff;
	font-size: 10px;
	border: none;
	padding: 3px 10px;
	cursor: pointer;
}
/* #pan
----------------------------------------------------------- */
#pan {
	clear: both;
	position: relative;
}
#pan ol {
	position: absolute;
	overflow: hidden;
	left: 5px;
	top: -30px;
	height: 30px;
}
#pan ol:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html #pan ol { height: 1%; }
#pan ol { display: block; }
#pan li {
	float: left;
	font-size: 90%;
	color: #333;
}
#pan li {
	line-height: 30px;
}

/* #footer
----------------------------------------------------------- */
#footer {
	clear: both;
	padding: 20px 20px 0 20px;
	background: url(../images/common/footer_bg03.png) repeat-x bottom #fff;
}
.footerIn {
	position: relative;
	margin: 0 auto;
}
.footerNavBox01 {
	margin: 0 0 10px 0;
}
.footerNavBox01:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .footerNavBox01 { height: 1%; }
.footerNavBox01 { display: block; }
.footerNavBox01 h3 {
	clear: both;
	background: #efefef;
	padding: 7px 10px 5px 10px;
	line-height: 1;
	color: #0C91DF;
	font-size: 120%;
}
.footerNavBox01 dl {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	background: url(../images/common/fnav_bg01.png) no-repeat 20px top;
}
.footerNavBox01 dl:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .footerNavBox01 dl { height: 1%; }
.footerNavBox01 dl { display: block; }
.footerNavBox01 dt {
	clear: left;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	color: #000;
	display:inline-block;
	white-space: normal;
	line-height: 1;
}
.footerNavBox01 dd {
	float: left;
	padding: 2px 0;
}
.footerNavBox01 dd a {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #ccc;
	display:inline-block;
	white-space: normal;
	line-height: 1;
}
/*.footerNavBox01 dl dt + dd a {
	border: none;
}*/
.footerMenuBox01 {
}
.footerMenuBox01 ul {
	clear: both;
	background: #efefef;
	padding: 5px 10px;
	line-height: 1;
	color: #0C91DF;
	text-align: center;
}
.footerMenuBox01 li {
	display: inline;
}
.footerMenuBox01 li a {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	border-left: 1px solid #ccc;
	display:inline-block;
	white-space: normal;
	line-height: 1;
}
.footerMenuBox01 li:first-child a {
	border: none;
}
.footerBtnBox01 {
	background: url(../images/common/footer_bg02.png) no-repeat center bottom;
}
.footerBtnBox01:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .footerBtnBox01 { height: 1%; }
.footerBtnBox01 { display: block; }
.footerBtnBox01 ul {
	padding: 10px 0 20px 0;
	text-align: center;
}
.footerBtnBox01 ul { position: relative; float: left; left: 50%;}
.footerBtnBox01 li { position: relative; float: left; left: -50%;}
.footerBtnBox01 li {
	margin: 0 5px;
}
.footerCompanyBox01 {
	clear: both;
	position: relative;
	margin: 0 auto 20px auto;
	width: 650px;
	height: 60px;
}
.footerCompanyBox01 p {
	position: absolute;
}
.footerCompanyBox01 .logo {
	left: 10px;
	top: 15px;
}
.footerCompanyBox01 .tel {
	left: 240px;
	top: 18px;
}
.footerCompanyBox01 .fax {
	left: 240px;
	top: 38px;
}
.footerCompanyBox01 .text {
	right: 10px;
	top: 35px;
}
.footerCompanyBox01 .company {
	right: 10px;
	top: 15px;
}
#footer .copy {
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}
/* .column3 可変
----------------------------------------------------------- */
.containerIn {
	min-width: 1240px;
	padding: 30px 20px 5px 20px;
}
#mainArea {
	float: left;
	width: 100%;
}
#contents {
	margin: 0 320px 0 225px;
}
#subArea {
	width: 310px;
	float: left;
	margin-left: -310px;
}
#extraArea {
	float: left;
	width: 210px;
	margin-left: -100%;
}
/* .column2 可変
----------------------------------------------------------- */
.column2 .headerIn {
	width: auto;
	min-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}
.column2 .containerIn {
	margin: 0 auto;
	width: auto;
	min-width: 1100px;
}
.column2 #container {
	margin: 0 auto;
	width: 100%;
	min-width: 1100px;
}
.column2 #mainArea {
	float: right;
	width: 100%;
}
.column2 #contents {
	width: auto;
	margin: 0 0 0 230px;
}
.column2 #subArea {
}
.column2 #extraArea {
	width: 210px;
	float: right;
	margin-right: -210px;
}
.column2 .footerIn {
	width: auto;
	min-width: 1100px;
}
/* 右固定は未使用
.column2 .headerIn {
	width: auto;
	min-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}
.column2 .containerIn {
	margin: 0 auto;
	width: auto;
	min-width: 1100px;
}
.column2 #container {
	margin: 0 auto;
	width: 100%;
	min-width: 1100px;
}
.column2 #mainArea {
	float: left;
	width: 100%;
}
.column2 #contents {
	width: auto;
	margin: 0 330px 0 0;
}
.column2 #subArea {
	width: 310px;
	float: left;
	margin-left: -310px;
}
.column2 #extraArea {
}
.column2 .footerIn {
	width: auto;
	min-width: 1100px;
}
*/
/* .column2 固定
----------------------------------------------------------- */
.column2.fix .headerIn {
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}
.column2.fix .containerIn {
	margin: 0 auto;
	width: 1100px;
	min-width: 1100px;
}
.column2.fix #container {
	margin: 0 auto;
	width: 100%;
	min-width: 1100px;
}
.column2.fix #mainArea {
	float: left;
	width: 100%;
}
.column2.fix #contents {
	width: 770px;
	margin: 0;
}
.column2.fix #subArea {
	width: 310px;
	float: left;
	margin-left: -310px;
}
.column2.fix #extraArea {
}
.column2.fix .footerIn {
	width: 1100px;
	min-width: 1100px;
}
#popup {
	background: none;
}
#popup #header {
	position: relative;
	overflow: hidden;
	height: 95px;
	background: url(../images/common/head_bg01.png) repeat-x top #efefef;
}
#popup #header .headerText {
	padding: 0 10px;
}
#popup .box01In {
	width: auto;
}
#popup #header .logo {
	position: absolute;
	top: 40px;
	left: 10px;
}
/* end */