@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

/* 背景設定 */
body {
	background-color: #F4F4F4;
	margin: 10px;
	color: #666666;
	background-image: url(../image/bg_ptn2.png);
	background-repeat: repeat-x;
	background-position: top;
}

/* 全体コンテナ */
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */
#header {
	height: 40px;
	background-color: #FFFFFF;
}

#header .logo { margin-top: 12px; margin-left: 14px; }
#header .menu { float: right; margin-top: 12px; margin-right: 12px; }
#header .menu li { display: inline;}
#header .menu li a { margin-left: 10px; }


/* メインイメージ */
.mainimage {
	background-color: #FFFFFF;
	margin-bottom: 30px;
}


/* コンテンツコンテナ */

#contentscontainer {
	font-size: 105%;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px;
}

#contentscontainer-top {
	font-size: 105%;
	text-align: left;
}

/* コンテンツ */

#contents {
	float: right;
	width: 610px;
	margin-right: 10px;
}

/* サブメニュ */

#side-navi {
	width: 230px;
	float: left;
	position: relative;
}

#side-navi .title {
	line-height: 1;
	height: 30px;
	padding-top: 8px;
	padding-left: 8px;
	font-size: 100%;
}


#top-topics {
	margin-bottom: 30px;
	font-size: 90%;
}

#top-topics li {
	line-height: 25px;
	padding-left:28px;
	background-image: url(../image/icon.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 5px;
}


#top-topics-feed {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 90%;
}

#top-topics-feed a {
	font-size: 110%;
	font-weight: bold;
	margin-right: 15px;
	background-image: url(../image/icon-feed.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left:22px;
	padding-top: 5px;
	line-height: 26px;
}

#top-topics-feed a:hover {
	background-image: url(../image/icon-feed-a.png);
}





#c-submenu {
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #BEBDBE;
}

#c-submenu li a {
	line-height: 32px;
	padding-left:28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: transparent;
	background-image: url(../image/icon.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 5px;
}

#c-submenu li a:hover {
	background-image: url(../image/icon-a.png);
}

#c-submenu .sub {
	margin-left: 30px;
}

#c-submenu .sub li a {
	line-height: 25px;
	padding-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	background-image: none;
	font-size: 90%;
}


.img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
	position: relative;
}

.img-left {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 5px;
	position: relative;
}


#pagetop {
	float: right;
	clear: both;
	font-size: 85%;
	line-height: 1;
	margin-top: 20px;
}

#pagetop li {
	list-style-image: url(../image/icon-pagetop.png);
	padding: 0;
	margin-left: 2em;
}


/* Note：バグ回避*/ 
[id="side-navi"]#side-navi {
  margin-top: 0;
}
html:lang(ja) #side-navi {
  margin-top: 0;
}


#footer {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #628506;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#footer .copy {
	font-size: 80%;
	width: 300px;
	line-height: 1;
}

#footer .menu {
	float: right;
	margin-top: 25px;
}
#footer .menu li {
	display: inline;
}
#footer .menu li a {
	margin-left: 10px;
}


/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */


.c2-l {
	width: 290px;
	float: left;
	margin-right: 30px;
	position: relative;
}

.c2-r {
	width: 290px;
	float: right;
	position: relative;
}

.c2-baum-l {
	width: 145px;
	float: left;
	margin-right: 10px;
	position: relative;
	font-size: 90%;
}

.c2-baum-r {
	width: 145px;
	float: right;
	position: relative;
	font-size: 90%;
}



.boutique-c2-l {
	width: 295px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.boutique-c2-r {
	width: 295px;
	float: right;
	position: relative;
}

.boutique-c3-l {
	width: 190px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.boutique-c3-l2 {
	width: 400px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.boutique-c3-r {
	width: 190px;
	float: right;
	position: relative;
}

.boutique-rank-l {
	width: 210px;
	height: 140px;
	float: left;
	position: relative;
}

.boutique-rank-l2 {
	width: 210px;
	height: 210px;
	float: left;
	position: relative;
}

.boutique-rank-r {
	width: 380px;
	height: 140px;
	float: right;
	position: relative;
	background-image: url(../boutique-kenchou/bg-rank.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 20px;
}

.boutique-rank-r2 {
	width: 380px;
	height: 210px;
	float: right;
	position: relative;
	background-image: url(../boutique-kenchou/bg-rank.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 20px;
}

.boutique-rank-r p {
	padding-right: 10px;
	line-height: 1.5;
}


.les-menu-l {
	width: 294px;
	float: left;
	margin-right: 10px;
	position: relative;
}

.les-menu-r {
	width: 294px;
	float: right;
	position: relative;
}



.underline-dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}



#boutique-menu .c2-l {
	width: 300px;
	float: left;
	margin-right: 10px;
	position: relative;
}

#boutique-menu .c2-r {
	width: 300px;
	float: right;
	position: relative;
}


#boutique-menu a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}




/* ---------------------------------------------------------------- *
	フォトギャラリー用
 * ---------------------------------------------------------------- */

#photo-g {
	width: 610px;
}

#photo-g #margin-10 li {
	display: inline;
	margin-right: 10px;
	line-height: 1;
	float: left;
}

#photo-g #margin0 li {
	display: inline;
	line-height: 1;
	margin: 0px;
}