@charset "UTF-8";
@import url(style.css);
@import url(common.css);
@import url(textsettings.css);


/* CSS Document */

body{
	background:url(../img/bg.jpg) repeat-x top center #ffffff;
	text-align:center;
	margin:0 auto;
}

#wrapper {
	background: transparent;
	width: 970px;
	margin: 0 auto;
}
#main {
	padding-left: 233px;
	margin-top: 0;
	margin-bottom: 0;
}

#maincontainer {
	background-image: url(../img/bg736.gif);
	background-position:100%;
	background-repeat: repeat-y;
	height: 100%;
	width: 737px;
	}
#contents {
	padding-right: 188px;
	background-image: url(../img/contents_headbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
 
#contentsmain {
	background-image: url(../img/contentmainbg.gif);
	background-repeat: repeat-y;
	padding-right: 25px;
	padding-left: 40px;
	text-align: left;
	}


	
/* サイドコンテンツ・サイドメニューは絶対配置 */
#sideboxkaiya {
	left:0pt;
	position:absolute;
	background-image: url(../img/kaiya.gif);
	background-position: 0px;
	background-repeat: no-repeat;
	top: 280px;
	width: 233px;
	height: 199px;
}


/* ---------------------------------------------------------------- *
	ヘッド部分
 * ---------------------------------------------------------------- */
.basiccp {
	clear:both;
	font-size:10px;
	height:24px;
	text-align:left;
	line-height: 18px;
}

#header {
	background-image:url(../img/head.gif);
	background-repeat:no-repeat;
	clear:both;
	text-align:left;
}

	

/* ---------------------------------------------------------------- *
	メインナビゲーション部分
 * ---------------------------------------------------------------- */

#navibox {
	width: 188px;
	height: 400px;
	/* Note：基準にしたい辺に値を与え，もう一方は auto*/
	top: 0px;
	text-align: left;
	background-image: url(../img/naviallbg.jpg);
	background-repeat: no-repeat;
	float: none;
	right: 0;
	position:absolute;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;

}

#navibox a:link {
	color: #FFFFFF;
}
#navibox a:visited  {
	color: #FFFFFF;
}
#navibox ul li {
	/* --- リストを消し、高さをとる --- */
    list-style-type: none;
	height:31px;
	margin: 0px;
}
 .navihead {
	height:44px;
	background-image: url(../img/navi01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}

/* --- リンク文字の位置設定 --- */

.navibox li a{
	background: transparent;
	padding-bottom: 9px;
	padding-left: 28px;
	padding-top: 5px;
	display:block;
	margin: 0px;
}
.navibox li a:hover {
	*height:31px;
	display: block;
	background-image: url(../img/navi_over.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

	/* --- IE6用タグ --- */
* html .navibox li a:hover {
	*height:0px;
	display: block;
	background-image: url(../img/navi_over.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

/* ---------------------------------------------------------------- *
	メインナビゲーション審美
 * ---------------------------------------------------------------- */

#naviboxshinbi {
	width: 188px;
	height: 470px;
	/* Note：基準にしたい辺に値を与え，もう一方は auto*/
	top: 0px;
	text-align: left;
	background-image: url(../../beauty/img/naviallbg.jpg);
	background-repeat: no-repeat;
	float: none;
	right: 0;
	position:absolute;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
}
#naviboxshinbi a:link {
	color: #FFFFFF;
}
#naviboxshinbi a:visited  {
	color: #FFFFFF;
}
#naviboxshinbi ul li {
	/* --- リストを消し、高さをとる --- */
    list-style-type: none;
	height:31px;
	margin: 0px;
}
.naviboxshinbi li a:hover {
	*height:31px;
	display: block;
	background-image: url(../img/navi_over.gif);
	background-repeat: no-repeat;
	margin: 0px;
}
.naviboxshinbi li a{
	background: transparent;
	padding-bottom: 9px;
	padding-left: 28px;
	padding-top: 5px;
	display:block;
	margin: 0px;
}
.naviboxshinbi li a.shinbion{
	*height:0px;
	background: transparent;
	padding-left: 45px;
}
.naviboxshinbi li a:hover.shinbion{
	*height:0px;
	background: transparent;
	padding-left: 45px;
}

	/* --- IE6用タグ --- */
* html .naviboxshinbi li a:hover {
	*height:0px;
	display: block;
	background-image: url(../img/navi_over.gif);
	background-repeat: no-repeat;
	margin: 0px;
}



	/* --- on状態の時セッティング --- */
.on {
	height:31px;
	display: block;
	background-image: url(../img/navi_over.gif);
	background-repeat: no-repeat;
}
.shinbion {
	height:31px;
	display: block;
	background-image: url(../img/navi2_over.gif);
	background-repeat: no-repeat;
}



.home {
	text-align: right;
	margin-right: 30px;
	padding-top: 15px;
}
/* ---------------------------------------------------------------- *
	フッダー部分
 * ---------------------------------------------------------------- */
#footer {
	background-image: url(../img/foot_bg.gif);
	height: 90px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
.footertxt {
	text-align: center;
	padding-top: 20px;
}
.footerimg {
	padding-left:200px;
}

/* ---------------------------------------------------------------- *
	サムネイル画像
 * ---------------------------------------------------------------- */

.thumbnail {
	background: transparent;
	margin-top: 7px;
	margin-bottom: 7px;
  /* Note：パディングと組み合わせで縁取り自由 */
	padding: 0;
}
/* ---------------------------------------------------------------- *
	サムネイル画像に対するキャプション
 * ---------------------------------------------------------------- */

#thumbslist li p {
	/* マージン設定 */
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 10px;
	/* テキストの行送り */
	line-height: 1.3;
}
