@charset "UTF-8";

/* CSS Document */

/* Reset CSS */
body { margin:0 auto; text-align:center; background:url(../../img/bg.jpg) top repeat-y;  background-color:#D7B2BA; }

/* Font Setting */
body { font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Myriad, Arial, Helvetica, sans-serif; line-height:1.5; font-size:75%; color:#000; }/* for IE 1em=10px */
html>/**/body { font-size:12px; }/* Except IE 6 */
table {	font-size:1em;	}

/* Link Setting */
a:link { color:#333; text-decoration:none; }
a:visited { color:#666; text-decoration:none; }
a:hover, a:visited:hover { color:#666; text-decoration:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; -moz-opacity:0.7; opacity:0.7; }
a:active { color:#333; text-decoration:none; }
a img { border: none; }

.m_t10 {margin-top:10px;}
.m_b40 {margin-bottom:40px;}


/*
===== 1: WRAP ===========================================
*/
body > #wrapAll { height:auto; }
#wrapAll { width:100%; height:100%; min-height:100%; text-align:left; }
* html #wrapAll { height:auto; }
#wrap { width:870px; margin:0 auto; text-align:left; padding:0; }
* html #wrap { padding-bottom:0; }
*:first-child+html #wrap { padding-bottom:0; }/*Hack for IE7*/


/*
===== 2: HEADER ==========================================
*/

#switch {
	float:right; 
	width:177px;
	margin: 0;
	padding:10px 0;
	text-indent:-9999px;
	clear:both; 
}
#switch ul { 
	margin: 0; 
	padding :0; 
	list-style-type : none; 
}
#switch li { 
	display : inline; 
	height:16px;
	padding :5px 10px; 
	margin:0;
	float:left; 
	border-right: 1px solid #000;
}
#switch li.last {
	padding-right:0;
	border-right:none;
}

#switch #b_jpn a {
	background:url(../../img/b_switch.gif) no-repeat #fff;
	background-position:0px 0px;
	width:34px; 
	height:17px;
	margin:0; 
	padding:0;
	display:block;
}
#switch #b_frn a {
	background:url(../../img/b_switch.gif) no-repeat #fff;
	background-position:-53px 0px;
	width:40px; 
	height:17px;
	margin:0; 
	padding:0;
	display:block;
}
#switch #b_eng a {
	background:url(../../img/b_switch.gif) no-repeat #fff;
	background-position:-112px 0px;
	width:41px; 
	height:17px;
	margin:0; 
	padding:0;
	display:block;
}

#header h1 { 
	margin:0 auto;
	padding:0;
	width:870px;
	height:240px;
	display:block;
	overflow:hidden;
	background:url(../../img/head_h.jpg) top no-repeat;
	text-indent:-9999px;
	clear:both; 
}

/* 2階層目：
==================================== */

#header #title { 
	margin:0 auto;
	padding:0;
	width:870px;
	height:150px;
	display:block;
	overflow:hidden;
	background:url(../../img/head_s.jpg) top no-repeat;
	text-indent:-9999px;
	clear:both; 
}



/*
===== 3: FOOTER ==========================================
*/

.ln_h870 {
	background: url(../../img/ln_h870_bk.gif) top center no-repeat;
	height: 1px;
	border: 0px none;
	clear:both; 
}

#footerWrap { clear:both; width:100%; padding:20px 0; text-align:center; }

#footer { width:810px; height:20px; margin:0 auto; }
#footer ul { list-style:none; margin:0; padding:0;  }
#footer ul li { float:left; padding:0 15px; border-right:solid 1px #000; }
#footer li.last { padding-right:0; border-right:none; }

#copyright { margin:0 auto;}

* html #footerWrap,
* html #footerPop { position:relative; }/*Hack for IE6*/
*:first-child+html #footerWrap,
*:first-child+html #footerPop { position:relative; }/*Hack for IE7*/


/*
===== 4: CONTAINER =======================================
*/

#containerWrap { width:100%; text-align:left;}
#container { width:810px; margin:0 auto; padding:0; }

#container h2 {
	display:block;
	width:540px;
	height:300px;
	margin:30px 0 20px;
	padding:0;
	float:left; 
	overflow:hidden;
	background:url(../img/image.jpg) top left no-repeat;
	text-indent:-9999px;
}

