@charset "Shift_JIS";

p {  
	margin: 0px;
	padding: 0px;
}
h4 {  
	font-size: 16px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
.invisible {  
	visibility: hidden;
	color: #CCCCCC;
}
.clear{  
	clear:both;
}

/* ==================== LINK ==================== */
a:link {  
	color: #333333;
	text-decoration: none;
}
a:visited {  
	color: #999999;
	text-decoration: none;
}
a:hover,a:active {  
	color: #0361BB;
	text-decoration: underline;
}

.link-blue a:link {  
	color: #0361BB;
	text-decoration: underline;
}
.link-blue a:visited {  
	color: #0361BB;
	text-decoration: underline;
}
.link-blue a:hover,a:active {  
	color: #FF9900;
	text-decoration: underline;
}


body {  
	background-color: #CDDFF1;
	text-align: center;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#container {  
	font-size: 14px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height: 20px;
	color: #444444;
	background-image : url(../kyosai/cont_back01.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	width: 886px;
	margin-right: auto;
	margin-left: auto;
}

/* ==================== HEADER ==================== */
#head {  
	background-image : url(../kyosai/head_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	margin: 0px;
	padding: 0px 23px;
	height: 135px;
}
#head h1 {  
	margin: 0px;
	padding: 26px 0px 0px 0px;
	float: left;
}
#head-nav {  
	margin: 0px;
	padding: 0px;
	width: 635px;
	text-align: right;
	float: right;
	font-size: 8px;
	line-height: 10px;
}
#head-2nd {  
	background-image : url(../kyosai/head_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	margin: 0px;
	padding: 0px 23px;
	height: 75px;
}
#head-2nd h1 {  
	margin: 0px;
	padding: 26px 0px 0px 0px;
	float: left;
}

/* ==================== HEAD NAV ==================== */
#materials span {  
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
#materials a {  
	background-image : url(../kyosai/btn_materials.gif);
	background-position: left top;
	display: block;
	height: 30px;
	width: 140px;
	margin-bottom: 18px;
	float: right;
	text-decoration: none;
}
#materials a:hover {  
	background-position: right;
}

#head-nav ul {  
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#head-nav li {  
	text-decoration: none;
	float: right;
}
#head-nav li span {  
	visibility: hidden;
}
#head-nav li a {  
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 0px;
	margin: 0px;
}
#head-nav li a:hover {  
	background-position: left bottom;
}
#head-nav li.shop a {  
	background-image : url(../kyosai/btn_shop.gif);
	height: 12px;
	width: 79px;
}
#head-nav li.compliance a {  
	background-image : url(../kyosai/btn_compliance.gif);
	height: 12px;
	width: 97px;
}
#head-nav li.privacy a {  
	background-image : url(../kyosai/btn_privacy.gif);
	height: 12px;
	width: 119px;
}
#head-nav li.disclosure a {  
	background-image : url(../kyosai/btn_disclosure.gif);
	height: 12px;
	width: 106px;
}
#head-nav li.spread a {  
	background-image : url(../kyosai/btn_spread.gif);
	height: 12px;
	width: 80px;
}
#head-nav li.contact a {  
	background-image : url(../kyosai/btn_contact.gif);
	height: 12px;
	width: 79px;
}
#head-nav li.sitemap a {  
	background-image : url(../kyosai/btn_sitemap.gif);
	height: 12px;
	width: 62px;
}


/* ==================== TOP NAV ==================== */
#top-nav ul {  
	display: block;
	list-style-type: none;
	font-size: 8px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
#top-nav li {  
	display: block;
	text-decoration: none;
	float: left;
}
#top-nav li span {  
	visibility: hidden;
}
#top-nav li a {  
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
	margin: 0px;
}
#top-nav li a:hover {  
	background-position: left bottom;
}
#top-nav li.toppage a {  
	background-image : url(../kyosai/btn_top.jpg);
	height: 45px;
	width: 106px;
}
#top-nav li.mutual a {  
	background-image : url(../kyosai/btn_mutual.jpg);
	height: 45px;
	width: 105px;
}
#top-nav li.bridal a {  
	background-image : url(../kyosai/btn_bridal.jpg);
	height: 45px;
	width: 105px;
}
#top-nav li.photo a {  
	background-image : url(../kyosai/btn_photo.jpg);
	height: 45px;
	width: 105px;
}
#top-nav li.kimono a {  
	background-image : url(../kyosai/btn_furisode.jpg);
	height: 45px;
	width: 105px;
}
#top-nav li.other a {  
	background-image : url(../kyosai/btn_other.jpg);
	height: 45px;
	width: 105px;
}
#top-nav li.menswear a {  
	background-image : url(../kyosai/btn_menswear.jpg);
	height: 45px;
	width: 105px;
}
#top-nav li.house a {  
	background-image : url(../kyosai/btn_house.jpg);
	height: 45px;
	width: 104px;
}