#shopping {
	display:block;
	width:210px;
	height:300px;
	margin:30px 0 20px;
	padding:0;
	float:right; 
	overflow:hidden;
}

#shopping p, #container h3 p {
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:-9999px;
}

h3 img {
	padding:40px 0 0;
}

.member {
	width:140px;
	padding:0 30px;
	float:left; 
	background:url(../../img/ln_v300.gif) top left no-repeat;
	text-align:center ;
	min-height:300px;
}
	
.member2 {
	width:300px;
	padding:0 30px;
	float:left; 
	background:url(../../img/ln_v300.gif) top left no-repeat;
	text-align:center ;
	min-height:300px;
	}

.member_l {
	width:6px;
	height:300px;
	float:left; 
	background:url(../../img/ln_v300.gif) top left no-repeat;
}
.member p {
	margin:5px 0;
	padding:5px 0;
}

.name_t {
	font-size:11px;
}

.name {
	font-weight:bold; 
}


/* 2階層目：
==================================== */

/* 運営会社 */
#Company #container h1 {
	display:block;
	width:810px;
	height:50px;
	margin:30px 0 20px;
	padding:0;
	overflow:hidden;
	background:url(../img/tt_company.gif) top left no-repeat;
	text-indent:-9999px;
}
#Company #container ul { list-style:none; margin:0; padding:0;  }
#Company #container ul li { margin:15px 0; padding:5px; border-bottom:dotted 1px #666; }
#Company #container .spec_t { display:block; width:120px; float:left; color:#780019;}

/* 特定商取引法に基づく表記 */
#Rules #container h1 {
	display:block;
	width:810px;
	height:50px;
	margin:30px 0 20px;
	padding:0;
	overflow:hidden;
	background:url(../img/tt_rules.gif) top left no-repeat;
	text-indent:-9999px;
}
#Rules #container ul { list-style:none; margin:0; padding:0;  }
#Rules #container ul li { margin:15px 0; padding:5px; border-bottom:dotted 1px #666; }
#Rules #container .spec_t { display:block; width:190px; float:left; color:#780019; }
#Rules #container .spec { display:block; width:600px; margin-left:190px; }


/* プライバシー・ポリシー */
#Privacy #container h1 {
	display:block;
	width:810px;
	height:50px;
	margin:30px 0 20px;
	padding:0;
	overflow:hidden;
	background:url(../img/tt_privacy.gif) top left no-repeat;
	text-indent:-9999px;
}
#Privacy #container dl { margin-top:0px; }
#Privacy #container dt {
	font-weight:700;
	margin:15px 0px 5px 0px;
	color:#780019;
}
#Privacy #container dd {
	margin-left:23px;
	margin-bottom:10px;
}

#Privacy #container .policy { padding:0px 20px 20px 20px; }
#Privacy #container .policy li { margin-bottom:10px; }
#Privacy #container .policy ol ol li { margin-left:-20px; }


/* リンク */
#Link #container h1 {
	display:block;
	width:810px;
	height:50px;
	margin:30px 0 20px;
	padding:0;
	overflow:hidden;
	background:url(../img/tt_link.gif) top left no-repeat;
	text-indent:-9999px;
}
#Link #container ul { list-style:none; margin:0; padding:0;  }
#Link #container ul li { margin:15px 0; padding:5px; border-bottom:dotted 1px #666; }
#Link #container .url { margin-left:30px; padding:0; }

#Link #container .spec_t { color:#780019;}



/* 作家紹介 */
#Introduce #container h1 {
	display:block;
	width:810px;
	height:50px;
	margin:30px 0 20px;
	padding:0;
	overflow:hidden;
	background:url(../img/tt_introduce.gif) top left no-repeat;
	text-indent:-9999px;
}
#Introduce #container .intro { font-size:14px; color:#780019; font-weight:bold; margin:15px 0; }
#Introduce #container ul { list-style:none; margin:0; padding:0;  }
#Introduce #container ul li { margin:15px 0; padding:5px; border-bottom:dotted 1px #666; }
#Introduce #container .spec_t { display:block; width:80px; float:left; color:#780019;}
#Introduce #container .spec2 { margin-left:80px; }
#Introduce #container .text { line-height:1.8; }