/* ==================== TOP NAV ACTIVE ==================== */
#top-nav li.mutual-act {  
	background-image : url(../kyosai/btn_mutual.jpg);
	height: 45px;
	width: 105px;
	background-position: bottom;
}
#top-nav li.bridal-act {  
	background-image : url(../kyosai/btn_bridal.jpg);
	height: 45px;
	width: 105px;
	background-position: bottom;
}
#top-nav li.photo-act {  
	background-image : url(../kyosai/btn_photo.jpg);
	height: 45px;
	width: 105px;
	background-position: bottom;
}
#top-nav li.kimono-act {  
	background-image : url(../kyosai/btn_furisode.jpg);
	height: 45px;
	width: 105px;
	background-position: bottom;
}
#top-nav li.other-act {  
	background-image : url(../kyosai/btn_other.jpg);
	height: 45px;
	width: 105px;
	background-position: bottom;
}
#top-nav li.menswear-act {  
	background-image : url(../kyosai/btn_menswear.jpg);
	height: 45px;
	width: 105px;
	background-position: bottom;
}
#top-nav li.house-act {  
	background-image : url(../kyosai/btn_house.jpg);
	height: 45px;
	width: 104px;
	background-position: bottom;
}



/* ==================== CONTENTS ==================== */
#contents {  
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 23px 0px 23px;
}
#cont-btm img {  
	margin: 0px;
	padding: 0px;
}

/* ==================== FOOTER ==================== */
#foot {  
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	background-image : url(../kyosai/foot_back.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 23px;
}
#foot dl {  
	margin: 0px;
	padding: 0px;
	height: 60px;
}
#foot dt {  
	margin: 0px;
	padding: 0px;
	float: left;
}
#foot dd {  
	color: #FFFFFF;
	padding-left: 120px;
	padding-top: 5px;
}
#page-top span {  
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
#page-top a {  
	background-image : url(../kyosai/btn_pagetop.gif);
	background-position: left top;
	display: block;
	height: 25px;
	width: 120px;
	float: right;
	text-decoration: none;
}
#page-top a:hover {  
	background-position: right;
}
.text10px {  
	font-size: 10px;
}
.text12px {  
	font-size: 12px;
	line-height: 18px;
}
.text14px {  
	font-size: 14px;
}
.text16px {  
	font-size: 16px;
}
.text18px {  
	font-size: 18px;
}

.text-blue {  
	color: #0361BB;
}
.text-red {  
	color: #CC0000;
}
.text-orange {  
	color: #FF9900;
}
.text-purple {  
	color: #9C4998;
}
.text-brown {  
	color: #80582E;
}
.text-pink {  
	color: #FF6E9B;
}
.text-green {  
	color: #4F9E30;
}
.text_beige {  
	color: #F6EDDB;
}
.text-444 {  
	color: #444444;
}
.text-666 {  
	color: #666666;
}
.text-999 {  
	color: #999999;
}

/* ==================== SPACER ==================== */
.margin-top05px {  
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
.margin-top20px {  
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
.margin-btm05px {  
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.margin-btm10px {  
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.margin-btm15px {  
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
.margin-btm20px {  
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.margin-btm30px {  
	padding: 0px;
	margin: 0px 0px 30px 0px;
}
.margin-left30px {  
	padding: 0px;
	margin: 0px 0px 0px 30px;
}
.margin-left35px {  
	margin-left: 35px;
}
.margin-right05pix {  
	margin-right: 5px;
}
.margin-right20pix {  
	margin-right: 20px;
}
.margin-right30pix {  
	margin-right: 30px;
}
.margin-side05px {  
	margin-right: 5px;
	margin-left: 5px;
}
.margin-side06px {  
	margin-right: 6px;
	margin-left: 6px;
}
.margin-side07px {  
	margin-right: 7px;
	margin-left: 7px;
}
.margin-side15px15px {  
	margin-right: 15px;
	margin-left: 15px;
}
.padding-right14pix {  
	padding-right: 14px;
}
.space05px {  
	height: 5px;
}
.space10px {  
	height: 10px;
}
.space15px {  
	height: 15px;
}
.space20px {  
	height: 20px;
}
.space30px {  
	height: 30px;
}
.space40px {  
	height: 40px;
}
.space10px-clear {  
	height: 10px;
	clear:both;
}
.space20px-clear {  
	height: 20px;
	clear:both;
}

/* ==================== FLOAT ==================== */
.float-left {  
	float: left;
}
.float-right {  
	float: right;
}

/* ==================== BOX ==================== */
.box {  
	clear: both;
}
.box300-left {  
	float: left;
	width: 300px;
}
.box300-right {  
	float: right;
	width: 300px;
}

/* ==================== LINE ==================== */
.top-dotline {  
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
.btm-dotline {  
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
}
.btm-dotline-s {  
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
	clear: both;
}
img.photo-right {  
	float: right;
	padding: 0px 0px 0px 15px;
        display: block; 
}
img.photo-left {  
	float: left;
	padding: 0px 15px 0px 0px;
        display: block; 
}
.color-blue {  
	color: #FFFFFF;
	background-color: #3366cc;
}
.color-purple {  
	background-color: #e6e6ff;
}
.color-skyblue {  
	background-color: #d8efff;
}
.color-green {  
	background-color: #E4F7E7;
}
.color-darkgreen {  
	color: #FFFFFF;
	background-color: #00783C;
}
.color-darkred {  
	color: #FFFFFF;
	background-color: #A63B33;
}
.color-lightred {  
	background-color: #EFD9D1;
}
.color-pink {
	background-color: #FFEEF5;
}
.align-btm {  
	vertical-align: bottom;
}
.align-top {  
	vertical-align: top;
}